html {
  -webkit-text-size-adjust: 100%;
   }
body {
  margin: 0; }
h1 {
  font-size: 2em;
  margin: 0.67em 0; }
hr {
  box-sizing: content-box;
  
  height: 0;
  
  overflow: visible;
   }
pre {
  font-family: monospace, monospace;
  
  font-size: 1em;
   }
abbr[title] {
  border-bottom: none;
  
  text-decoration: underline;
  
  
  text-decoration: underline dotted;
   }
b,
strong {
  font-weight: bolder; }
code,
kbd,
samp {
  font-family: monospace, monospace;
  
  font-size: 1em;
   }
small {
  font-size: 80%; }
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }
sub {
  bottom: -0.25em; }
sup {
  top: -0.5em; }
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  
  font-size: 100%;
  
  margin: 0;
   }
button,
input {
  
  overflow: visible; }
button,
select {
  
  text-transform: none; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }
fieldset {
  padding: 0.35em 0.75em 0.625em; }
legend {
  box-sizing: border-box;
  
  color: inherit;
  
  display: table;
  
  max-width: 100%;
  
  padding: 0;
  
  white-space: normal;
   }
progress {
  vertical-align: baseline; }
textarea {
  overflow: auto; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }
[type="search"] {
  -webkit-appearance: textfield;
  
  outline-offset: -2px;
   }
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }
::-webkit-file-upload-button {
  -webkit-appearance: button;
  
  font: inherit;
   }
details {
  display: block; }
summary {
  display: list-item; }
template {
  display: none; }
[data-bind*="ojComponent"]:not(.oj-component-initnode) {
  visibility: hidden; }
.oj-theme-json {
  font-family: '{"name":"alta","targetPlatform":"web"}'; }
.oj-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
.oj-helper-clearfix:before, .oj-helper-clearfix:after {
  content: " ";
  display: table; }
.oj-helper-clearfix:after {
  clear: both; }
.oj-helper-detect-expansion,
.oj-helper-detect-contraction {
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  direction: ltr; }
.oj-helper-hidden {
  display: none !important; }
.oj-helper-text-align-start {
  text-align: left !important; }
  html[dir="rtl"] .oj-helper-text-align-start {
    text-align: right !important; }
.oj-helper-text-align-end {
  text-align: right !important; }
  html[dir="rtl"] .oj-helper-text-align-end {
    text-align: left !important; }
html:not([dir="rtl"]) .oj-helper-margin-start-auto {
  margin-left: auto; }
html[dir="rtl"] .oj-helper-margin-start-auto {
  margin-right: auto; }
html:not([dir="rtl"]) .oj-helper-margin-end-auto {
  margin-right: auto; }
html[dir="rtl"] .oj-helper-margin-end-auto {
  margin-left: auto; }
.oj-helper-text-align-right {
  text-align: right !important; }
.oj-helper-text-align-left {
  text-align: left !important; }
.oj-helper-module-cache {
  position: absolute;
  display: none; }
.oj-focus-config {
  font-family: '{"focusHighlightPolicy":"nonPointer"}'; }
.oj-helper-justify-content-flex-start {
  justify-content: flex-start !important; }
.oj-helper-justify-content-flex-end {
  justify-content: flex-end !important; }
.oj-helper-justify-content-center {
  justify-content: center !important; }
.oj-helper-justify-content-space-between {
  justify-content: space-between !important; }
.oj-helper-justify-content-space-around {
  justify-content: space-around !important; }
html:not([dir="rtl"]) .oj-helper-justify-content-right {
  justify-content: flex-end !important; }
html[dir="rtl"] .oj-helper-justify-content-right {
  justify-content: flex-start !important; }
html:not([dir="rtl"]) .oj-helper-justify-content-left {
  justify-content: flex-start !important; }
html[dir="rtl"] .oj-helper-justify-content-left {
  justify-content: flex-end !important; }
:root {
  --oj-brand-color-light5: #e8f3fa;
  --oj-brand-color-light4: #e1eff8;
  --oj-brand-color-light3: #d7eaf6;
  --oj-brand-color-light2: #b3d7ee;
  --oj-brand-color-light1: #76b8e1;
  --oj-brand-color: #027bc7;
  --oj-brand-color-dark1: #02629f;
  --oj-brand-color-dark2: #014a77;
  --oj-neutral-color1: white;
  --oj-neutral-color2: #fcfcfd;
  --oj-neutral-color3: #fafafa;
  --oj-neutral-color4: #f7f7f8;
  --oj-neutral-color5: #f2f2f3;
  --oj-neutral-color6: #ededee;
  --oj-neutral-color7: #e5e6e6;
  --oj-neutral-color8: #e0e1e1;
  --oj-neutral-color9: #cbcccd;
  --oj-neutral-color10: #c6c7c8;
  --oj-neutral-color11: #b1b3b4;
  --oj-neutral-color12: #8a8d8f;
  --oj-neutral-color13: #707375;
  --oj-neutral-color14: #4b4d4e;
  --oj-neutral-color15: #323334;
  --oj-neutral-color16: #252627;
  --oj-neutral-color17: black;
  --oj-contrast-background-1-color: #323334;
  --oj-font-size: 1rem;
  --oj-smallest-font-size: 0.78571rem;
  --oj-small-font-size: 0.85714rem;
  --oj-medium-font-size: 1.14286rem;
  --oj-large-font-size: 1.28571rem;
  --oj-largest-font-size: 1.42857rem;
  --oj-text-color: rgba(0, 0, 0, 0.8);
  --oj-primary-text-color: black;
  --oj-secondary-text-color: rgba(0, 0, 0, 0.7);
  --oj-tertiary-text-color: rgba(0, 0, 0, 0.55);
  --oj-contrast-text-color: white;
  --oj-text-color-disabled: rgba(0, 0, 0, 0.38);
  --oj-form-control-label-color: rgba(0, 0, 0, 0.6);
  --oj-link-text-color: #02629f;
  --oj-link-text-color-active: #014a77;
  --oj-link-text-color-visited: #02629f;
  --oj-link-text-color-disabled: rgba(0, 0, 0, 0.38);
  --oj-link-text-decoration: none;
  --oj-link-text-decoration-hover: underline;
  --oj-link-font-weight-active: normal;
  --oj-link-bg-color-active: transparent;
  --oj-icon-color: rgba(0, 0, 0, 0.8);
  --oj-icon-color-default: #8a8d8f;
  --oj-icon-color-hover: #76b8e1;
  --oj-icon-color-active: #027bc7;
  --oj-icon-color-selected: #027bc7;
  --oj-icon-color-disabled: #cbcccd;
  --oj-drop-target-1-color: #d9f4fa;
  --oj-drop-target-2-color: #c2eaf3;
  --oj-color-required: #02629f; }
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875em; }
body {
  background-repeat: repeat;
  background-position: top left;
  background-image: none;
  color: rgba(0, 0, 0, 0.8);
  background-color: white;
  touch-action: manipulation; }
a {
  color: #02629f;
  text-decoration: none;
  line-height: inherit; }
a:visited {
  color: #02629f; }
a:hover, a:focus {
  text-decoration: underline; }
a:active {
  color: #014a77;
  font-weight: normal;
  background-color: transparent;
  border-radius: 1px; }
a.oj-disabled {
  color: rgba(0, 0, 0, 0.38);
  opacity: 1;
  cursor: default;
  text-decoration: none; }
h1, h2, h3, h4, h5 {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-family: inherit;
  font-style: normal;
  margin: 8px 0;
  padding: 0 0 2px; }
h1 {
  font-size: 2.42857rem;
  font-weight: 200; }
h2 {
  font-size: 1.71429rem;
  font-weight: 300; }
h3 {
  font-size: 1.42857rem;
  font-weight: 300; }
h4 {
  font-size: 1.28571rem;
  font-weight: 400; }
h5 {
  font-size: 1.14286rem;
  font-weight: 400; }
hr {
  border: solid #e5e6e6;
  border-width: 1px 0 0;
  margin: 7px 0; }
p {
  margin: 0 0 12px 0; }
.oj-header-border {
  border: solid #e5e6e6;
  border-width: 0 0 1px;
  padding: 0 0 7px; }
@font-face {
  font-family: "Segoe UI";
  font-weight: 100;
  src: local("Segoe UI Light"); }
@font-face {
  font-family: "Segoe UI";
  font-weight: 200;
  src: local("Segoe UI Semilight"), local("Segoe UI Light"); }
@font-face {
  font-family: "Segoe UI";
  font-weight: 300;
  src: local("Segoe UI Semilight"), local("Segoe UI Light"); }
@font-face {
  font-family: "Segoe UI";
  font-weight: 400;
  src: local("Segoe UI"); }
@font-face {
  font-family: "Segoe UI";
  font-weight: 500;
  src: local("Segoe UI Semibold"); }
@font-face {
  font-family: "Segoe UI";
  font-weight: 600;
  src: local("Segoe UI Semibold"); }
@font-face {
  font-family: "Segoe UI";
  font-weight: 700;
  src: local("Segoe UI Bold"); }
@font-face {
  font-family: "Segoe UI";
  font-weight: 800;
  src: local("Segoe UI Bold"); }
@font-face {
  font-family: "Segoe UI";
  font-weight: 900;
  src: local("Segoe UI Bold"); }
@font-face {
  font-family: "Arial";
  font-weight: 100;
  src: local("sans-serif-thin"), local("Arial"); }
@font-face {
  font-family: "Arial";
  font-weight: 200;
  src: local("sans-serif-thin"), local("Arial"); }
@font-face {
  font-family: "Arial";
  font-weight: 300;
  src: local("sans-serif-light"), local("Arial"); }
@font-face {
  font-family: "Arial";
  font-weight: 400;
  src: local("sans-serif-regular"), local("Arial"); }
@font-face {
  font-family: "Arial";
  font-weight: 500;
  src: local("sans-serif-medium"), local("Arial"); }
@font-face {
  font-family: "Arial";
  font-weight: 600;
  src: local("sans-serif-medium"), local("Arial"); }
@font-face {
  font-family: "Arial";
  font-weight: 700;
  src: local("sans-serif-bold"), local("Arial Bold"); }
@font-face {
  font-family: "Arial";
  font-weight: 800;
  src: local("sans-serif-bold"), local("Arial Bold"); }
@font-face {
  font-family: "Arial";
  font-weight: 900;
  src: local("sans-serif-bold"), local("Arial Bold"); }
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 100;
  src: local("HelveticaNeue-Ultralight"); }
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 200;
  src: local("HelveticaNeue-Thin"); }
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 300;
  src: local("HelveticaNeue-Light"); }
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 400;
  src: local("Helvetica Neue"); }
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 500;
  src: local("HelveticaNeue-Medium"); }
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 600;
  src: local("HelveticaNeue-Medium"); }
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 700;
  src: local("HelveticaNeue-Bold"); }
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 800;
  src: local("Helvetica-Bold"); }
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 900;
  src: local("Helvetica-Bold"); }
ul, ol {
  margin: 12px 0;
  padding-left: 40px; }
ul ul, ul ol, ol ul, ol ol {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 30px; }
ul li, ol li {
  line-height: 1.25; }
.oj-text-xs {
  font-size: 0.78571rem; }
.oj-text-sm {
  font-size: 0.85714rem; }
.oj-text-primary-color {
  color: black; }
.oj-text-secondary-color {
  color: rgba(0, 0, 0, 0.7); }
.oj-text-tertiary-color {
  color: rgba(0, 0, 0, 0.55); }
.oj-text-disabled-color {
  color: rgba(0, 0, 0, 0.38); }
.oj-contrast-marker .oj-contrast-background,
.oj-contrast-marker.oj-contrast-background {
  background-color: #323334;
  color: white; }
.oj-margin {
  margin: 10px; }
.oj-margin-horizontal {
  margin-left: 10px;
  margin-right: 10px; }
.oj-margin-vertical {
  margin-top: 10px;
  margin-bottom: 10px; }
.oj-margin-top {
  margin-top: 10px; }
.oj-margin-bottom {
  margin-bottom: 10px; }
html:not([dir="rtl"]) .oj-margin-start {
  margin-left: 10px; }
html[dir="rtl"] .oj-margin-start {
  margin-right: 10px; }
html:not([dir="rtl"]) .oj-margin-end {
  margin-right: 10px; }
html[dir="rtl"] .oj-margin-end {
  margin-left: 10px; }
.oj-margin-lg {
  margin: 20px; }
.oj-margin-lg-horizontal {
  margin-left: 20px;
  margin-right: 20px; }
.oj-margin-lg-vertical {
  margin-top: 20px;
  margin-bottom: 20px; }
.oj-margin-lg-top {
  margin-top: 20px; }
.oj-margin-lg-bottom {
  margin-bottom: 20px; }
html:not([dir="rtl"]) .oj-margin-lg-start {
  margin-left: 20px; }
html[dir="rtl"] .oj-margin-lg-start {
  margin-right: 20px; }
html:not([dir="rtl"]) .oj-margin-lg-end {
  margin-right: 20px; }
html[dir="rtl"] .oj-margin-lg-end {
  margin-left: 20px; }
.oj-padding {
  padding: 10px; }
.oj-padding-horizontal {
  padding-left: 10px;
  padding-right: 10px; }
.oj-padding-vertical {
  padding-top: 10px;
  padding-bottom: 10px; }
.oj-padding-top {
  padding-top: 10px; }
.oj-padding-bottom {
  padding-bottom: 10px; }
html:not([dir="rtl"]) .oj-padding-start {
  padding-left: 10px; }
html[dir="rtl"] .oj-padding-start {
  padding-right: 10px; }
html:not([dir="rtl"]) .oj-padding-end {
  padding-right: 10px; }
html[dir="rtl"] .oj-padding-end {
  padding-left: 10px; }
.oj-padding-lg {
  padding: 20px; }
.oj-padding-lg-horizontal {
  padding-left: 20px;
  padding-right: 20px; }
.oj-padding-lg-vertical {
  padding-top: 20px;
  padding-bottom: 20px; }
.oj-padding-lg-top {
  padding-top: 20px; }
.oj-padding-lg-bottom {
  padding-bottom: 20px; }
html:not([dir="rtl"]) .oj-padding-lg-start {
  padding-left: 20px; }
html[dir="rtl"] .oj-padding-lg-start {
  padding-right: 20px; }
html:not([dir="rtl"]) .oj-padding-lg-end {
  padding-right: 20px; }
html[dir="rtl"] .oj-padding-lg-end {
  padding-left: 20px; }
.oj-fwk-icon-document, .oj-tree-leaf:not(.oj-tree-type) a .oj-tree-node-icon, .oj-treeview-leaf > .oj-treeview-item-content > .oj-treeview-item-icon {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -2px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-document, .oj-hicontrast .oj-tree-leaf:not(.oj-tree-type) a .oj-tree-node-icon, .oj-tree-leaf:not(.oj-tree-type) a .oj-hicontrast .oj-tree-node-icon, .oj-hicontrast .oj-treeview-leaf > .oj-treeview-item-content > .oj-treeview-item-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-document:before, .oj-hicontrast .oj-tree-leaf:not(.oj-tree-type) a .oj-tree-node-icon:before, .oj-tree-leaf:not(.oj-tree-type) a .oj-hicontrast .oj-tree-node-icon:before, .oj-hicontrast .oj-treeview-leaf > .oj-treeview-item-content > .oj-treeview-item-icon:before {
  content: url("../common/images/document.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-document, .oj-tree-leaf:not(.oj-tree-type) a .oj-tree-node-icon, .oj-treeview-leaf > .oj-treeview-item-content > .oj-treeview-item-icon {
    background-image: none; }
  .oj-fwk-icon-document:before, .oj-tree-leaf:not(.oj-tree-type) a .oj-tree-node-icon:before, .oj-treeview-leaf > .oj-treeview-item-content > .oj-treeview-item-icon:before {
    content: url("../common/images/document.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-folder-collapsed, .oj-collapsed:not(.oj-tree-type) > a .oj-tree-node-icon, .oj-collapsed > .oj-treeview-item-content > .oj-treeview-item-icon {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -22px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-folder-collapsed, .oj-hicontrast .oj-collapsed:not(.oj-tree-type) > a .oj-tree-node-icon, .oj-collapsed:not(.oj-tree-type) > a .oj-hicontrast .oj-tree-node-icon, .oj-hicontrast .oj-collapsed > .oj-treeview-item-content > .oj-treeview-item-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-folder-collapsed:before, .oj-hicontrast .oj-collapsed:not(.oj-tree-type) > a .oj-tree-node-icon:before, .oj-collapsed:not(.oj-tree-type) > a .oj-hicontrast .oj-tree-node-icon:before, .oj-hicontrast .oj-collapsed > .oj-treeview-item-content > .oj-treeview-item-icon:before {
  content: url("../common/images/folder_collapsed.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-folder-collapsed, .oj-collapsed:not(.oj-tree-type) > a .oj-tree-node-icon, .oj-collapsed > .oj-treeview-item-content > .oj-treeview-item-icon {
    background-image: none; }
  .oj-fwk-icon-folder-collapsed:before, .oj-collapsed:not(.oj-tree-type) > a .oj-tree-node-icon:before, .oj-collapsed > .oj-treeview-item-content > .oj-treeview-item-icon:before {
    content: url("../common/images/folder_collapsed.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-folder-open, .oj-expanded:not(.oj-tree-type) > a .oj-tree-node-icon, .oj-expanded > .oj-treeview-item-content > .oj-treeview-item-icon {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -42px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-folder-open, .oj-hicontrast .oj-expanded:not(.oj-tree-type) > a .oj-tree-node-icon, .oj-expanded:not(.oj-tree-type) > a .oj-hicontrast .oj-tree-node-icon, .oj-hicontrast .oj-expanded > .oj-treeview-item-content > .oj-treeview-item-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-folder-open:before, .oj-hicontrast .oj-expanded:not(.oj-tree-type) > a .oj-tree-node-icon:before, .oj-expanded:not(.oj-tree-type) > a .oj-hicontrast .oj-tree-node-icon:before, .oj-hicontrast .oj-expanded > .oj-treeview-item-content > .oj-treeview-item-icon:before {
  content: url("../common/images/folder_open.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-folder-open, .oj-expanded:not(.oj-tree-type) > a .oj-tree-node-icon, .oj-expanded > .oj-treeview-item-content > .oj-treeview-item-icon {
    background-image: none; }
  .oj-fwk-icon-folder-open:before, .oj-expanded:not(.oj-tree-type) > a .oj-tree-node-icon:before, .oj-expanded > .oj-treeview-item-content > .oj-treeview-item-icon:before {
    content: url("../common/images/folder_open.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-group-avatar, .oj-avatar-group-image .oj-avatar-placeholder {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -62px -2px;
  width: 32px;
  height: 32px; }
.oj-hicontrast .oj-fwk-icon-group-avatar, .oj-hicontrast .oj-avatar-group-image .oj-avatar-placeholder, .oj-avatar-group-image .oj-hicontrast .oj-avatar-placeholder {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-group-avatar:before, .oj-hicontrast .oj-avatar-group-image .oj-avatar-placeholder:before, .oj-avatar-group-image .oj-hicontrast .oj-avatar-placeholder:before {
  content: url("../common/images/group_avatar.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-group-avatar, .oj-avatar-group-image .oj-avatar-placeholder {
    background-image: none; }
  .oj-fwk-icon-group-avatar:before, .oj-avatar-group-image .oj-avatar-placeholder:before {
    content: url("../common/images/group_avatar.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-none {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -98px -2px;
  width: 48px;
  height: 48px; }
.oj-hicontrast .oj-fwk-icon-none {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-none:before {
  content: url("../common/images/none.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-none {
    background-image: none; }
  .oj-fwk-icon-none:before {
    content: url("../common/images/none.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-person-avatar, .oj-avatar-placeholder {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -150px -2px;
  width: 32px;
  height: 32px; }
.oj-hicontrast .oj-fwk-icon-person-avatar, .oj-hicontrast .oj-avatar-placeholder {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-person-avatar:before, .oj-hicontrast .oj-avatar-placeholder:before {
  content: url("../common/images/person_avatar.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-person-avatar, .oj-avatar-placeholder {
    background-image: none; }
  .oj-fwk-icon-person-avatar:before, .oj-avatar-placeholder:before {
    content: url("../common/images/person_avatar.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-confirmation, .oj-message-status-icon.oj-message-confirmation-icon, .oj-progressstatus-done-icon {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -186px -2px;
  width: 20px;
  height: 20px; }
.oj-hicontrast .oj-fwk-icon-status-confirmation, .oj-hicontrast .oj-message-status-icon.oj-message-confirmation-icon, .oj-hicontrast .oj-progressstatus-done-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-confirmation:before, .oj-hicontrast .oj-message-status-icon.oj-message-confirmation-icon:before, .oj-hicontrast .oj-progressstatus-done-icon:before {
  content: url("../common/images/status_confirmation.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-confirmation, .oj-message-status-icon.oj-message-confirmation-icon, .oj-progressstatus-done-icon {
    background-image: none; }
  .oj-fwk-icon-status-confirmation:before, .oj-message-status-icon.oj-message-confirmation-icon:before, .oj-progressstatus-done-icon:before {
    content: url("../common/images/status_confirmation.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-confirmation2 {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -210px -2px;
  width: 9px;
  height: 9px; }
.oj-hicontrast .oj-fwk-icon-status-confirmation2 {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-confirmation2:before {
  content: url("../common/images/status_confirmation2.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-confirmation2 {
    background-image: none; }
  .oj-fwk-icon-status-confirmation2:before {
    content: url("../common/images/status_confirmation2.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-error, .oj-message-status-icon.oj-message-error-icon, .oj-progressstatus-error-icon {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -223px -2px;
  width: 20px;
  height: 20px; }
.oj-hicontrast .oj-fwk-icon-status-error, .oj-hicontrast .oj-message-status-icon.oj-message-error-icon, .oj-hicontrast .oj-progressstatus-error-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-error:before, .oj-hicontrast .oj-message-status-icon.oj-message-error-icon:before, .oj-hicontrast .oj-progressstatus-error-icon:before {
  content: url("../common/images/status_error.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-error, .oj-message-status-icon.oj-message-error-icon, .oj-progressstatus-error-icon {
    background-image: none; }
  .oj-fwk-icon-status-error:before, .oj-message-status-icon.oj-message-error-icon:before, .oj-progressstatus-error-icon:before {
    content: url("../common/images/status_error.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-error2 {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -247px -2px;
  width: 9px;
  height: 9px; }
.oj-hicontrast .oj-fwk-icon-status-error2 {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-error2:before {
  content: url("../common/images/status_error2.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-error2 {
    background-image: none; }
  .oj-fwk-icon-status-error2:before {
    content: url("../common/images/status_error2.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-info, .oj-message-status-icon.oj-message-info-icon {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -260px -2px;
  width: 20px;
  height: 20px; }
.oj-hicontrast .oj-fwk-icon-status-info, .oj-hicontrast .oj-message-status-icon.oj-message-info-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-info:before, .oj-hicontrast .oj-message-status-icon.oj-message-info-icon:before {
  content: url("../common/images/status_info.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-info, .oj-message-status-icon.oj-message-info-icon {
    background-image: none; }
  .oj-fwk-icon-status-info:before, .oj-message-status-icon.oj-message-info-icon:before {
    content: url("../common/images/status_info.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-info2 {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -284px -2px;
  width: 9px;
  height: 9px; }
.oj-hicontrast .oj-fwk-icon-status-info2 {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-info2:before {
  content: url("../common/images/status_info2.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-info2 {
    background-image: none; }
  .oj-fwk-icon-status-info2:before {
    content: url("../common/images/status_info2.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-warning, .oj-message-status-icon.oj-message-warning-icon {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -297px -2px;
  width: 20px;
  height: 20px; }
.oj-hicontrast .oj-fwk-icon-status-warning, .oj-hicontrast .oj-message-status-icon.oj-message-warning-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-warning:before, .oj-hicontrast .oj-message-status-icon.oj-message-warning-icon:before {
  content: url("../common/images/status_warning.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-warning, .oj-message-status-icon.oj-message-warning-icon {
    background-image: none; }
  .oj-fwk-icon-status-warning:before, .oj-message-status-icon.oj-message-warning-icon:before {
    content: url("../common/images/status_warning.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-warning2 {
  background-image: url("../common/images/sprites/sprite.svg");
  background-size: 332px 52px;
  background-position: -321px -2px;
  width: 9px;
  height: 9px; }
.oj-hicontrast .oj-fwk-icon-status-warning2 {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-warning2:before {
  content: url("../common/images/status_warning2.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-warning2 {
    background-image: none; }
  .oj-fwk-icon-status-warning2:before {
    content: url("../common/images/status_warning2.svg");
    width: 100%;
    height: 100%; } }
@font-face {
  font-family: 'Alta Icon Font';
  src: url("fonts/JetFW_iconfont.woff") format("woff"); }
.oj-fwk-icon, .oj-panel-drag-icon, .oj-panel-expand-icon, .oj-panel-collapse-icon, .oj-panel-remove-icon, .oj-listview-drag-handle, .oj-web-applayout-offcanvas-icon, .oj-progressstatus-cancel-icon,
.oj-component-icon,
.oj-popup-tail.oj-popup-tail-simple {
  font-family: "Alta Icon Font";
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  font-weight: normal;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  box-sizing: content-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .oj-fwk-icon:before, .oj-panel-drag-icon:before, .oj-panel-expand-icon:before, .oj-panel-collapse-icon:before, .oj-panel-remove-icon:before, .oj-listview-drag-handle:before, .oj-web-applayout-offcanvas-icon:before, .oj-progressstatus-cancel-icon:before,
  .oj-component-icon:before,
  .oj-popup-tail.oj-popup-tail-simple:before {
    display: inline-block; }
.oj-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  overflow: hidden;
  direction: ltr;
  text-align: center;
  box-sizing: content-box; }
  .oj-icon:before {
    display: inline-block;
    box-sizing: content-box; }
a .oj-clickable-icon,
a.oj-clickable-icon,
a.oj-clickable-icon-nocontext {
  font-weight: normal; }
a .oj-clickable-icon,
a.oj-clickable-icon,
a.oj-clickable-icon-nocontext,
a:visited .oj-clickable-icon,
a:visited.oj-clickable-icon,
a:visited.oj-clickable-icon-nocontext,
.oj-default .oj-clickable-icon,
.oj-default.oj-clickable-icon,
.oj-default.oj-clickable-icon-nocontext {
  color: #8a8d8f; }
a:hover .oj-clickable-icon,
a:hover.oj-clickable-icon,
a:hover.oj-clickable-icon-nocontext,
.oj-hover .oj-clickable-icon,
.oj-hover.oj-clickable-icon,
.oj-hover.oj-clickable-icon-nocontext {
  color: #76b8e1; }
a:active .oj-clickable-icon,
a:active.oj-clickable-icon,
a:active.oj-clickable-icon-nocontext,
.oj-active .oj-clickable-icon,
.oj-active.oj-clickable-icon,
.oj-active.oj-clickable-icon-nocontext {
  color: #027bc7; }
a.oj-selected .oj-clickable-icon,
a.oj-selected.oj-clickable-icon,
a.oj-selected.oj-clickable-icon-nocontext,
.oj-selected .oj-clickable-icon,
.oj-selected.oj-clickable-icon,
.oj-selected.oj-clickable-icon-nocontext {
  color: #027bc7; }
a.oj-disabled .oj-clickable-icon,
a.oj-disabled.oj-clickable-icon,
a.oj-disabled.oj-clickable-icon-nocontext,
.oj-disabled .oj-clickable-icon,
.oj-disabled a .oj-clickable-icon,
.oj-disabled.oj-clickable-icon,
.oj-disabled.oj-clickable-icon-nocontext {
  color: #cbcccd;
  opacity: 1; }
.oj-fwk-icon-load:before, .oj-tree-loading .oj-tree-icon:before,
.oj-collapsed a.oj-tree-loading > .oj-tree-node-icon.oj-tree-icon:before, .oj-rowexpander-lazyload-icon:before, .oj-listview-expanding-icon:before {
  content: url("../common/images/node_anim.gif"); }
.oj-fwk-icon-status-confirmation, .oj-message-status-icon.oj-message-confirmation-icon, .oj-progressstatus-done-icon,
.oj-fwk-icon-status-info,
.oj-message-status-icon.oj-message-info-icon,
.oj-fwk-icon-status-warning,
.oj-message-status-icon.oj-message-warning-icon,
.oj-fwk-icon-status-error,
.oj-message-status-icon.oj-message-error-icon,
.oj-progressstatus-error-icon,
.oj-fwk-icon-folder-open,
.oj-expanded:not(.oj-tree-type) > a .oj-tree-node-icon,
.oj-expanded > .oj-treeview-item-content > .oj-treeview-item-icon,
.oj-fwk-icon-folder-collapsed,
.oj-collapsed:not(.oj-tree-type) > a .oj-tree-node-icon,
.oj-collapsed > .oj-treeview-item-content > .oj-treeview-item-icon,
.oj-fwk-icon-document,
.oj-tree-leaf:not(.oj-tree-type) a .oj-tree-node-icon,
.oj-treeview-leaf > .oj-treeview-item-content > .oj-treeview-item-icon {
  font-size: 16px; }
.oj-fwk-icon-status-error2,
.oj-fwk-icon-status-warning2,
.oj-fwk-icon-status-info2,
.oj-fwk-icon-status-confirmation2 {
  font-size: 9px; }
.oj-fwk-icon-cross:before, .oj-panel-remove-icon:before, .oj-tabbar-remove-icon:before, .oj-combobox-clear-entry-icon:before, .oj-select-clear-entry-icon:before, .oj-progressstatus-cancel-icon:before {
  content: "\e608"; }
.oj-fwk-icon-cross02:before, .oj-menu-icons .oj-menu-cancel-icon:before {
  content: "\e60c"; }
.oj-fwk-icon-cross03:before, .oj-tabs-close-icon:before, .oj-inputtext-clear-icon:before {
  content: "\e60e"; }
.oj-fwk-icon-magnifier:before, .oj-listbox-search-icon:before, .oj-inputsearch-search-icon:before {
  content: "\e60d"; }
.oj-fwk-icon-calendar:before, .oj-inputdatetime-calendar-icon:before {
  content: "\e609"; }
.oj-fwk-icon-calendar-clock:before, .oj-inputdatetime-calendar-clock-icon:before {
  content: "\e616"; }
.oj-fwk-icon-clock:before, .oj-inputdatetime-time-icon:before {
  content: "\e60a"; }
.oj-fwk-icon-help:before, .oj-label-help-icon:before {
  content: "\e60b"; }
.oj-fwk-icon-hamburger:before, .oj-web-applayout-offcanvas-icon:before {
  content: "\e60f"; }
.oj-fwk-icon-drag:before, .oj-panel-drag-icon:before, .oj-listview-card-layout .oj-listview-drag-handle:before {
  content: "\e610"; }
.oj-fwk-icon-folderhierarchy:before, .oj-hier-icon:before {
  content: "\e611"; }
.oj-fwk-icon-grid:before {
  content: "\e900"; }
.oj-fwk-icon-list:before {
  content: "\e901"; }
.oj-fwk-icon-arrowbox-n:before {
  content: "\e902"; }
.oj-fwk-icon-checkmark:before, .oj-train-icon.oj-confirmation:before {
  content: "\e905"; }
.oj-fwk-icon-info:before, .oj-train-icon.oj-info:before {
  content: "\e904"; }
.oj-fwk-icon-warning:before, .oj-train-icon.oj-error:before, .oj-train-icon.oj-warning:before {
  content: "\e903"; }
.oj-fwk-icon-dots-vertical:before, .oj-select-multiple-open-icon:before,
.oj-fwk-icon-dots-horizontal:before,
.oj-navigationlist-overflow-item-icon:before,
.oj-tabbar-overflow-item-icon:before {
  content: "\e617"; }
.oj-fwk-icon-dots-horizontal:before, .oj-navigationlist-overflow-item-icon:before, .oj-tabbar-overflow-item-icon:before {
  content: "\e617";
  transform: rotate(-90deg); }
.oj-fwk-icon-minimize:before, .oj-panel-collapse-icon:before {
  content: "\e613"; }
  html[dir="rtl"] .oj-fwk-icon-minimize:before, html[dir="rtl"] .oj-panel-collapse-icon:before {
    transform: scale(-1, 1); }
.oj-fwk-icon-maximize:before, .oj-panel-expand-icon:before {
  content: "\e614"; }
  html[dir="rtl"] .oj-fwk-icon-maximize:before, html[dir="rtl"] .oj-panel-expand-icon:before {
    transform: scale(-1, 1); }
.oj-fwk-icon-arrow-e:before, .oj-fwk-icon-arrow-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-end:before, html[dir="rtl"] .oj-collapsible-close-icon:before, html[dir="rtl"] .oj-treeview-drop-marker-icon:before, html[dir="rtl"] .oj-listview-collapse-icon:before, .oj-fwk-icon-arrow-n:before, .oj-table-column-header-asc-icon:before, .oj-fwk-icon-arrow-s:before, .oj-table-column-header-dsc-icon:before, html[dir="rtl"] .oj-fwk-icon-arrow-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-end:before, html:not([dir="rtl"]) .oj-collapsible-close-icon:before, html:not([dir="rtl"]) .oj-treeview-drop-marker-icon:before, html:not([dir="rtl"]) .oj-listview-collapse-icon:before {
  content: "\e600"; }
.oj-fwk-icon-arrow-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-end:before, html[dir="rtl"] .oj-collapsible-close-icon:before, html[dir="rtl"] .oj-treeview-drop-marker-icon:before, html[dir="rtl"] .oj-listview-collapse-icon:before {
  transform: scale(-1, 1); }
.oj-fwk-icon-arrow-n:before, .oj-table-column-header-asc-icon:before {
  transform: rotate(-90deg); }
.oj-fwk-icon-arrow-s:before, .oj-table-column-header-dsc-icon:before {
  transform: scale(-1, 1) rotate(90deg); }
.oj-fwk-icon-arrow-se:before, .oj-fwk-icon-arrow-sw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-s-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-s-end:before, html[dir="rtl"] .oj-collapsible-open-icon:before, html[dir="rtl"] .oj-listview-expand-icon:before, .oj-fwk-icon-arrow-nw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-end:before, .oj-fwk-icon-arrow-ne:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-end:before, html[dir="rtl"] .oj-fwk-icon-arrow-s-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-s-end:before, html:not([dir="rtl"]) .oj-collapsible-open-icon:before, html:not([dir="rtl"]) .oj-listview-expand-icon:before {
  content: "\e601"; }
.oj-fwk-icon-arrow-sw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-s-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-s-end:before, html[dir="rtl"] .oj-collapsible-open-icon:before, html[dir="rtl"] .oj-listview-expand-icon:before {
  transform: scale(-1, 1); }
.oj-fwk-icon-arrow-nw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-end:before {
  transform: scale(-1, -1); }
.oj-fwk-icon-arrow-ne:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-end:before {
  transform: scale(1, -1); }
.oj-fwk-icon-arrow02-s:before, .oj-fwk-icon-arrow02-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow02-start:before, html[dir="rtl"] .oj-fwk-icon-arrow02-end:before, html[dir="rtl"] .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before, .oj-navigationlist-collapsible html[dir="rtl"] .oj-navigationlist-collapse-icon:before, .oj-fwk-icon-arrow02-n:before, .oj-fwk-icon-arrow02-e:before, html[dir="rtl"] .oj-fwk-icon-arrow02-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow02-end:before, html:not([dir="rtl"]) .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before, .oj-navigationlist-collapsible html:not([dir="rtl"]) .oj-navigationlist-collapse-icon:before, .oj-button-menu-dropdown-icon:before, .oj-navigationlist-collapsible .oj-navigationlist-expand-icon:before, .oj-combobox-open-icon:before, .oj-select-open-icon:before {
  content: "\e602"; }
.oj-fwk-icon-arrow02-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow02-start:before, html[dir="rtl"] .oj-fwk-icon-arrow02-end:before, html[dir="rtl"] .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before, .oj-navigationlist-collapsible html[dir="rtl"] .oj-navigationlist-collapse-icon:before {
  transform: scale(1, -1) rotate(90deg); }
.oj-fwk-icon-arrow02-n:before {
  transform: scale(1, -1); }
.oj-fwk-icon-arrow02-e:before, html[dir="rtl"] .oj-fwk-icon-arrow02-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow02-end:before, html:not([dir="rtl"]) .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before, .oj-navigationlist-collapsible html:not([dir="rtl"]) .oj-navigationlist-collapse-icon:before {
  transform: rotate(-90deg); }
.oj-fwk-icon-arrow03-e:before, .oj-fwk-icon-arrow03-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-start:before, html[dir="rtl"] .oj-fwk-icon-arrow03-end:before, html[dir="rtl"] .oj-menu-submenu-icon:before, html[dir="rtl"] .oj-collapsed > .oj-treeview-disclosure-icon:before, html[dir="rtl"] .oj-rowexpander-expand-icon:before, html[dir="rtl"] .oj-collapsed > .oj-tree-disclosure-icon:before, html[dir="rtl"] .oj-tree-drop-ptr:before, .oj-fwk-icon-arrow03-n:before, .oj-datagrid-sort-ascending-icon:before, .oj-fwk-icon-arrow03-s:before, .oj-datagrid-sort-descending-icon:before, html[dir="rtl"] .oj-fwk-icon-arrow03-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-end:before, html:not([dir="rtl"]) .oj-menu-submenu-icon:before, html:not([dir="rtl"]) .oj-collapsed > .oj-treeview-disclosure-icon:before, html:not([dir="rtl"]) .oj-rowexpander-expand-icon:before, html:not([dir="rtl"]) .oj-collapsed > .oj-tree-disclosure-icon:before, html:not([dir="rtl"]) .oj-tree-drop-ptr:before {
  content: "\e603"; }
.oj-fwk-icon-arrow03-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-start:before, html[dir="rtl"] .oj-fwk-icon-arrow03-end:before, html[dir="rtl"] .oj-menu-submenu-icon:before, html[dir="rtl"] .oj-collapsed > .oj-treeview-disclosure-icon:before, html[dir="rtl"] .oj-rowexpander-expand-icon:before, html[dir="rtl"] .oj-collapsed > .oj-tree-disclosure-icon:before, html[dir="rtl"] .oj-tree-drop-ptr:before {
  transform: scale(-1, 1); }
.oj-fwk-icon-arrow03-n:before, .oj-datagrid-sort-ascending-icon:before {
  transform: rotate(-90deg); }
.oj-fwk-icon-arrow03-s:before, .oj-datagrid-sort-descending-icon:before {
  transform: scale(-1, 1) rotate(90deg); }
.oj-fwk-icon-arrow03-se:before, .oj-fwk-icon-arrow03-sw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-s-start:before, html[dir="rtl"] .oj-fwk-icon-arrow03-s-end:before, html[dir="rtl"] .oj-expanded > .oj-treeview-disclosure-icon:before, html[dir="rtl"] .oj-rowexpander-collapse-icon:before, html[dir="rtl"] .oj-expanded > .oj-tree-disclosure-icon:before, .oj-fwk-icon-arrow03-nw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-n-start:before, html[dir="rtl"] .oj-fwk-icon-arrow03-n-end:before, .oj-fwk-icon-arrow03-ne:before, html[dir="rtl"] .oj-fwk-icon-arrow03-n-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-n-end:before, html[dir="rtl"] .oj-fwk-icon-arrow03-s-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-s-end:before, html:not([dir="rtl"]) .oj-expanded > .oj-treeview-disclosure-icon:before, html:not([dir="rtl"]) .oj-rowexpander-collapse-icon:before, html:not([dir="rtl"]) .oj-expanded > .oj-tree-disclosure-icon:before {
  content: "\e604"; }
.oj-fwk-icon-arrow03-sw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-s-start:before, html[dir="rtl"] .oj-fwk-icon-arrow03-s-end:before, html[dir="rtl"] .oj-expanded > .oj-treeview-disclosure-icon:before, html[dir="rtl"] .oj-rowexpander-collapse-icon:before, html[dir="rtl"] .oj-expanded > .oj-tree-disclosure-icon:before {
  transform: scale(-1, 1); }
.oj-fwk-icon-arrow03-nw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-n-start:before, html[dir="rtl"] .oj-fwk-icon-arrow03-n-end:before {
  transform: scale(-1, -1); }
.oj-fwk-icon-arrow03-ne:before, html[dir="rtl"] .oj-fwk-icon-arrow03-n-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-n-end:before {
  transform: scale(1, -1); }
.oj-fwk-icon-caret-e:before, .oj-fwk-icon-caret-s:before, .oj-conveyorbelt-overflow-icon.oj-bottom:before, .oj-filmstrip-arrow-icon.oj-bottom:before, .oj-inputnumber-down-icon:before, .oj-fwk-icon-caret-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-start:before, html:not([dir="rtl"]) .oj-fwk-icon-back:before, html:not([dir="rtl"]) .oj-hybrid-applayout-header-icon-back:before, html:not([dir="rtl"]) .oj-conveyorbelt-overflow-icon.oj-start:before, html:not([dir="rtl"]) .oj-filmstrip-arrow-icon.oj-start:before, html:not([dir="rtl"]) .oj-navigationlist-previous-icon:before, html[dir="rtl"] .oj-fwk-icon-caret-end:before, html[dir="rtl"] .oj-fwk-icon-next:before, html[dir="rtl"] .oj-conveyorbelt-overflow-icon.oj-end:before, html[dir="rtl"] .oj-filmstrip-arrow-icon.oj-end:before, html[dir="rtl"] .oj-listview-drill-icon:before, html:not([dir="rtl"]) .oj-datepicker-prev-icon:before, html[dir="rtl"] .oj-datepicker-next-icon:before, .oj-fwk-icon-caret-n:before, .oj-conveyorbelt-overflow-icon.oj-top:before, .oj-filmstrip-arrow-icon.oj-top:before, .oj-inputnumber-up-icon:before, html[dir="rtl"] .oj-fwk-icon-caret-start:before, html[dir="rtl"] .oj-fwk-icon-back:before, html[dir="rtl"] .oj-hybrid-applayout-header-icon-back:before, html[dir="rtl"] .oj-conveyorbelt-overflow-icon.oj-start:before, html[dir="rtl"] .oj-filmstrip-arrow-icon.oj-start:before, html[dir="rtl"] .oj-navigationlist-previous-icon:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-end:before, html:not([dir="rtl"]) .oj-fwk-icon-next:before, html:not([dir="rtl"]) .oj-conveyorbelt-overflow-icon.oj-end:before, html:not([dir="rtl"]) .oj-filmstrip-arrow-icon.oj-end:before, html:not([dir="rtl"]) .oj-listview-drill-icon:before, html[dir="rtl"] .oj-datepicker-prev-icon:before, html:not([dir="rtl"]) .oj-datepicker-next-icon:before {
  content: "\e605"; }
.oj-fwk-icon-caret-s:before, .oj-conveyorbelt-overflow-icon.oj-bottom:before, .oj-filmstrip-arrow-icon.oj-bottom:before, .oj-inputnumber-down-icon:before {
  transform: scale(-1, 1) rotate(90deg); }
.oj-fwk-icon-caret-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-start:before, html:not([dir="rtl"]) .oj-fwk-icon-back:before, html:not([dir="rtl"]) .oj-hybrid-applayout-header-icon-back:before, html:not([dir="rtl"]) .oj-conveyorbelt-overflow-icon.oj-start:before, html:not([dir="rtl"]) .oj-filmstrip-arrow-icon.oj-start:before, html:not([dir="rtl"]) .oj-navigationlist-previous-icon:before, html[dir="rtl"] .oj-fwk-icon-caret-end:before, html[dir="rtl"] .oj-fwk-icon-next:before, html[dir="rtl"] .oj-conveyorbelt-overflow-icon.oj-end:before, html[dir="rtl"] .oj-filmstrip-arrow-icon.oj-end:before, html[dir="rtl"] .oj-listview-drill-icon:before, html:not([dir="rtl"]) .oj-datepicker-prev-icon:before, html[dir="rtl"] .oj-datepicker-next-icon:before {
  transform: scale(-1, 1); }
.oj-fwk-icon-caret-n:before, .oj-conveyorbelt-overflow-icon.oj-top:before, .oj-filmstrip-arrow-icon.oj-top:before, .oj-inputnumber-up-icon:before {
  transform: rotate(-90deg); }
.oj-fwk-icon-caret02-e:before, .oj-fwk-icon-caret02-s:before, .oj-pagingcontrol-nav-next-vertical-icon:before, .oj-fwk-icon-caret02-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02-start:before, html[dir="rtl"] .oj-fwk-icon-caret02-end:before, html:not([dir="rtl"]) .oj-pagingcontrol-nav-previous-icon:before, html[dir="rtl"] .oj-pagingcontrol-nav-next-icon:before, .oj-fwk-icon-caret02-n:before, .oj-pagingcontrol-nav-previous-vertical-icon:before, html[dir="rtl"] .oj-fwk-icon-caret02-start:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02-end:before, html[dir="rtl"] .oj-pagingcontrol-nav-previous-icon:before, html:not([dir="rtl"]) .oj-pagingcontrol-nav-next-icon:before {
  content: "\e606"; }
.oj-fwk-icon-caret02-s:before, .oj-pagingcontrol-nav-next-vertical-icon:before {
  transform: scale(-1, 1) rotate(90deg); }
.oj-fwk-icon-caret02-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02-start:before, html[dir="rtl"] .oj-fwk-icon-caret02-end:before, html:not([dir="rtl"]) .oj-pagingcontrol-nav-previous-icon:before, html[dir="rtl"] .oj-pagingcontrol-nav-next-icon:before {
  transform: scale(-1, 1); }
.oj-fwk-icon-caret02-n:before, .oj-pagingcontrol-nav-previous-vertical-icon:before {
  transform: rotate(-90deg); }
.oj-fwk-icon-caret02end-e:before, .oj-fwk-icon-caret02end-s:before, .oj-pagingcontrol-nav-last-vertical-icon:before, .oj-fwk-icon-caret02end-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02end-start:before, html[dir="rtl"] .oj-fwk-icon-caret02end-end:before, html:not([dir="rtl"]) .oj-pagingcontrol-nav-first-icon:before, html[dir="rtl"] .oj-pagingcontrol-nav-last-icon:before, .oj-fwk-icon-caret02end-n:before, .oj-pagingcontrol-nav-first-vertical-icon:before, html[dir="rtl"] .oj-fwk-icon-caret02end-start:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02end-end:before, html[dir="rtl"] .oj-pagingcontrol-nav-first-icon:before, html:not([dir="rtl"]) .oj-pagingcontrol-nav-last-icon:before {
  content: "\e607"; }
.oj-fwk-icon-caret02end-s:before, .oj-pagingcontrol-nav-last-vertical-icon:before {
  transform: scale(-1, 1) rotate(90deg); }
.oj-fwk-icon-caret02end-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02end-start:before, html[dir="rtl"] .oj-fwk-icon-caret02end-end:before, html:not([dir="rtl"]) .oj-pagingcontrol-nav-first-icon:before, html[dir="rtl"] .oj-pagingcontrol-nav-last-icon:before {
  transform: scale(-1, 1); }
.oj-fwk-icon-caret02end-n:before, .oj-pagingcontrol-nav-first-vertical-icon:before {
  transform: rotate(-90deg); }
.oj-fwk-icon-caret03-e:before, .oj-fwk-icon-caret03-s:before, .oj-fwk-icon-caret03-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret03-start:before, html[dir="rtl"] .oj-fwk-icon-caret03-end:before, html[dir="rtl"] .oj-navigationlist-slider .oj-navigationlist-collapse-icon:before, .oj-navigationlist-slider html[dir="rtl"] .oj-navigationlist-collapse-icon:before, .oj-fwk-icon-caret03-n:before, html[dir="rtl"] .oj-fwk-icon-caret03-start:before, html:not([dir="rtl"]) .oj-fwk-icon-caret03-end:before, html:not([dir="rtl"]) .oj-navigationlist-slider .oj-navigationlist-collapse-icon:before, .oj-navigationlist-slider html:not([dir="rtl"]) .oj-navigationlist-collapse-icon:before {
  content: "\e612"; }
.oj-fwk-icon-caret03-s:before {
  transform: scale(-1, 1) rotate(90deg); }
.oj-fwk-icon-caret03-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret03-start:before, html[dir="rtl"] .oj-fwk-icon-caret03-end:before, html[dir="rtl"] .oj-navigationlist-slider .oj-navigationlist-collapse-icon:before, .oj-navigationlist-slider html[dir="rtl"] .oj-navigationlist-collapse-icon:before {
  transform: scale(-1, 1); }
.oj-fwk-icon-caret03-n:before {
  transform: rotate(-90deg); }
.oj-fwk-icon-cbsingle-hover-selected {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -2px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-cbsingle-hover-selected {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-cbsingle-hover-selected:before {
  content: url("images/cbsingle_hover_selected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-cbsingle-hover-selected {
    background-image: none; }
  .oj-fwk-icon-cbsingle-hover-selected:before {
    content: url("images/cbsingle_hover_selected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-cbsingle-hover-unselected {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -22px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-cbsingle-hover-unselected {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-cbsingle-hover-unselected:before {
  content: url("images/cbsingle_hover_unselected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-cbsingle-hover-unselected {
    background-image: none; }
  .oj-fwk-icon-cbsingle-hover-unselected:before {
    content: url("images/cbsingle_hover_unselected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-checkbox-dis-selected, .oj-menucheckbox-icon.oj-selected.oj-disabled::after, .oj-checkboxset .oj-disabled.oj-selected .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -42px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-checkbox-dis-selected, .oj-hicontrast .oj-menucheckbox-icon.oj-selected.oj-disabled::after, .oj-hicontrast .oj-checkboxset .oj-disabled.oj-selected .oj-radiocheckbox-icon, .oj-checkboxset .oj-disabled.oj-selected .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-checkbox-dis-selected:before, .oj-hicontrast .oj-checkboxset .oj-disabled.oj-selected .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-disabled.oj-selected .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/checkbox_dis_selected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-checkbox-dis-selected, .oj-menucheckbox-icon.oj-selected.oj-disabled::after, .oj-checkboxset .oj-disabled.oj-selected .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-checkbox-dis-selected:before, .oj-checkboxset .oj-disabled.oj-selected .oj-radiocheckbox-icon:before {
    content: url("images/checkbox_dis_selected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-checkbox-dis-unselected, .oj-menucheckbox-icon.oj-disabled::after, .oj-checkboxset .oj-disabled .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -62px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-checkbox-dis-unselected, .oj-hicontrast .oj-menucheckbox-icon.oj-disabled::after, .oj-hicontrast .oj-checkboxset .oj-disabled .oj-radiocheckbox-icon, .oj-checkboxset .oj-disabled .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-checkbox-dis-unselected:before, .oj-hicontrast .oj-checkboxset .oj-disabled .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-disabled .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/checkbox_dis_unselected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-checkbox-dis-unselected, .oj-menucheckbox-icon.oj-disabled::after, .oj-checkboxset .oj-disabled .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-checkbox-dis-unselected:before, .oj-checkboxset .oj-disabled .oj-radiocheckbox-icon:before {
    content: url("images/checkbox_dis_unselected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-checkbox-ena-selected, .oj-menucheckbox-icon.oj-selected::after, .oj-checkboxset .oj-selected .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -82px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-checkbox-ena-selected, .oj-hicontrast .oj-menucheckbox-icon.oj-selected::after, .oj-hicontrast .oj-checkboxset .oj-selected .oj-radiocheckbox-icon, .oj-checkboxset .oj-selected .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-checkbox-ena-selected:before, .oj-hicontrast .oj-checkboxset .oj-selected .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-selected .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/checkbox_ena_selected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-checkbox-ena-selected, .oj-menucheckbox-icon.oj-selected::after, .oj-checkboxset .oj-selected .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-checkbox-ena-selected:before, .oj-checkboxset .oj-selected .oj-radiocheckbox-icon:before {
    content: url("images/checkbox_ena_selected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-checkbox-ena-unselected, .oj-menucheckbox-icon::after, .oj-checkboxset .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -102px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-checkbox-ena-unselected, .oj-hicontrast .oj-menucheckbox-icon::after, .oj-hicontrast .oj-checkboxset .oj-radiocheckbox-icon, .oj-checkboxset .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-checkbox-ena-unselected:before, .oj-hicontrast .oj-checkboxset .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/checkbox_ena_unselected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-checkbox-ena-unselected, .oj-menucheckbox-icon::after, .oj-checkboxset .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-checkbox-ena-unselected:before, .oj-checkboxset .oj-radiocheckbox-icon:before {
    content: url("images/checkbox_ena_unselected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-checkbox-pressed-selected, .oj-checkboxset-wrapper > .oj-active.oj-selected .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -122px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-checkbox-pressed-selected, .oj-hicontrast .oj-checkboxset-wrapper > .oj-active.oj-selected .oj-radiocheckbox-icon, .oj-checkboxset-wrapper > .oj-active.oj-selected .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-checkbox-pressed-selected:before, .oj-hicontrast .oj-checkboxset-wrapper > .oj-active.oj-selected .oj-radiocheckbox-icon:before, .oj-checkboxset-wrapper > .oj-active.oj-selected .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/checkbox_pressed_selected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-checkbox-pressed-selected, .oj-checkboxset-wrapper > .oj-active.oj-selected .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-checkbox-pressed-selected:before, .oj-checkboxset-wrapper > .oj-active.oj-selected .oj-radiocheckbox-icon:before {
    content: url("images/checkbox_pressed_selected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-checkbox-pressed-unselected, .oj-checkboxset-wrapper > .oj-active .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -142px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-checkbox-pressed-unselected, .oj-hicontrast .oj-checkboxset-wrapper > .oj-active .oj-radiocheckbox-icon, .oj-checkboxset-wrapper > .oj-active .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-checkbox-pressed-unselected:before, .oj-hicontrast .oj-checkboxset-wrapper > .oj-active .oj-radiocheckbox-icon:before, .oj-checkboxset-wrapper > .oj-active .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/checkbox_pressed_unselected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-checkbox-pressed-unselected, .oj-checkboxset-wrapper > .oj-active .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-checkbox-pressed-unselected:before, .oj-checkboxset-wrapper > .oj-active .oj-radiocheckbox-icon:before {
    content: url("images/checkbox_pressed_unselected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-checkbox-tristate-partial {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -162px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-checkbox-tristate-partial {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-checkbox-tristate-partial:before {
  content: url("images/checkbox_tristate_partial.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-checkbox-tristate-partial {
    background-image: none; }
  .oj-fwk-icon-checkbox-tristate-partial:before {
    content: url("images/checkbox_tristate_partial.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-checkbox-tristate-selected {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -182px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-checkbox-tristate-selected {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-checkbox-tristate-selected:before {
  content: url("images/checkbox_tristate_selected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-checkbox-tristate-selected {
    background-image: none; }
  .oj-fwk-icon-checkbox-tristate-selected:before {
    content: url("images/checkbox_tristate_selected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-checkbox-tristate-unselected {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -202px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-checkbox-tristate-unselected {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-checkbox-tristate-unselected:before {
  content: url("images/checkbox_tristate_unselected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-checkbox-tristate-unselected {
    background-image: none; }
  .oj-fwk-icon-checkbox-tristate-unselected:before {
    content: url("images/checkbox_tristate_unselected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-checkmark-blue, .oj-train-button.oj-visited::before {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -222px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-checkmark-blue, .oj-hicontrast .oj-train-button.oj-visited::before {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-checkmark-blue:before {
  content: url("images/checkmark_blue.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-checkmark-blue, .oj-train-button.oj-visited::before {
    background-image: none; }
  .oj-fwk-icon-checkmark-blue:before {
    content: url("images/checkmark_blue.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-checkmark-white, .oj-train-button.oj-hover.oj-visited::before {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -242px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-checkmark-white, .oj-hicontrast .oj-train-button.oj-hover.oj-visited::before {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-checkmark-white:before {
  content: url("images/checkmark_white.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-checkmark-white, .oj-train-button.oj-hover.oj-visited::before {
    background-image: none; }
  .oj-fwk-icon-checkmark-white:before {
    content: url("images/checkmark_white.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-move-handle, .oj-listview-drag-handle {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -262px -2px;
  width: 28px;
  height: 15px; }
.oj-hicontrast .oj-fwk-icon-move-handle, .oj-hicontrast .oj-listview-drag-handle {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-move-handle:before, .oj-hicontrast .oj-listview-drag-handle:before {
  content: url("images/move_handle.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-move-handle, .oj-listview-drag-handle {
    background-image: none; }
  .oj-fwk-icon-move-handle:before, .oj-listview-drag-handle:before {
    content: url("images/move_handle.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-radio-dis-selected, .oj-radioset .oj-disabled.oj-selected .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -294px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-radio-dis-selected, .oj-hicontrast .oj-radioset .oj-disabled.oj-selected .oj-radiocheckbox-icon, .oj-radioset .oj-disabled.oj-selected .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-radio-dis-selected:before, .oj-hicontrast .oj-radioset .oj-disabled.oj-selected .oj-radiocheckbox-icon:before, .oj-radioset .oj-disabled.oj-selected .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/radio_dis_selected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-radio-dis-selected, .oj-radioset .oj-disabled.oj-selected .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-radio-dis-selected:before, .oj-radioset .oj-disabled.oj-selected .oj-radiocheckbox-icon:before {
    content: url("images/radio_dis_selected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-radio-dis-unselected, .oj-radioset .oj-disabled .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -314px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-radio-dis-unselected, .oj-hicontrast .oj-radioset .oj-disabled .oj-radiocheckbox-icon, .oj-radioset .oj-disabled .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-radio-dis-unselected:before, .oj-hicontrast .oj-radioset .oj-disabled .oj-radiocheckbox-icon:before, .oj-radioset .oj-disabled .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/radio_dis_unselected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-radio-dis-unselected, .oj-radioset .oj-disabled .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-radio-dis-unselected:before, .oj-radioset .oj-disabled .oj-radiocheckbox-icon:before {
    content: url("images/radio_dis_unselected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-radio-ena-selected, .oj-radioset .oj-selected .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -334px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-radio-ena-selected, .oj-hicontrast .oj-radioset .oj-selected .oj-radiocheckbox-icon, .oj-radioset .oj-selected .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-radio-ena-selected:before, .oj-hicontrast .oj-radioset .oj-selected .oj-radiocheckbox-icon:before, .oj-radioset .oj-selected .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/radio_ena_selected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-radio-ena-selected, .oj-radioset .oj-selected .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-radio-ena-selected:before, .oj-radioset .oj-selected .oj-radiocheckbox-icon:before {
    content: url("images/radio_ena_selected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-radio-ena-unselected, .oj-radioset .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -354px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-radio-ena-unselected, .oj-hicontrast .oj-radioset .oj-radiocheckbox-icon, .oj-radioset .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-radio-ena-unselected:before, .oj-hicontrast .oj-radioset .oj-radiocheckbox-icon:before, .oj-radioset .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/radio_ena_unselected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-radio-ena-unselected, .oj-radioset .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-radio-ena-unselected:before, .oj-radioset .oj-radiocheckbox-icon:before {
    content: url("images/radio_ena_unselected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-radio-pressed-selected, .oj-radioset-wrapper > .oj-selected.oj-active .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -374px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-radio-pressed-selected, .oj-hicontrast .oj-radioset-wrapper > .oj-selected.oj-active .oj-radiocheckbox-icon, .oj-radioset-wrapper > .oj-selected.oj-active .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-radio-pressed-selected:before, .oj-hicontrast .oj-radioset-wrapper > .oj-selected.oj-active .oj-radiocheckbox-icon:before, .oj-radioset-wrapper > .oj-selected.oj-active .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/radio_pressed_selected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-radio-pressed-selected, .oj-radioset-wrapper > .oj-selected.oj-active .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-radio-pressed-selected:before, .oj-radioset-wrapper > .oj-selected.oj-active .oj-radiocheckbox-icon:before {
    content: url("images/radio_pressed_selected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-radio-pressed-unselected, .oj-radioset-wrapper > .oj-active .oj-radiocheckbox-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -394px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-radio-pressed-unselected, .oj-hicontrast .oj-radioset-wrapper > .oj-active .oj-radiocheckbox-icon, .oj-radioset-wrapper > .oj-active .oj-hicontrast .oj-radiocheckbox-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-radio-pressed-unselected:before, .oj-hicontrast .oj-radioset-wrapper > .oj-active .oj-radiocheckbox-icon:before, .oj-radioset-wrapper > .oj-active .oj-hicontrast .oj-radiocheckbox-icon:before {
  content: url("images/radio_pressed_unselected.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-radio-pressed-unselected, .oj-radioset-wrapper > .oj-active .oj-radiocheckbox-icon {
    background-image: none; }
  .oj-fwk-icon-radio-pressed-unselected:before, .oj-radioset-wrapper > .oj-active .oj-radiocheckbox-icon:before {
    content: url("images/radio_pressed_unselected.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-spinner-00, .oj-pulltorefresh-icon-initial {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -414px -2px;
  width: 40px;
  height: 40px; }
.oj-hicontrast .oj-fwk-icon-spinner-00, .oj-hicontrast .oj-pulltorefresh-icon-initial {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-spinner-00:before, .oj-hicontrast .oj-pulltorefresh-icon-initial:before {
  content: url("images/spinner_00.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-spinner-00, .oj-pulltorefresh-icon-initial {
    background-image: none; }
  .oj-fwk-icon-spinner-00:before, .oj-pulltorefresh-icon-initial:before {
    content: url("images/spinner_00.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-spinner-10, .oj-pulltorefresh-icon-10-percent {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -458px -2px;
  width: 40px;
  height: 40px; }
.oj-hicontrast .oj-fwk-icon-spinner-10, .oj-hicontrast .oj-pulltorefresh-icon-10-percent {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-spinner-10:before, .oj-hicontrast .oj-pulltorefresh-icon-10-percent:before {
  content: url("images/spinner_10.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-spinner-10, .oj-pulltorefresh-icon-10-percent {
    background-image: none; }
  .oj-fwk-icon-spinner-10:before, .oj-pulltorefresh-icon-10-percent:before {
    content: url("images/spinner_10.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-spinner-20, .oj-pulltorefresh-icon-20-percent {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -502px -2px;
  width: 40px;
  height: 40px; }
.oj-hicontrast .oj-fwk-icon-spinner-20, .oj-hicontrast .oj-pulltorefresh-icon-20-percent {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-spinner-20:before, .oj-hicontrast .oj-pulltorefresh-icon-20-percent:before {
  content: url("images/spinner_20.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-spinner-20, .oj-pulltorefresh-icon-20-percent {
    background-image: none; }
  .oj-fwk-icon-spinner-20:before, .oj-pulltorefresh-icon-20-percent:before {
    content: url("images/spinner_20.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-spinner-30, .oj-pulltorefresh-icon-30-percent {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -546px -2px;
  width: 40px;
  height: 40px; }
.oj-hicontrast .oj-fwk-icon-spinner-30, .oj-hicontrast .oj-pulltorefresh-icon-30-percent {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-spinner-30:before, .oj-hicontrast .oj-pulltorefresh-icon-30-percent:before {
  content: url("images/spinner_30.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-spinner-30, .oj-pulltorefresh-icon-30-percent {
    background-image: none; }
  .oj-fwk-icon-spinner-30:before, .oj-pulltorefresh-icon-30-percent:before {
    content: url("images/spinner_30.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-spinner-40, .oj-pulltorefresh-icon-40-percent {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -590px -2px;
  width: 40px;
  height: 40px; }
.oj-hicontrast .oj-fwk-icon-spinner-40, .oj-hicontrast .oj-pulltorefresh-icon-40-percent {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-spinner-40:before, .oj-hicontrast .oj-pulltorefresh-icon-40-percent:before {
  content: url("images/spinner_40.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-spinner-40, .oj-pulltorefresh-icon-40-percent {
    background-image: none; }
  .oj-fwk-icon-spinner-40:before, .oj-pulltorefresh-icon-40-percent:before {
    content: url("images/spinner_40.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-spinner-50, .oj-pulltorefresh-icon-50-percent {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -634px -2px;
  width: 40px;
  height: 40px; }
.oj-hicontrast .oj-fwk-icon-spinner-50, .oj-hicontrast .oj-pulltorefresh-icon-50-percent {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-spinner-50:before, .oj-hicontrast .oj-pulltorefresh-icon-50-percent:before {
  content: url("images/spinner_50.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-spinner-50, .oj-pulltorefresh-icon-50-percent {
    background-image: none; }
  .oj-fwk-icon-spinner-50:before, .oj-pulltorefresh-icon-50-percent:before {
    content: url("images/spinner_50.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-spinner-60, .oj-pulltorefresh-icon-60-percent {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -678px -2px;
  width: 40px;
  height: 40px; }
.oj-hicontrast .oj-fwk-icon-spinner-60, .oj-hicontrast .oj-pulltorefresh-icon-60-percent {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-spinner-60:before, .oj-hicontrast .oj-pulltorefresh-icon-60-percent:before {
  content: url("images/spinner_60.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-spinner-60, .oj-pulltorefresh-icon-60-percent {
    background-image: none; }
  .oj-fwk-icon-spinner-60:before, .oj-pulltorefresh-icon-60-percent:before {
    content: url("images/spinner_60.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-spinner-70, .oj-pulltorefresh-icon-70-percent {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -722px -2px;
  width: 40px;
  height: 40px; }
.oj-hicontrast .oj-fwk-icon-spinner-70, .oj-hicontrast .oj-pulltorefresh-icon-70-percent {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-spinner-70:before, .oj-hicontrast .oj-pulltorefresh-icon-70-percent:before {
  content: url("images/spinner_70.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-spinner-70, .oj-pulltorefresh-icon-70-percent {
    background-image: none; }
  .oj-fwk-icon-spinner-70:before, .oj-pulltorefresh-icon-70-percent:before {
    content: url("images/spinner_70.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-spinner-80, .oj-pulltorefresh-icon-80-percent {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -766px -2px;
  width: 40px;
  height: 40px; }
.oj-hicontrast .oj-fwk-icon-spinner-80, .oj-hicontrast .oj-pulltorefresh-icon-80-percent {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-spinner-80:before, .oj-hicontrast .oj-pulltorefresh-icon-80-percent:before {
  content: url("images/spinner_80.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-spinner-80, .oj-pulltorefresh-icon-80-percent {
    background-image: none; }
  .oj-fwk-icon-spinner-80:before, .oj-pulltorefresh-icon-80-percent:before {
    content: url("images/spinner_80.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-spinner-90, .oj-pulltorefresh-icon-90-percent {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -810px -2px;
  width: 40px;
  height: 40px; }
.oj-hicontrast .oj-fwk-icon-spinner-90, .oj-hicontrast .oj-pulltorefresh-icon-90-percent {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-spinner-90:before, .oj-hicontrast .oj-pulltorefresh-icon-90-percent:before {
  content: url("images/spinner_90.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-spinner-90, .oj-pulltorefresh-icon-90-percent {
    background-image: none; }
  .oj-fwk-icon-spinner-90:before, .oj-pulltorefresh-icon-90-percent:before {
    content: url("images/spinner_90.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-spinner-static, .oj-progress-circle-overlay {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -854px -2px;
  width: 32px;
  height: 32px; }
.oj-hicontrast .oj-fwk-icon-spinner-static, .oj-hicontrast .oj-progress-circle-overlay {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-spinner-static:before, .oj-hicontrast .oj-progress-circle-overlay:before {
  content: url("images/spinner_static.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-spinner-static, .oj-progress-circle-overlay {
    background-image: none; }
  .oj-fwk-icon-spinner-static:before, .oj-progress-circle-overlay:before {
    content: url("images/spinner_static.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-confirmation, .oj-message-status-icon.oj-message-confirmation-icon, .oj-progressstatus-done-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -890px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-status-confirmation, .oj-hicontrast .oj-message-status-icon.oj-message-confirmation-icon, .oj-hicontrast .oj-progressstatus-done-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-confirmation:before, .oj-hicontrast .oj-message-status-icon.oj-message-confirmation-icon:before, .oj-hicontrast .oj-progressstatus-done-icon:before {
  content: url("images/status_confirmation.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-confirmation, .oj-message-status-icon.oj-message-confirmation-icon, .oj-progressstatus-done-icon {
    background-image: none; }
  .oj-fwk-icon-status-confirmation:before, .oj-message-status-icon.oj-message-confirmation-icon:before, .oj-progressstatus-done-icon:before {
    content: url("images/status_confirmation.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-error, .oj-message-status-icon.oj-message-error-icon, .oj-progressstatus-error-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -910px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-status-error, .oj-hicontrast .oj-message-status-icon.oj-message-error-icon, .oj-hicontrast .oj-progressstatus-error-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-error:before, .oj-hicontrast .oj-message-status-icon.oj-message-error-icon:before, .oj-hicontrast .oj-progressstatus-error-icon:before {
  content: url("images/status_error.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-error, .oj-message-status-icon.oj-message-error-icon, .oj-progressstatus-error-icon {
    background-image: none; }
  .oj-fwk-icon-status-error:before, .oj-message-status-icon.oj-message-error-icon:before, .oj-progressstatus-error-icon:before {
    content: url("images/status_error.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-info, .oj-message-status-icon.oj-message-info-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -930px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-status-info, .oj-hicontrast .oj-message-status-icon.oj-message-info-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-info:before, .oj-hicontrast .oj-message-status-icon.oj-message-info-icon:before {
  content: url("images/status_info.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-info, .oj-message-status-icon.oj-message-info-icon {
    background-image: none; }
  .oj-fwk-icon-status-info:before, .oj-message-status-icon.oj-message-info-icon:before {
    content: url("images/status_info.svg");
    width: 100%;
    height: 100%; } }
.oj-fwk-icon-status-warning, .oj-message-status-icon.oj-message-warning-icon {
  background-image: url("images/sprites/sprite.svg");
  background-size: 968px 44px;
  background-position: -950px -2px;
  width: 16px;
  height: 16px; }
.oj-hicontrast .oj-fwk-icon-status-warning, .oj-hicontrast .oj-message-status-icon.oj-message-warning-icon {
  background-image: none; }
.oj-hicontrast .oj-fwk-icon-status-warning:before, .oj-hicontrast .oj-message-status-icon.oj-message-warning-icon:before {
  content: url("images/status_warning.svg");
  width: 100%;
  height: 100%; }
@media print, (max-resolution: 0.99dppx) {
  .oj-fwk-icon-status-warning, .oj-message-status-icon.oj-message-warning-icon {
    background-image: none; }
  .oj-fwk-icon-status-warning:before, .oj-message-status-icon.oj-message-warning-icon:before {
    content: url("images/status_warning.svg");
    width: 100%;
    height: 100%; } }
.oj-resizable {
  position: relative; }
.oj-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  z-index: 900;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
.oj-resizable-disabled .oj-resizable-handle,
.oj-resizable-autohide .oj-resizable-handle {
  display: none; }
.oj-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }
.oj-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }
.oj-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }
.oj-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }
.oj-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }
.oj-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }
.oj-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }
.oj-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }
.oj-panel {
  border: 1px solid #e0e1e1;
  background-color: white;
  border-radius: 1px;
  padding: 0.85714rem;
  box-sizing: border-box;
  overflow: hidden;
  position: relative; }
.oj-panel-alt1 {
  background-color: #f2f2f3;
  border-color: #e0e1e1; }
.oj-panel-alt2 {
  background-color: #e8f2fb;
  border-color: #d1e6f9; }
.oj-panel-alt3 {
  background-color: #fef9e8;
  border-color: #fef3ce; }
.oj-panel-alt4 {
  background-color: #ffe4e1;
  border-color: #ffcdc8; }
.oj-panel-alt5 {
  background-color: #fce8fe;
  border-color: #facefe; }
.oj-panel.oj-selected {
  border-color: #027bc7; }
.oj-hicontrast .oj-panel.oj-selected {
  border-width: 3px; }
.oj-panel-shadow-sm {
  box-shadow: 0 2px 2px 0 hsla(0, 0%, 0%,0.14), 0 3px 1px -2px hsla(0, 0%, 0%,0.2), 0 1px 5px 0 hsla(0, 0%, 0%,0.12); }
.oj-panel-shadow-md {
  box-shadow: 0 4px 5px 0 hsla(0, 0%, 0%,0.14), 0 1px 10px 0 hsla(0, 0%, 0%,0.12), 0 2px 4px -1px hsla(0, 0%, 0%,0.2); }
.oj-panel-shadow-lg {
  box-shadow: 0 6px 10px 0 hsla(0, 0%, 0%,0.14), 0 1px 18px 0 hsla(0, 0%, 0%,0.12), 0 3px 5px -1px hsla(0, 0%, 0%,0.2); }
.oj-panel-drag-handle {
  text-align: center;
  vertical-align: middle;
  cursor: move;
  height: 20px;
  line-height: 20px;
  margin-top: -0.85714rem;
  margin-left: -0.85714rem;
  margin-right: -0.85714rem; }
.oj-panel-resize-button,
.oj-panel-remove-button,
.oj-panel-resize-button.oj-button,
.oj-panel-remove-button.oj-button {
  position: absolute;
  margin-bottom: 0;
  overflow: hidden;
  width: 2.28571rem; }
  html:not([dir="rtl"]) .oj-panel-resize-button, html:not([dir="rtl"])
  .oj-panel-remove-button, html:not([dir="rtl"])
  .oj-panel-resize-button.oj-button, html:not([dir="rtl"])
  .oj-panel-remove-button.oj-button {
    right: 0; }
  html[dir="rtl"] .oj-panel-resize-button, html[dir="rtl"]
  .oj-panel-remove-button, html[dir="rtl"]
  .oj-panel-resize-button.oj-button, html[dir="rtl"]
  .oj-panel-remove-button.oj-button {
    left: 0; }
.oj-panel-resize-button {
  bottom: 0; }
.oj-panel-remove-button {
  top: 0; }
.oj-panel-resize-button .oj-panel-expand-icon.oj-end,
.oj-panel-resize-button .oj-panel-collapse-icon.oj-end,
.oj-panel-remove-button .oj-panel-remove-icon.oj-end {
  margin-left: auto;
  margin-right: auto; }
oj-collapsible:not(.oj-complete) {
  visibility: hidden; }
oj-collapsible {
  display: block; }
.oj-collapsible {
  margin-bottom: 10px;
  -webkit-tap-highlight-color: transparent; }
.oj-collapsible-header {
  color: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 0 3px 0;
  margin: 0; }
.oj-collapsible-content {
  color: rgba(0, 0, 0, 0.8);
  background-color: transparent;
  padding: 4px 0 0;
  margin: 0; }
.oj-header-border + .oj-collapsible-wrapper > .oj-collapsible-content {
  padding-top: 7px;
  padding-bottom: 4px; }
h1.oj-collapsible-header {
  font-size: 2.42857rem; }
h2.oj-collapsible-header {
  font-size: 1.71429rem; }
h3.oj-collapsible-header {
  font-size: 1.42857rem; }
h4.oj-collapsible-header {
  font-size: 1.28571rem; }
.oj-collapsible.oj-disabled > .oj-collapsible-header {
  color: rgba(0, 0, 0, 0.38); }
.oj-collapsible-content > .oj-collapsible:first-child > .oj-collapsible-header {
  padding-top: 0; }
.oj-collapsible-transition {
  transition: max-height 0.4s; }
.oj-collapsible-wrapper {
  border: 0;
  padding: 0;
  margin: 0; }
.oj-collapsible-header a,
.oj-collapsible-header a:active,
.oj-collapsible-header a:visited,
.oj-collapsible-header a:hover,
.oj-collapsible-header a:focus {
  text-decoration: none; }
.oj-collapsible-header-icon {
  padding: 5px 3px 5px 5px;
  outline-offset: -5px; }
.oj-collapsible-header-icon:not(.oj-focus-highlight):focus {
  outline: none; }
.oj-collapsible-header.oj-hover,
.oj-collapsible-header-icon.oj-hover {
  cursor: pointer; }
.oj-collapsible-header .oj-collapsible-header-icon,
.oj-collapsible-header .oj-collapsible-header-icon:hover {
  color: #8a8d8f; }
.oj-collapsible-header.oj-hover .oj-collapsible-header-icon,
.oj-collapsible-header .oj-collapsible-header-icon.oj-hover {
  color: #76b8e1; }
.oj-collapsible-header.oj-active .oj-collapsible-header-icon,
.oj-collapsible-header .oj-collapsible-header-icon.oj-active {
  color: #027bc7; }
.oj-collapsible.oj-disabled > .oj-collapsible-header > .oj-collapsible-header-icon {
  color: #cbcccd;
  opacity: 1; }
.oj-collapsible-header a,
.oj-collapsible-header .oj-collapsible-header-icon {
   }
  html:not([dir="rtl"]) .oj-collapsible-header a, html:not([dir="rtl"])
  .oj-collapsible-header .oj-collapsible-header-icon {
    margin-left: -7px; }
  html[dir="rtl"] .oj-collapsible-header a, html[dir="rtl"]
  .oj-collapsible-header .oj-collapsible-header-icon {
    margin-right: -7px; }
oj-accordion:not(.oj-complete) {
  visibility: hidden; }
oj-accordion {
  display: block; }
.oj-accordion-collapsible.oj-disabled > .oj-collapsible-header {
  color: rgba(0, 0, 0, 0.38);
  background-color: #fafafa;
  background-image: none; }
.oj-collapsible.oj-accordion-collapsible {
  margin: 0; }
.oj-accordion-collapsible > .oj-collapsible-header {
  padding-top: 3px;
  padding-bottom: 3px;
  border: 0 solid #e5e6e6;
  border-width: 1px;
  font-size: 1.42857rem;
  background-color: #f2f2f3;
  background-image: none; }
.oj-collapsible-content > .oj-accordion-collapsible.oj-collapsible:first-child > .oj-collapsible-header {
  padding-top: 3px; }
.oj-accordion-collapsible > .oj-collapsible-header > .oj-collapsible-header-icon {
  padding: 9px;
  outline-offset: -9px; }
  html:not([dir="rtl"]) .oj-accordion-collapsible > .oj-collapsible-header > .oj-collapsible-header-icon {
    margin: 0; }
  html[dir="rtl"] .oj-accordion-collapsible > .oj-collapsible-header > .oj-collapsible-header-icon {
    margin: 0; }
.oj-accordion-collapsible > .oj-collapsible-wrapper > .oj-collapsible-content {
  padding: 0.85714rem; }
.oj-accordion-collapsible.oj-collapsed > .oj-collapsible-header {
  border-width: 1px 1px 0; }
.oj-accordion-collapsible.oj-collapsed:last-child > .oj-collapsible-header {
  border-bottom-width: 1px; }
oj-conveyor-belt:not(.oj-complete) {
  visibility: hidden; }
oj-conveyor-belt {
  display: block; }
.oj-conveyorbelt {
  position: relative; }
.oj-conveyorbelt,
.oj-conveyorbelt-overflow-container,
.oj-conveyorbelt-content-container {
  display: flex;
  align-items: center; }
.oj-conveyorbelt.oj-conveyorbelt-vertical {
  display: inline-flex; }
.oj-conveyorbelt.oj-conveyorbelt-vertical,
.oj-conveyorbelt.oj-conveyorbelt-vertical > .oj-conveyorbelt-overflow-container,
.oj-conveyorbelt.oj-conveyorbelt-vertical > .oj-conveyorbelt-overflow-container > .oj-conveyorbelt-content-container {
  flex-direction: column; }
.oj-conveyorbelt-overflow-container {
  overflow: hidden;
  flex: 1 1 auto; }
.oj-conveyorbelt-content-container {
  position: relative;
  flex: 1 0 auto; }
.oj-conveyorbelt-item {
  flex: 0 0 auto; }
.oj-conveyorbelt-item.oj-navigationlist,
.oj-conveyorbelt-item.oj-tabbar {
  flex: 1 0 auto; }
.oj-conveyorbelt-overflow-indicator {
  box-sizing: border-box;
  width: 2.28571rem;
  height: 2.28571rem;
  line-height: 2.28571rem;
  cursor: default;
  border-radius: 2px;
  text-align: center;
  border: 1px solid;
  flex: 0 0 auto;
  position: relative; }
.oj-conveyorbelt-overflow-indicator.oj-default {
  border-color: transparent; }
.oj-conveyorbelt-overflow-indicator.oj-hover {
  background-color: #f7f7f8;
  background-image: none;
  border-color: #cbcccd; }
.oj-conveyorbelt-overflow-indicator.oj-active,
.oj-conveyorbelt-overflow-indicator.oj-active.oj-hover {
  background-color: #027bc7;
  background-image: none;
  border-color: #027bc7;
  opacity: 1; }
.oj-conveyorbelt-overflow-indicator .oj-conveyorbelt-overflow-icon {
  cursor: inherit;
  vertical-align: middle;
  margin-bottom: 3px; }
.oj-conveyorbelt-overflow-indicator.oj-default .oj-conveyorbelt-overflow-icon {
  color: #8a8d8f; }
.oj-conveyorbelt-overflow-indicator.oj-hover .oj-conveyorbelt-overflow-icon {
  color: #76b8e1; }
.oj-conveyorbelt-overflow-indicator.oj-active .oj-conveyorbelt-overflow-icon,
.oj-conveyorbelt-overflow-indicator.oj-active.oj-hover .oj-conveyorbelt-overflow-icon {
  color: white; }
oj-film-strip:not(.oj-complete) {
  visibility: hidden; }
.oj-filmstrip {
  min-height: 1px;
  min-width: 1px;
  overflow: hidden; }
.oj-filmstrip-container {
  position: relative;
  display: flex; }
.oj-filmstrip-vertical.oj-filmstrip-container,
.oj-filmstrip-vertical .oj-filmstrip-container {
  flex-direction: column; }
.oj-filmstrip-content-container {
  overflow: hidden; }
.oj-filmstrip-pages-container,
.oj-filmstrip-page,
.oj-filmstrip-content-container {
  flex-grow: 1;
  flex-shrink: 0; }
.oj-filmstrip-item-container {
  align-items: center;
  justify-content: space-around; }
.oj-filmstrip-item {
  flex-grow: 0;
  flex-shrink: 0; }
.oj-filmstrip-transition {
  transition: transform 0.4s;
  transition-timing-function: ease-in-out; }
.oj-filmstrip-transition-display-as-firstpage {
  order: -1; }
.oj-filmstrip-transition-display-as-lastpage {
  order: 1; }
html:not([dir="rtl"]) .oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-next-oldpage-to, html:not([dir="rtl"])
.oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-next-newpage-to {
  transform: translate3d(-100%, 0, 0); }
html[dir="rtl"] .oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-next-oldpage-to, html[dir="rtl"]
.oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-next-newpage-to {
  transform: translate3d(100%, 0, 0); }
html:not([dir="rtl"]) .oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-prev-oldpage-to, html:not([dir="rtl"])
.oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-prev-newpage-to {
  transform: translate3d(100%, 0, 0); }
html[dir="rtl"] .oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-prev-oldpage-to, html[dir="rtl"]
.oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-prev-newpage-to {
  transform: translate3d(-100%, 0, 0); }
.oj-filmstrip.oj-filmstrip-vertical .oj-filmstrip-transition-next-oldpage-to,
.oj-filmstrip.oj-filmstrip-vertical .oj-filmstrip-transition-next-newpage-to {
  transform: translate3d(0, -100%, 0); }
.oj-filmstrip.oj-filmstrip-vertical .oj-filmstrip-transition-prev-oldpage-to,
.oj-filmstrip.oj-filmstrip-vertical .oj-filmstrip-transition-prev-newpage-to {
  transform: translate3d(0, 100%, 0); }
.oj-filmstrip-arrow-container {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center; }
.oj-filmstrip-vertical .oj-filmstrip-arrow-container {
  flex-direction: column; }
.oj-filmstrip-arrow-container-overlay {
  position: absolute; }
html:not([dir="rtl"]) .oj-filmstrip-arrow-container-overlay.oj-start {
  left: 0; }
html[dir="rtl"] .oj-filmstrip-arrow-container-overlay.oj-start {
  right: 0; }
html:not([dir="rtl"]) .oj-filmstrip-arrow-container-overlay.oj-end {
  right: 0; }
html[dir="rtl"] .oj-filmstrip-arrow-container-overlay.oj-end {
  left: 0; }
.oj-filmstrip-arrow-container-overlay.oj-start,
.oj-filmstrip-arrow-container-overlay.oj-end {
  top: 50%;
  transform: translate3d(0, -50%, 0); }
.oj-filmstrip-arrow-container-overlay.oj-top {
  top: 0; }
.oj-filmstrip-arrow-container-overlay.oj-bottom {
  bottom: 0; }
html:not([dir="rtl"]) .oj-filmstrip-arrow-container-overlay.oj-top, html:not([dir="rtl"])
.oj-filmstrip-arrow-container-overlay.oj-bottom {
  left: 50%;
  transform: translate3d(-50%, 0, 0); }
html[dir="rtl"] .oj-filmstrip-arrow-container-overlay.oj-top, html[dir="rtl"]
.oj-filmstrip-arrow-container-overlay.oj-bottom {
  right: 50%;
  transform: translate3d(50%, 0, 0); }
.oj-filmstrip-arrow {
  box-sizing: border-box;
  width: 2.28571rem;
  height: 2.28571rem;
  line-height: 2.28571rem;
  cursor: default;
  border-radius: 2px;
  opacity: 1;
  text-align: center;
  border: 1px solid;
  display: inline-block;
  outline: none; }
.oj-filmstrip-arrow.oj-default {
  border-color: transparent; }
.oj-filmstrip-arrow.oj-hover {
  background-color: #f7f7f8;
  background-image: none;
  border-color: #cbcccd; }
.oj-filmstrip-arrow.oj-active,
.oj-filmstrip-arrow.oj-active.oj-hover {
  background-color: #027bc7;
  background-image: none;
  border-color: #027bc7;
  opacity: 1; }
.oj-filmstrip-arrow .oj-filmstrip-arrow-icon {
  cursor: inherit;
  vertical-align: middle;
  margin-bottom: 5px; }
.oj-filmstrip-arrow.oj-default .oj-filmstrip-arrow-icon {
  color: #8a8d8f; }
.oj-filmstrip-arrow.oj-hover .oj-filmstrip-arrow-icon {
  color: #76b8e1; }
.oj-filmstrip-arrow.oj-active .oj-filmstrip-arrow-icon,
.oj-filmstrip-arrow.oj-active.oj-hover .oj-filmstrip-arrow-icon {
  color: white; }
.oj-filmstrip-arrow-transition {
  transition: opacity 0.25s;
  transition-timing-function: ease-in-out; }
.oj-filmstrip.oj-filmstrip-hover .oj-filmstrip-arrow-transition.oj-filmstrip-arrow-container {
  opacity: 1; }
.oj-filmstrip.oj-filmstrip-hover .oj-filmstrip-arrow-transition.oj-filmstrip-arrow {
  opacity: 1; }
.oj-filmstrip:not(.oj-filmstrip-hover) .oj-filmstrip-arrow-transition {
  opacity: 0; }
oj-masonry-layout:not(.oj-complete) {
  visibility: hidden; }
oj-masonry-layout {
  display: block; }
.oj-masonrylayout {
  min-height: 1px;
  min-width: 1px;
  position: relative; }
.oj-masonrylayout-tile {
  box-sizing: border-box;
  position: absolute; }
.oj-masonrylayout-tile.oj-drop {
  background-color: #d9f4fa;
  border: 1px solid #c2eaf3;
  opacity: .75; }
.oj-masonrylayout-tile.oj-drag {
  opacity: .75; }
.oj-masonrylayout-tile-transition-show-from {
  opacity: 0; }
.oj-masonrylayout-tile-1x1 {
  margin: 5px;
  width: 150px;
  height: 150px; }
.oj-masonrylayout-tile-1x2 {
  margin: 5px;
  width: 150px;
  height: 310px; }
.oj-masonrylayout-tile-1x3 {
  margin: 5px;
  width: 150px;
  height: 470px; }
.oj-masonrylayout-tile-2x1 {
  margin: 5px;
  width: 310px;
  height: 150px; }
.oj-masonrylayout-tile-2x2 {
  margin: 5px;
  width: 310px;
  height: 310px; }
.oj-masonrylayout-tile-2x3 {
  margin: 5px;
  width: 310px;
  height: 470px; }
.oj-masonrylayout-tile-3x1 {
  margin: 5px;
  width: 470px;
  height: 150px; }
.oj-masonrylayout-tile-3x2 {
  margin: 5px;
  width: 470px;
  height: 310px; }
.oj-masonrylayout-option-defaults {
  font-family: '{"animation":{"insert":[{"effect":"zoomIn","duration":"0.25s","timingFunction":"ease-in-out"},"fadeIn"],"remove":[{"effect":"zoomOut","duration":"0.25s","timingFunction":"ease-in-out"},"fadeOut"],"move":{"effect":"addTransition","duration":"0.25s","timingFunction":"ease-in-out","transitionProperties":["width","height","top","left","right"]},"resize":{"effect":"addTransition","duration":"0.25s","timingFunction":"ease-in-out","transitionProperties":["width","height","top","left","right"]},"reorder":{"effect":"addTransition","duration":"0.2s","timingFunction":"ease-in-out","transitionProperties":["width","height","top","left","right"]}}}'; }
oj-tabs:not(.oj-complete) {
  visibility: hidden; }
.oj-tabs {
  position: relative;
  font-size: 1rem; }
.oj-tabs.oj-tabs-vertical {
  display: flex; }
.oj-tabs-nav {
  white-space: nowrap;
  margin: 0;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
.oj-tabs-tab:not(.oj-focus-highlight):focus {
  outline: none; }
.oj-tabs-tab.oj-selected {
  background-color: white; }
.oj-tabs,
.oj-tabs-tab .oj-tabs-close-icon,
.oj-tabs-tab .oj-tabs-anchor {
  -webkit-tap-highlight-color: transparent; }
.oj-tabs-tab a:active {
  background-color: transparent; }
.oj-tabs-anchor {
  cursor: pointer;
  outline: none;
  display: inline-block;
  padding: .55rem .85rem .65rem .85rem;
  vertical-align: middle; }
.oj-tabs-title {
  display: inline-block;
  min-width: 1rem;
  line-height: 1rem;
  vertical-align: middle;
  font-weight: normal;
  text-decoration: none;
  color: #02629f; }
.oj-tabs-title-overflow {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.oj-tabs-tab.oj-disabled .oj-tabs-anchor {
  cursor: text;
  text-decoration: none; }
.oj-tabs-tab a,
.oj-tabs-tab a:active,
.oj-tabs-tab a:visited,
.oj-tabs-tab a:hover,
.oj-tabs-tab a:focus {
  text-decoration: none; }
.oj-tabs-tab .oj-tabs-tab-icon,
.oj-tabs-tab .oj-tabs-close-icon,
.oj-tabs-tab .oj-tabs-close-icon:hover {
  color: #8a8d8f; }
.oj-tabs-tab.oj-hover .oj-tabs-tab-icon,
.oj-tabs-tab .oj-tabs-close-icon.oj-hover {
  color: #76b8e1; }
.oj-tabs-tab.oj-active .oj-tabs-tab-icon,
.oj-tabs-tab .oj-tabs-close-icon.oj-active {
  color: #027bc7; }
.oj-tabs-tab.oj-selected .oj-tabs-tab-icon {
  color: #027bc7; }
.oj-tabs-tab.oj-disabled .oj-tabs-tab-icon {
  color: #cbcccd;
  opacity: 1; }
.oj-tabs-horizontal.oj-tabs {
  overflow-x: hidden; }
.oj-tabs-horizontal > .oj-tabs-nav-root .oj-tabs-tab {
  display: inline-block;
  position: relative; }
.oj-tabs-horizontal > .oj-tabs-nav-root .oj-tabs-tab.oj-sortable-placeholder {
  margin-bottom: -1rem; }
.oj-tabs-horizontal.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab.oj-sortable-placeholder {
  margin-top: -1rem; }
.oj-tabs-facet {
  flex: 1 0 auto; }
.oj-tabs-facet.oj-start {
  flex: 0 0 auto; }
.oj-tabs-conveyorbelt-wrapper {
  min-width: 1px; }
.oj-tabs-horizontal > .oj-tabs-nav-root:not(.oj-conveyorbelt) {
  display: flex; }
.oj-tabs-conveyor {
  display: inline-block; }
html:not([dir="rtl"]) .oj-tabs-nav-root .oj-conveyorbelt-overflow-indicator.oj-start {
  margin-right: 5px; }
html[dir="rtl"] .oj-tabs-nav-root .oj-conveyorbelt-overflow-indicator.oj-start {
  margin-left: 5px; }
html:not([dir="rtl"]) .oj-tabs-nav-root .oj-conveyorbelt-overflow-indicator.oj-end {
  margin-left: 5px; }
html[dir="rtl"] .oj-tabs-nav-root .oj-conveyorbelt-overflow-indicator.oj-end {
  margin-right: 5px; }
.oj-tabs-panel {
  display: block;
  padding: 0.85714rem;
  color: rgba(0, 0, 0, 0.8);
  background-color: white; }
.oj-tabs-vertical > .oj-tabs-nav-root {
  margin: 0;
  flex: 0 0 auto;
  position: relative;
  white-space: nowrap; }
.oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab {
  list-style: none;
  position: relative;
  top: 0;
  margin: 0;
  white-space: nowrap; }
html:not([dir="rtl"]) .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  margin-right: -1px; }
html[dir="rtl"] .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  margin-left: -1px; }
html:not([dir="rtl"]) .oj-tabs-vertical.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  margin-right: 0;
  margin-left: -1px; }
html[dir="rtl"] .oj-tabs-vertical.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  margin-left: 0;
  margin-right: -1px; }
.oj-tabs-vertical > .oj-tabs-panel {
  margin-top: 0;
  flex: 1 1;
  min-width: 0;
  min-height: 0; }
.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected,
.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected.oj-hover,
.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected,
.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected.oj-hover {
  background-color: white;
  background-image: none; }
.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-close-icon {
  padding-top: 4px; }
.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-anchor {
  padding: 0.68rem; }
.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-anchor {
  padding: 0.7rem 0.6rem 0.7rem 0.6rem; }
.oj-tabs-vertical.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-anchor {
  padding: 0.68rem 0.6rem 0.68rem 0.6rem; }
.oj-tabs-vertical.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-anchor {
  padding: 0.8rem 0.6rem 0.8rem 0.6rem; }
.oj-tabs-nav {
  padding: 0;
  border: 0; }
.oj-tabs-tab {
  border-color: transparent;
  border-style: solid; }
.oj-tabs-tab.oj-selected {
  border-color: #027bc7; }
.oj-tabs-tab.oj-selected .oj-tabs-tab-icon {
  font-weight: normal; }
.oj-tabs-tab.oj-hover .oj-tabs-title {
  text-decoration: underline; }
.oj-tabs-tab.oj-hover .oj-tabs-tab-icon {
  text-decoration: none; }
.oj-tabs-tab.oj-disabled .oj-tabs-title {
  color: rgba(0, 0, 0, 0.38); }
.oj-tabs-tab-content {
  white-space: nowrap;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-radius: 0 0 0 0; }
.oj-tabs-tab.oj-selected .oj-tabs-tab-content {
  border-color: #cbcccd; }
.oj-tabs-horizontal > .oj-tabs-nav-root .oj-tabs-tab-content,
.oj-tabs-horizontal.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab-content {
  border-width: 0 1px 0 1px; }
.oj-tabs-horizontal > .oj-tabs-nav-root .oj-tabs-tab {
  top: 0;
  margin: 0;
  border-width: 3px 0 0 0;
  border-radius: 0 0 0 0; }
.oj-tabs-horizontal.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 0 0 3px 0; }
.oj-tabs-horizontal.oj-tabs-text-icon.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab,
.oj-tabs-horizontal.oj-tabs-icon-only.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 0 0 1px 0; }
html:not([dir="rtl"]) .oj-first-child-selected > .oj-tabs-nav-root .oj-tabs-tab.oj-selected .oj-tabs-tab-content {
  border-left-color: #e0e1e1; }
html[dir="rtl"] .oj-first-child-selected > .oj-tabs-nav-root .oj-tabs-tab.oj-selected .oj-tabs-tab-content {
  border-right-color: #e0e1e1; }
.oj-tabs-close-icon {
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  width: 1.84rem;
  line-height: 2.2rem; }
  html:not([dir="rtl"]) .oj-tabs-close-icon {
    margin-left: -0.75rem; }
  html[dir="rtl"] .oj-tabs-close-icon {
    margin-right: -0.75rem; }
.oj-tabs-panel {
  border: 1px solid #e0e1e1;
  border-radius: 3px;
  margin-top: -1px; }
.oj-tabs-bottom > .oj-tabs-panel {
  margin-top: 0;
  margin-bottom: -1px; }
html:not([dir="rtl"]) .oj-first-child-selected > .oj-tabs-panel {
  border-top-left-radius: 0; }
html[dir="rtl"] .oj-first-child-selected > .oj-tabs-panel {
  border-top-right-radius: 0; }
html:not([dir="rtl"]) .oj-tabs-bottom.oj-first-child-selected > .oj-tabs-panel {
  border-bottom-left-radius: 0; }
html[dir="rtl"] .oj-tabs-bottom.oj-first-child-selected > .oj-tabs-panel {
  border-bottom-right-radius: 0; }
.oj-tabs-vertical > .oj-tabs-nav-root {
  padding: 15px 0 0; }
.oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab {
  line-height: 1rem; }
  html:not([dir="rtl"]) .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab {
    border-width: 0 0 0 3px;
    border-radius: 0 0 0 0; }
  html[dir="rtl"] .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab {
    border-width: 0 3px 0 0;
    border-radius: 0 0 0 0; }
html[dir="rtl"] .oj-tabs-vertical.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 0 0 0 3px;
  border-radius: 0 0 0 0; }
html:not([dir="rtl"]) .oj-tabs-vertical.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 0 3px 0 0;
  border-radius: 0 0 0 0; }
html:not([dir="rtl"]) .oj-tabs-vertical.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab, html:not([dir="rtl"])
.oj-tabs-vertical.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 1px; }
html[dir="rtl"] .oj-tabs-vertical.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab, html[dir="rtl"]
.oj-tabs-vertical.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 1px; }
.oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab-content {
  border-width: 1px 0 1px 0; }
  html:not([dir="rtl"]) .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab-content {
    border-radius: 0 0 0 0; }
  html[dir="rtl"] .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab-content {
    border-radius: 0 0 0 0; }
.oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-anchor {
  padding: 1.1rem 0.8rem 1.1rem 0.8rem; }
.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab,
.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 1px;
  border-radius: 0; }
.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab-content,
.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab-content {
  border-width: 0;
  border-radius: 0; }
.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected,
.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-color: #e0e1e1; }
html:not([dir="rtl"]) .oj-tabs-vertical.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected, html:not([dir="rtl"])
.oj-tabs-vertical.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-radius: 2px 0 0 2px;
  border-right-color: transparent; }
html[dir="rtl"] .oj-tabs-vertical.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected, html[dir="rtl"]
.oj-tabs-vertical.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-radius: 0 2px 2px 0;
  border-left-color: transparent; }
html:not([dir="rtl"]) .oj-tabs-vertical.oj-tabs-text-icon.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected, html:not([dir="rtl"])
.oj-tabs-vertical.oj-tabs-icon-only.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-radius: 0 2px 2px 0;
  border-color: #e0e1e1;
  margin-left: -1px;
  border-left-color: transparent; }
html[dir="rtl"] .oj-tabs-vertical.oj-tabs-text-icon.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected, html[dir="rtl"]
.oj-tabs-vertical.oj-tabs-icon-only.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-radius: 2px 0 0 2px;
  border-color: #e0e1e1;
  margin-right: -1px;
  border-right-color: transparent; }
.oj-tabs-horizontal.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected,
.oj-tabs-horizontal.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-bottom-color: transparent;
  border-radius: 2px 2px 0 0; }
.oj-tabs-horizontal.oj-tabs-text-icon.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab.oj-selected,
.oj-tabs-horizontal.oj-tabs-icon-only.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-top-color: transparent;
  border-color: #e0e1e1;
  border-radius: 0 0 2px 2px; }
oj-train:not(.oj-complete) {
  visibility: hidden; }
oj-train {
  display: block; }
.oj-train {
  white-space: nowrap;
  text-align: center; }
.oj-train-wrapper {
  font-size: 0;
  display: inline-block;
  position: relative;
  vertical-align: top; }
.oj-train-stretch .oj-train-wrapper {
  width: 100%; }
.oj-train-connector-wrapper {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  padding: 0 49px; }
.oj-train-connector,
.oj-train-connector-fill {
  position: relative;
  height: 0px;
  width: 100%;
  top: 13px;
  box-sizing: border-box; }
.oj-train-connector {
  background-color: #e5e6e6; }
.oj-train-connector-fill {
  background-color: transparent;
  margin-top: -2px; }
.oj-train-button-connector {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  background-color: #e5e6e6;
  border-radius: 50%; }
.oj-train-button-connector.oj-train-fill {
  background-color: transparent;
  background-image: none;
  top: 0; }
.oj-train-step-individual-connector {
  position: relative;
  visibility: visible;
  height: 2px;
  width: calc(100% - 48px);
  top: 15px;
  background-color: #e5e6e6; }
  html:not([dir="rtl"]) .oj-train-step-individual-connector {
    left: calc(50% + 24px); }
  html[dir="rtl"] .oj-train-step-individual-connector {
    right: calc(50% + 24px); }
.oj-train-step-individual-connector.oj-train-connector-before-selected-step {
  background-color: #c6c7c8;
  width: calc(100% - 28px); }
  html:not([dir="rtl"]) .oj-train-step-individual-connector.oj-train-connector-before-selected-step {
    left: calc(50% + 14px); }
  html[dir="rtl"] .oj-train-step-individual-connector.oj-train-connector-before-selected-step {
    right: calc(50% + 14px); }
.oj-train-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  width: 28px;
  height: 28px;
  margin: 0px;
  border-radius: 50%; }
.oj-train-button.oj-default {
  border-color: #8a8d8f;
  background-color: white; }
.oj-train-button.oj-visited {
  border-color: #8a8d8f;
  background-color: white; }
.oj-train-button.oj-hover {
  border-color: #76b8e1;
  background-color: #76b8e1; }
.oj-train-button.oj-selected {
  border-color: #027bc7;
  background-color: #027bc7;
  cursor: default; }
.oj-train-button.oj-disabled {
  border-color: #e0e1e1;
  background-color: white;
  cursor: default; }
.oj-train-button.oj-active,
.oj-train-button.oj-hover.oj-active {
  background-color: #027bc7;
  border-color: #027bc7; }
.oj-train-step-list-item.oj-confirmation .oj-train-button,
.oj-train-step-list-item.oj-info .oj-train-button,
.oj-train-step-list-item.oj-invalid .oj-train-button,
.oj-train-step-list-item.oj-warning .oj-train-button {
  background-color: transparent;
  border-color: transparent; }
.oj-train-button-text {
  font-size: 13px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
  display: inherit; }
.oj-train-button.oj-active .oj-train-button-text,
.oj-train-button.oj-hover.oj-active .oj-train-button-text,
.oj-train-button.oj-hover.oj-visited.oj-active .oj-train-button-text {
  color: white; }
.oj-train-button.oj-disabled .oj-train-button-text {
  color: rgba(0, 0, 0, 0.38); }
.oj-train-button.oj-hover .oj-train-button-text,
.oj-train-button.oj-visited.oj-hover .oj-train-button-text {
  color: white; }
.oj-train-button.oj-visited .oj-train-button-text {
  display: none;
  color: #027bc7; }
.oj-train-button.oj-selected .oj-train-button-text {
  color: white; }
.oj-train-step-list {
  margin: 0;
  padding: 0; }
.oj-train-step-list-item {
  font-size: 1rem;
  width: 98px;
  white-space: normal;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  line-height: normal; }
.oj-train-label-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 14px; }
.oj-train-label {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8);
  text-align: center; }
.oj-train-label.oj-visited {
  color: rgba(0, 0, 0, 0.8); }
.oj-train-label.oj-disabled {
  text-decoration: none;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.38);
  opacity: 1; }
.oj-train-label.oj-active,
.oj-train-label.oj-hover.oj-active {
  text-decoration: none;
  font-weight: 500;
  cursor: pointer; }
.oj-train-label.oj-hover {
  cursor: pointer; }
.oj-train-label.oj-selected {
  text-decoration: none;
  cursor: default;
  font-weight: 500; }
.oj-train-label:not(.oj-focus-highlight):focus {
  outline: none; }
.oj-train-icon {
  position: absolute;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: white;
  border-radius: 50%;
  font-size: unset;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid; }
.oj-train-icon.oj-confirmation {
  background-color: #81BA5F; }
.oj-train-button.oj-disabled .oj-train-icon {
  background-color: white;
  border-color: #e0e1e1; }
.oj-train-button.oj-hover .oj-train-icon,
.oj-train-button.oj-visited.oj-hover .oj-train-icon,
.oj-train-button.oj-visited.oj-hover .oj-train-icon.oj-confirmation,
.oj-train-button.oj-visited.oj-hover .oj-train-icon.oj-error,
.oj-train-button.oj-visited.oj-hover .oj-train-icon.oj-info,
.oj-train-button.oj-visited.oj-hover .oj-train-icon.oj-warning {
  background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); }
.oj-train-button.oj-visited .oj-train-icon.oj-confirmation,
.oj-train-button.oj-selected .oj-train-icon.oj-confirmation {
  background-color: #81BA5F;
  border-color: #8a8d8f; }
.oj-train-button.oj-active .oj-train-icon.oj-confirmation,
.oj-train-button.oj-hover.oj-active .oj-train-icon.oj-confirmation,
.oj-train-button.oj-hover.oj-visited.oj-active .oj-train-icon.oj-confirmation {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
.oj-train-icon.oj-error {
  background-color: #DE2333; }
.oj-train-button.oj-visited .oj-train-icon.oj-error,
.oj-train-button.oj-selected .oj-train-icon.oj-error {
  background-color: #DE2333; }
.oj-train-button.oj-active .oj-train-icon.oj-error,
.oj-train-button.oj-hover.oj-active .oj-train-icon.oj-error,
.oj-train-button.oj-hover.oj-visited.oj-active .oj-train-icon.oj-error {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
.oj-train-icon.oj-info {
  background-color: #2B94BF; }
.oj-train-button.oj-visited .oj-train-icon.oj-info,
.oj-train-button.oj-selected .oj-train-icon.oj-info {
  background-color: #2B94BF; }
.oj-train-button.oj-active .oj-train-icon.oj-info,
.oj-train-button.oj-hover.oj-active .oj-train-icon.oj-info,
.oj-train-button.oj-hover.oj-visited.oj-active .oj-train-icon.oj-info {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
.oj-train-icon.oj-warning {
  background-color: #F6B846; }
.oj-train-button.oj-visited .oj-train-icon.oj-warning,
.oj-train-button.oj-selected .oj-train-icon.oj-warning {
  background-color: #F6B846; }
.oj-train-button.oj-active .oj-train-icon.oj-warning,
.oj-train-button.oj-hover.oj-active .oj-train-icon.oj-warning,
.oj-train-button.oj-hover.oj-visited.oj-active .oj-train-icon.oj-warning {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
.oj-train-icon.oj-hover {
  cursor: pointer; }
.oj-hicontrast .oj-train-button.oj-selected {
  border-width: 14px; }
.oj-hicontrast .oj-train-button.oj-disabled {
  border-style: dotted; }
.oj-hicontrast .oj-train-button.oj-visited {
  border-width: 2px; }
.oj-hicontrast .oj-train-connector {
  border: 1px solid; }
.oj-hicontrast .oj-train-connector-fill {
  border: 1px solid; }
.oj-train-button.oj-visited::before {
  content: "";
  display: inherit; }
.oj-train-button.oj-hover.oj-visited::before {
  content: ""; }
oj-button:not(.oj-complete) {
  visibility: hidden; }
[hidden].oj-button {
  display: none; }
.oj-button {
  height: 2.28571rem;
  margin-bottom: 4px;
  font-size: 1rem;
  display: inline-flex;
  vertical-align: middle; }
.oj-button-button {
  width: 100%;
  height: 100%; }
.oj-button-jqui,
.oj-button-button {
  justify-content: center;
  min-width: 0;
  align-items: center;
  padding: 0;
  border: 1px solid;
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  font-family: inherit;
  -webkit-tap-highlight-color: transparent; }
html body .oj-button-jqui,
html body .oj-button-button {
  cursor: default; }
input.oj-button[type="button"],
input.oj-button[type="submit"],
input.oj-button[type="reset"] {
  display: inline-block; }
.oj-button-toggle {
  position: relative; }
.oj-button-label,
.oj-button-label oj-option {
  cursor: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }
.oj-button-input {
  left: 0;
  top: 0; }
.oj-button .oj-button-icon {
  font-weight: normal;
  text-shadow: none; }
.oj-button .oj-button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.oj-button.oj-button-sm,
.oj-buttonset.oj-button-sm .oj-button-jqui {
  height: 2rem;
  line-height: 2rem;
  font-size: 1rem; }
.oj-button.oj-button-lg,
.oj-buttonset.oj-button-lg .oj-button-jqui {
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem; }
.oj-button.oj-button-xl,
.oj-buttonset.oj-button-xl .oj-button-jqui {
  height: 3.42857rem;
  line-height: 3.42857rem;
  font-size: 1rem; }
.oj-button-jqui,
.oj-button-button,
.oj-button-jqui:link,
.oj-button-button:link,
.oj-button-jqui:visited,
.oj-button-button:visited,
.oj-button-jqui:hover,
.oj-button-button:hover,
.oj-button-jqui:active,
.oj-button-button:active {
  text-decoration: none; }
.oj-button-jqui:not(.oj-focus-highlight):focus,
.oj-button:not(.oj-focus-highlight) .oj-button-button:focus {
  outline: none; }
.oj-button-jqui.oj-focus-highlight,
.oj-button.oj-focus-highlight .oj-button-button {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
.oj-button-jqui.oj-disabled,
.oj-button.oj-disabled .oj-button-button {
  cursor: default; }
.oj-button-jqui.oj-button-full-chrome,
.oj-button-jqui.oj-button-full-chrome:link,
.oj-button-jqui.oj-button-full-chrome:visited,
.oj-button-jqui.oj-button-full-chrome:hover,
.oj-button-jqui.oj-button-full-chrome:active,
.oj-button.oj-button-full-chrome .oj-button-button,
.oj-button.oj-button-full-chrome .oj-button-button:link,
.oj-button.oj-button-full-chrome .oj-button-button:visited,
.oj-button.oj-button-full-chrome .oj-button-button:hover,
.oj-button.oj-button-full-chrome .oj-button-button:active {
  font-weight: normal; }
.oj-button-jqui.oj-default.oj-button-full-chrome,
.oj-button-jqui.oj-focus-only.oj-button-full-chrome,
.oj-button.oj-default.oj-button-full-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {
  background-color: #ededee;
  background-image: none;
  border-color: #cbcccd;
  color: black;
  box-shadow: none;
  text-shadow: none; }
.oj-button.oj-default.oj-button-full-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon {
  color: #8a8d8f; }
.oj-button-jqui.oj-hover.oj-button-full-chrome,
.oj-button.oj-hover.oj-button-full-chrome .oj-button-button {
  background-color: #f7f7f8;
  background-image: none;
  border-color: #cbcccd;
  color: #02629f;
  box-shadow: none;
  text-shadow: none; }
.oj-button.oj-hover.oj-button-full-chrome .oj-button-icon {
  color: #76b8e1; }
.oj-button-jqui.oj-active.oj-button-full-chrome,
.oj-button.oj-active.oj-button-full-chrome .oj-button-button {
  background-color: #027bc7;
  background-image: none;
  border-color: #027bc7;
  color: white;
  box-shadow: none;
  text-shadow: none;
  opacity: 1; }
.oj-button.oj-active.oj-button-full-chrome .oj-button-icon {
  color: white; }
.oj-button-jqui.oj-selected.oj-button-full-chrome,
.oj-button.oj-selected.oj-button-full-chrome .oj-button-button {
  background-color: #027bc7;
  background-image: none;
  border-color: #027bc7;
  color: white;
  box-shadow: none;
  text-shadow: none; }
.oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome,
.oj-button.oj-selected.oj-hover.oj-button-full-chrome .oj-button-button {
  color: #76b8e1;
  background-color: #027bc7;
  border-color: #027bc7; }
.oj-button.oj-selected.oj-button-full-chrome .oj-button-icon {
  color: white; }
.oj-button.oj-selected.oj-hover.oj-button-full-chrome .oj-button-icon {
  color: #76b8e1; }
.oj-button-jqui.oj-disabled.oj-button-full-chrome,
.oj-button.oj-disabled.oj-button-full-chrome .oj-button-button {
  background-color: #f7f7f8;
  border-color: #e5e6e6;
  color: rgba(0, 0, 0, 0.38);
  box-shadow: none;
  opacity: 1;
  background-image: none; }
.oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon {
  color: #cbcccd; }
.oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome,
.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-button {
  color: white;
  background-color: #cbcccd;
  border-color: #cbcccd; }
.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon {
  color: white; }
.oj-button-jqui.oj-default.oj-button-half-chrome,
.oj-button-jqui.oj-focus-only.oj-button-half-chrome,
.oj-button-jqui.oj-disabled.oj-button-half-chrome,
.oj-button.oj-default.oj-button-half-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-half-chrome .oj-button-button,
.oj-button.oj-disabled.oj-button-half-chrome .oj-button-button {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none; }
.oj-button-jqui.oj-default.oj-button-half-chrome,
.oj-button-jqui.oj-focus-only.oj-button-half-chrome,
.oj-button.oj-default.oj-button-half-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-half-chrome .oj-button-button {
  text-shadow: none;
  color: black; }
.oj-button-jqui.oj-hover.oj-button-half-chrome,
.oj-button.oj-hover.oj-button-half-chrome .oj-button-button {
  color: #02629f;
  background-color: #f7f7f8;
  border-color: #cbcccd;
  box-shadow: none; }
.oj-button-jqui.oj-active.oj-button-half-chrome,
.oj-button.oj-active.oj-button-half-chrome .oj-button-button {
  color: white;
  background-color: #027bc7;
  border-color: #027bc7;
  opacity: 1;
  box-shadow: none; }
.oj-button-jqui.oj-selected.oj-button-half-chrome,
.oj-button.oj-selected.oj-button-half-chrome .oj-button-button {
  color: white;
  background-color: #027bc7;
  border-color: #027bc7;
  box-shadow: none; }
.oj-button-jqui.oj-selected.oj-hover.oj-button-half-chrome,
.oj-button.oj-selected.oj-hover.oj-button-half-chrome .oj-button-button {
  color: #76b8e1;
  background-color: #027bc7;
  border-color: #027bc7; }
.oj-button-jqui.oj-disabled.oj-button-half-chrome,
.oj-button.oj-disabled.oj-button-half-chrome .oj-button-button {
  color: rgba(0, 0, 0, 0.38);
  opacity: 1; }
.oj-button-jqui.oj-disabled.oj-selected.oj-button-half-chrome,
.oj-button.oj-disabled.oj-selected.oj-button-half-chrome .oj-button-button {
  color: white;
  background-color: #cbcccd;
  border-color: #cbcccd; }
.oj-button-jqui.oj-button-half-chrome,
.oj-button-jqui.oj-button-half-chrome:link,
.oj-button-jqui.oj-button-half-chrome:visited,
.oj-button-jqui.oj-button-half-chrome:hover,
.oj-button-jqui.oj-button-half-chrome:active,
.oj-button.oj-button-half-chrome .oj-button-button,
.oj-button.oj-button-half-chrome .oj-button-button:link,
.oj-button.oj-button-half-chrome .oj-button-button:visited,
.oj-button.oj-button-half-chrome .oj-button-button:hover,
.oj-button.oj-button-half-chrome .oj-button-button:active {
  font-weight: normal; }
.oj-button.oj-default.oj-button-half-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-half-chrome .oj-button-icon {
  color: #8a8d8f; }
.oj-button.oj-hover.oj-button-half-chrome .oj-button-icon {
  color: #76b8e1; }
.oj-button.oj-active.oj-button-half-chrome .oj-button-icon {
  color: white; }
.oj-button.oj-selected.oj-button-half-chrome .oj-button-icon {
  color: white; }
.oj-button.oj-selected.oj-hover.oj-button-half-chrome .oj-button-icon {
  color: #76b8e1; }
.oj-button.oj-disabled.oj-button-half-chrome .oj-button-icon {
  color: #cbcccd; }
.oj-button.oj-disabled.oj-selected.oj-button-half-chrome .oj-button-icon {
  color: white; }
.oj-button-jqui.oj-default.oj-button-outlined-chrome,
.oj-button-jqui.oj-focus-only.oj-button-outlined-chrome,
.oj-button-jqui.oj-disabled.oj-button-outlined-chrome,
.oj-button.oj-default.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-disabled.oj-button-outlined-chrome .oj-button-button {
  border-color: #cbcccd;
  background-image: none;
  box-shadow: none;
  background-color: transparent; }
.oj-button-jqui.oj-default.oj-button-outlined-chrome,
.oj-button-jqui.oj-focus-only.oj-button-outlined-chrome,
.oj-button.oj-default.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-outlined-chrome .oj-button-button {
  text-shadow: none;
  color: black; }
.oj-button-jqui.oj-hover.oj-button-outlined-chrome,
.oj-button.oj-hover.oj-button-outlined-chrome .oj-button-button {
  color: #02629f;
  background-color: #f7f7f8;
  border-color: #cbcccd;
  box-shadow: none; }
.oj-button-jqui.oj-active.oj-button-outlined-chrome,
.oj-button.oj-active.oj-button-outlined-chrome .oj-button-button {
  color: white;
  background-color: #027bc7;
  border-color: #027bc7;
  opacity: 1;
  box-shadow: none; }
.oj-button-jqui.oj-selected.oj-button-outlined-chrome,
.oj-button.oj-selected.oj-button-outlined-chrome .oj-button-button {
  color: white;
  background-color: #027bc7;
  border-color: #027bc7;
  box-shadow: none; }
.oj-button-jqui.oj-selected.oj-hover.oj-button-outlined-chrome,
.oj-button.oj-selected.oj-hover.oj-button-outlined-chrome .oj-button-button {
  color: #76b8e1;
  background-color: #027bc7;
  border-color: #027bc7; }
.oj-button-jqui.oj-disabled.oj-button-outlined-chrome,
.oj-button.oj-disabled.oj-button-outlined-chrome .oj-button-button {
  color: rgba(0, 0, 0, 0.38);
  border-color: #cbcccd;
  opacity: 1; }
.oj-button-jqui.oj-disabled.oj-selected.oj-button-outlined-chrome,
.oj-button.oj-disabled.oj-selected.oj-button-outlined-chrome .oj-button-button {
  color: white;
  background-color: #cbcccd;
  border-color: #cbcccd; }
.oj-button-jqui.oj-button-outlined-chrome,
.oj-button-jqui.oj-button-outlined-chrome:link,
.oj-button-jqui.oj-button-outlined-chrome:visited,
.oj-button-jqui.oj-button-outlined-chrome:hover,
.oj-button-jqui.oj-button-outlined-chrome:active,
.oj-button.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-button-outlined-chrome .oj-button-button:link,
.oj-button.oj-button-outlined-chrome .oj-button-button:visited,
.oj-button.oj-button-outlined-chrome .oj-button-button:hover,
.oj-button.oj-button-outlined-chrome .oj-button-button:active {
  font-weight: normal; }
.oj-button.oj-default.oj-button-outlined-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-outlined-chrome .oj-button-icon {
  color: #8a8d8f; }
.oj-button.oj-hover.oj-button-outlined-chrome .oj-button-icon {
  color: #76b8e1; }
.oj-button.oj-active.oj-button-outlined-chrome .oj-button-icon {
  color: white; }
.oj-button.oj-selected.oj-button-outlined-chrome .oj-button-icon {
  color: white; }
.oj-button.oj-selected.oj-hover.oj-button-outlined-chrome .oj-button-icon {
  color: #76b8e1; }
.oj-button.oj-disabled.oj-button-outlined-chrome .oj-button-icon {
  color: #cbcccd; }
.oj-button.oj-disabled.oj-selected.oj-button-outlined-chrome .oj-button-icon {
  color: white; }
input.oj-button[type="button"],
input.oj-button[type="submit"],
input.oj-button[type="reset"],
.oj-buttonset .oj-button-text-only .oj-button-text,
.oj-button-text-only .oj-button-text {
  padding: 0 0.92857rem; }
html:not([dir="rtl"]) .oj-buttonset .oj-button-text-icon-start .oj-button-text, html:not([dir="rtl"])
.oj-button-text-icon-start .oj-button-text {
  padding: 0 0.92857rem 0 0; }
html[dir="rtl"] .oj-buttonset .oj-button-text-icon-end .oj-button-text, html[dir="rtl"]
.oj-button-text-icon-end .oj-button-text {
  padding: 0 0.92857rem 0 0; }
html:not([dir="rtl"]) .oj-buttonset .oj-button-text-icon-end .oj-button-text, html:not([dir="rtl"])
.oj-button-text-icon-end .oj-button-text {
  padding: 0 0 0 0.92857rem; }
html[dir="rtl"] .oj-buttonset .oj-button-text-icon-start .oj-button-text, html[dir="rtl"]
.oj-button-text-icon-start .oj-button-text {
  padding: 0 0 0 0.92857rem; }
.oj-buttonset .oj-button-text-icons .oj-button-text,
.oj-button-text-icons .oj-button-text {
  padding: 0; }
html:not([dir="rtl"]) .oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 0.42857rem;
  margin-left: 0.85714rem; }
html[dir="rtl"] .oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 0.85714rem; }
html:not([dir="rtl"]) .oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-icons-only .oj-button-icon.oj-start {
  margin-right: 0.42857rem;
  margin-left: 0.57143rem; }
html[dir="rtl"] .oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 0.57143rem; }
.oj-buttonset .oj-button-icon-only .oj-button-icon,
.oj-button-icon-only .oj-button-icon {
  margin-right: 0.57143rem;
  margin-left: 0.57143rem; }
html:not([dir="rtl"]) .oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 0.85714rem;
  margin-left: 0.42857rem; }
html[dir="rtl"] .oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 0.85714rem;
  margin-left: 0.42857rem; }
html:not([dir="rtl"]) .oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 0.57143rem; }
html[dir="rtl"] .oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-icons-only .oj-button-icon.oj-start {
  margin-right: 0.57143rem; }
input.oj-button-sm.oj-button[type="button"],
input.oj-button-sm.oj-button[type="submit"],
input.oj-button-sm.oj-button[type="reset"],
.oj-button-sm.oj-buttonset .oj-button-text-only .oj-button-text,
.oj-button-sm.oj-button-text-only .oj-button-text {
  padding: 0 0.78571rem; }
html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-text-icon-start .oj-button-text, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icon-start .oj-button-text {
  padding: 0 0.78571rem 0 0; }
html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-end .oj-button-text, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-end .oj-button-text {
  padding: 0 0.78571rem 0 0; }
html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-text-icon-end .oj-button-text, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icon-end .oj-button-text {
  padding: 0 0 0 0.78571rem; }
html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-start .oj-button-text, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-start .oj-button-text {
  padding: 0 0 0 0.78571rem; }
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-text,
.oj-button-sm.oj-button-text-icons .oj-button-text {
  padding: 0; }
html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 0.42857rem;
  margin-left: 0.78571rem; }
html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 0.78571rem; }
html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-sm.oj-button-icons-only .oj-button-icon.oj-start {
  margin-right: 0.42857rem;
  margin-left: 0.42857rem; }
html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 0.42857rem; }
.oj-button-sm.oj-buttonset .oj-button-icon-only .oj-button-icon,
.oj-button-sm.oj-button-icon-only .oj-button-icon {
  margin-right: 0.42857rem;
  margin-left: 0.42857rem; }
html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 0.78571rem;
  margin-left: 0.42857rem; }
html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 0.78571rem;
  margin-left: 0.42857rem; }
html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-sm.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 0.42857rem; }
html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-button-icons-only .oj-button-icon.oj-start {
  margin-right: 0.42857rem; }
input.oj-button-lg.oj-button[type="button"],
input.oj-button-lg.oj-button[type="submit"],
input.oj-button-lg.oj-button[type="reset"],
.oj-button-lg.oj-buttonset .oj-button-text-only .oj-button-text,
.oj-button-lg.oj-button-text-only .oj-button-text {
  padding: 0 1.42857rem; }
html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-text-icon-start .oj-button-text, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icon-start .oj-button-text {
  padding: 0 1.42857rem 0 0; }
html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-end .oj-button-text, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-end .oj-button-text {
  padding: 0 1.42857rem 0 0; }
html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-text-icon-end .oj-button-text, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icon-end .oj-button-text {
  padding: 0 0 0 1.42857rem; }
html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-start .oj-button-text, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-start .oj-button-text {
  padding: 0 0 0 1.42857rem; }
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-text,
.oj-button-lg.oj-button-text-icons .oj-button-text {
  padding: 0; }
html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 0.42857rem;
  margin-left: 1.07143rem; }
html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 1.07143rem; }
html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-lg.oj-button-icons-only .oj-button-icon.oj-start {
  margin-right: 0.42857rem;
  margin-left: 0.85714rem; }
html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 0.85714rem; }
.oj-button-lg.oj-buttonset .oj-button-icon-only .oj-button-icon,
.oj-button-lg.oj-button-icon-only .oj-button-icon {
  margin-right: 0.85714rem;
  margin-left: 0.85714rem; }
html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 1.07143rem;
  margin-left: 0.42857rem; }
html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 1.07143rem;
  margin-left: 0.42857rem; }
html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-lg.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 0.85714rem; }
html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-button-icons-only .oj-button-icon.oj-start {
  margin-right: 0.85714rem; }
input.oj-button-xl.oj-button[type="button"],
input.oj-button-xl.oj-button[type="submit"],
input.oj-button-xl.oj-button[type="reset"],
.oj-button-xl.oj-buttonset .oj-button-text-only .oj-button-text,
.oj-button-xl.oj-button-text-only .oj-button-text {
  padding: 0 1.42857rem; }
html:not([dir="rtl"]) .oj-button-xl.oj-buttonset .oj-button-text-icon-start .oj-button-text, html:not([dir="rtl"])
.oj-button-xl.oj-button-text-icon-start .oj-button-text {
  padding: 0 1.42857rem 0 0; }
html[dir="rtl"] .oj-button-xl.oj-buttonset .oj-button-text-icon-end .oj-button-text, html[dir="rtl"]
.oj-button-xl.oj-button-text-icon-end .oj-button-text {
  padding: 0 1.42857rem 0 0; }
html:not([dir="rtl"]) .oj-button-xl.oj-buttonset .oj-button-text-icon-end .oj-button-text, html:not([dir="rtl"])
.oj-button-xl.oj-button-text-icon-end .oj-button-text {
  padding: 0 0 0 1.42857rem; }
html[dir="rtl"] .oj-button-xl.oj-buttonset .oj-button-text-icon-start .oj-button-text, html[dir="rtl"]
.oj-button-xl.oj-button-text-icon-start .oj-button-text {
  padding: 0 0 0 1.42857rem; }
.oj-button-xl.oj-buttonset .oj-button-text-icons .oj-button-text,
.oj-button-xl.oj-button-text-icons .oj-button-text {
  padding: 0; }
html:not([dir="rtl"]) .oj-button-xl.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-xl.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-xl.oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-xl.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 0.42857rem;
  margin-left: 1.07143rem; }
html[dir="rtl"] .oj-button-xl.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-xl.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-xl.oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-xl.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 1.07143rem; }
html:not([dir="rtl"]) .oj-button-xl.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-xl.oj-button-icons-only .oj-button-icon.oj-start {
  margin-right: 0.42857rem;
  margin-left: 1rem; }
html[dir="rtl"] .oj-button-xl.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-xl.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 1rem; }
.oj-button-xl.oj-buttonset .oj-button-icon-only .oj-button-icon,
.oj-button-xl.oj-button-icon-only .oj-button-icon {
  margin-right: 1rem;
  margin-left: 1rem; }
html:not([dir="rtl"]) .oj-button-xl.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-xl.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-xl.oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-xl.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 1.07143rem;
  margin-left: 0.42857rem; }
html[dir="rtl"] .oj-button-xl.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-xl.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-xl.oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-xl.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 1.07143rem;
  margin-left: 0.42857rem; }
html:not([dir="rtl"]) .oj-button-xl.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-xl.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 1rem; }
html[dir="rtl"] .oj-button-xl.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-xl.oj-button-icons-only .oj-button-icon.oj-start {
  margin-right: 1rem; }
input.oj-button::-moz-focus-inner,
button.oj-button::-moz-focus-inner,
.oj-button button::-moz-focus-inner {
  border: 0;
  padding: 0; }
.oj-hicontrast .oj-button-jqui.oj-focus,
.oj-hicontrast .oj-button.oj-focus .oj-button-button {
  outline-width: 3px; }
.oj-hicontrast .oj-button-jqui.oj-selected,
.oj-hicontrast .oj-button.oj-selected .oj-button-button {
  border-style: double;
  border-width: 3px; }
.oj-hicontrast .oj-button-jqui.oj-disabled,
.oj-hicontrast .oj-button.oj-disabled .oj-button-button {
  border-style: dotted; }
.oj-hicontrast .oj-button-jqui.oj-disabled.oj-selected,
.oj-hicontrast .oj-button.oj-disabled.oj-selected .oj-button-button {
  border-width: 2px; }
.oj-button-option-defaults {
  font-family: '{"chroming":"full"}'; }
.oj-button-primary.oj-buttonset .oj-button-jqui.oj-default.oj-button-full-chrome,
.oj-button-primary.oj-buttonset .oj-button-jqui.oj-focus-only.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-default.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-focus-only.oj-button-full-chrome,
.oj-button-primary.oj-button.oj-default.oj-button-full-chrome .oj-button-button,
.oj-button-primary.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {
  background-color: #027bc7;
  background-image: none;
  border-color: transparent;
  color: white;
  text-shadow: none; }
.oj-button-primary.oj-buttonset .oj-button.oj-default.oj-button-full-chrome .oj-button-icon,
.oj-button-primary.oj-buttonset .oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon,
.oj-button-primary.oj-button.oj-default.oj-button-full-chrome .oj-button-icon,
.oj-button-primary.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon {
  color: white; }
.oj-button-primary.oj-buttonset .oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active), .oj-button-primary.oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active),
.oj-button-primary.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-button {
  background-color: #027bc7;
  background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
  border-color: transparent;
  color: white;
  text-shadow: none; }
.oj-button-primary.oj-buttonset .oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-icon,
.oj-button-primary.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-icon {
  color: white; }
.oj-button-primary.oj-buttonset .oj-button-jqui.oj-active.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-active.oj-button-full-chrome,
.oj-button-primary.oj-button.oj-active.oj-button-full-chrome .oj-button-button {
  background-color: #027bc7;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  border-color: transparent;
  color: white;
  text-shadow: none; }
.oj-button-primary.oj-buttonset .oj-button.oj-active.oj-button-full-chrome .oj-button-icon,
.oj-button-primary.oj-button.oj-active.oj-button-full-chrome .oj-button-icon {
  color: white; }
.oj-button-primary.oj-buttonset .oj-button-jqui.oj-selected.oj-button-full-chrome:not(.oj-disabled), .oj-button-primary.oj-button-jqui.oj-selected.oj-button-full-chrome:not(.oj-disabled),
.oj-button-primary.oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-button {
  background-color: #027bc7;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  border-color: transparent;
  color: white;
  text-shadow: none; }
.oj-button-primary.oj-buttonset .oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled), .oj-button-primary.oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled),
.oj-button-primary.oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-button {
  background-color: #027bc7;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  border-color: transparent;
  color: white;
  text-shadow: none; }
.oj-button-primary.oj-buttonset .oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon,
.oj-button-primary.oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon {
  color: white; }
.oj-button-primary.oj-buttonset .oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon,
.oj-button-primary.oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon {
  color: white; }
.oj-button-primary.oj-buttonset .oj-button-jqui.oj-disabled.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-disabled.oj-button-full-chrome,
.oj-button-primary.oj-button.oj-disabled.oj-button-full-chrome .oj-button-button {
  background-color: #027bc7;
  border-color: transparent;
  color: white;
  opacity: 0.4; }
.oj-button-primary.oj-buttonset .oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon,
.oj-button-primary.oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon {
  color: white; }
.oj-button-primary.oj-buttonset .oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome,
.oj-button-primary.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-button {
  color: white;
  background-color: #027bc7;
  border-color: transparent; }
.oj-button-primary.oj-buttonset .oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon,
.oj-button-primary.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon {
  color: white; }
.oj-button-confirm.oj-buttonset .oj-button-jqui.oj-default.oj-button-full-chrome,
.oj-button-confirm.oj-buttonset .oj-button-jqui.oj-focus-only.oj-button-full-chrome, .oj-button-confirm.oj-button-jqui.oj-default.oj-button-full-chrome, .oj-button-confirm.oj-button-jqui.oj-focus-only.oj-button-full-chrome,
.oj-button-confirm.oj-button.oj-default.oj-button-full-chrome .oj-button-button,
.oj-button-confirm.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {
  background-color: #008230;
  background-image: none;
  border-color: transparent;
  color: white;
  text-shadow: none; }
.oj-button-confirm.oj-buttonset .oj-button.oj-default.oj-button-full-chrome .oj-button-icon,
.oj-button-confirm.oj-buttonset .oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon,
.oj-button-confirm.oj-button.oj-default.oj-button-full-chrome .oj-button-icon,
.oj-button-confirm.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon {
  color: white; }
.oj-button-confirm.oj-buttonset .oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active), .oj-button-confirm.oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active),
.oj-button-confirm.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-button {
  background-color: #008230;
  background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
  border-color: transparent;
  color: white;
  text-shadow: none; }
.oj-button-confirm.oj-buttonset .oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-icon,
.oj-button-confirm.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-icon {
  color: white; }
.oj-button-confirm.oj-buttonset .oj-button-jqui.oj-active.oj-button-full-chrome, .oj-button-confirm.oj-button-jqui.oj-active.oj-button-full-chrome,
.oj-button-confirm.oj-button.oj-active.oj-button-full-chrome .oj-button-button {
  background-color: #008230;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  border-color: transparent;
  color: white;
  text-shadow: none; }
.oj-button-confirm.oj-buttonset .oj-button.oj-active.oj-button-full-chrome .oj-button-icon,
.oj-button-confirm.oj-button.oj-active.oj-button-full-chrome .oj-button-icon {
  color: white; }
.oj-button-confirm.oj-buttonset .oj-button-jqui.oj-selected.oj-button-full-chrome:not(.oj-disabled), .oj-button-confirm.oj-button-jqui.oj-selected.oj-button-full-chrome:not(.oj-disabled),
.oj-button-confirm.oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-button {
  background-color: #008230;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  border-color: transparent;
  color: white;
  text-shadow: none; }
.oj-button-confirm.oj-buttonset .oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled), .oj-button-confirm.oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled),
.oj-button-confirm.oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-button {
  background-color: #008230;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  border-color: transparent;
  color: white;
  text-shadow: none; }
.oj-button-confirm.oj-buttonset .oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon,
.oj-button-confirm.oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon {
  color: white; }
.oj-button-confirm.oj-buttonset .oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon,
.oj-button-confirm.oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon {
  color: white; }
.oj-button-confirm.oj-buttonset .oj-button-jqui.oj-disabled.oj-button-full-chrome, .oj-button-confirm.oj-button-jqui.oj-disabled.oj-button-full-chrome,
.oj-button-confirm.oj-button.oj-disabled.oj-button-full-chrome .oj-button-button {
  background-color: #008230;
  border-color: transparent;
  color: white;
  opacity: 0.4; }
.oj-button-confirm.oj-buttonset .oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon,
.oj-button-confirm.oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon {
  color: white; }
.oj-button-confirm.oj-buttonset .oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome, .oj-button-confirm.oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome,
.oj-button-confirm.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-button {
  color: white;
  background-color: #008230;
  border-color: transparent; }
.oj-button-confirm.oj-buttonset .oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon,
.oj-button-confirm.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon {
  color: white; }
.oj-component-popup, .oj-menu, .oj-popup, .oj-messages-layer oj-messages, .oj-dialog, .oj-listbox-drop {
  z-index: 1;
  position: absolute; }
.oj-component-layer, .oj-menu-layer, .oj-popup-layer, .oj-messages-layer, .oj-dialog-layer, .oj-listbox-drop-layer {
  position: relative; }
.oj-component-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsl(0, 0%, 0%);
  opacity: 0.4;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }
oj-menu:not(.oj-complete) {
  visibility: hidden; }
.oj-menu-layer {
  z-index: 1000; }
.oj-menu {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  color: rgba(0, 0, 0, 0.8);
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent; }
.oj-menu-dropdown {
  border: 1px solid #cbcccd;
  border-radius: 0;
  background: white;
  font-size: 1rem; }
.oj-menu-sheet {
  border: 0;
  border-radius: 0;
  background: white;
  font-size: 1rem;
  width: 100%; }
.oj-menu:focus {
  outline: none; }
.oj-menu-dropdown.oj-component {
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35); }
.oj-menu.oj-menu-submenu {
  position: absolute;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35); }
.oj-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  display: list-item; }
.oj-menu-dropdown .oj-menu-item:first-child,
.oj-menu-dropdown .oj-menu-item:first-child > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.oj-menu-dropdown .oj-menu-item:last-child,
.oj-menu-dropdown .oj-menu-item:last-child > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.oj-menu-sheet .oj-menu-item:first-child,
.oj-menu-sheet .oj-menu-item:first-child > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.oj-menu-sheet .oj-menu-item:last-child,
.oj-menu-sheet .oj-menu-item:last-child > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.oj-menu-sheet .oj-menu-item-after-divider,
.oj-menu-sheet .oj-menu-item-after-divider > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.oj-menu-sheet .oj-menu-item-before-divider,
.oj-menu-sheet .oj-menu-item-before-divider > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.oj-menu-divider {
  margin: 1px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-style: solid;
  display: list-item; }
.oj-menu-dropdown .oj-menu-divider {
  border-width: 1px 0 0 0;
  border-color: #cbcccd; }
.oj-menu-sheet .oj-menu-divider {
  border-width: 1px 0 0 0;
  border-color: #cbcccd; }
.oj-menu-item > a {
  position: relative;
  text-decoration: none;
  display: block;
  font-weight: normal; }
  html:not([dir="rtl"]) .oj-menu-item > a {
    padding-right: calc(1.14286rem + 16px); }
  html[dir="rtl"] .oj-menu-item > a {
    padding-left: calc(1.14286rem + 16px); }
.oj-menu-dropdown .oj-menu-item > a {
  height: 2.5rem;
  line-height: 2.5rem;
  color: black;
  border-top-width: 0px;
  border-top-color: transparent;
  border-top-style: solid; }
.oj-menu-sheet .oj-menu-item > a {
  height: 2.5rem;
  line-height: 2.5rem;
  background: transparent;
  color: black;
  border-top-width: 0px;
  border-top-color: transparent;
  border-top-style: solid; }
.oj-menu-item:last-child > a {
  border-bottom-width: 0px;
  border-bottom-color: transparent;
  border-bottom-style: solid; }
.oj-menu-item-cancel > a {
  font-weight: normal; }
html:not([dir="rtl"]) .oj-menu-icons .oj-menu-item > a {
  padding-left: calc(1.14286rem + 16px); }
html[dir="rtl"] .oj-menu-icons .oj-menu-item > a {
  padding-right: calc(1.14286rem + 16px); }
html:not([dir="rtl"]) .oj-menu-end-icons > .oj-menu-item > a {
  padding-right: calc(1.14286rem + 16px); }
html[dir="rtl"] .oj-menu-end-icons > .oj-menu-item > a {
  padding-left: calc(1.14286rem + 16px); }
.oj-menu-text-only .oj-menu-item > a {
  text-align: initial; }
  html:not([dir="rtl"]) .oj-menu-text-only .oj-menu-item > a {
    padding-left: calc(1.14286rem + 16px); }
  html[dir="rtl"] .oj-menu-text-only .oj-menu-item > a {
    padding-right: calc(1.14286rem + 16px); }
.oj-menu-text-only .oj-menu-cancel-icon {
  display: none; }
.oj-menu-divider + .oj-menu-item > a {
  border-top-width: 0; }
.oj-menu-item.oj-focus-highlight > a {
  outline: dotted 1px rgba(0, 0, 0, 0.8);
  outline: -webkit-focus-ring-color auto; }
.oj-menu-dropdown .oj-menu-item.oj-focus > a,
.oj-menu-dropdown .oj-menu-item.oj-focus-ancestor > a {
  background: #ededee; }
.oj-menu-dropdown .oj-menu-item.oj-focus > a,
.oj-menu-dropdown .oj-menu-item.oj-focus-ancestor > a,
.oj-menu-dropdown .oj-menu-item.oj-focus + .oj-menu-item > a,
.oj-menu-dropdown .oj-menu-item.oj-focus-ancestor + .oj-menu-item > a {
  border-top-color: transparent; }
.oj-menu-dropdown .oj-menu-item:last-child.oj-focus > a,
.oj-menu-dropdown .oj-menu-item:last-child.oj-focus-ancestor > a {
  border-bottom-color: transparent; }
.oj-menu-sheet .oj-menu-item.oj-focus > a {
  background: #ededee; }
.oj-menu-sheet .oj-menu-item.oj-focus > a,
.oj-menu-sheet .oj-menu-item.oj-focus + .oj-menu-item > a {
  border-top-color: transparent; }
.oj-menu-sheet .oj-menu-item:last-child.oj-focus > a {
  border-bottom-color: transparent; }
.oj-menu.oj-disabled .oj-menu-item > a,
.oj-menu-item.oj-disabled > a {
  cursor: default; }
.oj-menu-dropdown.oj-disabled .oj-menu-item > a,
.oj-menu-dropdown .oj-menu-item.oj-disabled > a {
  color: rgba(0, 0, 0, 0.38); }
.oj-menu-sheet.oj-disabled .oj-menu-item > a,
.oj-menu-sheet .oj-menu-item.oj-disabled > a {
  color: rgba(0, 0, 0, 0.38); }
.oj-menu-item-icon,
.oj-menu-item-end-icon {
  color: #8a8d8f;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
html:not([dir="rtl"]) .oj-menu-item-icon {
  margin-left: calc(-16px - 0.57143rem);
  margin-right: 0.57143rem; }
html[dir="rtl"] .oj-menu-item-icon {
  margin-right: calc(-16px - 0.57143rem);
  margin-left: 0.57143rem; }
html:not([dir="rtl"]) .oj-menu-item-end-icon {
  right: 0;
  margin-right: 0.57143rem;
  margin-left: calc(-16px - 0.57143rem); }
html[dir="rtl"] .oj-menu-item-end-icon {
  left: 0;
  margin-left: 0.57143rem;
  margin-right: calc(-16px - 0.57143rem); }
.oj-menu-item .oj-menu-item-icon,
.oj-menu-item .oj-menu-item-end-icon {
  font-size: 16px; }
.oj-menu.oj-disabled .oj-menu-item-icon,
.oj-menu.oj-disabled .oj-menu-item-end-icon,
.oj-menu-item.oj-disabled .oj-menu-item-icon,
.oj-menu-item.oj-disabled .oj-menu-item-end-icon {
  color: #cbcccd;
  opacity: 1; }
.oj-menu-submenu-icon {
  padding-top: calc(1.25rem - 14px);
  color: inherit;
  position: absolute;
  line-height: 1.8;
  height: auto; }
  html:not([dir="rtl"]) .oj-menu-submenu-icon {
    right: 0; }
  html[dir="rtl"] .oj-menu-submenu-icon {
    left: 0; }
.oj-menu-context-menu-launcher {
  -webkit-touch-callout: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
.oj-hicontrast .oj-menu-item.oj-focus > a,
.oj-hicontrast .oj-menu-item.oj-focus-ancestor > a {
  outline: dotted 3px; }
.oj-hicontrast .oj-menu-item.oj-focus.oj-disabled > a {
  outline: dotted 1px; }
.oj-menu-option-defaults {
  font-family: '{"animation":{"dropdown":{"open":{"effect":"zoomIn","transformOrigin":"#myPosition","duration":"0.25s"},"close":{"effect":"none"}},"sheet":{"open":{"effect":"slideIn","direction":"top","duration":"0.25s"},"close":{"effect":"slideOut","direction":"bottom","duration":"0.25s"}},"submenu":{"open":{"effect":"zoomIn","transformOrigin":"#myPosition","duration":"0.25s"},"close":{"effect":"none"}}}}'; }
.oj-menu-config {
  font-family: '{"dropDownThresholdWidth":"768px","sheetCancelAffordance":"none","dropDownModality":"modeless","sheetModality":"modal","sheetSwipeDownBehavior":"none","sheetMarginBottom":14}'; }
oj-navigation-list:not(.oj-complete) {
  visibility: hidden; }
oj-navigation-list {
  display: block; }
.oj-navigationlist,
.oj-navigationlist-listview-container {
  overflow-x: hidden; }
.oj-navigationlist-touch {
  -webkit-tap-highlight-color: transparent; }
.oj-navigationlist-category-divider {
  border-color: #e0e1e1;
  border-style: solid;
  border-width: 1px 0 0;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0 3px; }
.oj-navigationlist-horizontal .oj-navigationlist-divider {
  border-color: #e5e6e6;
  border-style: solid;
  border-width: 0 1px 0 0;
  font-size: 0;
  height: 1.714rem;
  line-height: 0;
  margin: 5px 0;
  align-self: center;
  display: none; }
.oj-navigationlist-item-dividers .oj-navigationlist-divider {
  display: list-item; }
.oj-navigationlist-element, .oj-navigationlist-group {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0; }
.oj-navigationlist-item-element:not(.oj-navigationlist-item) {
  display: block;
  line-height: 0; }
.oj-navigationlist-item-element {
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
.oj-navigationlist-element:focus {
  outline: none; }
.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-label {
  vertical-align: middle; }
.oj-navigationlist-vertical .oj-navigationlist-item::before {
  min-height: 3.14286rem;
  content: "";
  display: inline-block;
  visibility: hidden; }
.oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item::before {
  min-height: 3.14286rem; }
.oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item-label {
  font-size: 1rem; }
.oj-navigationlist-collapse-icon,
.oj-navigationlist-expand-icon {
  order: 1;
  align-self: center; }
a.oj-navigationlist-collapse-icon,
a.oj-navigationlist-expand-icon,
a.oj-navigationlist-collapse-icon:hover,
a.oj-navigationlist-expand-icon:hover {
  text-decoration: none; }
.oj-navigationlist-item-content {
  display: flex;
  flex: 1 1 auto;
  align-items: center; }
a.oj-navigationlist-item-content {
  text-decoration: none;
  font-weight: normal;
  outline: none;
  overflow: hidden; }
a.oj-navigationlist-item-content:active {
  background-color: transparent; }
a.oj-navigationlist-item-content .oj-navigationlist-item-label {
  color: #02629f; }
  .oj-contrast-marker a.oj-navigationlist-item-content .oj-navigationlist-item-label {
    color: #b1b3b4; }
.oj-selected > a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
  color: #02629f; }
  .oj-contrast-marker .oj-selected > a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
    color: #fafafa; }
.oj-contrast-marker .oj-hover:not(.oj-selected) > a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
  color: #fafafa; }
.oj-navigationlist-item-label {
  order: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  display: inline-block;
  line-height: normal; }
.oj-navigationlist-item-text-wrap .oj-navigationlist-item-label {
  white-space: normal; }
.oj-navigationlist-vertical .oj-navigationlist-item-label {
  padding: 3px 0;
  flex: 1 1 auto; }
.oj-navigationlist-icon-only .oj-navigationlist-item-label {
  display: none; }
.oj-navigationlist-item-icon {
  color: #8a8d8f;
  flex: 0 0 auto; }
  .oj-contrast-marker .oj-navigationlist-item-icon {
    color: #b1b3b4; }
.oj-navigationlist-group-item {
  display: flex;
  flex: 1 1 auto; }
.oj-navigationlist-group {
  flex: 1 1 auto; }
.oj-navigationlist-item.oj-disabled > .oj-navigationlist-item-content,
.oj-navigationlist-item.oj-disabled > .oj-navigationlist-collapse-icon,
.oj-navigationlist-item.oj-disabled > .oj-navigationlist-expand-icon {
  opacity: 1; }
.oj-navigationlist-item.oj-disabled .oj-navigationlist-item-label {
  color: rgba(0, 0, 0, 0.38); }
  .oj-contrast-marker .oj-navigationlist-item.oj-disabled .oj-navigationlist-item-label {
    color: #707375; }
.oj-navigationlist-item.oj-disabled a.oj-navigationlist-item-content {
  cursor: default; }
.oj-navigationlist-item.oj-disabled .oj-navigationlist-item-icon {
  color: #cbcccd; }
  .oj-contrast-marker .oj-navigationlist-item.oj-disabled .oj-navigationlist-item-icon {
    color: #707375; }
.oj-navigationlist-item.oj-selected .oj-navigationlist-item-icon {
  color: #027bc7; }
  .oj-contrast-marker .oj-navigationlist-item.oj-selected .oj-navigationlist-item-icon {
    color: #fafafa; }
.oj-navigationlist-item.oj-hover.oj-selected .oj-navigationlist-item-icon,
.oj-navigationlist-item.oj-hover .oj-navigationlist-item-icon {
  color: #76b8e1; }
  .oj-contrast-marker .oj-navigationlist-item.oj-hover.oj-selected .oj-navigationlist-item-icon, .oj-contrast-marker
  .oj-navigationlist-item.oj-hover .oj-navigationlist-item-icon {
    color: #fafafa; }
.oj-contrast-marker .oj-navigationlist-vertical.oj-navigationlist-page-level .oj-navigationlist-item.oj-hover.oj-selected .oj-navigationlist-item-icon {
  color: #76b8e1; }
.oj-hicontrast .oj-navigationlist-item.oj-selected,
.oj-hicontrast .oj-navigationlist-item.oj-selected.oj-hover,
.oj-hicontrast .oj-navigationlist-item.oj-selected.oj-focus {
  border: 1px solid; }
.oj-hicontrast .oj-navigationlist-item.oj-hover,
.oj-hicontrast .oj-navigationlist-item.oj-focus {
  border: 1px dotted; }
.oj-navigationlist .oj-navigationlist-item.oj-focus-highlight {
  outline: dotted 1px #4b4d4e;
  outline-offset: -1px; }
.oj-hicontrast .oj-navigationlist-item.oj-focus {
  outline: none; }
.oj-navigationlist-item {
  border-color: transparent;
  display: flex;
  align-items: stretch; }
.oj-navigationlist-vertical .oj-navigationlist-item.oj-selected {
  background-color: #f2f2f3; }
  .oj-contrast-marker .oj-navigationlist-vertical .oj-navigationlist-item.oj-selected {
    background-color: #252627; }
.oj-navigationlist-item.oj-selected {
  border-color: #027bc7; }
.oj-navigationlist-item.oj-hover:not(.oj-selected) {
  background-color: #ededee;
  border-color: #76b8e1; }
  .oj-contrast-marker .oj-navigationlist-item.oj-hover:not(.oj-selected) {
    background-color: #252627; }
.oj-navigationlist-page-level.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item.oj-hover:not(.oj-selected),
.oj-navigationlist-page-level.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-hover:not(.oj-selected) {
  border-color: #76b8e1; }
.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
  align-self: center; }
  html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
    margin-right: 0.71429rem; }
  html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
    margin-left: 0.71429rem; }
html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-has-icons > .oj-navigationlist-item > .oj-navigationlist-item-no-icon .oj-navigationlist-item-label {
  margin-left: calc(0.71429rem + 24px); }
html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-has-icons > .oj-navigationlist-item > .oj-navigationlist-item-no-icon .oj-navigationlist-item-label {
  margin-right: calc(0.71429rem + 24px); }
.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
  border-style: solid; }
  html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
    padding-right: calc(1.07143rem - 3px);
    border-width: 0 3px 0 0; }
  html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
    padding-left: calc(1.07143rem - 3px);
    border-width: 0 0 0 3px; }
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item {
  border-style: none; }
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-focus,
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-hover,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-focus,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-hover {
  border-style: dotted; }
  html[dir="rtl"] .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-focus, html[dir="rtl"]
  .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-hover, html[dir="rtl"]
  .oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-focus, html[dir="rtl"]
  .oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-hover {
    border-width: 1px; }
  html:not([dir="rtl"]) .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-focus, html:not([dir="rtl"])
  .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-hover, html:not([dir="rtl"])
  .oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-focus, html:not([dir="rtl"])
  .oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-hover {
    border-width: 1px; }
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected,
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-focus,
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-hover,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-focus,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-hover {
  border-style: solid; }
  html[dir="rtl"] .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected, html[dir="rtl"]
  .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-focus, html[dir="rtl"]
  .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-hover, html[dir="rtl"]
  .oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected, html[dir="rtl"]
  .oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-focus, html[dir="rtl"]
  .oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-hover {
    border-width: 1px; }
  html:not([dir="rtl"]) .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected, html:not([dir="rtl"])
  .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-focus, html:not([dir="rtl"])
  .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-hover, html:not([dir="rtl"])
  .oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected, html:not([dir="rtl"])
  .oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-focus, html:not([dir="rtl"])
  .oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-hover {
    border-width: 1px; }
html:not([dir="rtl"]) .oj-navigationlist-collapsible ul:not(.oj-navigationlist-has-icons) > .oj-navigationlist-item-element > ul, html:not([dir="rtl"])
.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical ul:not(.oj-navigationlist-has-icons) > .oj-navigationlist-item-element > ul {
  padding-left: 1.07143rem; }
html[dir="rtl"] .oj-navigationlist-collapsible ul:not(.oj-navigationlist-has-icons) > .oj-navigationlist-item-element > ul, html[dir="rtl"]
.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical ul:not(.oj-navigationlist-has-icons) > .oj-navigationlist-item-element > ul {
  padding-right: 1.07143rem; }
html:not([dir="rtl"]) .oj-navigationlist-collapsible ul.oj-navigationlist-has-icons > .oj-navigationlist-item-element > ul, html:not([dir="rtl"])
.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical ul.oj-navigationlist-has-icons > .oj-navigationlist-item-element > ul {
  padding-left: calc(1.78572rem + 24px); }
html[dir="rtl"] .oj-navigationlist-collapsible ul.oj-navigationlist-has-icons > .oj-navigationlist-item-element > ul, html[dir="rtl"]
.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical ul.oj-navigationlist-has-icons > .oj-navigationlist-item-element > ul {
  padding-right: calc(1.78572rem + 24px); }
html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-navigationlist-group-item) .oj-navigationlist-item-content {
  padding-right: 1.07143rem; }
html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-navigationlist-group-item) .oj-navigationlist-item-content {
  padding-left: 1.07143rem; }
html:not([dir="rtl"]) .oj-navigationlist-group-item {
  padding-right: 1.07143rem; }
html[dir="rtl"] .oj-navigationlist-group-item {
  padding-left: 1.07143rem; }
.oj-navigationlist-collapsible .oj-navigationlist-item-element.oj-collapsed .oj-navigationlist-group {
  max-height: 0; }
.oj-navigationlist-collapsible .oj-navigationlist-collapsible-transition {
  overflow: hidden; }
.oj-navigationlist-item.oj-hover a.oj-navigationlist-collapse-icon,
.oj-navigationlist-item a.oj-navigationlist-collapse-icon,
.oj-navigationlist-item.oj-hover a.oj-navigationlist-expand-icon,
.oj-navigationlist-item a.oj-navigationlist-expand-icon {
  color: #8a8d8f; }
  .oj-contrast-marker .oj-navigationlist-item.oj-hover a.oj-navigationlist-collapse-icon, .oj-contrast-marker
  .oj-navigationlist-item a.oj-navigationlist-collapse-icon, .oj-contrast-marker
  .oj-navigationlist-item.oj-hover a.oj-navigationlist-expand-icon, .oj-contrast-marker
  .oj-navigationlist-item a.oj-navigationlist-expand-icon {
    color: #b1b3b4; }
.oj-navigationlist-collapse-icon:focus,
.oj-navigationlist-expand-icon:focus {
  outline: none; }
.oj-navigationlist-focused-element:not(.oj-focus-highlight) {
  outline: none; }
.oj-navigationlist-page-level.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item {
  border-color: transparent;
  border-style: solid;
  border-radius: 0; }
  html[dir="rtl"] .oj-navigationlist-page-level.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item {
    padding-right: calc(1.07143rem - 3px);
    border-width: 0 3px 0 0; }
  html:not([dir="rtl"]) .oj-navigationlist-page-level.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item {
    padding-left: calc(1.07143rem - 3px);
    border-width: 0 0 0 3px; }
.oj-navigationlist-page-level.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  html[dir="rtl"] .oj-navigationlist-page-level.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item:first-of-type {
    border-top-width: 0; }
  html:not([dir="rtl"]) .oj-navigationlist-page-level.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item:first-of-type {
    border-top-width: 0; }
.oj-navigationlist-page-level.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item:last-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected,
.oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item.oj-hover {
  background-color: transparent; }
  .oj-contrast-marker .oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected, .oj-contrast-marker
  .oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item.oj-hover {
    background-color: transparent; }
.oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected .oj-navigationlist-item-icon {
  background-color: #027bc7; }
  .oj-contrast-marker .oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected .oj-navigationlist-item-icon {
    background-color: #027bc7; }
.oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item.oj-hover:not(.oj-selected) .oj-navigationlist-item-icon {
  background-color: #ededee; }
  .oj-contrast-marker .oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item.oj-hover:not(.oj-selected) .oj-navigationlist-item-icon {
    background-color: #252627; }
.oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item-icon {
  border-radius: 50%;
  padding: 12px; }
.oj-navigationlist-icon-only .oj-navigationlist-item-content {
  justify-content: center; }
.oj-navigationlist-vertical.oj-navigationlist-icon-only {
  display: inline-flex; }
.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
  margin: 4px 0 0; }
.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item:first-child {
  margin-top: 0; }
.oj-navigationlist-page-level.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected,
.oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-selected {
  border-color: #027bc7; }
.oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected {
  background-color: transparent; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected {
    background-color: transparent; }
.oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-disabled) a.oj-navigationlist-item-content .oj-navigationlist-item-label {
  color: #02629f; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-disabled) a.oj-navigationlist-item-content .oj-navigationlist-item-label {
    color: #b1b3b4; }
.oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-disabled) .oj-navigationlist-item-icon {
  color: #8a8d8f; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-disabled) .oj-navigationlist-item-icon {
    color: #b1b3b4; }
.oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected a.oj-navigationlist-item-content .oj-navigationlist-item-label {
  color: #02629f;
  font-weight: normal; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected a.oj-navigationlist-item-content .oj-navigationlist-item-label {
    color: #76b8e1; }
.oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
  color: #027bc7; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
    color: #76b8e1; }
.oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-hover:not(.oj-selected) a.oj-navigationlist-item-content .oj-navigationlist-item-label {
  color: #02629f; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-hover:not(.oj-selected) a.oj-navigationlist-item-content .oj-navigationlist-item-label {
    color: #fafafa; }
.oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-hover .oj-navigationlist-item-icon {
  color: #76b8e1; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-hover .oj-navigationlist-item-icon {
    color: #fafafa; }
.oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-hover.oj-selected .oj-navigationlist-item-icon {
  color: #76b8e1; }
.oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-active.oj-hover:not(.oj-selected),
.oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-active:not(.oj-selected) {
  background-color: #ededee; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-active.oj-hover:not(.oj-selected), .oj-contrast-marker
  .oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-active:not(.oj-selected) {
    background-color: #252627; }
  html[dir="rtl"] .oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-active.oj-hover:not(.oj-selected), html[dir="rtl"]
  .oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-active:not(.oj-selected) {
    border-right-color: #76b8e1; }
  html:not([dir="rtl"]) .oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-active.oj-hover:not(.oj-selected), html:not([dir="rtl"])
  .oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-active:not(.oj-selected) {
    border-left-color: #76b8e1; }
.oj-navigationlist-horizontal .oj-navigationlist-element {
  display: flex; }
.oj-navigationlist-horizontal .oj-navigationlist-item {
  flex: 1 1 auto; }
.oj-navigationlist-horizontal:not(.oj-navigationlist-item-text-wrap) .oj-navigationlist-item {
  flex: 1 0 auto; }
@media print, screen {
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-sm-condense .oj-navigationlist-item,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-sm-condense .oj-navigationlist-item {
    flex: 0 0 auto; }
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-sm-justify-content-center .oj-navigationlist-element,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-sm-justify-content-center .oj-navigationlist-element {
    justify-content: center; }
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-sm-justify-content-flex-end .oj-navigationlist-element,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-sm-justify-content-flex-end .oj-navigationlist-element {
    justify-content: flex-end; } }
@media print, screen and (min-width: 768px) {
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-md-condense .oj-navigationlist-item,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-md-condense .oj-navigationlist-item {
    flex: 0 0 auto; }
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-md-justify-content-center .oj-navigationlist-element,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-md-justify-content-center .oj-navigationlist-element {
    justify-content: center; }
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-md-justify-content-flex-end .oj-navigationlist-element,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-md-justify-content-flex-end .oj-navigationlist-element {
    justify-content: flex-end; } }
@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-lg-condense .oj-navigationlist-item,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-lg-condense .oj-navigationlist-item {
    flex: 0 1 auto; }
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-lg-justify-content-center .oj-navigationlist-element,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-lg-justify-content-center .oj-navigationlist-element {
    justify-content: center; }
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-lg-justify-content-flex-end .oj-navigationlist-element,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-lg-justify-content-flex-end .oj-navigationlist-element {
    justify-content: flex-end; } }
@media screen and (min-width: 1281px) {
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-xl-condense .oj-navigationlist-item,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-xl-condense .oj-navigationlist-item {
    flex: 0 0 auto; }
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-xl-justify-content-center .oj-navigationlist-element,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-xl-justify-content-center .oj-navigationlist-element {
    justify-content: center; }
  .oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-xl-justify-content-flex-end .oj-navigationlist-element,
  .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-xl-justify-content-flex-end .oj-navigationlist-element {
    justify-content: flex-end; } }
.oj-navigationlist-horizontal .oj-navigationlist-item-element {
  box-sizing: border-box;
  min-height: 2.71429rem; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item-element {
  min-height: 2.71429rem; }
.oj-navigationlist-horizontal .oj-selected > a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
  color: #02629f; }
.oj-navigationlist-horizontal .oj-navigationlist-item.oj-selected {
  background-color: transparent; }
  .oj-contrast-marker .oj-navigationlist-horizontal .oj-navigationlist-item.oj-selected {
    background-color: transparent; }
.oj-navigationlist-horizontal .oj-navigationlist-item-label {
  align-self: center; }
.oj-navigationlist-horizontal .oj-navigationlist-item-icon {
  margin: 0; }
html:not([dir="rtl"]) .oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item {
  margin-left: 4px; }
html[dir="rtl"] .oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item {
  margin-right: 4px; }
html:not([dir="rtl"]) .oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item:first-child {
  margin-left: 0; }
html[dir="rtl"] .oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item:first-child {
  margin-right: 0; }
.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected,
.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-hover {
  background-color: transparent; }
.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected .oj-navigationlist-item-icon {
  background-color: #027bc7; }
.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-hover:not(.oj-selected) .oj-navigationlist-item-icon {
  background-color: #ededee; }
  .oj-contrast-marker .oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-hover:not(.oj-selected) .oj-navigationlist-item-icon {
    background-color: #252627; }
.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item-icon {
  border-radius: 50%;
  padding: 12px; }
.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
  border-width: 0 0 3px 0;
  border-style: solid; }
.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
  border-style: none; }
.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-focus,
.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-hover {
  border-width: 1px;
  border-style: dotted; }
.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected,
.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected.oj-focus,
.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected.oj-hover {
  border-width: 1px;
  border-style: solid; }
.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
  padding: 0.5rem 1.07143rem 4px;
  justify-content: center; }
.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
  padding: 0.5rem 1.07143rem 4px; }
.oj-navigationlist-horizontal:not(.oj-navigationlist-stack-icon-label):not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
  align-self: center; }
  html:not([dir="rtl"]) .oj-navigationlist-horizontal:not(.oj-navigationlist-stack-icon-label):not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
    margin-right: 0.71429rem; }
  html[dir="rtl"] .oj-navigationlist-horizontal:not(.oj-navigationlist-stack-icon-label):not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
    margin-left: 0.71429rem; }
.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label .oj-navigationlist-item-element {
  min-height: 4.28571rem; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label .oj-navigationlist-item-element {
  min-height: 3.375rem; }
.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label:not(.oj-navigationlist-icon-only) .oj-navigationlist-divider {
  height: 2.714rem; }
.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
  padding-bottom: 2px; }
.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
  flex-direction: column; }
.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item-label {
  font-size: 1rem; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item-label {
  font-size: 1rem; }
.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled) a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
  color: rgba(0, 0, 0, 0.7); }
  .oj-contrast-marker .oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled) a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
    color: #b1b3b4; }
.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled):not(.oj-hover):not(.oj-selected) .oj-navigationlist-item-icon {
  color: #323334; }
  .oj-contrast-marker .oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled):not(.oj-hover):not(.oj-selected) .oj-navigationlist-item-icon {
    color: #b1b3b4; }
.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-selected a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
  color: #02629f; }
  .oj-contrast-marker .oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-selected a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
    color: #fafafa; }
.oj-navigationlist-app-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
  color: #027bc7; }
  .oj-contrast-marker .oj-navigationlist-app-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
    color: #fafafa; }
.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-hover:not(.oj-selected) {
  background-color: transparent; }
.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-hover:not(.oj-selected) a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
  color: #76b8e1; }
.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-hover .oj-navigationlist-item-icon {
  color: #76b8e1; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
  border-radius: 0;
  border-width: 0 0 3px 0;
  border-color: transparent; }
  html:not([dir="rtl"]) .oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
    border-right-width: 0;
    border-left-width: 0; }
  html[dir="rtl"] .oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
    border-left-width: 0;
    border-right-width: 0; }
html:not([dir="rtl"]) .oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:first-of-type {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
html[dir="rtl"] .oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:first-of-type {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item {
  border-radius: 0;
  border-width: 0 0 3px 0;
  border-color: transparent; }
  html:not([dir="rtl"]) .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item {
    border-right-width: 0;
    border-left-width: 0; }
  html[dir="rtl"] .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item {
    border-left-width: 0;
    border-right-width: 0; }
html:not([dir="rtl"]) .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item:first-of-type {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
html[dir="rtl"] .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item:first-of-type {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
html:not([dir="rtl"]) .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-navigationlist-item-last-child, html:not([dir="rtl"])
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-navigationlist-item-last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
html[dir="rtl"] .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-navigationlist-item-last-child, html[dir="rtl"]
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-navigationlist-item-last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected,
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected {
  border-color: #027bc7; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-hover:not(.oj-selected),
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-hover:not(.oj-selected) {
  border-color: #76b8e1; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected {
  background-color: transparent; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected {
    background-color: transparent; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-disabled) a.oj-navigationlist-item-content .oj-navigationlist-item-label {
  color: #02629f; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-disabled) a.oj-navigationlist-item-content .oj-navigationlist-item-label {
    color: #b1b3b4; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled):not(.oj-hover):not(.oj-selected) .oj-navigationlist-item-icon {
  color: #8a8d8f; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled):not(.oj-hover):not(.oj-selected) .oj-navigationlist-item-icon {
    color: #b1b3b4; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected a.oj-navigationlist-item-content .oj-navigationlist-item-label {
  color: #02629f;
  font-weight: normal; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected a.oj-navigationlist-item-content .oj-navigationlist-item-label {
    color: #76b8e1; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
  color: #027bc7; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
    color: #76b8e1; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-hover:not(.oj-selected) a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
  color: #76b8e1; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-hover .oj-navigationlist-item-icon {
  color: #76b8e1; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-active.oj-hover:not(.oj-selected),
.oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-active:not(.oj-selected) {
  background-color: #ededee; }
  .oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-active.oj-hover:not(.oj-selected), .oj-contrast-marker
  .oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-active:not(.oj-selected) {
    background-color: #252627; }
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-active.oj-hover:not(.oj-selected),
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-active:not(.oj-selected) {
  border-color: #76b8e1; }
.oj-navigationlist-slider .oj-navigationlist-element:not(.oj-navigationlist-current) > .oj-navigationlist-item-element:not(.oj-expanded),
.oj-navigationlist-slider .oj-navigationlist-item-element:not(.oj-expanded) > .oj-navigationlist-group,
.oj-navigationlist-slider .oj-navigationlist-item-element.oj-expanded:not(.oj-navigationlist-current) > .oj-navigationlist-group > .oj-navigationlist-item-element:not(.oj-expanded),
.oj-navigationlist-slider .oj-navigationlist-item-element.oj-expanded > .oj-navigationlist-group-item {
  display: none; }
.oj-navigationlist-toolbar {
  background-color: transparent;
  display: flex;
  line-height: 3.142rem; }
  .oj-contrast-marker .oj-navigationlist-toolbar {
    background-color: transparent; }
  html:not([dir="rtl"]) .oj-navigationlist-toolbar {
    padding-left: 0.714rem; }
  html[dir="rtl"] .oj-navigationlist-toolbar {
    padding-right: 0.714rem; }
.oj-navigationlist-previous-link {
  align-self: center;
  order: 0;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis; }
.oj-navigationlist-previous-button {
  align-self: center;
  margin-bottom: 0; }
a.oj-navigationlist-previous-link:active {
  background-color: transparent; }
a.oj-navigationlist-previous-link {
  text-decoration: none;
  outline: none;
  font-weight: normal; }
.oj-navigationlist-current-header {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.42857rem;
  flex: 1 1 auto;
  order: 1;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  .oj-contrast-marker .oj-navigationlist-current-header {
    color: #fafafa; }
.oj-navigationlist-toolbar-separator {
  border-left: 1px solid #e0e1e1;
  align-self: center;
  order: 1;
  display: inline-block;
  height: 2.642rem;
  vertical-align: middle; }
  html:not([dir="rtl"]) .oj-navigationlist-toolbar-separator {
    margin: 0.214rem 0 0.214rem 0.714rem; }
  html[dir="rtl"] .oj-navigationlist-toolbar-separator {
    margin: 0.214rem 0.714rem 0.214rem 0; }
.oj-navigationlist-hierarchical-button {
  align-self: center;
  order: 2;
  flex: 0 0 auto; }
.oj-button.oj-navigationlist-hierarchical-button {
  margin: 0 5px; }
html:not([dir="rtl"]) .oj-navigationlist-hierarchical-button.oj-button-icons-only .oj-hier-icon.oj-button-icon.oj-start {
  margin-right: 0.5rem; }
html[dir="rtl"] .oj-navigationlist-hierarchical-button.oj-button-icons-only .oj-hier-icon.oj-button-icon.oj-start {
  margin-left: 0.5rem; }
.oj-navigationlist-hvitem-space {
  margin-left: 1.142rem; }
.oj-menu-item-icon.oj-navigationlist-level-indicator {
  align-self: baseline;
  padding-bottom: 10px;
  padding-left: 9px;
  margin-bottom: 2px;
  margin-top: 3px;
  width: auto;
  height: auto; }
.oj-navigationlist-hierarchical-menu.oj-menu, .oj-navigationlist-hierarchical-menu .oj-menu {
  padding: 6px 12px;
  font-size: 12px; }
.oj-navigationlist-hierarchical-menu .oj-menu-item a {
  line-height: 12px; }
.oj-navigationlist-hierarchical-menu .oj-menu-item.oj-focus > a,
.oj-navigationlist-hierarchical-menu .oj-menu-item.oj-focus-ancestor > a {
  background: none; }
.oj-navigationlist-hierarchical-menu .oj-menu-item.oj-focus a > .oj-navigationlist-hierarchical-menu-label {
  background-color: #e1eff8;
  border: 1px solid #02629f;
  padding: 1px;
  margin-top: 6px;
  margin-bottom: 6px; }
.oj-navigationlist-hierarchical-menu .oj-menu-item a > .oj-navigationlist-hierarchical-menu-label {
  padding: 2px;
  margin-top: 6px;
  margin-bottom: 6px; }
.oj-navigationlist-hierarchical-menu .oj-menu-item a {
  color: #02629f; }
html:not([dir="rtl"]) .oj-navigationlist-hierarchical-menu .oj-menu-item a,
html:not([dir="ltr"]) .oj-navigationlist-hierarchical-menu .oj-menu-item a {
  padding: 0; }
.oj-navigationlist-hierarchical-button .oj-button-menu-dropdown-icon {
  display: none !important; }
html:not([dir="ltr"]) .oj-navigationlist-hierarchical-menu .oj-menu-item-icon,
html:not([dir="rtl"]) .oj-navigationlist-hierarchical-menu .oj-menu-item-icon {
  margin-left: 4px;
  margin-right: 2px; }
.oj-navigationlist-hierarchical-menu .oj-menu-item-icon {
  position: static;
  transform: none; }
.oj-navigationlist-expanded.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
  color: white; }
  .oj-contrast-marker .oj-navigationlist-expanded.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
    color: #fafafa; }
.oj-contrast-marker .oj-navigationlist-horizontal.oj-navigationlist-app-level.oj-navigationlist-expanded.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
  color: #fafafa; }
.oj-contrast-marker .oj-navigationlist-horizontal.oj-navigationlist-page-level.oj-navigationlist-expanded.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
  color: #76b8e1; }
.oj-contrast-marker .oj-navigationlist-vertical.oj-navigationlist-page-level.oj-navigationlist-expanded.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
  color: #76b8e1; }
.oj-navigationlist-has-icons .oj-navigationlist-overflow-item-icon {
  display: block; }
.oj-navigationlist-overflow-item-icon {
  display: none;
  font-size: 24px; }
.oj-menu-item-icon.oj-navigationlist-level-indicator {
  border-bottom: 1px solid #cbcccd; }
  html:not([dir="rtl"]) .oj-menu-item-icon.oj-navigationlist-level-indicator {
    border-left: 1px solid #cbcccd; }
  html[dir="rtl"] .oj-menu-item-icon.oj-navigationlist-level-indicator {
    border-right: 1px solid #cbcccd; }
.oj-navigationlist-no-data-message {
  padding: 0.85714rem;
  background-color: white;
  min-height: 1rem; }
.oj-navigationlist-option-defaults {
  font-family: '{"animation":{"addHorizontalItem":[{"effect":"expand","direction":"width"},"fadeIn"],"removeHorizontalItem":[{"effect":"collapse","direction":"width","persist":"all"},"fadeOut"],"add":[{"effect":"expand"},"fadeIn"],"remove":[{"effect":"collapse"},"fadeOut"],"update":{"effect":"fadeIn"},"expand":{"effect":"expand"},"collapse":{"effect":"collapse"},"sliderExpand":{"effect":"slideIn","direction":"start","duration":"400ms"},"sliderCollapse":{"effect":"slideIn","direction":"end","duration":"400ms"},"pointerUp":{"effect":"none"}},"hierarchyMenuDisplayThresholdLevel":3}'; }
oj-tab-bar:not(.oj-complete) {
  visibility: hidden; }
oj-tab-bar {
  display: block; }
.oj-tabbar,
.oj-tabbar-listview-container {
  overflow-x: hidden; }
.oj-tabbar-touch {
  -webkit-tap-highlight-color: transparent; }
.oj-tabbar-category-divider {
  border-color: #e0e1e1;
  border-style: solid;
  border-width: 1px 0 0;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0 3px; }
.oj-tabbar-horizontal .oj-tabbar-divider {
  border-color: #e5e6e6;
  border-style: solid;
  border-width: 0 1px 0 0;
  font-size: 0;
  height: 1.714rem;
  line-height: 0;
  margin: 5px 0;
  align-self: center;
  display: none; }
.oj-tabbar-item-dividers .oj-tabbar-divider {
  display: list-item; }
.oj-tabbar-element {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0; }
.oj-tabbar-item-element:not(.oj-tabbar-item) {
  display: block; }
.oj-tabbar-item-element {
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
.oj-tabbar-element:focus {
  outline: none; }
.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-label {
  vertical-align: middle; }
.oj-tabbar-vertical .oj-tabbar-item::before {
  min-height: 3.14286rem;
  content: "";
  display: inline-block;
  visibility: hidden; }
.oj-tabbar-vertical .oj-tabbar-item-label {
  font-size: 1rem; }
.oj-tabbar-item-content {
  display: flex;
  flex: 1 1 auto;
  align-items: center; }
a.oj-tabbar-item-content {
  text-decoration: none;
  font-weight: normal;
  outline: none;
  overflow: hidden; }
a.oj-tabbar-item-content:active {
  background-color: transparent; }
a.oj-tabbar-item-content .oj-tabbar-item-label {
  color: #02629f; }
  .oj-contrast-marker a.oj-tabbar-item-content .oj-tabbar-item-label {
    color: #c6c7c8; }
.oj-selected > a.oj-tabbar-item-content > .oj-tabbar-item-label {
  color: #02629f; }
  .oj-contrast-marker .oj-selected > a.oj-tabbar-item-content > .oj-tabbar-item-label {
    color: #76b8e1; }
.oj-hover:not(.oj-selected) > a.oj-tabbar-item-content > .oj-tabbar-item-label {
  color: #02629f; }
  .oj-contrast-marker .oj-hover:not(.oj-selected) > a.oj-tabbar-item-content > .oj-tabbar-item-label {
    color: #76b8e1; }
.oj-tabbar-item-label {
  order: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 3rem;
  overflow-x: hidden;
  display: inline-block;
  line-height: normal; }
.oj-tabbar-item-text-wrap .oj-tabbar-item-label {
  white-space: normal; }
.oj-tabbar-vertical .oj-tabbar-item-label {
  padding: 3px 0;
  flex: 1 1 auto; }
.oj-tabbar-vertical-end.oj-tabbar-vertical .oj-tabbar-item-label {
  order: -1; }
  html:not([dir="rtl"]) .oj-tabbar-vertical-end.oj-tabbar-vertical .oj-tabbar-item-label {
    text-align: right; }
  html[dir="rtl"] .oj-tabbar-vertical-end.oj-tabbar-vertical .oj-tabbar-item-label {
    text-align: left; }
.oj-tabbar-icon-only .oj-tabbar-item-label {
  display: none; }
.oj-tabbar-item-icon {
  color: #8a8d8f;
  flex: 0 0 auto; }
  .oj-contrast-marker .oj-tabbar-item-icon {
    color: #c6c7c8; }
.oj-tabbar-item.oj-disabled > .oj-tabbar-item-content {
  opacity: 1; }
.oj-tabbar-item.oj-disabled .oj-tabbar-item-label {
  color: rgba(0, 0, 0, 0.38); }
  .oj-contrast-marker .oj-tabbar-item.oj-disabled .oj-tabbar-item-label {
    color: #707375; }
.oj-tabbar-item.oj-disabled a.oj-tabbar-item-content {
  cursor: default; }
.oj-tabbar-item.oj-disabled .oj-tabbar-item-icon {
  color: rgba(0, 0, 0, 0.38); }
  .oj-contrast-marker .oj-tabbar-item.oj-disabled .oj-tabbar-item-icon {
    color: #707375; }
.oj-tabbar-item.oj-selected .oj-tabbar-item-icon {
  color: #027bc7; }
  .oj-contrast-marker .oj-tabbar-item.oj-selected .oj-tabbar-item-icon {
    color: #76b8e1; }
.oj-tabbar-item.oj-hover.oj-selected .oj-tabbar-item-icon,
.oj-tabbar-item.oj-hover .oj-tabbar-item-icon {
  color: #76b8e1; }
  .oj-contrast-marker .oj-tabbar-item.oj-hover.oj-selected .oj-tabbar-item-icon, .oj-contrast-marker
  .oj-tabbar-item.oj-hover .oj-tabbar-item-icon {
    color: #76b8e1; }
.oj-contrast-marker .oj-tabbar-vertical .oj-tabbar-item.oj-hover.oj-selected .oj-tabbar-item-icon {
  color: #76b8e1; }
.oj-hicontrast .oj-tabbar-item.oj-selected,
.oj-hicontrast .oj-tabbar-item.oj-selected.oj-hover,
.oj-hicontrast .oj-tabbar-item.oj-selected.oj-focus {
  border: 1px solid; }
.oj-hicontrast .oj-tabbar-item.oj-hover,
.oj-hicontrast .oj-tabbar-item.oj-focus {
  border: 1px dotted; }
.oj-tabbar .oj-tabbar-item.oj-focus-highlight {
  outline: dotted 1px #4b4d4e;
  outline-offset: -1px; }
.oj-hicontrast .oj-tabbar-item.oj-focus {
  outline: none; }
.oj-tabbar-item {
  border-color: transparent;
  display: flex;
  align-items: stretch; }
.oj-tabbar-vertical .oj-tabbar-item.oj-selected {
  background-color: transparent; }
  .oj-contrast-marker .oj-tabbar-vertical .oj-tabbar-item.oj-selected {
    background-color: transparent; }
.oj-tabbar-item.oj-selected {
  border-color: #027bc7; }
.oj-tabbar-item.oj-hover:not(.oj-selected) {
  background-color: #ededee;
  border-color: #76b8e1; }
  .oj-contrast-marker .oj-tabbar-item.oj-hover:not(.oj-selected) {
    background-color: #252627; }
:not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-hover:not(.oj-selected),
.oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item.oj-hover:not(.oj-selected) {
  border-color: #76b8e1; }
.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
  align-self: center; }
  html:not([dir="rtl"]) .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
    margin-right: 0.71429rem; }
  html[dir="rtl"] .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
    margin-left: 0.71429rem; }
html:not([dir="rtl"]) .oj-tabbar-vertical-end.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
  margin: 0 0 0 0.71429rem; }
html[dir="rtl"] .oj-tabbar-vertical-end.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
  margin: 0 0.71429rem 0 0; }
html:not([dir="rtl"]) .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-has-icons > .oj-tabbar-item > .oj-tabbar-item-no-icon .oj-tabbar-item-label {
  margin-left: calc(0.71429rem + 24px); }
html[dir="rtl"] .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-has-icons > .oj-tabbar-item > .oj-tabbar-item-no-icon .oj-tabbar-item-label {
  margin-right: calc(0.71429rem + 24px); }
html:not([dir="rtl"]) .oj-tabbar-vertical-end.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-has-icons > .oj-tabbar-item > .oj-tabbar-item-no-icon .oj-tabbar-item-label {
  margin: 0 calc(0.71429rem + 24px) 0 0; }
html[dir="rtl"] .oj-tabbar-vertical-end.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-has-icons > .oj-tabbar-item > .oj-tabbar-item-no-icon .oj-tabbar-item-label {
  margin: 0 0 0 calc(0.71429rem + 24px); }
.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  border-style: solid; }
  html[dir="rtl"] .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item {
    padding-right: calc(1.07143rem - 3px);
    border-width: 0 3px 0 0; }
  html:not([dir="rtl"]) .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item {
    padding-left: calc(1.07143rem - 3px);
    border-width: 0 0 0 3px; }
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item {
  border-style: none; }
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-focus,
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-hover {
  border-style: dotted; }
  html[dir="rtl"] .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-focus, html[dir="rtl"]
  .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-hover {
    border-width: 1px; }
  html:not([dir="rtl"]) .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-focus, html:not([dir="rtl"])
  .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-hover {
    border-width: 1px; }
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected,
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-focus,
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-hover {
  border-style: solid; }
  html[dir="rtl"] .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected, html[dir="rtl"]
  .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-focus, html[dir="rtl"]
  .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-hover {
    border-width: 1px; }
  html:not([dir="rtl"]) .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected, html:not([dir="rtl"])
  .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-focus, html:not([dir="rtl"])
  .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-hover {
    border-width: 1px; }
html:not([dir="rtl"]) .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item .oj-tabbar-item-content {
  padding-right: 1.07143rem; }
html[dir="rtl"] .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item .oj-tabbar-item-content {
  padding-left: 1.07143rem; }
html:not([dir="rtl"]) .oj-tabbar-vertical-end.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item .oj-tabbar-item-content {
  padding: 0 0 0 1.07143rem; }
html[dir="rtl"] .oj-tabbar-vertical-end.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item .oj-tabbar-item-content {
  padding: 0 1.07143rem 0 0; }
.oj-tabbar-focused-element:not(.oj-focus-highlight) {
  outline: none; }
:not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item {
  border-color: transparent;
  border-style: solid;
  border-radius: 0; }
  html[dir="rtl"] :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item {
    padding-right: calc(1.07143rem - 3px);
    border-width: 0 3px 0 0; }
  html:not([dir="rtl"]) :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item {
    padding-left: calc(1.07143rem - 3px);
    border-width: 0 0 0 3px; }
html[dir="rtl"] .oj-tabbar-vertical.oj-tabbar-vertical-end:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  padding: 0 0 0 calc(1.07143rem - 3px);
  border-width: 0 0 0 3px; }
html:not([dir="rtl"]) .oj-tabbar-vertical.oj-tabbar-vertical-end:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  padding: 0 calc(1.07143rem - 3px) 0 0;
  border-width: 0 3px 0 0; }
:not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  html[dir="rtl"] :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item:first-of-type {
    border-top-width: 0; }
  html:not([dir="rtl"]) :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item:first-of-type {
    border-top-width: 0; }
:not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item:last-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-selected,
.oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-hover,
.oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected),
.oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-active:not(.oj-selected) {
  background-color: transparent; }
  .oj-contrast-marker .oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-selected, .oj-contrast-marker
  .oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-hover, .oj-contrast-marker
  .oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected), .oj-contrast-marker
  .oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-active:not(.oj-selected) {
    background-color: transparent; }
.oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-selected .oj-tabbar-item-icon {
  background-color: #027bc7; }
  .oj-contrast-marker .oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-selected .oj-tabbar-item-icon {
    background-color: #027bc7; }
.oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-hover:not(.oj-selected) .oj-tabbar-item-icon {
  background-color: #ededee; }
  .oj-contrast-marker .oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-hover:not(.oj-selected) .oj-tabbar-item-icon {
    background-color: #252627; }
.oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item-icon {
  border-radius: 50%;
  padding: 12px; }
.oj-tabbar-icon-only .oj-tabbar-item-content {
  justify-content: center; }
.oj-tabbar-vertical.oj-tabbar-icon-only {
  display: inline-flex; }
.oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item {
  margin: 4px 0 0; }
.oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item:first-child {
  margin-top: 0; }
.oj-tabbar-vertical .oj-tabbar-item.oj-selected {
  border-color: #027bc7; }
.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
  background-color: transparent; }
  .oj-contrast-marker .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
    background-color: transparent; }
.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) a.oj-tabbar-item-content .oj-tabbar-item-label {
  color: #02629f; }
  .oj-contrast-marker .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) a.oj-tabbar-item-content .oj-tabbar-item-label {
    color: #c6c7c8; }
.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) .oj-tabbar-item-icon {
  color: #8a8d8f; }
  .oj-contrast-marker .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) .oj-tabbar-item-icon {
    color: #c6c7c8; }
.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected a.oj-tabbar-item-content .oj-tabbar-item-label {
  color: #02629f;
  font-weight: normal; }
  .oj-contrast-marker .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected a.oj-tabbar-item-content .oj-tabbar-item-label {
    color: #76b8e1; }
.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected:not(.oj-hover) .oj-tabbar-item-icon {
  color: #027bc7; }
  .oj-contrast-marker .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected:not(.oj-hover) .oj-tabbar-item-icon {
    color: #76b8e1; }
.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover:not(.oj-selected) a.oj-tabbar-item-content .oj-tabbar-item-label {
  color: #02629f; }
  .oj-contrast-marker .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover:not(.oj-selected) a.oj-tabbar-item-content .oj-tabbar-item-label {
    color: #76b8e1; }
.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover .oj-tabbar-item-icon {
  color: #76b8e1; }
  .oj-contrast-marker .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover .oj-tabbar-item-icon {
    color: #76b8e1; }
.oj-contrast-marker .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover.oj-selected .oj-tabbar-item-icon {
  color: #76b8e1; }
.oj-tabbar-vertical .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected),
.oj-tabbar-vertical .oj-tabbar-item.oj-active:not(.oj-selected) {
  background-color: #ededee; }
  .oj-contrast-marker .oj-tabbar-vertical .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected), .oj-contrast-marker
  .oj-tabbar-vertical .oj-tabbar-item.oj-active:not(.oj-selected) {
    background-color: #252627; }
  html[dir="rtl"] .oj-tabbar-vertical .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected), html[dir="rtl"]
  .oj-tabbar-vertical .oj-tabbar-item.oj-active:not(.oj-selected) {
    border-right-color: #76b8e1; }
  html:not([dir="rtl"]) .oj-tabbar-vertical .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected), html:not([dir="rtl"])
  .oj-tabbar-vertical .oj-tabbar-item.oj-active:not(.oj-selected) {
    border-left-color: #76b8e1; }
.oj-tabbar-horizontal .oj-tabbar-element {
  display: flex; }
.oj-tabbar-horizontal.oj-tabbar-item-text-wrap .oj-tabbar-item {
  flex: 1 1 auto; }
.oj-tabbar-horizontal .oj-tabbar-item {
  flex: 1 0 auto; }
@media print, screen {
  .oj-tabbar-horizontal.oj-sm-condense .oj-tabbar-item {
    flex: 0 0 auto; }
  .oj-tabbar-horizontal.oj-sm-justify-content-center .oj-tabbar-element {
    justify-content: center; }
  .oj-tabbar-horizontal.oj-sm-justify-content-flex-end .oj-tabbar-element {
    justify-content: flex-end; } }
@media print, screen and (min-width: 768px) {
  .oj-tabbar-horizontal.oj-md-condense .oj-tabbar-item {
    flex: 0 0 auto; }
  .oj-tabbar-horizontal.oj-md-justify-content-center .oj-tabbar-element {
    justify-content: center; }
  .oj-tabbar-horizontal.oj-md-justify-content-flex-end .oj-tabbar-element {
    justify-content: flex-end; } }
@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-tabbar-horizontal.oj-lg-condense .oj-tabbar-item {
    flex: 0 1 auto; }
  .oj-tabbar-horizontal.oj-lg-justify-content-center .oj-tabbar-element {
    justify-content: center; }
  .oj-tabbar-horizontal.oj-lg-justify-content-flex-end .oj-tabbar-element {
    justify-content: flex-end; } }
@media screen and (min-width: 1281px) {
  .oj-tabbar-horizontal.oj-xl-condense .oj-tabbar-item {
    flex: 0 0 auto; }
  .oj-tabbar-horizontal.oj-xl-justify-content-center .oj-tabbar-element {
    justify-content: center; }
  .oj-tabbar-horizontal.oj-xl-justify-content-flex-end .oj-tabbar-element {
    justify-content: flex-end; } }
.oj-tabbar-horizontal .oj-tabbar-item-element {
  box-sizing: border-box;
  min-height: 2.71429rem; }
.oj-tabbar-horizontal .oj-selected > a.oj-tabbar-item-content > .oj-tabbar-item-label {
  color: #02629f; }
.oj-tabbar-horizontal .oj-tabbar-item.oj-selected {
  background-color: transparent; }
  .oj-contrast-marker .oj-tabbar-horizontal .oj-tabbar-item.oj-selected {
    background-color: transparent; }
.oj-tabbar-horizontal .oj-tabbar-item-label {
  align-self: center; }
.oj-tabbar-horizontal .oj-tabbar-item-icon {
  margin: 0; }
html:not([dir="rtl"]) .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item {
  margin-left: 4px; }
html[dir="rtl"] .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item {
  margin-right: 4px; }
html:not([dir="rtl"]) .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item:first-child {
  margin-left: 0; }
html[dir="rtl"] .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item:first-child {
  margin-right: 0; }
.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected,
.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-hover,
.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected),
.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-active:not(.oj-selected) {
  background-color: transparent; }
  .oj-contrast-marker .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected, .oj-contrast-marker
  .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-hover, .oj-contrast-marker
  .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected), .oj-contrast-marker
  .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-active:not(.oj-selected) {
    background-color: transparent; }
.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected .oj-tabbar-item-icon {
  background-color: #027bc7; }
.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-hover:not(.oj-selected) .oj-tabbar-item-icon {
  background-color: #ededee; }
  .oj-contrast-marker .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-hover:not(.oj-selected) .oj-tabbar-item-icon {
    background-color: #252627; }
.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item-icon {
  border-radius: 50%;
  padding: 12px; }
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  border-width: 0 0 3px 0;
  border-style: solid; }
.oj-tabbar-horizontal-bottom.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  border-width: 3px 0 0 0; }
.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  border-style: none; }
.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-focus,
.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover {
  border-width: 1px;
  border-style: dotted; }
.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected,
.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected.oj-focus,
.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected.oj-hover {
  border-width: 1px;
  border-style: solid; }
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item-content {
  justify-content: center;
  padding: 0.5rem 1.07143rem 4px; }
.oj-tabbar-horizontal.oj-tabbar-stack-icon-label:not(.oj-tabbar-icon-only) .oj-tabbar-item-content {
  padding: 0.5rem 1.07143rem 4px; }
.oj-tabbar-horizontal:not(.oj-tabbar-stack-icon-label):not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
  align-self: center; }
  html:not([dir="rtl"]) .oj-tabbar-horizontal:not(.oj-tabbar-stack-icon-label):not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
    margin-right: 0.71429rem; }
  html[dir="rtl"] .oj-tabbar-horizontal:not(.oj-tabbar-stack-icon-label):not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
    margin-left: 0.71429rem; }
.oj-tabbar-horizontal.oj-tabbar-stack-icon-label .oj-tabbar-item-element {
  min-height: 3.375rem; }
.oj-tabbar-horizontal.oj-tabbar-stack-icon-label:not(.oj-tabbar-icon-only) .oj-tabbar-divider {
  height: 2.714rem; }
.oj-tabbar-horizontal.oj-tabbar-stack-icon-label:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  padding-bottom: 2px; }
.oj-tabbar-horizontal.oj-tabbar-stack-icon-label:not(.oj-tabbar-icon-only) .oj-tabbar-item-content {
  flex-direction: column; }
.oj-tabbar-horizontal .oj-tabbar-item-label {
  font-size: 1rem;
  text-align: center; }
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  border-radius: 0;
  border-color: transparent; }
  html:not([dir="rtl"]) .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item {
    border-right-width: 0;
    border-left-width: 0; }
  html[dir="rtl"] .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item {
    border-left-width: 0;
    border-right-width: 0; }
html:not([dir="rtl"]) .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
  border-left-width: 0; }
html[dir="rtl"] .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
  border-right-width: 0; }
html:not([dir="rtl"]) .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item:first-of-type {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
html[dir="rtl"] .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item:first-of-type {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item {
  border-radius: 0;
  border-color: transparent; }
html:not([dir="rtl"]) .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item {
  border-right-width: 0;
  border-left-width: 0; }
html[dir="rtl"] .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item {
  border-left-width: 0;
  border-right-width: 0; }
html:not([dir="rtl"]) .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected {
  border-left-width: 0; }
html[dir="rtl"] .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected {
  border-right-width: 0; }
html:not([dir="rtl"]) .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item:first-of-type {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
html[dir="rtl"] .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item:first-of-type {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
html:not([dir="rtl"]) .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-tabbar-item-last-child, html:not([dir="rtl"])
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-tabbar-item-last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
html[dir="rtl"] .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-tabbar-item-last-child, html[dir="rtl"]
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-tabbar-item-last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected,
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
  border-color: #027bc7; }
.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-hover:not(.oj-selected),
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover:not(.oj-selected) {
  border-color: #76b8e1; }
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
  background-color: transparent; }
  .oj-contrast-marker .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
    background-color: transparent; }
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) a.oj-tabbar-item-content .oj-tabbar-item-label {
  color: #02629f; }
  .oj-contrast-marker .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) a.oj-tabbar-item-content .oj-tabbar-item-label {
    color: #c6c7c8; }
.oj-tabbar-horizontal .oj-tabbar-item:not(.oj-disabled):not(.oj-hover):not(.oj-selected) .oj-tabbar-item-icon {
  color: #8a8d8f; }
  .oj-contrast-marker .oj-tabbar-horizontal .oj-tabbar-item:not(.oj-disabled):not(.oj-hover):not(.oj-selected) .oj-tabbar-item-icon {
    color: #c6c7c8; }
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected a.oj-tabbar-item-content .oj-tabbar-item-label {
  color: #02629f;
  font-weight: normal; }
  .oj-contrast-marker .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected a.oj-tabbar-item-content .oj-tabbar-item-label {
    color: #76b8e1; }
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected:not(.oj-hover) .oj-tabbar-item-icon {
  color: #027bc7; }
  .oj-contrast-marker .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected:not(.oj-hover) .oj-tabbar-item-icon {
    color: #76b8e1; }
.oj-tabbar-horizontal .oj-tabbar-item.oj-hover:not(.oj-selected) a.oj-tabbar-item-content > .oj-tabbar-item-label {
  color: #76b8e1; }
.oj-tabbar-horizontal .oj-tabbar-item.oj-hover .oj-tabbar-item-icon {
  color: #76b8e1; }
.oj-tabbar-horizontal .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected),
.oj-tabbar-horizontal .oj-tabbar-item.oj-active:not(.oj-selected) {
  background-color: #ededee; }
  .oj-contrast-marker .oj-tabbar-horizontal .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected), .oj-contrast-marker
  .oj-tabbar-horizontal .oj-tabbar-item.oj-active:not(.oj-selected) {
    background-color: #252627; }
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected),
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-active:not(.oj-selected) {
  border-color: #76b8e1; }
.oj-tabbar-icon-only .oj-tabbar-item.oj-selected:not(.oj-hover) .oj-tabbar-item-icon {
  color: white; }
  .oj-contrast-marker .oj-tabbar-icon-only .oj-tabbar-item.oj-selected:not(.oj-hover) .oj-tabbar-item-icon {
    color: #76b8e1; }
.oj-contrast-marker .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected:not(.oj-hover) .oj-tabbar-item-icon {
  color: #76b8e1; }
.oj-contrast-marker .oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-selected:not(.oj-hover) .oj-tabbar-item-icon {
  color: #76b8e1; }
.oj-tabbar-vertical .oj-tabbar-item.oj-selected .oj-tabbar-remove-icon:not(:hover) {
  color: #027bc7; }
.oj-tabbar-horizontal .oj-tabbar-item.oj-selected .oj-tabbar-remove-icon:not(:hover) {
  color: #027bc7; }
.oj-tabbar-vertical .oj-tabbar-item,
.oj-tabbar-vertical .oj-tabbar-item.oj-hover:not(.oj-selected),
.oj-tabbar-vertical .oj-tabbar-item.oj-selected,
:not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item,
:not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-hover:not(.oj-selected) {
  border-bottom-color: transparent; }
.oj-tabbar-has-icons .oj-tabbar-overflow-item-icon {
  display: block; }
.oj-tabbar-overflow-item-icon {
  display: none;
  font-size: 24px; }
.oj-tabbar-drag-image {
  background-color: transparent;
  position: fixed;
  top: 10000px;
  border: 1px solid transparent;
  overflow-x: initial;
  padding: 3px; }
.oj-tabbar-drag-item {
  display: none; }
.oj-tabbar-item.oj-draggable {
  cursor: move; }
.oj-tabbar-item.oj-drag {
  box-shadow: 1px 1px 10px 0 hsla(0, 0%, 0%,0.45);
  border-top: 1px solid;
  border-bottom: 1px solid; }
.oj-tabbar .oj-tabbar-item.oj-drop,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-active,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-default,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-disabled,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-selected,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-hover,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-hover:not(.oj-selected) {
  box-sizing: border-box;
  border: 1px solid #c2eaf3;
  background-color: #d9f4fa; }
.oj-tabbar-no-data-message {
  padding: 0.85714rem;
  color: rgba(0, 0, 0, 0.8);
  min-height: 1rem; }
.oj-tabbar-cut {
  opacity: 0.8; }
.oj-tabbar-remove-icon {
  align-self: center;
  padding-top: 3px; }
  html:not([dir="rtl"]) .oj-tabbar-remove-icon {
    padding-right: 5px; }
  html[dir="rtl"] .oj-tabbar-remove-icon {
    padding-left: 5px; }
.oj-tabbar-hide-remove-icon .oj-tabbar-remove-icon {
  display: none; }
.oj-tabbar-option-defaults {
  font-family: '{"animation":{"addHorizontalItem":[{"effect":"expand","direction":"width"},"fadeIn"],"removeHorizontalItem":[{"effect":"collapse","direction":"width","persist":"all"},"fadeOut"],"add":[{"effect":"expand"},"fadeIn"],"remove":[{"effect":"collapse"},"fadeOut"],"update":{"effect":"fadeIn"},"pointerUp":{"effect":"none"}}}'; }
.oj-offcanvas-outer-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  box-sizing: border-box; }
.oj-offcanvas-inner-wrapper,
.oj-offcanvas-inner-push-wrapper {
  position: relative;
  height: 100%; }
.oj-offcanvas-page > .oj-offcanvas-open {
  position: fixed; }
.oj-offcanvas-outer-wrapper.oj-offcanvas-page {
  overflow-y: visible; }
.oj-offcanvas-transition {
  transition: transform 0.4s;
  transition-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.oj-offcanvas-outer-wrapper.oj-offcanvas-pin {
  display: flex;
  flex-wrap: nowrap; }
.oj-offcanvas-pin .oj-offcanvas-start {
  position: relative; }
.oj-offcanvas-pin-transition {
  min-width: 0;
  transition: min-width 0.4s;
  transition-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.oj-offcanvas-start, .oj-offcanvas-end, .oj-offcanvas-top, .oj-offcanvas-bottom {
  position: absolute;
  box-sizing: border-box;
  border-radius: 0;
  display: none; }
.oj-offcanvas-start, .oj-offcanvas-end {
  height: 100%;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto; }
.oj-offcanvas-top, .oj-offcanvas-bottom {
  width: 100%;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: hidden; }
.oj-offcanvas-start {
  top: 0; }
  html:not([dir="rtl"]) .oj-offcanvas-start {
    transform: translate3d(-100%, 0, 0);
    left: 0;
    border-width: 0 1px 0 0; }
  html[dir="rtl"] .oj-offcanvas-start {
    transform: translate3d(100%, 0, 0);
    right: 0;
    border-width: 0 0 0 1px; }
html:not([dir="rtl"]) .oj-offcanvas-end {
  right: 0;
  transform: translate3d(100%, 0, 0);
  border-width: 0 0 0 1px; }
html[dir="rtl"] .oj-offcanvas-end {
  left: 0;
  transform: translate3d(-100%, 0, 0);
  border-width: 0 1px 0 0; }
.oj-offcanvas-top {
  border-width: 0 0 1px;
  top: 0;
  transform: translate3d(0, -100%, 0); }
.oj-offcanvas-bottom {
  border-width: 1px 0 0 0;
  bottom: 0;
  transform: translate3d(0, 100%, 0); }
.oj-offcanvas-start.oj-offcanvas-open,
.oj-offcanvas-end.oj-offcanvas-open,
.oj-offcanvas-top.oj-offcanvas-open,
.oj-offcanvas-bottom.oj-offcanvas-open {
  display: block; }
.oj-offcanvas-start:not(.oj-focus-highlight):focus,
.oj-offcanvas-end:not(.oj-focus-highlight):focus,
.oj-offcanvas-top:not(.oj-focus-highlight):focus,
.oj-offcanvas-bottom:not(.oj-focus-highlight):focus {
  outline: none; }
.oj-offcanvas-overlay.oj-offcanvas-start {
  z-index: 200; }
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-start > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-end > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-start > .oj-offcanvas-inner-wrapper > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-end > .oj-offcanvas-inner-wrapper > .oj-offcanvas-overlay {
  transform: translate3d(0%, 0, 0); }
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-down > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-up > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-down > .oj-offcanvas-inner-wrapper > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-up > .oj-offcanvas-inner-wrapper > .oj-offcanvas-overlay {
  transform: translate3d(0, 0%, 0); }
.oj-offcanvas-glasspane {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: hsl(0, 0%, 0%);
  opacity: 0;
  transition: opacity 0.5s;
  transition-timing-function: ease-in-out; }
.oj-offcanvas-glasspane-dim {
  opacity: 0.4; }
html:not([dir="rtl"]) .oj-offcanvas-start.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: 3px 0px 3px 0 hsla(0, 0%, 0%, 0.10); }
html[dir="rtl"] .oj-offcanvas-start.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: -3px 0px 3px 0 hsla(0, 0%, 0%, 0.10); }
html:not([dir="rtl"]) .oj-offcanvas-end.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: -3px 0px 3px 0 hsla(0, 0%, 0%, 0.10); }
html[dir="rtl"] .oj-offcanvas-end.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: 3px 0px 3px 0 hsla(0, 0%, 0%, 0.10); }
.oj-offcanvas-top.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: 0px 3px 3px 0 hsla(0, 0%, 0%, 0.10); }
.oj-offcanvas-bottom.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: 0px -3px 3px 0 hsla(0, 0%, 0%, 0.10); }
.oj-offcanvas-option-defaults {
  font-family: '{"displayMode":"push"}'; }
oj-message:not(.oj-complete) {
  visibility: hidden; }
.oj-message-container {
  width: 100%;
  display: inline-flex;
  flex-direction: column; }
.oj-message-header {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  height: 36px; }
.oj-message-leading-header {
  align-items: center;
  display: inline-flex; }
.oj-message-trailing-header {
  align-items: center;
  display: inline-flex; }
.oj-message-custom-icon {
  width: 20px;
  height: 20px; }
.oj-message-category {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.78571rem;
  word-break: break-all; }
.oj-message-category h1 {
  color: inherit;
  font-size: inherit;
  margin: 0px;
  padding: 0px;
  font-weight: 400; }
.oj-message-body {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  align-items: flex-start; }
.oj-message-summary {
  font-weight: 500;
  color: black;
  font-size: inherit;
  line-height: 1.3;
  word-wrap: break-word; }
.oj-message-detail {
  color: rgba(0, 0, 0, 0.8);
  font-size: inherit;
  line-height: 1.1;
  word-wrap: break-word; }
.oj-message-timestamp {
  color: rgba(0, 0, 0, 0.8);
  font-size: inherit;
  text-align: right;
  flex-grow: 9;
  word-wrap: break-word; }
  html[dir="rtl"] .oj-message-timestamp {
    text-align: left; }
.oj-message-close {
  float: right;
  display: block; }
  html[dir="rtl"] .oj-message-close {
    float: left; }
.oj-message-close .oj-button {
  margin-bottom: 0; }
.oj-message-option-defaults {
  font-family: '{"autoTimeout":4000}'; }
.oj-message-custom-icon {
  width: 16px;
  height: 16px; }
.oj-message-category {
  padding: 0px 6px; }
html:not([dir="rtl"]) .oj-message-header {
  padding: 8px 7px 0px 15px; }
html[dir="rtl"] .oj-message-header {
  padding: 8px 15px 0px 7px; }
.oj-message-body {
  padding: 0px 15px 13px 15px; }
.oj-message-category {
  padding: 0px 6px; }
.oj-message-timestamp {
  padding: 0px 2px; }
@media screen and (max-width: 767px) {
  html:not([dir="rtl"]) .oj-message-header {
    padding: 3px 2px 0px 10px; }
  html[dir="rtl"] .oj-message-header {
    padding: 3px 10px 0px 2px; } }
oj-popup:not(.oj-complete) {
  visibility: hidden; }
.oj-popup-layer {
  z-index: 1000; }
.oj-popup-layer.oj-focus-within {
  z-index: 1001; }
.oj-popup-layer.oj-popup-tail-simple {
  z-index: 1030; }
.oj-popup-layer.oj-popup-tail-simple.oj-focus-within {
  z-index: 1031; }
.oj-popup {
  border: 1px solid #cbcccd;
  border-radius: 1px;
  background-color: white;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35);
  -webkit-will-change: top, left;
  -ms-will-change: top, left;
  -moz-will-change: top, left; }
.oj-popup.oj-popup-tail-simple {
  box-shadow: 1px 1px 5px 0 hsla(0, 0%, 0%,0.4);
  border-width: 1px;
  border-color: #cbcccd;
  background-color: #fcfcfd;
  -webkit-will-change: top, left, bottom, right;
  -ms-will-change: top, left, bottom, right;
  -moz-will-change: top, left, bottom, right; }
.oj-popup.oj-popup-no-chrome {
  border-width: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0; }
.oj-popup-content {
  padding: 0.85714rem; }
.oj-popup-no-chrome > .oj-popup-content {
  padding: 0; }
.oj-popup:not(.oj-focus-highlight):focus {
  outline: none; }
.oj-popup.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
.oj-popup-tail {
  position: absolute;
  pointer-events: none; }
.oj-popup-tail.oj-popup-tail-simple {
  height: 14px;
  width: 14px;
  font-size: 0; }
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom {
  left: -14px; }
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom {
  right: -14px; }
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top {
  top: 0; }
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom {
  bottom: 0; }
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle {
  top: 50%; }
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom {
  left: 50%; }
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMTQsMTQgMCwwIDE0LDQnIHN0eWxlPSdmaWxsOiNmY2ZjZmQ7c3Ryb2tlOiNmY2ZjZmQ7c3Ryb2tlLXdpZHRoOjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7Jy8+PGcgc3R5bGU9J3N0cm9rZTojY2JjY2NkO3N0cm9rZS13aWR0aDoxOyc+PGxpbmUgeDE9JzE0JyB5MT0nMTQnIHgyPScwJyB5Mj0nMCcvPjxsaW5lIHgxPScxNCcgeTE9JzQnIHgyPScwJyB5Mj0nMCcvPjwvZz48L3N2Zz4="); }
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMTQsMCAwLDcgMTQsMTQnIHN0eWxlPSdmaWxsOiNmY2ZjZmQ7c3Ryb2tlOiNmY2ZjZmQ7c3Ryb2tlLXdpZHRoOjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7Jy8+PGcgc3R5bGU9J3N0cm9rZTojY2JjY2NkO3N0cm9rZS13aWR0aDoxOyc+PGxpbmUgeDE9JzE0JyB5MT0nMCcgeDI9JzAnIHkyPSc3Jy8+PGxpbmUgeDE9JzE0JyB5MT0nMTQnIHgyPScwJyB5Mj0nNycvPjwvZz48L3N2Zz4="); }
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMTQsMCAwLDE0IDE0LDExJyBzdHlsZT0nZmlsbDojZmNmY2ZkO3N0cm9rZTojZmNmY2ZkO3N0cm9rZS13aWR0aDoxO2ZpbGwtcnVsZTpldmVub2RkOycvPjxnIHN0eWxlPSdzdHJva2U6I2NiY2NjZDtzdHJva2Utd2lkdGg6MTsnPjxsaW5lIHgxPScxNCcgeTE9JzAnIHgyPScwJyB5Mj0nMTQnLz48bGluZSB4MT0nMTQnIHkxPScxMScgeDI9JzAnIHkyPScxNCcvPjwvZz48L3N2Zz4="); }
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMCw0IDE0LDAgMCwxNCcgc3R5bGU9J2ZpbGw6I2ZjZmNmZDtzdHJva2U6I2ZjZmNmZDtzdHJva2Utd2lkdGg6MTtmaWxsLXJ1bGU6ZXZlbm9kZDsnLz48ZyBzdHlsZT0nc3Ryb2tlOiNjYmNjY2Q7c3Ryb2tlLXdpZHRoOjE7Jz48bGluZSB4MT0nMCcgeTE9JzQnIHgyPScxNCcgeTI9JzAnLz48bGluZSB4MT0nMCcgeTE9JzE0JyB4Mj0nMTQnIHkyPScwJy8+PC9nPjwvc3ZnPg=="); }
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMCwwIDE0LDcgMCwxNCcgc3R5bGU9J2ZpbGw6I2ZjZmNmZDtzdHJva2U6I2ZjZmNmZDtzdHJva2Utd2lkdGg6MTtmaWxsLXJ1bGU6ZXZlbm9kZDsnLz48ZyBzdHlsZT0nc3Ryb2tlOiNjYmNjY2Q7c3Ryb2tlLXdpZHRoOjE7Jz48bGluZSB4MT0nMCcgeTE9JzAnIHgyPScxNCcgeTI9JzcnLz48bGluZSB4MT0nMCcgeTE9JzE0JyB4Mj0nMTQnIHkyPSc3Jy8+PC9nPjwvc3ZnPg=="); }
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMCwwIDE0LDE0IDAsMTEnIHN0eWxlPSdmaWxsOiNmY2ZjZmQ7c3Ryb2tlOiNmY2ZjZmQ7c3Ryb2tlLXdpZHRoOjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7Jy8+PGcgc3R5bGU9J3N0cm9rZTojY2JjY2NkO3N0cm9rZS13aWR0aDoxOyc+PGxpbmUgeDE9JzAnIHkxPScwJyB4Mj0nMTQnIHkyPScxNCcvPjxsaW5lIHgxPScwJyB5MT0nMTEnIHgyPScxNCcgeTI9JzE0Jy8+PC9nPjwvc3ZnPg=="); }
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top {
  top: -14px; }
  .oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMCwxNCA3LDAgMTQsMTQnIHN0eWxlPSdmaWxsOiNmY2ZjZmQ7c3Ryb2tlOiNmY2ZjZmQ7c3Ryb2tlLXdpZHRoOjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7Jy8+PGcgc3R5bGU9J3N0cm9rZTojY2JjY2NkO3N0cm9rZS13aWR0aDoxOyc+PGxpbmUgeDE9JzAnIHkxPScxNCcgeDI9JzcnIHkyPScwJy8+PGxpbmUgeDE9JzE0JyB5MT0nMTQnIHgyPSc3JyB5Mj0nMCcvPjwvZz48L3N2Zz4="); }
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom {
  bottom: -14px; }
  .oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMCwwIDcsMTQgMTQsMCcgc3R5bGU9J2ZpbGw6I2ZjZmNmZDtzdHJva2U6I2ZjZmNmZDtzdHJva2Utd2lkdGg6MTtmaWxsLXJ1bGU6ZXZlbm9kZDsnLz48ZyBzdHlsZT0nc3Ryb2tlOiNjYmNjY2Q7c3Ryb2tlLXdpZHRoOjE7Jz48bGluZSB4MT0nMCcgeTE9JzAnIHgyPSc3JyB5Mj0nMTQnLz48bGluZSB4MT0nMTQnIHkxPScwJyB4Mj0nNycgeTI9JzE0Jy8+PC9nPjwvc3ZnPg=="); }
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle:before,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom:before,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle:before,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom:before,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom:before {
  display: block; }
.oj-popup-option-defaults {
  font-family: '{"animation":{"open":[{"effect":"zoomIn","transformOrigin":"#myPosition"},"fadeIn"],"close":[{"effect":"zoomOut","persist":"all","transformOrigin":"#myPosition"},"fadeOut"]}}'; }
.oj-messages-layer {
  z-index: 2000; }
.oj-messages-layer.oj-focus-within {
  z-index: 2001; }
oj-messages:not(.oj-complete) {
  visibility: hidden; }
oj-messages {
  display: none; }
.oj-messages-general {
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  min-width: calc(100% - 20px); }
.oj-messages-notification {
  width: 30vw;
  max-width: 400px;
  min-width: 320px; }
.oj-messages-general .oj-messages-container {
  border-width: 1px;
  border-color: #cbcccd;
  border-style: solid;
  border-radius: 1px;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35); }
.oj-messages-notification .oj-messages-container {
  border-width: 0;
  border-color: initial;
  border-style: solid;
  border-radius: initial;
  box-shadow: initial; }
oj-messages:not(.oj-messages-inline) .oj-messages-container {
  margin: 10px; }
.oj-messages-general .oj-message-header {
  background-color: white; }
.oj-messages-general .oj-message-body {
  background-color: white; }
.oj-messages-notification .oj-message-header {
  background-color: white; }
.oj-messages-notification .oj-message-body {
  background-color: white; }
.oj-messages-inline oj-message:not(:last-child) .oj-message-container,
.oj-messages-inline:not(.oj-messages-inline-remove-bottom-border) oj-message:last-child .oj-message-container {
  border-width: 0 0 1px 0;
  border-color: #cbcccd;
  border-style: solid; }
.oj-messages-general .oj-message-container {
  border-width: 0 0 1px 0;
  border-color: #cbcccd;
  border-style: solid;
  border-radius: 1px;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35); }
.oj-messages-notification .oj-message-container {
  border-width: 1px;
  border-color: #cbcccd;
  border-style: solid;
  border-radius: 1px;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35); }
.oj-messages-general .oj-message-header {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px; }
.oj-messages-general .oj-message-body {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px; }
.oj-messages-notification .oj-message-header {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px; }
.oj-messages-notification .oj-message-body {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px; }
.oj-messages-general oj-message:not(:last-child) .oj-message-container {
  margin-bottom: 0; }
.oj-messages-notification oj-message:not(:last-child) .oj-message-container {
  margin-bottom: 10px; }
@media screen and (max-width: 767px) {
  .oj-messages-general,
  .oj-messages-notification {
    width: calc(100% - 20px);
    max-width: initial;
    min-width: initial; } }
.oj-messages-option-defaults {
  font-family: '{"general":{"animation":{"open":{"effect":"expand","duration":"300ms"},"close":{"effect":"collapse","duration":"300ms"}},"position":{"my":{"horizontal":"center","vertical":"top"},"at":{"horizontal":"center","vertical":"top"},"of":"window","collision":"none"}},"notification":{"animation":{"open":{"effect":"slideIn","duration":"300ms"},"close":{"effect":"slideOut","duration":"300ms","direction":"end"}},"position":{"my":{"horizontal":"end","vertical":"top"},"at":{"horizontal":"end","vertical":"top"},"of":"window","collision":"none"}}}'; }
.oj-messages-notification .oj-message-body {
  padding: 0px 15px 13px 15px; }
.oj-messages-notification .oj-message-category {
  padding: 0px 6px; }
.oj-messages-notification .oj-message-timestamp {
  padding: 0px 2px; }
oj-messages:not(.oj-messages-notification) .oj-message-timestamp {
  padding: 0px 5px; }
@media print and (orientation: landscape), screen and (min-width: 1024px) {
  html:not([dir="rtl"]) oj-messages:not(.oj-messages-notification) .oj-message-header {
    padding: 11px 12px 0px 20px; }
  html[dir="rtl"] oj-messages:not(.oj-messages-notification) .oj-message-header {
    padding: 11px 20px 0px 12px; }
  html:not([dir="rtl"]) oj-messages:not(.oj-messages-notification) .oj-message-body {
    padding: 0px 20px 20px 46px; }
  html[dir="rtl"] oj-messages:not(.oj-messages-notification) .oj-message-body {
    padding: 0px 46px 20px 20px; }
  oj-messages:not(.oj-messages-notification) .oj-message-category {
    padding: 0px 10px; } }
@media print, screen and (min-width: 768px) {
  html:not([dir="rtl"]) .oj-messages-notification .oj-message-header {
    padding: 3px 7px 0px 15px; }
  html[dir="rtl"] .oj-messages-notification .oj-message-header {
    padding: 3px 15px 0px 7px; } }
@media print and (orientation: portrait), screen and (min-width: 768px) and (max-width: 1023px) {
  html:not([dir="rtl"]) oj-messages:not(.oj-messages-notification) .oj-message-header {
    padding: 8px 7px 0px 15px; }
  html[dir="rtl"] oj-messages:not(.oj-messages-notification) .oj-message-header {
    padding: 8px 15px 0px 7px; } }
@media screen and (max-width: 767px) {
  oj-messages:not(.oj-messages-inline) .oj-message-timestamp {
    padding: 0px 2px; }
  .oj-messages-inline .oj-message-body,
  .oj-messages-general .oj-message-body,
  .oj-messages-notification .oj-message-body {
    padding: 0px 10px 13px 10px; } }
.oj-animation-host-viewport {
  overflow: hidden; }
.oj-animation-host {
  position: relative;
  width: 100%;
  height: 100%; }
.oj-animation-module-effects {
  font-family: '{"coverLeft":{"oldViewEffect":{"effect":"slideOut","offsetX":"-30%","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","direction":"left","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":true},"coverRight":{"oldViewEffect":{"effect":"slideOut","offsetX":"30%","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","direction":"right","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":true},"coverUp":{"newViewEffect":{"effect":"slideIn","direction":"top","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":true},"fade":{"oldViewEffect":{"effect":"fadeOut","duration":"0.4s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"fadeIn","duration":"0.4s","timingFunction":"ease-in-out"},"newViewOnTop":false},"pushStart":{"oldViewEffect":{"effect":"slideOut","direction":"start","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","direction":"start","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":false},"pushEnd":{"oldViewEffect":{"effect":"slideOut","direction":"end","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","direction":"end","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":false},"revealDown":{"oldViewEffect":{"effect":"slideOut","direction":"bottom","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewOnTop":false},"revealLeft":{"oldViewEffect":{"effect":"slideOut","direction":"left","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","offsetX":"30%","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":false},"revealRight":{"oldViewEffect":{"effect":"slideOut","direction":"right","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","offsetX":"-30%","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":false},"zoomIn":{"newViewEffect":{"effect":"zoomIn","duration":"0.4s","timingFunction":"ease-in-out"},"newViewOnTop":true},"zoomOut":{"oldViewEffect":{"effect":"zoomOut","duration":"0.4s","timingFunction":"ease-in-out","persist":"all"},"newViewOnTop":false}}'; }
.oj-animation-navigate-methods {
  font-family: '{"navChild":"coverStart","navParent":"revealEnd"}'; }
.oj-animation-effect-default-options {
  font-family: '{"fadeIn":{"duration":"0.4s"},"fadeOut":{"duration":"0.4s"},"expand":{"duration":"0.4s"},"collapse":{"duration":"0.4s"},"zoomIn":{"duration":"0.4s"},"zoomOut":{"duration":"0.4s"},"slideIn":{"duration":"0.4s"},"slideOut":{"duration":"0.4s"},"flipIn":{"duration":"0.4s"},"flipOut":{"duration":"0.4s"},"ripple":{"duration":"0.4s"}}'; }
.oj-animation-effect-ripple {
  background-color: #8a8d8f;
  opacity: 0.6;
  border-radius: 50%;
  position: absolute;
  width: 140px;
  height: 140px;
  left: 0;
  top: 0; }
oj-progress:not(.oj-complete) {
  visibility: hidden; }
oj-progress {
  display: block; }
.oj-progress-bar {
  height: 4px;
  border: 1px none #e5e6e6;
  border-radius: 0;
  position: relative;
  box-sizing: border-box;
  overflow: hidden; }
.oj-progress-bar::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #027bc7;
  opacity: 0.3; }
.oj-progress-bar-value {
  margin: 0;
  box-sizing: border-box;
  height: 100%;
  background: #027bc7; }
.oj-progressbar-start-label,
.oj-progressbar-end-label,
.oj-progress-bar-start-label,
.oj-progress-bar-end-label {
  display: inline-block;
  margin-top: 8px; }
html:not([dir="rtl"]) .oj-progressbar-end-label, html:not([dir="rtl"])
.oj-progress-bar-end-label {
  float: right; }
html[dir="rtl"] .oj-progressbar-end-label, html[dir="rtl"]
.oj-progress-bar-end-label {
  float: left; }
.oj-progressbar-embedded,
.oj-progress-bar-embedded {
  height: 3px;
  width: 100%;
  border-style: none;
  background-color: transparent; }
.oj-progress-bar-overlay {
  height: 100%;
  background: url("images/animated-overlay.gif");
  opacity: 0; }
  html[dir="rtl"] .oj-progress-bar-overlay {
    transform: scaleX(-1); }
.oj-hicontrast .oj-progress-bar-value {
  border: 1px dashed #e5e6e6; }
.oj-progress-circle {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  max-width: 100%;
  max-height: 100%; }
.oj-progress-circle-base {
  fill: transparent;
  stroke-width: 10%;
  stroke: #027bc7; }
.oj-progress-circle-base:not(.oj-progress-circle-value) {
  stroke-opacity: 0.3; }
.oj-progress-circle-value {
  stroke: #027bc7; }
.oj-progress-circle-transform {
  transform: rotate(-90deg); }
html[dir="rtl"] .oj-progress-bar-overlay {
  transform: rotate(180deg); }
.oj-progress-bar-indeterminate .oj-progress-bar-value {
  width: 100%;
  height: 100%;
  animation: indeterminateAnimation 1s infinite linear;
  transform-origin: 0% 50%; }
@keyframes indeterminateAnimation {
  0% {
    transform: translateX(0) scaleX(0); }
  40% {
    transform: translateX(0) scaleX(0.4); }
  100% {
    transform: translateX(100%) scaleX(0.5); } }
.oj-progress-circle-overlay {
  background: "images/spinner_full.gif";
  background-size: auto;
  animation: spinnerAnimation 1s infinite linear; }
@keyframes spinnerAnimation {
  from {
    transform: rotateZ(0deg); }
  to {
    transform: rotateZ(360deg); } }
.oj-pulltorefresh-panel {
  overflow: hidden; }
.oj-pulltorefresh-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f2f2f3; }
.oj-pulltorefresh-transition {
  transition: height 0.4s;
  transition-timing-function: ease-in-out; }
.oj-pulltorefresh-primary-text {
  color: black;
  text-align: center;
  margin: 0 0 10px 0; }
.oj-pulltorefresh-secondary-text {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.85714rem;
  text-align: center;
  margin: 0 0 20px 0; }
.oj-pulltorefresh-icon-container {
  margin: 20px 0 20px 0; }
.oj-pulltorefresh-icon {
  width: 40px;
  height: 40px; }
.oj-pulltorefresh-icon-full:before {
  content: url("images/spinner_full.gif");
  transform: translate(-37.5%, -37.5%) scale(0.25); }
.oj-swipetoreveal.oj-offcanvas-start.oj-offcanvas-open,
.oj-swipetoreveal.oj-offcanvas-end.oj-offcanvas-open {
  display: flex;
  overflow: hidden; }
.oj-swipetoreveal-action {
  flex: 1;
  max-width: 100%;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  overflow: hidden;
  transition-timing-function: ease-in-out;
  color: white;
  transition: max-width 0.4s;
  background-color: #027bc7;
  min-width: 75px; }
.oj-swipetoreveal .oj-swipetoreveal-hide-when-full {
  max-width: 0; }
.oj-swipetoreveal .oj-swipetoreveal-more {
  background-color: #707375; }
.oj-swipetoreveal .oj-swipetoreveal-flag {
  background-color: #BF552E; }
.oj-swipetoreveal .oj-swipetoreveal-alert {
  background-color: #BA0006; }
.oj-swipeactions {
  display: block; }
.oj-swipeactions-neutral {
  background-color: #707375; }
.oj-swipeactions-attention {
  background-color: #BF552E; }
.oj-swipeactions-danger {
  background-color: #BA0006; }
.oj-swipeactions-action-text {
  padding-top: 0.625rem; }
.oj-swipeactions-action-panel {
  height: 100%; }
.oj-swipeactions-action-panel.oj-focus-highlight {
  outline: 2px dotted black;
  outline: -webkit-focus-ring-color solid;
  outline-offset: -2px; }
.oj-listview-item.oj-swipeactions-container {
  padding: 0; }
.oj-listview-item .oj-swipeactions-content {
  padding: 0.85714rem; }
.oj-swipeactions-accessible-link {
  position: absolute;
  top: calc(100% - 20px); }
.oj-swipeactions-hide-actions-link {
  position: absolute;
  right: 0px; }
.oj-swipeactions-hide-actions-link:after {
  content: "[X]"; }
oj-switcher:not(.oj-complete) {
  visibility: hidden; }
oj-dialog:not(.oj-complete) {
  visibility: hidden; }
.oj-dialog-layer {
  z-index: 1050; }
.oj-dialog-layer.oj-focus-within {
  z-index: 1051; }
.oj-dialog {
  overflow: hidden;
  width: 300px;
  min-width: 200px;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-shadow: 1px 1px 10px 0 hsla(0, 0%, 0%,0.45);
  background: #fcfcfd;
  border: 1px solid #cbcccd;
  border-radius: 1px; }
.oj-dialog-header {
  border-width: 0 0 1px 0;
  border-style: solid;
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0.85714rem 0.85714rem 0.85714rem;
  background-color: #f2f2f3;
  background-image: none;
  border-bottom-color: #cbcccd;
  font-size: 1.42857rem;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  min-height: 2rem; }
.oj-draggable .oj-dialog-header,
.oj-draggable .oj-dialog-title {
  cursor: move; }
html:not([dir="rtl"]) .oj-dialog-header-close-wrapper {
  margin-right: -0.85714rem; }
html[dir="rtl"] .oj-dialog-header-close-wrapper {
  margin-left: -0.85714rem; }
.oj-dialog-header-close-wrapper {
  margin-bottom: -0.85714rem; }
.oj-dialog-header-close-wrapper.oj-button-icon-only .oj-button-icon {
  margin: 0 0.57143rem; }
.oj-dialog-title {
  overflow: hidden;
  cursor: default;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-self: center;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0; }
html:not([dir="rtl"]) .oj-dialog-header-close .oj-dialog-title {
  padding-right: .2rem; }
html[dir="rtl"] .oj-dialog-header-close .oj-dialog-title {
  padding-left: .2rem; }
.oj-dialog-content > p:last-child {
  margin-bottom: 0; }
.oj-dialog-content {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto; }
.oj-dialog-body {
  position: relative;
  overflow: auto;
  box-sizing: border-box;
  padding: 0.85714rem;
  text-align: start; }
.oj-dialog-footer-separator {
  border-top: 1px solid #cbcccd; }
.oj-dialog-footer {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  padding: 0.85714rem; }
  html:not([dir="rtl"]) .oj-dialog-footer {
    text-align: right; }
  html[dir="rtl"] .oj-dialog-footer {
    text-align: left; }
.oj-dialog-footer > .oj-button,
.oj-dialog-footer > .oj-button > .oj-button-button {
  height: 2.28571rem;
  font-weight: normal;
  margin-left: 5px; }
.oj-dialog:focus, .oj-dialog-header-close-wrapper:focus {
  outline: none; }
.oj-dialog.oj-focus-highlight,
.oj-dialog-header-close-wrapper.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
.oj-dialog-layer.oj-focus-within,
.oj-dialog-layer.oj-animate-open {
  z-index: 1051; }
.oj-dialog-option-defaults {
  font-family: '{"animation":{"open":[{"effect":"zoomIn"},"fadeIn"],"close":[{"effect":"zoomOut","persist":"all"},"fadeOut"]},"resizeBehavior":"resizable","cancelBehavior":"icon","dragAffordance":"title-bar"}'; }
oj-menu-select-many:not(.oj-complete) {
  visibility: hidden; }
.oj-menu-dropdown oj-menu-select-many > .oj-menu-item:first-child:not(.oj-top):not(.oj-menu-item-after-divider),
.oj-menu-dropdown oj-menu-select-many > .oj-menu-item:first-child:not(.oj-top):not(.oj-menu-item-after-divider) > a,
.oj-menu-sheet oj-menu-select-many > .oj-menu-item:first-child:not(.oj-top):not(.oj-menu-item-after-divider),
.oj-menu-sheet oj-menu-select-many > .oj-menu-item:first-child:not(.oj-top):not(.oj-menu-item-after-divider) > a {
  border-top-left-radius: unset;
  border-top-right-radius: unset; }
oj-menu-select-many > .oj-menu-item:last-child:not(.oj-bottom):not(.oj-menu-item-before-divider),
oj-menu-select-many > .oj-menu-item:last-child:not(.oj-bottom):not(.oj-bottom):not(.oj-menu-item-before-divider) > a {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset; }
.oj-menucheckbox-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px; }
.oj-menucheckbox-icon::after {
  content: "";
  display: inline-block; }
oj-buttonset-one:not(.oj-complete), oj-buttonset-many:not(.oj-complete) {
  visibility: hidden; }
.oj-buttonset-multi {
  display: inline-flex;
  align-items: center;
  white-space: nowrap; }
.oj-buttonset-width-equal .oj-buttonset-multi .oj-button,
.oj-buttonset-width-equal.oj-buttonset-multi .oj-button {
  flex: 1;
  overflow: hidden; }
.oj-buttonset-width-equal .oj-buttonset-multi,
.oj-buttonset-width-equal.oj-buttonset-multi {
  width: 100%; }
.oj-buttonset-width-auto .oj-buttonset-multi .oj-button,
.oj-buttonset-width-auto.oj-buttonset-multi .oj-button {
  flex: auto; }
.oj-buttonset-multi .oj-button {
  justify-content: center;
  overflow: hidden;
  flex: auto; }
.oj-buttonset-multi.oj-button-full-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) {
  width: initial; }
  .oj-buttonset-multi.oj-button-full-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) .oj-button {
    flex: auto; }
.oj-buttonset-multi.oj-button-half-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) {
  width: initial; }
  .oj-buttonset-multi.oj-button-half-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) .oj-button {
    flex: auto; }
.oj-buttonset-multi.oj-button-outlined-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) {
  width: initial; }
  .oj-buttonset-multi.oj-button-outlined-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) .oj-button {
    flex: auto; }
.oj-buttonset-multi.oj-button-full-chrome .oj-button,
.oj-buttonset-multi.oj-button-outlined-chrome .oj-button {
  border-radius: 0;
  border-right-width: 0;
  margin-left: 0;
  margin-right: 0; }
.oj-buttonset-multi.oj-button-half-chrome .oj-button {
  margin-left: 0;
  margin-right: 0.25em; }
.oj-buttonset-multi.oj-button-half-chrome .oj-buttonset-last {
  margin-right: 0; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-first, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-first {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-first, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-first {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-last, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-last {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-last, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-last {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-default, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-focus-only, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-hover, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-disabled {
  border-left-color: #cbcccd; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-default, html[dir="rtl"]
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-focus-only, html[dir="rtl"]
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-hover, html[dir="rtl"]
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-disabled {
  border-left-color: #cbcccd; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-active {
  border-left-color: #cbcccd; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-active {
  border-left-color: #cbcccd; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-selected {
  border-left-color: #cbcccd; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-selected {
  border-left-color: #cbcccd; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-selected.oj-disabled {
  border-left-color: #e5e6e6; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-selected.oj-disabled {
  border-left-color: #e5e6e6; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-default, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-focus-only {
  border-left-color: #cbcccd; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-default, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-focus-only {
  border-left-color: #cbcccd; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-hover {
  border-left-color: #cbcccd; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-hover {
  border-left-color: #cbcccd; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-disabled {
  border-left-color: #e5e6e6; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-disabled {
  border-left-color: #e5e6e6; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-active {
  border-left-color: #cbcccd; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-active {
  border-left-color: #cbcccd; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-selected {
  border-left-color: #cbcccd; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-selected {
  border-left-color: #cbcccd; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-selected.oj-disabled {
  border-left-color: #cbcccd; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-selected.oj-disabled {
  border-left-color: #cbcccd; }
.oj-buttonset-option-defaults {
  font-family: '{"chroming":"full"}'; }
oj-toolbar:not(.oj-complete) {
  visibility: hidden; }
.oj-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.250em 0;
  border-style: solid;
  border-color: #e0e1e1;
  border-width: 0;
  border-radius: 2px;
  background-color: transparent; }
.oj-toolbar .oj-button {
  margin-bottom: 0; }
.oj-toolbar > .oj-button,
.oj-toolbar > .oj-buttonset-multi {
  margin-left: 0;
  margin-right: 0.333em; }
.oj-toolbar > .oj-buttonset-last,
.oj-toolbar > .oj-buttonset-multi:last-child {
  margin-right: 0; }
.oj-toolbar-separator {
  border-left: solid 1px #e0e1e1;
  height: 1.833em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.167em;
  margin-right: 0.5em; }
.oj-toolbars {
  border-style: solid;
  border-color: #e0e1e1;
  border-width: 0;
  border-radius: 2px;
  background-color: transparent; }
.oj-toolbar-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
.oj-toolbar-row .oj-toolbar {
  display: flex;
  background-color: transparent;
  border: 0; }
.oj-toolbar-row .oj-toolbar + .oj-toolbar {
  border-radius: 0; }
  html:not([dir="rtl"]) .oj-toolbar-row .oj-toolbar + .oj-toolbar {
    border-left: 1px solid #e0e1e1;
    margin-left: 0.5em;
    padding-left: 0.5em; }
  html[dir="rtl"] .oj-toolbar-row .oj-toolbar + .oj-toolbar {
    border-right: 1px solid #e0e1e1;
    margin-right: 0.5em;
    padding-right: 0.5em; }
.oj-toolbar-row + .oj-toolbar-row {
  border-top: 1px solid #e0e1e1; }
.oj-toolbar-top-border {
  border-top-width: 1px;
  border-radius: 0; }
.oj-toolbar-bottom-border {
  border-bottom-width: 1px;
  border-radius: 0; }
.oj-toolbar-option-defaults {
  font-family: '{"chroming":"half"}'; }
oj-paging-control:not(.oj-complete) {
  visibility: hidden; }
.oj-pagingcontrol {
  line-height: normal;
  display: block; }
.oj-pagingcontrol-content {
  overflow: hidden; }
.oj-pagingcontrol-loadmore {
  padding: 5px; }
  html:not([dir="rtl"]) .oj-pagingcontrol-loadmore {
    text-align: right; }
  html[dir="rtl"] .oj-pagingcontrol-loadmore {
    text-align: left; }
.oj-pagingcontrol-loadmore-link {
  color: #02629f;
  white-space: nowrap;
  text-decoration: none; }
.oj-pagingcontrol-loadmore-link.oj-hover {
  text-decoration: underline; }
.oj-pagingcontrol-loadmore-range {
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap; }
.oj-pagingcontrol-nav {
  padding: 5px;
  vertical-align: middle;
  white-space: nowrap; }
.oj-pagingcontrol-nav-input-section {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap; }
  html:not([dir="rtl"]) .oj-pagingcontrol-nav-input-section {
    padding-right: 5px; }
  html[dir="rtl"] .oj-pagingcontrol-nav-input-section {
    padding-left: 5px; }
.oj-pagingcontrol-nav-label.oj-label-inline,
.oj-pagingcontrol-nav-input-max.oj-label-inline,
.oj-pagingcontrol-nav-input-summary.oj-label-inline {
  margin-top: 0.2em;
  line-height: 1;
  padding-top: 0.5rem; }
.oj-pagingcontrol-nav-arrow-section {
  display: inline-block;
  vertical-align: middle; }
  html:not([dir="rtl"]) .oj-pagingcontrol-nav-arrow-section {
    border-left: 1px solid #e0e1e1;
    padding-left: 5px; }
  html[dir="rtl"] .oj-pagingcontrol-nav-arrow-section {
    border-right: 1px solid #e0e1e1;
    padding-right: 5px; }
html:not([dir="rtl"]) .oj-pagingcontrol-nav-arrow-section:first-child {
  border-left: 0;
  padding-left: 0; }
html[dir="rtl"] .oj-pagingcontrol-nav-arrow-section:first-child {
  border-right: 0;
  padding-right: 0; }
.oj-pagingcontrol-nav-pages-section {
  display: inline-block;
  vertical-align: middle;
  line-height: 2.28571rem; }
.oj-pagingcontrol-nav-dot {
  line-height: 1rem;
  padding: 10px;
  display: inline-block; }
.oj-pagingcontrol-nav-dot-bullet {
  font-size: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #8a8d8f;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border-radius: 50%;
  position: relative;
  transition: all 0.3s ease 0s;
  display: inline-block;
  vertical-align: middle; }
.oj-hicontrast .oj-pagingcontrol-nav-dot-bullet {
  border: 3px double; }
.oj-pagingcontrol-nav-dot-bullet.oj-selected,
.oj-pagingcontrol-nav-dot-bullet.oj-hover {
  background-color: #027bc7;
  border-color: #027bc7;
  content: ""; }
.oj-pagingcontrol-nav-page {
  color: #02629f;
  min-width: 1rem;
  font-size: 1rem;
  padding: 4px 8px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  outline: none; }
.oj-pagingcontrol-nav-page.oj-hover {
  text-decoration: underline; }
.oj-pagingcontrol-nav-page.oj-focus {
  text-decoration: underline; }
.oj-pagingcontrol-nav-page.oj-selected {
  border: 1px solid rgba(0, 0, 0, 0.6);
  color: rgba(0, 0, 0, 0.8);
  display: inline; }
.oj-pagingcontrol-nav-page.oj-disabled {
  text-decoration: none; }
.oj-pagingcontrol-nav-page-ellipsis {
  min-width: 1rem;
  font-size: 1rem;
  padding: 4px;
  vertical-align: bottom; }
label.oj-pagingcontrol-nav-label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem; }
input.oj-pagingcontrol-nav-input.oj-inputtext-input {
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  font-size: 1rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  min-height: 2rem;
  max-height: 2rem;
  padding-left: 2px;
  padding-top: 0px;
  padding-right: 2px;
  margin-top: 0.2em; }
  input.oj-pagingcontrol-nav-input.oj-inputtext-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  input.oj-pagingcontrol-nav-input.oj-inputtext-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  input.oj-pagingcontrol-nav-input.oj-inputtext-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  input.oj-pagingcontrol-nav-input.oj-inputtext-input::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
input[readOnly].oj-pagingcontrol-nav-input.oj-inputtext-input {
  color: rgba(0, 0, 0, 0.6);
  min-width: 1rem;
  max-width: 1rem; }
.oj-pagingcontrol-nav-input-max {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem; }
  html:not([dir="rtl"]) .oj-pagingcontrol-nav-input-max {
    padding-left: 5px; }
  html[dir="rtl"] .oj-pagingcontrol-nav-input-max {
    padding-right: 5px; }
.oj-pagingcontrol-nav-input-summary {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem; }
  html:not([dir="rtl"]) .oj-pagingcontrol-nav-input-summary {
    padding-right: 5px; }
  html[dir="rtl"] .oj-pagingcontrol-nav-input-summary {
    padding-left: 5px; }
.oj-pagingcontrol-nav-arrow {
  width: 2.28571rem;
  height: 2.28571rem;
  line-height: 2.28571rem;
  border-radius: 2px;
  cursor: default;
  box-sizing: border-box;
  vertical-align: middle;
  background: transparent;
  border: 1px solid transparent;
  padding: 1px; }
.oj-pagingcontrol-nav-arrow.oj-hover {
  background-color: #f7f7f8;
  border-color: #cbcccd;
  color: #76b8e1;
  background-image: none;
  text-decoration: none; }
.oj-pagingcontrol-nav-arrow.oj-active,
.oj-pagingcontrol-nav-arrow.oj-active.oj-hover {
  color: white;
  background: #027bc7;
  border-color: #027bc7;
  background-image: none; }
oj-table:not(.oj-complete) {
  visibility: hidden; }
.oj-table-option-defaults {
  font-family: '{"animation":{"add":[{"effect":"slideIn","direction":"bottom"},"fadeIn"],"remove":[{"effect":"slideOut","direction":"top"},"fadeOut"],"update":{"effect":"fadeIn"}},"display":"list","showIndicatorDelay":"250"}'; }
.oj-table {
  position: relative;
  line-height: normal;
  font-size: inherit;
  min-width: 240px;
  min-height: 4.57142rem;
  -webkit-tap-highlight-color: transparent;
  margin: 1px; }
.oj-table.oj-table-grid-display {
  border: 1px solid #e0e1e1;
  background-color: #fcfcfd;
  margin: 0; }
.oj-table.oj-warning {
  border: 1px solid #F8CA75; }
.oj-table-container {
  display: inline-block;
  vertical-align: top;
  clear: both;
  box-sizing: border-box; }
table.oj-table-element {
  box-sizing: border-box;
  width: calc(100% - 1px);
  outline: none;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit; }
table.oj-table-element.oj-table-column-header-resizing {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
.oj-table-header {
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #e5e6e6;
  font-size: inherit;
  overflow: hidden; }
.oj-table-scroll-vertical .oj-table-header,
.oj-table-scroll-horizontal .oj-table-header {
  display: block;
  position: relative; }
.oj-table-grid-display .oj-table-header {
  background-color: #f7f7f8;
  border-bottom: 1px solid #e0e1e1; }
.oj-table-header-row {
  height: 2.75em;
  font-size: inherit;
  vertical-align: middle; }
.oj-table-grid-display .oj-table-header-row {
  height: calc(2.28571rem + 4px); }
.oj-table-scroll .oj-table-header-row {
  min-height: 2.75em;
  height: auto; }
.oj-table-scroll .oj-table-grid-display .oj-table-header-row {
  min-height: calc(2.28571rem + 4px);
  height: auto; }
.oj-table-scroll-vertical .oj-table-header-row,
.oj-table-scroll-horizontal .oj-table-header-row {
  display: block;
  position: relative; }
.oj-table-column-header-cell {
  font-size: inherit;
  font-weight: normal;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  height: 1.75em;
  line-height: 1.75em;
  float: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: content-box; }
  html:not([dir="rtl"]) .oj-table-column-header-cell {
    padding-left: 1em; }
  html[dir="rtl"] .oj-table-column-header-cell {
    padding-right: 1em; }
  html:not([dir="rtl"]) .oj-table-column-header-cell {
    padding-right: 0;
    text-align: left; }
  html[dir="rtl"] .oj-table-column-header-cell {
    padding-left: 0;
    text-align: right; }
.oj-table-grid-display .oj-table-column-header-cell {
  height: calc(2.28571rem - 1em);
  line-height: calc(2.28571rem - 1em); }
  html:not([dir="rtl"]) .oj-table-grid-display .oj-table-column-header-cell {
    padding-left: 0.5em;
    padding-right: 0.5em; }
  html[dir="rtl"] .oj-table-grid-display .oj-table-column-header-cell {
    padding-left: 0.5em;
    padding-right: 0.5em; }
html:not([dir="rtl"]) .oj-table-column-header-cell:last-child {
  border-right: 0; }
html[dir="rtl"] .oj-table-column-header-cell:last-child {
  border-left: 0; }
html:not([dir="rtl"]) .oj-table-column-header-cell.oj-table-vgrid-lines {
  border-right: 1px solid transparent; }
html[dir="rtl"] .oj-table-column-header-cell.oj-table-vgrid-lines {
  border-left: 1px solid transparent; }
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-column-header-cell.oj-selected {
  background-color: #d7eaf6; }
.oj-table:not(.oj-focus) .oj-table-column-header-cell.oj-selected {
  background-color: #f2f2f3; }
.oj-table-column-header-cell.oj-hover {
  background-color: #e0e1e1; }
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-column-header-cell.oj-focus-highlight {
  outline-offset: -1px;
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
.oj-table-column-header-cell.oj-drag {
  background-color: #e1eff8;
  color: rgba(0, 0, 0, 0.38); }
.oj-table-column-header-cell-drag-image {
  border: 1px solid #027bc7;
  background-color: #d7eaf6; }
html:not([dir="rtl"]) .oj-table-column-header-cell.oj-table-column-header-drag-indicator-after {
  border-right: 6px solid #c2eaf3; }
html[dir="rtl"] .oj-table-column-header-cell.oj-table-column-header-drag-indicator-after {
  border-left: 6px solid #c2eaf3; }
html:not([dir="rtl"]) .oj-table-column-header-cell.oj-table-column-header-drag-indicator-before {
  border-left: 6px solid #c2eaf3; }
html[dir="rtl"] .oj-table-column-header-cell.oj-table-column-header-drag-indicator-before {
  border-right: 6px solid #c2eaf3; }
.oj-table-column-header {
  position: relative;
  float: none;
  text-overflow: inherit;
  overflow: inherit; }
  html:not([dir="rtl"]) .oj-table-column-header {
    padding-right: 10px; }
  html[dir="rtl"] .oj-table-column-header {
    padding-left: 10px; }
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-column-header {
  padding-right: 0; }
html[dir="rtl"] .oj-table-grid-display .oj-table-column-header {
  padding-left: 0; }
.oj-table-column-header-text {
  display: inline-block;
  height: inherit;
  overflow: inherit;
  text-overflow: inherit;
  vertical-align: top; }
  html:not([dir="rtl"]) .oj-table-column-header-text {
    padding-right: 5px; }
  html[dir="rtl"] .oj-table-column-header-text {
    padding-left: 5px; }
.oj-table-grid-display .oj-table-column-header-text {
  padding-right: 0; }
.oj-table-column-header-asc {
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  top: 0; }
  html:not([dir="rtl"]) .oj-table-column-header-asc {
    right: 5px; }
  html[dir="rtl"] .oj-table-column-header-asc {
    left: 5px; }
.oj-table-grid-display .oj-table-column-header-asc {
  top: -2px; }
  html:not([dir="rtl"]) .oj-table-grid-display .oj-table-column-header-asc {
    right: -5px; }
  html[dir="rtl"] .oj-table-grid-display .oj-table-column-header-asc {
    left: -5px; }
.oj-table-column-header-dsc {
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  top: -2px;
  top: 0; }
  html:not([dir="rtl"]) .oj-table-column-header-dsc {
    right: 5px; }
  html[dir="rtl"] .oj-table-column-header-dsc {
    left: 5px; }
.oj-table-grid-display .oj-table-column-header-dsc {
  top: -2px; }
  html:not([dir="rtl"]) .oj-table-grid-display .oj-table-column-header-dsc {
    right: -5px; }
  html[dir="rtl"] .oj-table-grid-display .oj-table-column-header-dsc {
    left: -5px; }
.oj-table-column-header-asc.oj-disabled {
  display: none; }
.oj-table-column-header-dsc.oj-disabled {
  display: none; }
.oj-table-column-header-asc-icon,
.oj-table-column-header-dsc-icon {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  position: absolute;
  margin-top: -2px;
  text-decoration: none; }
  html:not([dir="rtl"]) .oj-table-column-header-asc-icon, html:not([dir="rtl"])
  .oj-table-column-header-dsc-icon {
    left: 0; }
  html[dir="rtl"] .oj-table-column-header-asc-icon, html[dir="rtl"]
  .oj-table-column-header-dsc-icon {
    right: 0; }
.oj-table-column-header-asc-icon.oj-hover,
.oj-table-column-header-dsc-icon.oj-hover {
  text-decoration: none; }
.oj-table-column-header-asc-icon.oj-disabled {
  visibility: hidden; }
.oj-table-column-header-dsc-icon.oj-disabled {
  visibility: hidden; }
.oj-table-column-header-resize-indicator {
  position: absolute;
  top: 0;
  width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-style: solid;
  border-color: #d7eaf6; }
.oj-table-body {
  color: rgba(0, 0, 0, 0.8);
  border-color: #e0e1e1;
  border-width: 0 0 1px;
  border-style: solid;
  font-size: inherit; }
.oj-table-scroll-vertical .oj-table-body,
.oj-table-scroll-horizontal .oj-table-body {
  display: block;
  overflow: auto;
  position: relative; }
.oj-table-grid-display .oj-table-body {
  background-color: white;
  border: 0; }
.oj-table-body-row {
  height: 2.75em;
  font-size: inherit; }
.oj-table-grid-display .oj-table-body-row {
  height: calc(2.28571rem + 4px); }
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) {
  outline-offset: -1px;
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
.oj-table-body-row-drag-indicator-before {
  height: 2.28571rem;
  background-color: #c2eaf3; }
.oj-table-body-row-drag-indicator-after {
  height: 2.28571rem;
  background-color: #c2eaf3; }
.oj-table-body-row-touch-selection-affordance-top-icon,
.oj-table-body-row-touch-selection-affordance-bottom-icon {
  border-radius: 50%;
  border: 2px solid #027bc7;
  background-color: #76b8e1;
  box-sizing: border-box;
  position: absolute;
  width: 11px;
  height: 11px;
  z-index: 1;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
.oj-table-body-row-touch-selection-affordance-touch-area {
  width: 24px;
  height: 24px;
  position: absolute; }
.oj-table-data-cell {
  font-size: inherit;
  font-weight: normal;
  min-width: 1rem;
  min-height: 1rem;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: content-box; }
  html:not([dir="rtl"]) .oj-table-data-cell {
    text-align: left; }
  html[dir="rtl"] .oj-table-data-cell {
    text-align: right; }
.oj-table-grid-display .oj-table-data-cell {
  padding-left: 0.5em;
  padding-right: 0.5em;
  height: calc(2.28571rem - 11px); }
.oj-table-editable .oj-table-data-cell {
  padding-left: 0.5em;
  padding-right: 0.5em;
  height: 1.75em; }
.oj-table-body-row-edit .oj-table-data-cell:not(.oj-read-only) {
  padding: 0; }
.oj-table-data-cell.oj-table-data-cell-edit {
  outline: 1px solid black; }
.oj-table-data-cell.oj-read-only {
  background-color: #f2f2f3; }
.oj-table-data-cell.oj-table-data-cell-no-padding {
  padding: 0; }
.oj-table-body-row-edit .oj-table-data-cell.oj-table-data-cell-padding {
  padding: 0.5em; }
.oj-table-data-cell.oj-drag {
  background-color: #e8f3fa;
  color: rgba(0, 0, 0, 0.38); }
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-data-cell.oj-selected {
  background-color: #e8f3fa; }
.oj-hicontrast .oj-table-data-cell.oj-selected {
  border: 3px double; }
.oj-table:not(.oj-focus) .oj-table-data-cell.oj-selected {
  background-color: #e8f3fa; }
.oj-table-data-cell.oj-hover {
  background-color: #f2f2f3; }
.oj-table-data-cell.oj-form-control-inherit .oj-form-control {
  height: 1.75em; }
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-inputtext-input,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-inputtext-nocomp,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-inputpassword-input,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-inputpassword-nocomp,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-textarea-input,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-textarea-nocomp,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-inputnumber-input,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-inputsearch-input,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-select-select,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-select .oj-select-choice,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-select .oj-select-choices,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-combobox .oj-combobox-choice,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-combobox .oj-combobox-choices,
  .oj-table-data-cell.oj-form-control-inherit .oj-form-control .oj-inputdatetime .oj-inputdatetime-input {
    padding: 0 calc(0.5em + 1px); }
.oj-table-data-cell .oj-checkboxset .oj-checkbox-label {
  justify-content: flex-end; }
.oj-table-footer {
  border-top: 1px solid #e5e6e6;
  font-size: inherit;
  overflow: hidden; }
.oj-table-scroll-vertical .oj-table-footer,
.oj-table-scroll-horizontal .oj-table-footer {
  display: block;
  position: relative; }
.oj-table-grid-display .oj-table-footer {
  background-color: #f7f7f8;
  border-top: 1px solid #e0e1e1; }
.oj-table-footer-row {
  height: 2.75em;
  font-size: inherit; }
.oj-table-grid-display .oj-table-footer-row {
  height: calc(2.28571rem + 4px); }
.oj-table-scroll .oj-table-footer-row {
  min-height: 2.75em;
  height: auto; }
.oj-table-scroll .oj-table-grid-display .oj-table-footer-row {
  min-height: calc(2.28571rem + 4px);
  height: auto; }
.oj-table-scroll-vertical .oj-table-footer-row,
.oj-table-scroll-horizontal .oj-table-footer-row {
  display: block;
  position: relative; }
.oj-table-footer-cell {
  float: none;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: inherit;
  box-sizing: content-box; }
.oj-table-grid-display .oj-table-footer-cell {
  padding-left: 0.5em;
  padding-right: 0.5em; }
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines {
  border-right: 1px solid #e0e1e1; }
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines {
  border-left: 1px solid #e0e1e1; }
html:not([dir="rtl"]) .oj-table-vgrid-lines:last-child {
  border-right: 0; }
html[dir="rtl"] .oj-table-vgrid-lines:last-child {
  border-left: 0; }
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-vgrid-lines, html:not([dir="rtl"])
.oj-table-grid-display .oj-table-column-header-cell.oj-table-vgrid-lines {
  border-right: 1px solid #e0e1e1; }
html[dir="rtl"] .oj-table-grid-display .oj-table-vgrid-lines, html[dir="rtl"]
.oj-table-grid-display .oj-table-column-header-cell.oj-table-vgrid-lines {
  border-left: 1px solid #e0e1e1; }
.oj-table-hgrid-lines {
  border-bottom: 1px solid #e0e1e1; }
.oj-table-inline-message {
  padding: 10px;
  position: absolute; }
.oj-table-inline-message.oj-warning {
  background-color: #FEF5E4;
  border: 1px solid #FCE7C1;
  border-top-width: 0; }
.oj-table-status-message {
  position: absolute; }
.oj-table-status-message-text {
  background-color: InfoBackground;
  color: InfoText;
  border: 1px #e0e1e1 solid;
  padding: 0.5em;
  display: inline-block; }
.oj-table-loading-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto; }
  .oj-table-loading-icon:before {
    content: url("images/spinner_full.gif");
    transform: translate(-37.5%, -37.5%) scale(0.25); }
.oj-table-body-message {
  color: rgba(0, 0, 0, 0.8);
  padding: 0.5em; }
.oj-table-panel-bottom-grid-display {
  border-style: solid;
  border-color: #e0e1e1;
  background-color: #fcfcfd;
  border-width: 0 1px 1px; }
oj-tree:not(.oj-complete) {
  visibility: hidden; }
.oj-tree-list,
.oj-tree-list ul,
.oj-tree-node {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none; }
.oj-tree-node {
  min-height: 1.833em;
  white-space: nowrap;
  min-width: 18px;
  vertical-align: middle; }
  html:not([dir="rtl"]) .oj-tree-node {
    margin-left: 18px; }
  html[dir="rtl"] .oj-tree-node {
    margin-right: 18px; }
html:not([dir="rtl"]) .oj-tree-list > .oj-tree-node {
  margin-left: 0; }
html[dir="rtl"] .oj-tree-list > .oj-tree-node {
  margin-right: 0; }
.oj-tree-list ul > li:first-child {
  margin-top: 4px; }
.oj-tree-list a {
  box-sizing: content-box;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  margin: 0;
  vertical-align: middle; }
.oj-tree-list a:focus {
  outline: none; }
.oj-tree-icon {
  display: inline-block;
  text-decoration: none;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  html:not([dir="rtl"]) .oj-tree-icon {
    margin-left: 4px;
    margin-right: 0; }
  html[dir="rtl"] .oj-tree-icon {
    margin-right: 4px; }
.oj-tree-node-icon {
  cursor: default; }
.oj-tree-disclosure-icon {
  cursor: pointer; }
.oj-tree-loading .oj-tree-icon,
.oj-collapsed a.oj-tree-loading > .oj-tree-node-icon.oj-tree-icon {
  background-repeat: no-repeat;
  background-image: none;
  vertical-align: middle; }
.oj-tree-no-icons .oj-tree-node-icon {
  display: none; }
.oj-tree-list.oj-disabled .oj-tree-disclosure-icon,
.oj-tree-node.oj-disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: default; }
.oj-tree-node.oj-collapsed > ul {
  display: none; }
.oj-tree-title {
  border: 1px solid transparent;
  color: #02629f;
  cursor: pointer;
  vertical-align: -0.15rem; }
  html:not([dir="rtl"]) .oj-tree-title {
    margin-left: 0.250em; }
  html[dir="rtl"] .oj-tree-title {
    margin-right: 0.250em; }
.oj-hover .oj-tree-title {
  border: 1px dashed #4b4d4e;
  background-color: transparent; }
.oj-selected .oj-tree-title {
  border: 1px solid #e1eff8;
  background-color: #e1eff8; }
.oj-selected.oj-tree-inactive .oj-tree-title {
  border: 1px solid #d7eaf6;
  background-color: #e8f3fa; }
.oj-hover.oj-selected .oj-tree-title {
  background-color: #e1eff8;
  border: 1px solid #02629f; }
.oj-tree-node.oj-invalid-drop .oj-tree-title,
.oj-tree-node.oj-invalid-drop .oj-tree-icon,
.oj-tree.oj-invalid-drop {
  cursor: no-drop; }
.oj-tree-title.oj-drag {
  position: absolute; }
.oj-tree-transition {
  transition: max-height 0.4s; }
.oj-tree-drop-marker {
  position: absolute;
  display: none;
  background-color: transparent; }
.oj-tree-drop-marker-icon {
  height: 12px;
  width: 8px;
  display: inline-block;
  text-decoration: none;
  color: #027bc7; }
.oj-tree-drop-marker-line {
  height: 1px;
  width: 100px;
  position: absolute;
  display: none;
  background-color: #027bc7; }
oj-tree-view:not(.oj-complete) {
  visibility: hidden; }
oj-tree-view {
  -webkit-tap-highlight-color: transparent; }
.oj-treeview-list:focus {
  outline: none; }
.oj-treeview-list,
.oj-treeview-item {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden; }
.oj-treeview-item {
  white-space: nowrap;
  min-width: 24px;
  vertical-align: middle; }
  html:not([dir="rtl"]) .oj-treeview-item {
    margin-left: 24px; }
  html[dir="rtl"] .oj-treeview-item {
    margin-right: 24px; }
html:not([dir="rtl"]) oj-tree-view > .oj-treeview-list > .oj-treeview-item, html:not([dir="rtl"])
.oj-treeview-list.oj-treeview-drag-image > .oj-treeview-item {
  margin-left: 0; }
html[dir="rtl"] oj-tree-view > .oj-treeview-list > .oj-treeview-item, html[dir="rtl"]
.oj-treeview-list.oj-treeview-drag-image > .oj-treeview-item {
  margin-right: 0; }
.oj-treeview-icon {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle; }
.oj-treeview-item-icon {
  cursor: default;
  margin: 4px; }
.oj-treeview-item-text {
  color: #02629f;
  cursor: default;
  vertical-align: middle; }
  html:not([dir="rtl"]) .oj-treeview-item-text {
    margin-left: 2px;
    margin-right: 4px; }
  html[dir="rtl"] .oj-treeview-item-text {
    margin-left: 4px;
    margin-right: 2px; }
.oj-treeview-item-content {
  display: inline-block; }
.oj-treeview-item-content.oj-hover {
  background-color: #f2f2f3; }
.oj-treeview-list:focus .oj-treeview-item-content.oj-selected {
  background-color: #e1eff8; }
.oj-treeview-item-content.oj-selected {
  background-color: #e1eff8; }
.oj-treeview-item-content.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
.oj-treeview-spacer {
  width: 24px;
  height: 30px; }
.oj-treeview-disclosure-icon {
  cursor: pointer; }
.oj-treeview-disclosure-icon:before {
  margin: 7px 4px; }
.oj-treeview-drop-marker {
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  width: 16px;
  height: 16px;
  padding: 1px; }
.oj-treeview-drop-line {
  height: 1px;
  width: 100px;
  position: absolute;
  background-color: #027bc7;
  pointer-events: none; }
.oj-treeview-drop-marker-icon {
  position: absolute;
  color: #027bc7; }
.oj-treeview-drag-image {
  position: fixed;
  top: 10000px;
  overflow: visible; }
.oj-treeview-drag-image .oj-treeview-item {
  position: absolute; }
.oj-treeview-option-defaults {
  font-family: '{"animation":{"expand":{"effect":"expand"},"collapse":{"effect":"collapse"}}}'; }
oj-data-grid:not(.oj-complete) {
  visibility: hidden; }
.oj-datagrid-option-defaults {
  font-family: '{"showIndicatorDelay":"250"}'; }
[hidden].oj-datagrid {
  display: none; }
.oj-datagrid {
  display: block;
  position: relative;
  border: 1px solid #e0e1e1;
  background-color: #fcfcfd;
  box-sizing: border-box;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  cursor: default; }
.oj-datagrid:focus,
.oj-datagrid-cell:focus,
.oj-datagrid-header-cell:focus,
.oj-datagrid-header-label:focus,
.oj-datagrid-end-header-cell:focus,
.oj-datagrid-scrollers:focus,
.oj-datagrid-databody:focus {
  outline: none; }
.oj-datagrid-cell,
.oj-datagrid-column-header-cell,
.oj-datagrid-column-end-header-cell {
  width: 4.166rem; }
.oj-datagrid-cell,
.oj-datagrid-row-header-cell,
.oj-datagrid-row-end-header-cell {
  height: 2.28571rem; }
.oj-datagrid-row-header,
.oj-datagrid-row-end-header {
  box-sizing: border-box; }
.oj-datagrid-column-header,
.oj-datagrid-column-end-header {
  box-sizing: border-box; }
.oj-datagrid-cell.oj-datagrid-border-horizontal-none,
.oj-datagrid-header-cell.oj-datagrid-border-horizontal-none,
.oj-datagrid-end-header-cell.oj-datagrid-border-horizontal-none {
  border-bottom-color: transparent; }
.oj-datagrid-row-header-spacer.oj-datagrid-border-horizontal-none,
.oj-datagrid-bottom-corner.oj-datagrid-border-horizontal-none {
  border-top-color: transparent; }
html:not([dir="rtl"]) .oj-datagrid-cell.oj-datagrid-border-vertical-none, html:not([dir="rtl"])
.oj-datagrid-header-cell.oj-datagrid-border-vertical-none, html:not([dir="rtl"])
.oj-datagrid-end-header-cell.oj-datagrid-border-vertical-none {
  border-right-color: transparent; }
html[dir="rtl"] .oj-datagrid-cell.oj-datagrid-border-vertical-none, html[dir="rtl"]
.oj-datagrid-header-cell.oj-datagrid-border-vertical-none, html[dir="rtl"]
.oj-datagrid-end-header-cell.oj-datagrid-border-vertical-none {
  border-left-color: transparent; }
html:not([dir="rtl"]) .oj-datagrid-column-header-spacer.oj-datagrid-border-vertical-none, html:not([dir="rtl"])
.oj-datagrid-bottom-corner.oj-datagrid-border-vertical-none {
  border-left-color: transparent; }
html[dir="rtl"] .oj-datagrid-column-header-spacer.oj-datagrid-border-vertical-none, html[dir="rtl"]
.oj-datagrid-bottom-corner.oj-datagrid-border-vertical-none {
  border-right-color: transparent; }
.oj-datagrid .oj-datagrid-row-header-spacer.oj-datagrid-small-content-border-horizontal,
.oj-datagrid .oj-datagrid-bottom-corner.oj-datagrid-small-content-border-horizontal,
.oj-datagrid .oj-datagrid-end-header-cell.oj-datagrid-small-content-border-horizontal {
  border-bottom-width: 1px; }
html:not([dir="rtl"]) .oj-datagrid-column-header-spacer.oj-datagrid-small-content-border-vertical, html:not([dir="rtl"])
.oj-datagrid-bottom-corner.oj-datagrid-small-content-border-vertical, html:not([dir="rtl"])
.oj-datagrid-end-header-cell.oj-datagrid-small-content-border-vertical {
  border-right-width: 1px; }
html[dir="rtl"] .oj-datagrid-column-header-spacer.oj-datagrid-small-content-border-vertical, html[dir="rtl"]
.oj-datagrid-bottom-corner.oj-datagrid-small-content-border-vertical, html[dir="rtl"]
.oj-datagrid-end-header-cell.oj-datagrid-small-content-border-vertical {
  border-left-width: 1px; }
.oj-datagrid-header-label,
.oj-datagrid-header-cell,
.oj-datagrid-end-header-cell {
  position: absolute;
  font-size: inherit;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.85);
  background-color: #f7f7f8;
  border-color: #e0e1e1;
  border-style: solid;
  overflow: hidden;
  display: flex; }
.oj-datagrid-column-header-label,
.oj-datagrid-column-end-header-label,
.oj-datagrid-column-header-cell,
.oj-datagrid-column-end-header-cell {
  height: 2.28571rem;
  padding: 0.5em;
  justify-content: center;
  align-items: center;
  box-sizing: border-box; }
.oj-datagrid-column-header-label.oj-datagrid-depth-2,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-2,
.oj-datagrid-column-header-cell.oj-datagrid-depth-2,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-2 {
  height: 4.57142rem; }
.oj-datagrid-column-header-label.oj-datagrid-depth-3,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-3,
.oj-datagrid-column-header-cell.oj-datagrid-depth-3,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-3 {
  height: 6.85713rem; }
.oj-datagrid-column-header-label.oj-datagrid-depth-4,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-4,
.oj-datagrid-column-header-cell.oj-datagrid-depth-4,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-4 {
  height: 9.14284rem; }
.oj-datagrid-column-header-label.oj-datagrid-depth-5,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-5,
.oj-datagrid-column-header-cell.oj-datagrid-depth-5,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-5 {
  height: 11.42855rem; }
.oj-datagrid-column-header-label.oj-datagrid-depth-6,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-6,
.oj-datagrid-column-header-cell.oj-datagrid-depth-6,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-6 {
  height: 13.71426rem; }
.oj-datagrid-column-header-label.oj-datagrid-depth-7,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-7,
.oj-datagrid-column-header-cell.oj-datagrid-depth-7,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-7 {
  height: 15.99997rem; }
.oj-datagrid-column-header-label,
.oj-datagrid-column-end-header-label {
  justify-content: flex-end; }
html:not([dir="rtl"]) .oj-datagrid-column-header-cell {
  border-width: 0 1px 1px 0; }
html[dir="rtl"] .oj-datagrid-column-header-cell {
  border-width: 0 0 1px 1px; }
html:not([dir="rtl"]) .oj-datagrid-column-end-header-cell, html:not([dir="rtl"])
.oj-datagrid-row-header-label {
  border-width: 1px 1px 0 0; }
html[dir="rtl"] .oj-datagrid-column-end-header-cell, html[dir="rtl"]
.oj-datagrid-row-header-label {
  border-width: 1px 0 0 1px; }
.oj-datagrid-row-header-label,
.oj-datagrid-row-end-header-label,
.oj-datagrid-row-header-cell,
.oj-datagrid-row-end-header-cell {
  justify-content: flex-start;
  align-items: center;
  width: 4.166rem;
  border-color: #e0e1e1;
  padding: 0.5em;
  box-sizing: border-box;
  border-style: solid; }
.oj-datagrid-row-header-label.oj-datagrid-depth-2,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-2,
.oj-datagrid-row-header-cell.oj-datagrid-depth-2,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-2 {
  width: 8.332rem; }
.oj-datagrid-row-header-label.oj-datagrid-depth-3,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-3,
.oj-datagrid-row-header-cell.oj-datagrid-depth-3,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-3 {
  width: 12.498rem; }
.oj-datagrid-row-header-label.oj-datagrid-depth-4,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-4,
.oj-datagrid-row-header-cell.oj-datagrid-depth-4,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-4 {
  width: 16.664rem; }
.oj-datagrid-row-header-label.oj-datagrid-depth-5,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-5,
.oj-datagrid-row-header-cell.oj-datagrid-depth-5,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-5 {
  width: 20.83rem; }
.oj-datagrid-row-header-label.oj-datagrid-depth-6,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-6,
.oj-datagrid-row-header-cell.oj-datagrid-depth-6,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-6 {
  width: 24.996rem; }
.oj-datagrid-row-header-label.oj-datagrid-depth-7,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-7,
.oj-datagrid-row-header-cell.oj-datagrid-depth-7,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-7 {
  width: 29.162rem; }
.oj-datagrid-row-header-label,
.oj-datagrid-row-end-header-label {
  justify-content: center; }
html:not([dir="rtl"]) .oj-datagrid-row-end-header-label {
  border-width: 0 0 0 1px; }
html[dir="rtl"] .oj-datagrid-row-end-header-label {
  border-width: 0 1px 0 0; }
.oj-datagrid-column-end-header-label {
  border-width: 1px 0 0 0; }
html:not([dir="rtl"]) .oj-datagrid-row-header-cell {
  border-width: 0 1px 1px 0; }
html[dir="rtl"] .oj-datagrid-row-header-cell {
  border-width: 0 0 1px 1px; }
html:not([dir="rtl"]) .oj-datagrid-row-end-header-cell, html:not([dir="rtl"])
.oj-datagrid-column-header-label {
  border-width: 0 0 1px 1px; }
html[dir="rtl"] .oj-datagrid-row-end-header-cell, html[dir="rtl"]
.oj-datagrid-column-header-label {
  border-width: 0 1px 1px 0; }
.oj-datagrid-cell {
  position: absolute;
  box-sizing: border-box;
  border-style: solid;
  overflow: hidden;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  font-size: inherit;
  color: rgba(0, 0, 0, 0.8);
  background-color: white;
  border-color: #e0e1e1;
  padding: 0.5em;
  display: flex; }
  html[dir="rtl"] .oj-datagrid-cell {
    text-align: left; }
  html:not([dir="rtl"]) .oj-datagrid-cell {
    border-width: 0 1px 1px 0; }
  html[dir="rtl"] .oj-datagrid-cell {
    border-width: 0 0 1px 1px; }
.oj-datagrid-cell.oj-focus::after,
.oj-datagrid-header-cell.oj-focus::after,
.oj-datagrid-header-label.oj-focus::after,
.oj-datagrid-end-header-cell.oj-focus::after,
.oj-datagrid-cell.oj-selected.oj-datagrid-selected-top::before,
.oj-datagrid-cell.oj-selected.oj-datagrid-selected-bottom::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0; }
  html:not([dir="rtl"]) .oj-datagrid-cell.oj-focus::after, html:not([dir="rtl"])
  .oj-datagrid-header-cell.oj-focus::after, html:not([dir="rtl"])
  .oj-datagrid-header-label.oj-focus::after, html:not([dir="rtl"])
  .oj-datagrid-end-header-cell.oj-focus::after, html:not([dir="rtl"])
  .oj-datagrid-cell.oj-selected.oj-datagrid-selected-top::before, html:not([dir="rtl"])
  .oj-datagrid-cell.oj-selected.oj-datagrid-selected-bottom::before {
    left: 0; }
  html[dir="rtl"] .oj-datagrid-cell.oj-focus::after, html[dir="rtl"]
  .oj-datagrid-header-cell.oj-focus::after, html[dir="rtl"]
  .oj-datagrid-header-label.oj-focus::after, html[dir="rtl"]
  .oj-datagrid-end-header-cell.oj-focus::after, html[dir="rtl"]
  .oj-datagrid-cell.oj-selected.oj-datagrid-selected-top::before, html[dir="rtl"]
  .oj-datagrid-cell.oj-selected.oj-datagrid-selected-bottom::before {
    right: 0; }
.oj-datagrid-editable .oj-datagrid-cell.oj-focus::after,
.oj-hicontrast .oj-datagrid.oj-datagrid-editable.oj-focus .oj-datagrid-cell.oj-focus::after {
  border: 2px solid black; }
.oj-datagrid-editable .oj-datagrid-cell.oj-datagrid-cell-edit,
.oj-hicontrast .oj-datagrid.oj-datagrid-editable.oj-focus .oj-datagrid-cell.oj-datagrid-cell-edit {
  padding: 0; }
.oj-datagrid-editable .oj-datagrid-cell.oj-datagrid-cell-edit::after,
.oj-hicontrast .oj-datagrid.oj-datagrid-editable.oj-focus .oj-datagrid-cell.oj-datagrid-cell-edit::after {
  border: 1px solid black; }
.oj-datagrid-cell.oj-selected.oj-datagrid-selected-top::before,
.oj-datagrid-cell.oj-selected.oj-datagrid-selected-bottom::before {
  border: 0 solid transparent; }
.oj-datagrid-cell.oj-selected.oj-datagrid-selected-top::before {
  border-top-width: 2px; }
.oj-datagrid-cell.oj-selected.oj-datagrid-selected-bottom::before {
  border-bottom-width: 2px; }
html:not([dir="rtl"]) .oj-datagrid .oj-datagrid-cell.oj-datagrid-cell-no-padding {
  padding: 1px 0 0 1px; }
html[dir="rtl"] .oj-datagrid .oj-datagrid-cell.oj-datagrid-cell-no-padding {
  padding: 1px 1px 0 0; }
.oj-datagrid-editable .oj-datagrid-cell.oj-datagrid-cell-no-padding {
  padding: 0; }
.oj-datagrid-editable .oj-datagrid-cell.oj-datagrid-cell-edit.oj-datagrid-cell-padding {
  padding: 0.5em; }
.oj-datagrid-cell.oj-form-control-inherit .oj-inputtext-input,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputtext-nocomp,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputpassword-input,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputpassword-nocomp,
.oj-datagrid-cell.oj-form-control-inherit .oj-textarea-input,
.oj-datagrid-cell.oj-form-control-inherit .oj-textarea-nocomp,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputnumber-input,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputsearch-input,
.oj-datagrid-cell.oj-form-control-inherit .oj-select-select,
.oj-datagrid-cell.oj-form-control-inherit .oj-select .oj-select-choice,
.oj-datagrid-cell.oj-form-control-inherit .oj-select .oj-select-choices,
.oj-datagrid-cell.oj-form-control-inherit .oj-combobox .oj-combobox-choice,
.oj-datagrid-cell.oj-form-control-inherit .oj-combobox .oj-combobox-choices,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputdatetime .oj-inputdatetime-input {
  padding: 0 0.5em 0 0.5em; }
.oj-datagrid-cell.oj-form-control-inherit .oj-inputtext-input,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputtext-nocomp,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputpassword-input,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputpassword-nocomp,
.oj-datagrid-cell.oj-form-control-inherit .oj-textarea-input,
.oj-datagrid-cell.oj-form-control-inherit .oj-textarea-nocomp,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputnumber-input,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputsearch-input,
.oj-datagrid-cell.oj-form-control-inherit .oj-select-select,
.oj-datagrid-cell.oj-form-control-inherit .oj-select .oj-select-choice,
.oj-datagrid-cell.oj-form-control-inherit .oj-select .oj-select-choices,
.oj-datagrid-cell.oj-form-control-inherit .oj-combobox .oj-combobox-choice,
.oj-datagrid-cell.oj-form-control-inherit .oj-combobox .oj-combobox-choices,
.oj-datagrid-cell.oj-form-control-inherit .oj-combobox .oj-combobox-input,
.oj-datagrid-cell.oj-form-control-inherit .oj-inputdatetime .oj-inputdatetime-input {
  font-size: inherit; }
.oj-datagrid-cell .oj-checkboxset .oj-checkbox-label {
  justify-content: flex-end; }
.oj-datagrid-cell-text,
.oj-datagrid-header-cell-text {
  flex: 0 1 auto;
  box-sizing: border-box; }
.oj-datagrid-header-grouping > :first-child.oj-datagrid-row-header-cell,
.oj-datagrid-header-grouping > :first-child.oj-datagrid-row-end-header-cell {
  align-items: flex-start; }
.oj-datagrid-cell.oj-datagrid-banded {
  background-color: #fafafa; }
.oj-datagrid-cell.oj-read-only {
  background-color: #f2f2f3; }
.oj-datagrid-cell.oj-hover {
  background-color: #f2f2f3; }
.oj-datagrid.oj-focus .oj-datagrid-cell.oj-selected {
  background-color: #e8f3fa; }
.oj-datagrid-cell.oj-selected {
  background-color: #e8f3fa; }
.oj-datagrid.oj-focus.oj-read-only .oj-datagrid-cell.oj-focus-highlight::after,
.oj-datagrid.oj-focus .oj-datagrid-header-label.oj-focus-highlight::after,
.oj-datagrid.oj-focus .oj-datagrid-header-cell.oj-focus-highlight::after,
.oj-datagrid.oj-focus .oj-datagrid-end-header-cell.oj-focus-highlight::after {
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
  html:not([dir="rtl"]) .oj-datagrid.oj-focus.oj-read-only .oj-datagrid-cell.oj-focus-highlight::after, html:not([dir="rtl"])
  .oj-datagrid.oj-focus .oj-datagrid-header-label.oj-focus-highlight::after, html:not([dir="rtl"])
  .oj-datagrid.oj-focus .oj-datagrid-header-cell.oj-focus-highlight::after, html:not([dir="rtl"])
  .oj-datagrid.oj-focus .oj-datagrid-end-header-cell.oj-focus-highlight::after {
    left: 1px; }
  html[dir="rtl"] .oj-datagrid.oj-focus.oj-read-only .oj-datagrid-cell.oj-focus-highlight::after, html[dir="rtl"]
  .oj-datagrid.oj-focus .oj-datagrid-header-label.oj-focus-highlight::after, html[dir="rtl"]
  .oj-datagrid.oj-focus .oj-datagrid-header-cell.oj-focus-highlight::after, html[dir="rtl"]
  .oj-datagrid.oj-focus .oj-datagrid-end-header-cell.oj-focus-highlight::after {
    right: 1px; }
.oj-datagrid.oj-focus .oj-datagrid-column-end-header-cell.oj-focus-highlight::after {
  height: calc(100% - 2px); }
.oj-datagrid.oj-focus .oj-datagrid-row-end-header-cell.oj-focus-highlight::after {
  width: calc(100% - 2px); }
.oj-focus-highlight.oj-datagrid-focus-offset::after {
  outline-offset: -2px; }
.oj-hicontrast .oj-datagrid.oj-focus .oj-datagrid-cell.oj-selected {
  border-width: 3px;
  border-style: double; }
.oj-datagrid-header,
.oj-datagrid-end-header {
  position: absolute;
  overflow: hidden; }
.oj-datagrid-scrollers,
.oj-datagrid-databody {
  position: absolute;
  overflow: auto; }
.oj-datagrid-scroller {
  position: absolute;
  width: 100%;
  height: 100%; }
.oj-datagrid-scroller-touch {
  transition: 0.5s;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 1000; }
.oj-datagrid-header-label.oj-hover,
.oj-datagrid-header-cell.oj-hover,
.oj-datagrid-end-header-cell.oj-hover {
  background-color: #e0e1e1; }
.oj-datagrid-status {
  position: absolute;
  display: none; }
.oj-datagrid-loading-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto; }
  .oj-datagrid-loading-icon:before {
    content: url("images/spinner_full.gif");
    transform: translate(-37.5%, -37.5%) scale(0.25); }
.oj-datagrid-empty-text {
  position: absolute;
  padding: 0.5em; }
.oj-datagrid-row-header-spacer,
.oj-datagrid-column-header-spacer,
.oj-datagrid-bottom-corner,
.oj-datagrid-top-corner {
  position: absolute;
  box-sizing: border-box;
  border-color: #e0e1e1;
  border-style: solid; }
html:not([dir="rtl"]) .oj-datagrid-top-corner {
  border-width: 0 1px 1px 0; }
html[dir="rtl"] .oj-datagrid-top-corner {
  border-width: 0 0 1px 1px; }
.oj-datagrid-bottom-corner {
  background-color: #fcfcfd; }
  html:not([dir="rtl"]) .oj-datagrid-bottom-corner {
    border-width: 1px 0 0 1px; }
  html[dir="rtl"] .oj-datagrid-bottom-corner {
    border-width: 1px 1px 0 0; }
html:not([dir="rtl"]) .oj-datagrid-row-header-spacer {
  border-width: 1px 1px 0 0; }
html[dir="rtl"] .oj-datagrid-row-header-spacer {
  border-width: 1px 0 0 1px; }
html:not([dir="rtl"]) .oj-datagrid-column-header-spacer {
  border-width: 0 0 1px 1px; }
html[dir="rtl"] .oj-datagrid-column-header-spacer {
  border-width: 0 1px 1px 0; }
.oj-datagrid-sort-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
  padding: 0.5em;
  position: absolute;
  top: 0; }
  html:not([dir="rtl"]) .oj-datagrid-sort-icon-container {
    right: 0; }
  html[dir="rtl"] .oj-datagrid-sort-icon-container {
    left: 0; }
.oj-datagrid-sort-icon-container.oj-enabled {
  background-image: linear-gradient(to right, transparent, #f7f7f8 40%); }
  html[dir="rtl"] .oj-datagrid-sort-icon-container.oj-enabled {
    background-image: linear-gradient(to left, transparent, #f7f7f8 40%); }
.oj-datagrid-header-cell.oj-hover .oj-datagrid-sort-icon-container {
  background-image: linear-gradient(to right, transparent, #e0e1e1 40%); }
  html[dir="rtl"] .oj-datagrid-header-cell.oj-hover .oj-datagrid-sort-icon-container {
    background-image: linear-gradient(to left, transparent, #e0e1e1 40%); }
.oj-datagrid-sort-ascending-icon,
.oj-datagrid-sort-descending-icon {
  flex: 0 1 auto; }
.oj-datagrid-sort-ascending-icon.oj-disabled,
.oj-datagrid-sort-descending-icon.oj-disabled {
  display: none; }
.oj-datagrid-cell.oj-datagrid-cut {
  opacity: 0.8; }
.oj-datagrid .oj-draggable {
  cursor: move; }
.oj-datagrid .oj-drag {
  opacity: 0.8;
  z-index: 1; }
.oj-datagrid .oj-drop {
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  opacity: .8; }
.oj-datagrid-databody .oj-drop {
  border: 1px solid #c2eaf3;
  background-color: #d9f4fa; }
.oj-datagrid-header .oj-drop,
.oj-datagrid-end-header .oj-drop {
  border: 1px solid #d9f4fa;
  background-color: #c2eaf3; }
.oj-datagrid-touch-selection-affordance-top,
.oj-datagrid-touch-selection-affordance-bottom {
  box-sizing: border-box;
  width: 11px;
  height: 11px;
  z-index: 1;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  border: 2px solid #027bc7;
  background-color: #76b8e1; }
.oj-datagrid-touch-area {
  width: 24px;
  height: 24px;
  position: absolute; }
.oj-datagrid-popup-header,
.oj-datagrid-popup-content {
  align-self: flex-start;
  padding: 5px; }
.oj-datagrid-popup-footer {
  align-self: flex-end;
  padding: 5px;
  text-align: right; }
  html[dir="rtl"] .oj-datagrid-popup-footer {
    text-align: left; }
oj-row-expander:not(.oj-complete) {
  visibility: hidden; }
.oj-table .oj-rowexpander {
  display: inline-block; }
.oj-datagrid .oj-rowexpander {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
[hidden].oj-rowexpander {
  display: none; }
.oj-rowexpander-icon-spacer {
  min-width: 1.5rem;
  display: inline-block; }
.oj-rowexpander-touch-area {
  box-sizing: border-box;
  height: 1.5em;
  width: 1.5em;
  padding: .25em; }
.oj-datagrid .oj-rowexpander-touch-area {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto; }
.oj-table .oj-rowexpander-touch-area {
  margin-bottom: -.25em;
  margin-top: -.25em; }
.oj-rowexpander-leaf-icon,
.oj-rowexpander-expand-icon,
.oj-rowexpander-collapse-icon,
.oj-rowexpander-lazyload-icon {
  outline: none;
  flex: 0 1 auto; }
.oj-rowexpander-leaf-icon.oj-focus-highlight,
.oj-rowexpander-expand-icon.oj-focus-highlight,
.oj-rowexpander-collapse-icon.oj-focus-highlight,
.oj-rowexpander-lazyload-icon.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
.oj-rowexpander-lazyload-icon {
  width: 100%; }
.oj-rowexpander-cell-text {
  flex: 0 1 auto;
  box-sizing: border-box; }
.oj-rowexpander-indent {
  display: inline-block; }
*.oj-rowexpander-depth-1 {
  width: 16px; }
*.oj-rowexpander-depth-2 {
  width: 32px; }
*.oj-rowexpander-depth-3 {
  width: 48px; }
*.oj-rowexpander-depth-4 {
  width: 64px; }
*.oj-rowexpander-depth-5 {
  width: 80px; }
*.oj-rowexpander-depth-6 {
  width: 96px; }
*.oj-rowexpander-depth-7 {
  width: 112px; }
.oj-rowexpander a:hover,
.oj-rowexpander a:focus {
  text-decoration: none; }
oj-list-view:not(.oj-complete) {
  visibility: hidden; }
.oj-listview {
  display: block;
  position: relative;
  border-width: 1px 0;
  border-style: solid;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
  border-color: #e0e1e1;
  min-height: 2.28571rem; }
.oj-listview-element,
.oj-listview-group {
  padding: 0;
  margin: 0;
  list-style-type: none; }
.oj-listview:focus,
.oj-listview-element:focus,
.oj-listview-expand-icon:focus,
.oj-listview-expanding-icon:focus,
.oj-listview-collapse-icon:focus,
.oj-listview-group-item:focus,
.oj-listview-item-element:focus,
.oj-listview-cell-element:focus {
  outline: none; }
.oj-listview-container {
  overflow: auto; }
.oj-listview-container-touch {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent; }
.oj-listview-element > .oj-listview-item-element:first-child .oj-listview-group-item {
  border-top: 0; }
.oj-listview-element > .oj-listview-item:first-child,
ul:not(.oj-listview-card-layout) .oj-listview-group > .oj-listview-item:first-child,
.oj-listview-element > .oj-listview-item-element:first-child .oj-listview-group-item {
  background-size: 0; }
.oj-listview-item {
  padding: 0.85714rem;
  background-image: linear-gradient(#e0e1e1, #e0e1e1);
  background-position: 0 0;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  border-top: 1px solid transparent; }
.oj-listview-item-add-remove-transition {
  overflow: hidden; }
.oj-listview-item-element {
  line-height: normal; }
.oj-listview-item.oj-hover {
  background-color: #f2f2f3;
  border-top: 1px solid #e0e1e1;
  background-size: 0; }
.oj-listview-group-item.oj-hover {
  background-color: #f2f2f3; }
ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-hover + li.oj-listview-item {
  border-top: 1px solid #e0e1e1;
  background-size: 0; }
.oj-listview.oj-focus-ancestor .oj-listview-item.oj-selected {
  background-color: #e8f3fa;
  border-top: 1px solid transparent;
  background-size: 0; }
.oj-listview.oj-focus-ancestor .oj-listview-group-item.oj-selected {
  background-color: #e8f3fa; }
.oj-listview.oj-focus-ancestor ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-selected + li.oj-listview-item {
  border-top: 1px solid transparent;
  background-size: 0; }
.oj-listview-item.oj-selected {
  background-color: #e8f3fa;
  border-top: 1px solid #e0e1e1;
  background-size: 0; }
.oj-listview-group-item.oj-selected {
  background-color: #e8f3fa; }
.oj-listview-item.oj-focus-highlight,
.oj-listview-group-item.oj-focus-highlight {
  position: relative; }
.oj-listview-item.oj-focus-highlight::after,
.oj-listview-group-item.oj-focus-highlight::after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 1px);
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
  html:not([dir="rtl"]) .oj-listview-item.oj-focus-highlight::after, html:not([dir="rtl"])
  .oj-listview-group-item.oj-focus-highlight::after {
    left: 1px; }
  html[dir="rtl"] .oj-listview-item.oj-focus-highlight::after, html[dir="rtl"]
  .oj-listview-group-item.oj-focus-highlight::after {
    right: 1px; }
.oj-listview-expanding-icon.oj-focus-highlight::before,
.oj-listview-expand-icon.oj-focus-highlight::before,
.oj-listview-collapse-icon.oj-focus-highlight::before {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
.oj-listview.oj-focus-ancestor ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-focus,
.oj-listview.oj-focus-ancestor ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-focus + li.oj-listview-item {
  border-top: 1px solid #e0e1e1;
  background-size: 0; }
.oj-hicontrast .oj-listview-item.oj-selected,
.oj-hicontrast .oj-listview-group-item.oj-selected {
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-color: initial; }
.oj-hicontrast .oj-listview-item.oj-focus-highlight,
.oj-hicontrast .oj-listview-group-item.oj-focus-highlight {
  outline-width: 2px;
  outline-style: dotted;
  border-width: 0 1px 1px 0;
  border-style: dotted; }
.oj-listview-group-item {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.85);
  padding: 0.85714rem;
  border: 0 solid #e5e6e6;
  border-width: 1px;
  font-size: 1.28571rem;
  background-color: #f2f2f3;
  opacity: 1;
  box-sizing: border-box; }
  html[dir="rtl"] .oj-listview-group-item {
    right: 0; }
.oj-listview-item-element.oj-expanded .oj-listview-group-item,
.oj-listview-item-element.oj-collapsed .oj-listview-group-item {
  padding: 3px 0; }
.oj-listview-item-element.oj-collapsed .oj-listview-group-item,
.oj-listview-group-item.oj-empty {
  border-width: 1px 1px 0; }
.oj-listview-group-item .oj-focus,
.oj-listview-group-item .oj-selected {
  background-color: transparent;
  background-image: none; }
.oj-listview-group-item.oj-sticky {
  position: -webkit-sticky;
  top: 0; }
.oj-listview-group-item.oj-pinned {
  position: absolute;
  z-index: 1; }
.oj-listview-collapsible-transition {
  overflow: hidden; }
.oj-listview-status-message {
  position: absolute;
  padding: 0.85714rem;
  display: none; }
.oj-listview-no-data-message {
  padding: 0.85714rem;
  background-color: white;
  min-height: 1rem; }
.oj-listview-expand-icon,
.oj-listview-collapse-icon {
  padding: 9px; }
.oj-listview-expanding-icon {
  padding-top: 9px;
  padding-bottom: 9px; }
  html[dir="rtl"] .oj-listview-expanding-icon {
    margin-right: 16px;
    margin-left: 9px; }
  html:not([dir="rtl"]) .oj-listview-expanding-icon {
    margin-left: 16px;
    margin-right: 9px; }
.oj-listview-card-layout .oj-listview-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px; }
.oj-listview-card-layout li.oj-listview-item {
  width: 240px;
  height: auto;
  border: 1px solid #e0e1e1;
  border-radius: 1px;
  margin-top: 10px;
  margin-bottom: 0;
  background-size: 0;
  box-sizing: border-box; }
  html[dir="rtl"] .oj-listview-card-layout li.oj-listview-item {
    margin-right: 0;
    margin-left: 10px; }
  html:not([dir="rtl"]) .oj-listview-card-layout li.oj-listview-item {
    margin-left: 0;
    margin-right: 10px; }
html[dir="rtl"] .oj-listview.oj-full-width.oj-listview-card-layout > .oj-listview-element > li > .oj-listview-group, html[dir="rtl"]
.oj-listview.oj-full-width > .oj-listview-card-layout > li > .oj-listview-group {
  margin-left: 0;
  margin-right: 10px; }
html:not([dir="rtl"]) .oj-listview.oj-full-width.oj-listview-card-layout > .oj-listview-element > li > .oj-listview-group, html:not([dir="rtl"])
.oj-listview.oj-full-width > .oj-listview-card-layout > li > .oj-listview-group {
  margin-right: 0;
  margin-left: 10px; }
.oj-listview.oj-full-width > .oj-listview-element > li > .oj-listview-group-item {
  border-left-style: none;
  border-right-style: none; }
.oj-listview-drill-icon {
  width: 16px;
  height: 16px;
  color: #8a8d8f; }
.oj-listview.oj-focus-ancestor .oj-listview-item.oj-focus .oj-listview-drill-icon {
  color: #027bc7; }
.oj-listview.oj-focus-ancestor .oj-listview-item.oj-selected .oj-listview-drill-icon {
  color: #027bc7; }
.oj-listview-item.oj-hover .oj-listview-drill-icon {
  color: #76b8e1; }
.oj-listview-card-layout li.oj-listview-loading-icon-container {
  width: 100%;
  border-style: none; }
.oj-listview-loading-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto; }
  .oj-listview-loading-icon:before {
    content: url("images/spinner_full.gif");
    transform: translate(-37.5%, -37.5%) scale(0.25); }
.oj-listview-drag-handle {
  cursor: move; }
.oj-listview-card-layout .oj-listview-drag-handle {
  background-image: none;
  width: auto;
  height: auto;
  font-size: 16px; }
.oj-listview-drag-image {
  background-color: transparent;
  position: absolute;
  top: -10000px;
  border: 1px solid transparent; }
.oj-listview-drag-item {
  display: none; }
.oj-listview-item.oj-draggable {
  cursor: move; }
.oj-listview-item.oj-drag {
  box-shadow: 1px 1px 10px 0 hsla(0, 0%, 0%,0.45);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }
.oj-listview-item.oj-drop {
  box-sizing: border-box;
  border: 1px solid #c2eaf3;
  background-color: #d9f4fa; }
.oj-listview-empty-text.oj-drop {
  background-color: #d9f4fa; }
.oj-listview-cut {
  opacity: 0.8; }
.oj-listview-option-defaults {
  font-family: '{"animation":{"add":[{"effect":"expand"},"fadeIn"],"remove":[{"effect":"collapse"},"fadeOut"],"update":{"effect":"fadeIn"},"expand":{"effect":"expand"},"collapse":{"effect":"collapse"},"pointerUp":{"effect":"none"}},"showIndicatorDelay":"250"}'; }
.oj-listview-group-item {
  padding-top: 0.5715rem;
  padding-bottom: 0.5715rem; }
oj-indexer:not(.oj-complete) {
  visibility: hidden; }
.oj-indexer {
  display: flex;
  align-items: center;
  width: 22px; }
.oj-indexer ul:focus {
  outline: none; }
.oj-indexer ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }
.oj-indexer li {
  text-align: center;
  height: 18px;
  width: 22px;
  line-height: 18px;
  color: #02629f;
  text-decoration: none;
  font-weight: normal;
  font-size: 0.78571rem;
  vertical-align: middle; }
.oj-indexer li.oj-disabled {
  opacity: 1;
  color: rgba(0, 0, 0, 0.38); }
.oj-indexer li:hover {
  text-decoration: underline;
  cursor: default; }
.oj-indexer.oj-focus-ancestor li.oj-focus-highlight {
  outline-width: 1px;
  outline-style: dotted;
  outline-offset: -1px; }
.oj-indexer.oj-indexer-abbr li {
  height: 14px; }
.oj-indexer-ellipsis:after {
  content: "\25CF"; }
.oj-dvtbase {
  display: block;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  animation-duration: 0.5s; }
.oj-dvtbase:focus {
  outline: none; }
.oj-dvt-category1 {
  color: #237bb1; }
.oj-dvt-category2 {
  color: #68c182; }
.oj-dvt-category3 {
  color: #fad55c; }
.oj-dvt-category4 {
  color: #ed6647; }
.oj-dvt-category5 {
  color: #8561c8; }
.oj-dvt-category6 {
  color: #6ddbdb; }
.oj-dvt-category7 {
  color: #ffb54d; }
.oj-dvt-category8 {
  color: #e371b2; }
.oj-dvt-category9 {
  color: #47bdef; }
.oj-dvt-category10 {
  color: #a2bf39; }
.oj-dvt-category11 {
  color: #a75dba; }
.oj-dvt-category12 {
  color: #f7f37b; }
.oj-dvt-tooltip {
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  background-color: #fcfcfd;
  color: rgba(0, 0, 0, 0.8);
  border-color: black;
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; }
.oj-dvt-datatip {
  border-style: solid;
  border-width: 2px;
  padding: 2px;
  background-color: #fcfcfd;
  color: rgba(0, 0, 0, 0.8);
  border-color: black;
  border-radius: 1px;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35);
  font-size: 0.85714rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; }
oj-legend:not(.oj-complete) {
  visibility: hidden; }
oj-legend {
  display: block; }
.oj-legend {
  font-size: 0.85714rem;
  color: rgba(0, 0, 0, 0.8);
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
.oj-legend-title {
  font-size: 0.85714rem; }
.oj-legend-section-title {
  font-size: 0.85714rem;
  color: rgba(0, 0, 0, 0.8); }
html:not([dir="rtl"]) .oj-legend-section-open-icon {
  background-image: url("../common/images/dvt/legend/open-ena.png"); }
html[dir="rtl"] .oj-legend-section-open-icon {
  background-image: url("../common/images/dvt/legend/open-ena-r.png"); }
html:not([dir="rtl"]) .oj-legend-section-open-icon.oj-hover {
  background-image: url("../common/images/dvt/legend/open-ovr.png"); }
html[dir="rtl"] .oj-legend-section-open-icon.oj-hover {
  background-image: url("../common/images/dvt/legend/open-ovr-r.png"); }
html:not([dir="rtl"]) .oj-legend-section-open-icon.oj-active {
  background-image: url("../common/images/dvt/legend/open-dwn.png"); }
html[dir="rtl"] .oj-legend-section-open-icon.oj-active {
  background-image: url("../common/images/dvt/legend/open-dwn-r.png"); }
html:not([dir="rtl"]) .oj-legend-section-close-icon {
  background-image: url("../common/images/dvt/legend/closed-ena.png"); }
html[dir="rtl"] .oj-legend-section-close-icon {
  background-image: url("../common/images/dvt/legend/closed-ena-r.png"); }
html:not([dir="rtl"]) .oj-legend-section-close-icon.oj-hover {
  background-image: url("../common/images/dvt/legend/closed-ovr.png"); }
html[dir="rtl"] .oj-legend-section-close-icon.oj-hover {
  background-image: url("../common/images/dvt/legend/closed-ovr-r.png"); }
html:not([dir="rtl"]) .oj-legend-section-close-icon.oj-active {
  background-image: url("../common/images/dvt/legend/closed-dwn.png"); }
html[dir="rtl"] .oj-legend-section-close-icon.oj-active {
  background-image: url("../common/images/dvt/legend/closed-dwn-r.png"); }
.oj-legend-title {
  color: rgba(0, 0, 0, 0.55); }
.oj-legend-section-title {
  color: rgba(0, 0, 0, 0.55); }
oj-chart:not(.oj-complete) {
  visibility: hidden; }
oj-chart {
  display: block; }
.oj-chart {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 400px;
  height: 300px; }
.oj-chart-select-icon {
  background-image: url("../common/images/dvt/chart/marquee-up.png"); }
.oj-chart-select-icon.oj-active {
  background-image: url("../common/images/dvt/chart/marquee-down.png"); }
.oj-chart-select-icon.oj-hover {
  background-image: url("../common/images/dvt/chart/marquee-hover.png"); }
.oj-chart-pan-icon {
  background-image: url("../common/images/dvt/chart/pan-up.png"); }
.oj-chart-pan-icon.oj-active {
  background-image: url("../common/images/dvt/chart/pan-down.png"); }
.oj-chart-pan-icon.oj-hover {
  background-image: url("../common/images/dvt/chart/pan-hover.png"); }
.oj-chart-zoom-icon {
  background-image: url("../common/images/dvt/chart/zoom-up.png"); }
.oj-chart-zoom-icon.oj-active {
  background-image: url("../common/images/dvt/chart/zoom-down.png"); }
.oj-chart-zoom-icon.oj-hover {
  background-image: url("../common/images/dvt/chart/zoom-hover.png"); }
.oj-chart-data-label {
  font-size: 0.85714rem; }
.oj-chart-data-cursor-line {
  color: rgba(0, 0, 0, 0.8); }
.oj-chart-stock-falling {
  background-color: #ed6647; }
.oj-chart-stock-range {
  background-color: #c6c7c8; }
.oj-chart-stock-rising {
  background-color: #707375; }
.oj-chart-stack-label {
  font-size: 0.85714rem;
  font-weight: bold; }
.oj-chart-pie-center-label,
.oj-chart-xaxis-title,
.oj-chart-yaxis-title,
.oj-chart-y2axis-title {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.55); }
.oj-chart-tooltip-label {
  font-size: 0.85714rem;
  color: rgba(0, 0, 0, 0.6); }
.oj-chart-xaxis-tick-label,
.oj-chart-yaxis-tick-label,
.oj-chart-y2axis-tick-label {
  font-size: 0.85714rem;
  color: rgba(0, 0, 0, 0.8); }
oj-spark-chart:not(.oj-complete) {
  visibility: hidden; }
oj-spark-chart {
  display: block; }
.oj-sparkchart {
  width: 100px;
  height: 18px; }
.oj-sparkchart.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
oj-diagram:not(.oj-complete) {
  visibility: hidden; }
oj-diagram {
  display: block; }
.oj-diagram {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 400px; }
.oj-diagram-node.oj-hover {
  border-top-color: #b1b3b4;
  border-bottom-color: white; }
.oj-diagram-node.oj-selected {
  border-color: black; }
.oj-diagram-node-label {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.8); }
.oj-diagram-link {
  color: #b1b3b4; }
.oj-diagram-link.oj-hover {
  border-top-color: #b1b3b4;
  border-bottom-color: white; }
.oj-diagram-link.oj-selected {
  border-color: black; }
.oj-diagram-link-label {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.8); }
.oj-diagram .oj-active-drop {
  fill: #d9f4fa;
  fill-opacity: .75; }
.oj-diagram .oj-invalid-drop {
  cursor: no-drop; }
.oj-diagram-node.oj-active-drop {
  fill: #d9f4fa;
  fill-opacity: .75; }
.oj-diagram-node.oj-invalid-drop {
  cursor: no-drop; }
.oj-diagram-link.oj-active-drop {
  stroke: #d9f4fa;
  stroke-opacity: .75; }
.oj-diagram-link.oj-invalid-drop {
  cursor: no-drop; }
.oj-diagram-overview {
  background-color: #e5e6e6; }
.oj-diagram-overview-viewport {
  background-color: white;
  border-color: #4b4d4e; }
.oj-diagram-overview-node {
  fill: #4b4d4e; }
.oj-diagram-overview-container-node {
  fill: #4b4d4e;
  fill-opacity: .25; }
oj-gantt:not(.oj-complete) {
  visibility: hidden; }
.oj-gantt {
  animation-duration: 0.5s;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: none; }
.oj-gantt-container {
  fill: #fcfcfd;
  stroke: #e0e1e1;
  stroke-width: 1px; }
.oj-gantt-no-data-message {
  fill: rgba(0, 0, 0, 0.8);
  font-size: 0.85714rem; }
.oj-gantt-horizontal-gridline {
  stroke: #e0e1e1;
  stroke-width: 1px; }
.oj-gantt-vertical-gridline {
  stroke: #c6c7c8;
  stroke-dasharray: 5,5; }
.oj-gantt-row {
  fill: white; }
.oj-gantt-row.oj-active-drop {
  fill: #d9f4fa; }
.oj-gantt-row-label {
  fill: rgba(0, 0, 0, 0.85);
  font-size: 1rem; }
.oj-gantt-task {
  fill: #237bb1;
  filter: url("#ojGanttTaskTintFilter"); }
.oj-gantt-task.oj-hover {
  stroke-width: 2; }
.oj-gantt-task.oj-focus {
  stroke-width: 2; }
.oj-gantt-task.oj-selected {
  stroke: black; }
.oj-gantt-task-bar {
  fill: #237bb1; }
.oj-gantt-task-milestone {
  fill: #707375; }
.oj-gantt-task-summary {
  fill: #8a8d8f;
  filter: none; }
.oj-gantt-task.oj-draggable,
.oj-gantt-task-label.oj-draggable,
.oj-gantt-task-progress.oj-draggable {
  cursor: move; }
.oj-gantt-task-drag-image {
  fill-opacity: 0;
  stroke: #323334;
  stroke-width: 1px;
  stroke-dasharray: 5,2; }
.oj-gantt-task-label {
  color: black;
  font-size: 0.85714rem; }
.oj-gantt-task-progress {
  fill: #237bb1; }
.oj-gantt-baseline {
  fill: #237bb1;
  filter: url("#ojGanttTaskShadeFilter"); }
.oj-gantt-baseline-bar {
  fill: #237bb1; }
.oj-gantt-baseline-milestone {
  fill: #707375; }
.oj-gantt-major-axis {
  fill: #f7f7f8;
  stroke: #e0e1e1; }
.oj-gantt-major-axis-label {
  fill: rgba(0, 0, 0, 0.85);
  font-size: 1rem;
  font-weight: 500; }
.oj-gantt-major-axis-separator {
  stroke: #e0e1e1; }
.oj-gantt-minor-axis {
  fill: #f7f7f8;
  stroke: #e0e1e1; }
.oj-gantt-minor-axis-label {
  fill: rgba(0, 0, 0, 0.8);
  font-size: 0.85714rem;
  font-weight: normal; }
.oj-gantt-minor-axis-separator {
  stroke: #e0e1e1; }
.oj-gantt-reference-object {
  stroke: #ed6647; }
.oj-gantt-tooltip-label {
  font-size: 0.85714rem;
  color: rgba(0, 0, 0, 0.6);
  padding: 0px 2px;
  white-space: nowrap; }
  html:not([dir="rtl"]) .oj-gantt-tooltip-label {
    text-align: right; }
  html[dir="rtl"] .oj-gantt-tooltip-label {
    text-align: left; }
.oj-gantt-tooltip-value {
  color: rgba(0, 0, 0, 0.8);
  padding: 0px 2px; }
  html:not([dir="rtl"]) .oj-gantt-tooltip-value {
    text-align: left; }
  html[dir="rtl"] .oj-gantt-tooltip-value {
    text-align: right; }
.oj-gantt-tooltip-content {
  display: block;
  border-collapse: separate;
  border-spacing: 2px;
  overflow: hidden; }
.oj-gantt-zoomin-icon {
  background-image: url("../common/images/dvt/common/func_plus_16_ena.png");
  background-color: white;
  border-color: #e5e6e6; }
.oj-gantt-zoomin-icon.oj-hover {
  background-image: url("../common/images/dvt/common/func_plus_16_hov.png"); }
.oj-gantt-zoomin-icon.oj-active {
  background-image: url("../common/images/dvt/common/func_plus_16_act.png");
  background-color: white;
  border-color: #e5e6e6; }
.oj-gantt-zoomin-icon.oj-disabled {
  background-image: url("../common/images/dvt/common/func_plus_16_dis.png"); }
.oj-gantt-zoomout-icon {
  background-image: url("../common/images/dvt/common/func_minus_16_ena.png");
  background-color: white;
  border-color: #e5e6e6; }
.oj-gantt-zoomout-icon.oj-hover {
  background-image: url("../common/images/dvt/common/func_minus_16_hov.png"); }
.oj-gantt-zoomout-icon.oj-active {
  background-image: url("../common/images/dvt/common/func_minus_16_act.png");
  background-color: white;
  border-color: #e5e6e6; }
.oj-gantt-zoomout-icon.oj-disabled {
  background-image: url("../common/images/dvt/common/func_minus_16_dis.png"); }
.oj-gantt-dependency-line {
  fill: none;
  stroke: #4b4d4e;
  stroke-width: 1; }
.oj-gantt-dependency-line.oj-focus {
  stroke-width: 3; }
.oj-gantt-dependency-line-connector {
  fill: #4b4d4e;
  stroke: #4b4d4e; }
.oj-dialgauge {
  width: 200px;
  height: 200px; }
oj-led-gauge:not(.oj-complete) {
  visibility: hidden; }
oj-led-gauge {
  display: block; }
.oj-ledgauge {
  width: 40px;
  height: 40px; }
oj-status-meter-gauge:not(.oj-complete) {
  visibility: hidden; }
oj-status-meter-gauge {
  display: block; }
.oj-statusmetergauge {
  width: 220px;
  height: 25px; }
oj-rating-gauge:not(.oj-complete) {
  visibility: hidden; }
oj-rating-gauge {
  display: block; }
.oj-ratinggauge {
  width: 120px;
  height: 25px; }
.oj-gauge-metric-label {
  font-weight: bold; }
.oj-gauge-threshold1 {
  color: #ed6647; }
.oj-gauge-threshold2 {
  color: #fad55c; }
.oj-gauge-threshold3 {
  color: #68c182; }
.oj-dialgauge.oj-focus-highlight,
.oj-ledgauge.oj-focus-highlight,
.oj-statusmetergauge.oj-focus-highlight,
.oj-ratinggauge.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
oj-n-box:not(.oj-complete) {
  visibility: hidden; }
oj-n-box {
  display: block; }
.oj-nbox {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 540px; }
.oj-nbox-columns-title,
.oj-nbox-rows-title {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem; }
.oj-nbox-column-label,
.oj-nbox-row-label {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.85714rem; }
.oj-nbox-cell {
  background-color: #f2f2f3; }
.oj-nbox-cell.oj-maximized {
  background-color: #e0e1e1; }
.oj-nbox-cell.oj-minimized {
  background-color: #f2f2f3; }
.oj-nbox-cell-label {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: 400; }
.oj-nbox-cell-countlabel {
  color: rgba(0, 0, 0, 0.8); }
.oj-nbox-cell-countlabel.oj-nbox-cell-header {
  font-size: 1rem; }
.oj-nbox-node {
  background-color: white; }
.oj-nbox-node.oj-hover {
  border-color: white; }
.oj-nbox-node.oj-selected {
  border-color: black; }
.oj-nbox-node-label {
  font-size: 1rem; }
.oj-nbox-node-secondarylabel {
  font-size: 0.85714rem; }
.oj-nbox-dialog {
  background-color: #f2f2f3;
  border-color: #c6c7c8; }
.oj-nbox-dialog-label {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: 400; }
.oj-nbox-dialog-countlabel {
  font-size: 1rem;
  font-weight: 400; }
oj-picto-chart:not(.oj-complete) {
  visibility: hidden; }
oj-picto-chart {
  display: inline-block; }
.oj-pictochart {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: inline-block; }
.oj-pictochart-item {
  background-color: #b1b3b4; }
oj-tag-cloud:not(.oj-complete) {
  visibility: hidden; }
oj-tag-cloud {
  display: block; }
.oj-tagcloud {
  color: rgba(0, 0, 0, 0.8);
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 300px; }
oj-thematic-map:not(.oj-complete) {
  visibility: hidden; }
oj-thematic-map {
  display: block; }
.oj-thematicmap {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 600px;
  height: 375px; }
.oj-thematicmap-arealayer {
  background-color: #e5e6e6;
  border-color: white;
  font-size: 1rem; }
.oj-thematicmap-area {
  border-color: white; }
.oj-thematicmap-area.oj-hover {
  border-color: white; }
.oj-thematicmap-area.oj-selected {
  border-top-color: white;
  border-bottom-color: black; }
.oj-thematicmap-marker {
  border-color: white;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  background-color: #323334; }
.oj-thematicmap-link {
  color: #b1b3b4; }
.oj-thematicmap-link.oj-hover {
  color: white; }
.oj-thematicmap-link.oj-selected {
  border-color: black; }
oj-treemap:not(.oj-complete) {
  visibility: hidden; }
oj-treemap {
  display: block; }
.oj-treemap {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 650px;
  height: 400px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.85714rem; }
html:not([dir="rtl"]) .oj-treemap-isolate-icon {
  background-image: url("../common/images/dvt/treemap/s_max_ena.png"); }
html[dir="rtl"] .oj-treemap-isolate-icon {
  background-image: url("../common/images/dvt/treemap/s_max_ena_rtl.png"); }
html:not([dir="rtl"]) .oj-treemap-restore-icon {
  background-image: url("../common/images/dvt/treemap/s_restore_ena.png"); }
html[dir="rtl"] .oj-treemap-restore-icon {
  background-image: url("../common/images/dvt/treemap/s_restore_ena_rtl.png"); }
html:not([dir="rtl"]) .oj-treemap-isolate-icon.oj-hover {
  background-image: url("../common/images/dvt/treemap/s_max_ovr.png"); }
html[dir="rtl"] .oj-treemap-isolate-icon.oj-hover {
  background-image: url("../common/images/dvt/treemap/s_max_ovr_rtl.png"); }
html:not([dir="rtl"]) .oj-treemap-restore-icon.oj-hover {
  background-image: url("../common/images/dvt/treemap/s_restore_ovr.png"); }
html[dir="rtl"] .oj-treemap-restore-icon.oj-hover {
  background-image: url("../common/images/dvt/treemap/s_restore_ovr_rtl.png"); }
html:not([dir="rtl"]) .oj-treemap-isolate-icon.oj-active {
  background-image: url("../common/images/dvt/treemap/s_max_dwn.png"); }
html[dir="rtl"] .oj-treemap-isolate-icon.oj-active {
  background-image: url("../common/images/dvt/treemap/s_max_dwn_rtl.png"); }
html:not([dir="rtl"]) .oj-treemap-restore-icon.oj-active {
  background-image: url("../common/images/dvt/treemap/s_restore_dwn.png"); }
html[dir="rtl"] .oj-treemap-restore-icon.oj-active {
  background-image: url("../common/images/dvt/treemap/s_restore_dwn_rtl.png"); }
.oj-treemap-attribute-type-text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem; }
.oj-treemap-attribute-value-text {
  font-size: 1rem; }
.oj-treemap-current-drill-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem; }
.oj-treemap-drill-text {
  color: #02629f;
  font-size: 1rem;
  text-decoration: none; }
.oj-treemap-drill-text.oj-hover {
  text-decoration: underline; }
.oj-treemap-node {
  font-size: 0.85714rem; }
.oj-treemap-node.oj-hover {
  border-color: #ededee; }
.oj-treemap-node.oj-selected {
  border-top-color: black;
  border-bottom-color: white; }
.oj-treemap-node-header {
  font-size: 0.85714rem;
  color: rgba(0, 0, 0, 0.85);
  background-color: white;
  border-color: #e5e6e6; }
.oj-treemap-node-header.oj-hover {
  background-color: #ededee;
  border-color: #e5e6e6;
  border-top-color: #ededee;
  border-bottom-color: #e0e1e1; }
.oj-treemap-node-header.oj-selected {
  background-color: #d7eaf6;
  border-color: #e5e6e6;
  border-top-color: black;
  border-bottom-color: white; }
oj-sunburst:not(.oj-complete) {
  visibility: hidden; }
oj-sunburst {
  display: block; }
.oj-sunburst {
  font-size: 0.85714rem;
  color: rgba(0, 0, 0, 0.8);
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 400px;
  height: 400px; }
.oj-sunburst-expand-icon {
  background-image: url("../common/images/dvt/sunburst/node_expand.png"); }
.oj-sunburst-collapse-icon {
  background-image: url("../common/images/dvt/sunburst/node_collapse.png"); }
.oj-sunburst-expand-icon.oj-hover {
  background-image: url("../common/images/dvt/sunburst/node_expand_ovr.png"); }
.oj-sunburst-collapse-icon.oj-hover {
  background-image: url("../common/images/dvt/sunburst/node_collapse_ovr.png"); }
.oj-sunburst-expand-icon.oj-active {
  background-image: url("../common/images/dvt/sunburst/node_expand_ovr.png"); }
.oj-sunburst-collapse-icon.oj-active {
  background-image: url("../common/images/dvt/sunburst/node_collapse_ovr.png"); }
.oj-sunburst-attribute-type-text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem; }
.oj-sunburst-attribute-value-text {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.8); }
.oj-sunburst-current-drill-text {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.8); }
.oj-sunburst-drill-text {
  color: #02629f;
  font-size: 1rem;
  text-decoration: none; }
.oj-sunburst-drill-text.oj-hover {
  text-decoration: underline; }
.oj-sunburst-node {
  font-size: 0.85714rem; }
.oj-sunburst-node.oj-hover {
  border-color: #ededee; }
.oj-sunburst-node.oj-selected {
  border-top-color: black;
  border-bottom-color: white; }
oj-time-axis:not(.oj-complete) {
  visibility: hidden; }
.oj-timeaxis {
  background-color: transparent;
  border: 1px solid #e5e6e6;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: none; }
.oj-timeaxis-label {
  font-size: 1rem;
  fill: rgba(0, 0, 0, 0.8); }
.oj-timeaxis-separator {
  stroke: #e5e6e6; }
.oj-table-header-row .oj-timeaxis-separator {
  stroke: #e5e6e6; }
.oj-datagrid-column-header-cell .oj-timeaxis-separator {
  stroke: #e0e1e1; }
.oj-table-header-row .oj-timeaxis {
  border-bottom: none;
  border-color: #e5e6e6; }
.oj-datagrid-column-header-cell .oj-timeaxis {
  border: none; }
.oj-datagrid-column-header-cell .oj-timeaxis ~ .oj-timeaxis {
  border-top: 1px solid #e0e1e1; }
oj-timeline:not(.oj-complete) {
  visibility: hidden; }
.oj-timeline {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: none;
  border-color: #e5e6e6; }
.oj-timeline-item {
  background-color: white;
  border-color: #8a8d8f; }
.oj-timeline-item.oj-hover {
  border-color: #76b8e1; }
.oj-timeline-item.oj-selected {
  border-color: black; }
.oj-timeline-item-description {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.85714rem;
  white-space: nowrap; }
.oj-timeline-item-title {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.85714rem;
  white-space: nowrap;
  font-weight: bold; }
.oj-timeline-major-axis-label {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1rem;
  white-space: nowrap;
  font-weight: bold; }
.oj-timeline-major-axis-separator {
  color: #c6c7c8; }
.oj-timeline-minor-axis {
  background-color: #f2f2f3;
  border-color: #e5e6e6; }
.oj-timeline-minor-axis-label {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.85714rem;
  white-space: nowrap; }
.oj-timeline-minor-axis-separator {
  color: #c6c7c8; }
.oj-timeline-overview {
  background-color: #e5e6e6; }
.oj-timeline-overview-label {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.85714rem;
  white-space: nowrap;
  font-weight: bold; }
.oj-timeline-overview-window {
  background-color: white;
  border-color: #4b4d4e; }
.oj-timeline-overview-window-handle-horizontal {
  background-image: url("../common/images/dvt/common/drag_horizontal.png"); }
.oj-timeline-overview-window-handle-vertical {
  background-image: url("../common/images/dvt/common/drag_vertical.png"); }
.oj-timeline-reference-object {
  color: #ed6647; }
.oj-timeline-series {
  background-color: #fafafa; }
.oj-timeline-series-label {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1rem;
  white-space: nowrap;
  font-weight: bold; }
.oj-timeline-series-empty-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.85714rem;
  white-space: nowrap; }
.oj-timeline-tooltip-label {
  font-size: 0.85714rem;
  color: rgba(0, 0, 0, 0.6); }
.oj-timeline-zoomin-icon {
  background-image: url("../common/images/dvt/common/func_plus_16_ena.png");
  background-color: white;
  border-color: #e5e6e6; }
.oj-timeline-zoomin-icon.oj-hover {
  background-image: url("../common/images/dvt/common/func_plus_16_hov.png"); }
.oj-timeline-zoomin-icon.oj-active {
  background-image: url("../common/images/dvt/common/func_plus_16_act.png");
  background-color: white;
  border-color: #e5e6e6; }
.oj-timeline-zoomin-icon.oj-disabled {
  background-image: url("../common/images/dvt/common/func_plus_16_dis.png"); }
.oj-timeline-zoomout-icon {
  background-image: url("../common/images/dvt/common/func_minus_16_ena.png");
  background-color: white;
  border-color: #e5e6e6; }
.oj-timeline-zoomout-icon.oj-hover {
  background-image: url("../common/images/dvt/common/func_minus_16_hov.png"); }
.oj-timeline-zoomout-icon.oj-active {
  background-image: url("../common/images/dvt/common/func_minus_16_act.png");
  background-color: white;
  border-color: #e5e6e6; }
.oj-timeline-zoomout-icon.oj-disabled {
  background-image: url("../common/images/dvt/common/func_minus_16_dis.png"); }
.oj-messaging-popup-container {
  max-width: 320px; }
.oj-messaging-popup-container hr {
  margin-top: 20px;
  margin-bottom: 10px; }
.oj-messaging-inline-container {
  overflow: hidden; }
.oj-messaging-inline-container .oj-message {
  padding: 10px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  margin-top: 0;
  border-top-width: 0;
  border-radius: 0; }
.oj-checkboxset .oj-messaging-inline-container .oj-message:first-child,
.oj-radioset .oj-messaging-inline-container .oj-message:first-child {
  margin-top: 5px;
  border-top-width: 1px; }
.oj-switch .oj-messaging-inline-container .oj-message:first-child,
.oj-slider .oj-messaging-inline-container .oj-message:first-child {
  border-top-width: 1px; }
.oj-switch .oj-messaging-inline-container .oj-message:first-child,
.oj-slider .oj-messaging-inline-container .oj-message:first-child {
  margin-top: 5px; }
.oj-slider-vertical .oj-messaging-inline-container .oj-message:first-child {
  margin-top: 18px; }
.oj-messaging-inline-container .oj-message.oj-message-error {
  background-color: #FCF3F4;
  border-color: #F8D3D6; }
.oj-messaging-inline-container .oj-message.oj-message-warning {
  background-color: #FEF5E4;
  border-color: #FCE7C1; }
.oj-messaging-inline-container .oj-message.oj-message-info {
  background-color: #E9F4F8;
  border-color: #CAE4EF; }
.oj-messaging-inline-container .oj-message.oj-message-confirmation {
  background-color: #ECF5E7;
  border-color: #D9EACF; }
.oj-message {
  display: flex;
  text-align: left;
  white-space: nowrap;
   }
  html[dir="rtl"] .oj-message {
    text-align: right; }
.oj-messaging-popup-container .oj-message:nth-of-type(n+2) {
  padding-top: 20px; }
.oj-message-content {
  display: inline-block; }
.oj-message-content .oj-message-summary {
  white-space: normal;
  vertical-align: top; }
  html:not([dir="rtl"]) .oj-message-content .oj-message-summary {
    padding: 0 0 0 10px; }
  html[dir="rtl"] .oj-message-content .oj-message-summary {
    padding: 0 10px 0 0; }
.oj-message-content .oj-message-detail {
  white-space: normal; }
  html:not([dir="rtl"]) .oj-message-content .oj-message-detail {
    padding: 7px 0 0 10px; }
  html[dir="rtl"] .oj-message-content .oj-message-detail {
    padding: 7px 10px 0 0; }
.oj-form-control-hint-title:not(:first-child) {
  padding-top: 20px;
   }
.oj-message-status-icon {
  flex: 0 0 auto;
  position: relative; }
.oj-message-status-icon:before {
  width: 20px;
   }
.oj-messaging-popup-option-defaults {
  font-family: '{"animation":{"open":{"effect":"zoomIn","transformOrigin":"#myPosition"},"close":{"effect":"none"}}}'; }
.oj-messaging-inline-option-defaults {
  font-family: '{"animation":{"open":{"effect":"expand","startMaxHeight":"#oldHeight"},"close":{"effect":"collapse","endMaxHeight":"#newHeight"}}}'; }
.oj-message-status-icon:before {
  width: 16px;
   }
.oj-help-popup-container {
  max-width: 320px; }
oj-label:not(.oj-complete) {
  visibility: hidden; }
.oj-label,
.oj-label-nocomp {
  display: block;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 0.25em; }
.oj-label-nocomp.oj-label-inline.oj-label-for-non-control {
  margin-top: 0;
  vertical-align: baseline; }
.oj-label-group {
  display: inline-block;
  vertical-align: bottom; }
.oj-label-help-icon {
  vertical-align: middle; }
.oj-label-required-icon {
  vertical-align: top; }
.oj-label label {
  float: left; }
  html[dir="rtl"] .oj-label label {
    float: right; }
.oj-label-required-icon,
.oj-label-help-icon {
  float: right; }
  html[dir="rtl"] .oj-label-required-icon, html[dir="rtl"]
  .oj-label-help-icon {
    float: left; }
  html:not([dir="rtl"]) .oj-label-required-icon, html:not([dir="rtl"])
  .oj-label-help-icon {
    margin-left: 6px;
    margin-right: 0; }
  html[dir="rtl"] .oj-label-required-icon, html[dir="rtl"]
  .oj-label-help-icon {
    margin-right: 6px;
    margin-left: 0; }
.oj-label-help-icon-anchor {
  text-decoration: none;
  float: right; }
  html[dir="rtl"] .oj-label-help-icon-anchor {
    float: left; }
  html:not([dir="rtl"]) .oj-label-help-icon-anchor {
    padding-right: 2px; }
  html[dir="rtl"] .oj-label-help-icon-anchor {
    padding-left: 2px; }
.oj-label-help-icon-anchor:hover,
.oj-label-help-icon-anchor:focus {
  text-decoration: none; }
.oj-label-help-icon-anchor:not(.oj-focus-highlight).oj-focus {
  outline: none; }
.oj-label.oj-label-nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  html:not([dir="rtl"]) .oj-label.oj-label-nowrap {
    padding-right: 0.5em; }
  html[dir="rtl"] .oj-label.oj-label-nowrap {
    padding-left: 0.5em; }
.oj-label.oj-label-nowrap .oj-label-group {
  overflow: inherit;
  text-overflow: inherit; }
.oj-label-inline {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.55em;
  box-sizing: border-box; }
  html:not([dir="rtl"]) .oj-label-inline {
    padding-right: 0.5em; }
  html[dir="rtl"] .oj-label-inline {
    padding-left: 0.5em; }
.oj-form-non-control-inline {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.55em;
  box-sizing: border-box; }
.oj-label-inline label {
  float: right; }
  html[dir="rtl"] .oj-label-inline label {
    float: left; }
.oj-label-inline .oj-label-required-icon,
.oj-label-inline .oj-label-help-icon {
  float: left; }
  html[dir="rtl"] .oj-label-inline .oj-label-required-icon, html[dir="rtl"]
  .oj-label-inline .oj-label-help-icon {
    float: right; }
  html:not([dir="rtl"]) .oj-label-inline .oj-label-required-icon, html:not([dir="rtl"])
  .oj-label-inline .oj-label-help-icon {
    margin-right: 6px;
    margin-left: 0; }
  html[dir="rtl"] .oj-label-inline .oj-label-required-icon, html[dir="rtl"]
  .oj-label-inline .oj-label-help-icon {
    margin-left: 6px;
    margin-right: 0; }
.oj-label-inline .oj-label-help-icon-anchor {
  float: left; }
  html[dir="rtl"] .oj-label-inline .oj-label-help-icon-anchor {
    float: right; }
.oj-label-inline.oj-label-inline-top {
  margin-top: 0; }
.oj-label-accesskey {
  text-decoration: underline; }
.oj-label-required-icon:before {
  content: "*"; }
.oj-label-required-icon {
  color: #02629f;
  font-size: 1.28571rem;
  font-weight: normal;
  line-height: 1rem;
  font-family: inherit;
  background-color: transparent;
  border-radius: 0;
  height: auto;
  width: auto; }
html .oj-form-control {
  margin-bottom: 4px;
  vertical-align: middle; }
.oj-form-control-hint {
  color: rgba(0, 0, 0, 0.8);
  padding: 0;
  word-wrap: break-word; }
.oj-form-control-title {
  color: rgba(0, 0, 0, 0.8); }
.oj-form-control-inherit .oj-form-control {
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  max-width: 100%;
  min-width: 100%; }
.oj-form-control input::-ms-clear {
  display: none;
  width: 0;
  height: 0; }
oj-form-layout {
  display: block; }
.oj-form-cols-labels-inline {
  column-width: 22rem;
  column-gap: normal; }
.oj-form-cols {
  column-width: 18.45rem;
  column-gap: normal; }
.oj-form-cols-max2 {
  column-count: 2; }
.oj-form-cols > .oj-flex,
.oj-form-cols-labels-inline > .oj-flex {
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid; }
.oj-form > hr,
.oj-form > h1,
.oj-form > h2,
.oj-form > h3,
.oj-form > h4 {
  margin: 5px 0 15px 0; }
.oj-form > .oj-form-control,
.oj-form > .oj-form-non-control {
  margin-bottom: 10px; }
.oj-form > .oj-form-control-group {
  margin-bottom: 6px; }
.oj-form-control-group .oj-form-control {
  vertical-align: top; }
.oj-form > .oj-flex > .oj-flex-item > .oj-form {
  text-align: left; }
  html[dir="rtl"] .oj-form > .oj-flex > .oj-flex-item > .oj-form {
    text-align: right; }
.oj-form > .oj-flex > .oj-flex-item:nth-child(even),
.oj-form > .oj-flex > .oj-flex-item:last-child {
  margin: 0 0 6px 0; }
.oj-form > .oj-flex > .oj-flex-item > .oj-form-non-control {
  margin-bottom: 4px; }
.oj-form-layout {
  border-color: transparent;
  border-style: solid;
  border-width: 0 0 0; }
.oj-form-layout-inset {
  margin: 0;
  border-width: 0; }
.oj-form > .oj-flex {
  border-style: solid;
  border-color: transparent;
  border-width: 0 0 0 0;
  padding: 0 0 0; }
.oj-form-layout > .oj-form[class*="oj-form-cols-"] > .oj-flex:last-child {
  border-width: 0 0 0 0; }
.oj-form > .oj-flex:last-child {
  border-width: 0; }
.oj-form-no-dividers > .oj-flex,
.oj-form-layout > .oj-form-no-dividers[class*="oj-form-cols-"] > .oj-flex:last-child,
.oj-form-layout > .oj-flex-item > .oj-form-no-dividers > .oj-flex:last-child {
  border-width: 0; }
.oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-formlayout-label-nowrap,
.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right; }
  html[dir="rtl"] .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label, html[dir="rtl"]
  .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
    text-align: left; }
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
  text-align: left; }
  html[dir="rtl"] .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
    text-align: right; }
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
  margin-top: 1px; }
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
  float: none; }
html:not([dir="rtl"]) .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
  margin-left: 0;
  margin-right: 6px; }
html[dir="rtl"] .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
  margin-right: 0;
  margin-left: 6px; }
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.4em;
  box-sizing: border-box; }
  html:not([dir="rtl"]) .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html:not([dir="rtl"])
  .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
    padding-right: 0.5em; }
  html[dir="rtl"] .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html[dir="rtl"]
  .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
    padding-left: 0.5em; }
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label-inline-top,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp.oj-label-for-non-control {
  margin-top: 0; }
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-radioset-label,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-checkboxset-label {
  margin-top: 0.19rem;
  margin-bottom: 0; }
.oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-formlayout-label-nowrap .oj-label-group,
.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
  width: inherit;
  overflow: inherit;
  text-overflow: inherit; }
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
  width: inherit;
  overflow: inherit;
  text-overflow: inherit;
  line-height: 1.6em; }
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) >
.oj-label-nocomp:not(.oj-label-for-non-control) {
  line-height: 1.6em; }
html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
  padding-left: 0.5em; }
html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
  padding-right: 0.5em; }
html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
  padding-right: 0.5em; }
html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
  padding-left: 0.5em; }
.oj-form.oj-formlayout-form-across > .oj-flex {
  padding-left: 0;
  padding-right: 0; }
html:not([dir="rtl"]) .oj-form.oj-formlayout-form-across {
  padding-left: 0; }
html[dir="rtl"] .oj-form.oj-formlayout-form-across {
  padding-right: 0; }
html:not([dir="rtl"]) .oj-form.oj-formlayout-form-across > .oj-flex {
  padding-right: 0; }
html[dir="rtl"] .oj-form.oj-formlayout-form-across > .oj-flex {
  padding-left: 0; }
.oj-formlayout-labels-inline > .oj-flex {
  flex-wrap: nowrap; }
html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex-item:nth-child(odd) {
  padding-left: 0px; }
html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex-item:nth-child(odd) {
  padding-right: 0px; }
html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex-item:nth-child(even) {
  padding-left: 0.5em; }
html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex-item:nth-child(even) {
  padding-right: 0.5em; }
oj-form-layout:not(.oj-complete) {
  visibility: hidden; }
oj-input-text:not(.oj-complete) {
  visibility: hidden; }
oj-input-password:not(.oj-complete) {
  visibility: hidden; }
oj-text-area:not(.oj-complete) {
  visibility: hidden; }
.oj-inputtext,
.oj-inputpassword,
.oj-textarea,
.oj-inputtext-nocomp,
.oj-inputpassword-nocomp,
.oj-textarea-nocomp {
  box-sizing: border-box;
  display: inline-block;
  font-size: 1rem;
  
  max-width: 18em;
  min-width: 8em;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .oj-inputtext,
    .oj-inputpassword,
    .oj-textarea,
    .oj-inputtext-nocomp,
    .oj-inputpassword-nocomp,
    .oj-textarea-nocomp {
      -webkit-text-size-adjust: 115%; } }
.oj-inputtext {
  position: relative; }
.oj-inputtext .oj-inputtext-clear-icon-btn {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.28571rem;
  width: 25px;
  text-decoration: none;
  cursor: default; }
  html:not([dir="rtl"]) .oj-inputtext .oj-inputtext-clear-icon-btn {
    right: 0px; }
  html[dir="rtl"] .oj-inputtext .oj-inputtext-clear-icon-btn {
    left: 0px; }
a.oj-inputtext-clear-icon-btn:active {
  background-color: transparent; }
.oj-inputtext-clear-icon {
  margin-top: 1px;
  color: inherit; }
.oj-inputtext .oj-inputtext-clear-icon-btn:focus {
  outline: none; }
.oj-inputtext.oj-focus:not(.oj-form-control-empty-clearicon).oj-inputtext-clearicon-conditional .oj-inputtext-clear-icon-btn,
.oj-inputtext.oj-hover:not(.oj-form-control-empty-clearicon).oj-inputtext-clearicon-conditional .oj-inputtext-clear-icon-btn {
  visibility: visible; }
.oj-inputtext.oj-inputtext-clearicon-conditional .oj-inputtext-clear-icon-btn {
  visibility: hidden; }
html:not([dir="rtl"]) .oj-inputtext.oj-inputtext-clearicon-visible .oj-inputtext-input, html:not([dir="rtl"])
.oj-inputtext.oj-focus.oj-inputtext-clearicon-conditional .oj-inputtext-input, html:not([dir="rtl"])
.oj-inputtext.oj-hover.oj-inputtext-clearicon-conditional .oj-inputtext-input {
  padding-right: 21px; }
html[dir="rtl"] .oj-inputtext.oj-inputtext-clearicon-visible .oj-inputtext-input, html[dir="rtl"]
.oj-inputtext.oj-focus.oj-inputtext-clearicon-conditional .oj-inputtext-input, html[dir="rtl"]
.oj-inputtext.oj-hover.oj-inputtext-clearicon-conditional .oj-inputtext-input {
  padding-left: 21px; }
.oj-inputtext-input,
.oj-inputpassword-input,
.oj-textarea-input,
.oj-inputtext-nocomp,
.oj-inputpassword-nocomp,
.oj-textarea-nocomp {
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-weight: normal;
  width: 100%; }
  html[dir="rtl"] .oj-inputtext-input, html[dir="rtl"]
  .oj-inputpassword-input, html[dir="rtl"]
  .oj-textarea-input, html[dir="rtl"]
  .oj-inputtext-nocomp, html[dir="rtl"]
  .oj-inputpassword-nocomp, html[dir="rtl"]
  .oj-textarea-nocomp {
    text-align: right; }
  .oj-inputtext-input::-webkit-input-placeholder,
  .oj-inputpassword-input::-webkit-input-placeholder,
  .oj-textarea-input::-webkit-input-placeholder,
  .oj-inputtext-nocomp::-webkit-input-placeholder,
  .oj-inputpassword-nocomp::-webkit-input-placeholder,
  .oj-textarea-nocomp::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputtext-input:-ms-input-placeholder,
  .oj-inputpassword-input:-ms-input-placeholder,
  .oj-textarea-input:-ms-input-placeholder,
  .oj-inputtext-nocomp:-ms-input-placeholder,
  .oj-inputpassword-nocomp:-ms-input-placeholder,
  .oj-textarea-nocomp:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputtext-input::-ms-input-placeholder,
  .oj-inputpassword-input::-ms-input-placeholder,
  .oj-textarea-input::-ms-input-placeholder,
  .oj-inputtext-nocomp::-ms-input-placeholder,
  .oj-inputpassword-nocomp::-ms-input-placeholder,
  .oj-textarea-nocomp::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputtext-input::placeholder,
  .oj-inputpassword-input::placeholder,
  .oj-textarea-input::placeholder,
  .oj-inputtext-nocomp::placeholder,
  .oj-inputpassword-nocomp::placeholder,
  .oj-textarea-nocomp::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
.oj-form-control-text-align-right.oj-inputtext .oj-inputtext-input,
.oj-form-control-text-align-right.oj-inputpassword .oj-inputpassword-input,
.oj-form-control-text-align-right.oj-textarea .oj-textarea-input,
.oj-form-control-text-align-right .oj-inputtext .oj-inputtext-input,
.oj-form-control-text-align-right .oj-inputpassword .oj-inputpassword-input,
.oj-form-control-text-align-right .oj-textarea .oj-textarea-input {
  text-align: right; }
.oj-form-control-text-align-start.oj-inputtext .oj-inputtext-input,
.oj-form-control-text-align-start.oj-inputpassword .oj-inputpassword-input,
.oj-form-control-text-align-start.oj-textarea .oj-textarea-input,
.oj-form-control-text-align-start .oj-inputtext .oj-inputtext-input,
.oj-form-control-text-align-start .oj-inputpassword .oj-inputpassword-input,
.oj-form-control-text-align-start .oj-textarea .oj-textarea-input {
  text-align: left; }
  html[dir="rtl"] .oj-form-control-text-align-start.oj-inputtext .oj-inputtext-input, html[dir="rtl"]
  .oj-form-control-text-align-start.oj-inputpassword .oj-inputpassword-input, html[dir="rtl"]
  .oj-form-control-text-align-start.oj-textarea .oj-textarea-input, html[dir="rtl"]
  .oj-form-control-text-align-start .oj-inputtext .oj-inputtext-input, html[dir="rtl"]
  .oj-form-control-text-align-start .oj-inputpassword .oj-inputpassword-input, html[dir="rtl"]
  .oj-form-control-text-align-start .oj-textarea .oj-textarea-input {
    text-align: right; }
.oj-form-control-text-align-end.oj-inputtext .oj-inputtext-input,
.oj-form-control-text-align-end.oj-inputpassword .oj-inputpassword-input,
.oj-form-control-text-align-end.oj-textarea .oj-textarea-input,
.oj-form-control-text-align-end .oj-inputtext .oj-inputtext-input,
.oj-form-control-text-align-end .oj-inputpassword .oj-inputpassword-input,
.oj-form-control-text-align-end .oj-textarea .oj-textarea-input {
  text-align: right; }
  html[dir="rtl"] .oj-form-control-text-align-end.oj-inputtext .oj-inputtext-input, html[dir="rtl"]
  .oj-form-control-text-align-end.oj-inputpassword .oj-inputpassword-input, html[dir="rtl"]
  .oj-form-control-text-align-end.oj-textarea .oj-textarea-input, html[dir="rtl"]
  .oj-form-control-text-align-end .oj-inputtext .oj-inputtext-input, html[dir="rtl"]
  .oj-form-control-text-align-end .oj-inputpassword .oj-inputpassword-input, html[dir="rtl"]
  .oj-form-control-text-align-end .oj-textarea .oj-textarea-input {
    text-align: left; }
.oj-inputtext-input[size],
.oj-inputpassword-input[size],
.oj-textarea-input[size] {
  width: auto; }
.oj-inputtext-input,
.oj-inputpassword-input,
.oj-inputtext-nocomp,
.oj-inputpassword-nocomp {
  box-sizing: border-box;
  height: 2.28571rem;
  padding: 0 5px;
  padding-bottom: 0px; }
.oj-textarea-input,
.oj-textarea-nocomp {
  padding: 0.5rem 5px;
  line-height: inherit;
  height: auto;
  padding-top: 6px;
  resize: none; }
.oj-inputtext.oj-invalid .oj-inputtext-input,
.oj-inputpassword.oj-invalid .oj-inputpassword-input,
.oj-textarea.oj-invalid .oj-textarea-input {
  border-width: 2px 2px 2px 2px;
  border-color: #E65A66;
  border-style: solid; }
.oj-inputtext.oj-warning .oj-inputtext-input,
.oj-inputpassword.oj-warning .oj-inputpassword-input,
.oj-textarea.oj-warning .oj-textarea-input {
  border-width: 2px 2px 2px 2px;
  border-color: #F8CA75;
  border-style: solid; }
.oj-inputtext.oj-disabled .oj-inputtext-input,
.oj-inputpassword.oj-disabled .oj-inputpassword-input,
.oj-textarea.oj-disabled .oj-textarea-input,
.oj-inputtext-nocomp[disabled],
.oj-inputpassword-nocomp[disabled],
.oj-textarea-nocomp[disabled] {
  border-style: solid;
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }
.oj-inputtext.oj-read-only .oj-inputtext-input,
.oj-inputpassword.oj-read-only .oj-inputpassword-input,
.oj-textarea.oj-read-only .oj-textarea-input,
.oj-inputtext-nocomp[readonly],
.oj-inputpassword-nocomp[readonly],
.oj-textarea-nocomp[readonly] {
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: normal;
  padding: 0; }
.oj-textarea.oj-read-only .oj-textarea-input,
.oj-textarea-nocomp[readonly] {
  padding-top: 6px; }
.oj-inputtext:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning) .oj-inputtext-input:focus,
.oj-inputpassword:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning) .oj-inputpassword-input:focus,
.oj-textarea:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning) .oj-textarea-input:focus,
.oj-inputtext-nocomp:not([disabled]):not([readonly]):focus,
.oj-inputpassword-nocomp:not([disabled]):not([readonly]):focus,
.oj-textarea-nocomp:not([disabled]):not([readonly]):focus {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px; }
.oj-inputtext:not(.oj-disabled):not(.oj-read-only) .oj-inputtext-input:focus,
.oj-inputpassword:not(.oj-disabled):not(.oj-read-only) .oj-inputpassword-input:focus,
.oj-inputtext-nocomp:not([disabled]):not([readonly]):focus,
.oj-inputpassword-nocomp:not([disabled]):not([readonly]):focus {
  padding-bottom: 0; }
.oj-form-control-inherit .oj-inputtext-input,
.oj-form-control-inherit .oj-inputtext-nocomp,
.oj-form-control-inherit .oj-inputpassword-input,
.oj-form-control-inherit .oj-inputpassword-nocomp,
.oj-form-control-inherit .oj-textarea-input,
.oj-form-control-inherit .oj-textarea-nocomp {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit .oj-inputtext-input, html:not([dir="rtl"])
  .oj-form-control-inherit .oj-inputtext-nocomp, html:not([dir="rtl"])
  .oj-form-control-inherit .oj-inputpassword-input, html:not([dir="rtl"])
  .oj-form-control-inherit .oj-inputpassword-nocomp, html:not([dir="rtl"])
  .oj-form-control-inherit .oj-textarea-input, html:not([dir="rtl"])
  .oj-form-control-inherit .oj-textarea-nocomp {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit .oj-inputtext-input, html[dir="rtl"]
  .oj-form-control-inherit .oj-inputtext-nocomp, html[dir="rtl"]
  .oj-form-control-inherit .oj-inputpassword-input, html[dir="rtl"]
  .oj-form-control-inherit .oj-inputpassword-nocomp, html[dir="rtl"]
  .oj-form-control-inherit .oj-textarea-input, html[dir="rtl"]
  .oj-form-control-inherit .oj-textarea-nocomp {
    text-align: inherit; }
.oj-form-control-inherit .oj-inputtext:not(.oj-disabled):not(.oj-read-only) .oj-inputtext-input:focus,
.oj-form-control-inherit .oj-inputpassword:not(.oj-disabled):not(.oj-read-only) .oj-inputpassword-input:focus,
.oj-form-control-inherit .oj-textarea:not(.oj-disabled):not(.oj-read-only) .oj-textarea-input:focus,
.oj-form-control-inherit .oj-inputtext-nocomp:not([disabled]):not([readonly]):focus,
.oj-form-control-inherit .oj-inputpassword-nocomp:not([disabled]):not([readonly]):focus,
.oj-form-control-inherit .oj-textarea-nocomp:not([disabled]):not([readonly]):focus {
  border-width: 0; }
oj-input-number:not(.oj-complete) {
  visibility: hidden; }
.oj-inputnumber {
  display: inline-block;
  width: 100%;
  max-width: 15em;
  min-width: 8em;
  font-size: 1rem; }
  @media screen and (max-width: 767px) {
    .oj-inputnumber {
      -webkit-text-size-adjust: 115%; } }
.oj-inputnumber-wrapper {
  width: 100%;
  white-space: nowrap;
  display: inline-flex;
  box-sizing: border-box;
  height: 2.28571rem;
  border-radius: 2px; }
.oj-inputnumber-input {
  border-style: solid;
  flex: 1;
  width: 1em;
  min-width: 1em;
  outline: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  padding: 0 5px;
  padding-bottom: 0px; }
  html[dir="rtl"] .oj-inputnumber-input {
    text-align: right; }
  .oj-inputnumber-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputnumber-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputnumber-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputnumber-input::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  html:not([dir="rtl"]) .oj-inputnumber-input {
    border-radius: 2px 0 0 2px;
    border-right-width: 0; }
  html[dir="rtl"] .oj-inputnumber-input {
    border-radius: 0 2px 2px 0;
    border-left-width: 0; }
html:not([dir="rtl"]) .oj-inputnumber-input {
  margin-right: 0; }
html[dir="rtl"] .oj-inputnumber-input {
  margin-left: 0; }
.oj-inputnumber.oj-invalid .oj-inputnumber-input {
  border-color: #E65A66;
  border-style: solid; }
.oj-inputnumber.oj-warning .oj-inputnumber-input {
  border-color: #F8CA75;
  border-style: solid; }
html:not([dir="rtl"]) .oj-inputnumber.oj-invalid .oj-inputnumber-input, html:not([dir="rtl"])
.oj-inputnumber.oj-warning .oj-inputnumber-input {
  border-width: 2px 0 2px 2px; }
html[dir="rtl"] .oj-inputnumber.oj-invalid .oj-inputnumber-input, html[dir="rtl"]
.oj-inputnumber.oj-warning .oj-inputnumber-input {
  border-width: 2px 2px 2px 0; }
html:not([dir="rtl"]) .oj-inputnumber.oj-invalid .oj-buttonset, html:not([dir="rtl"])
.oj-inputnumber.oj-warning .oj-buttonset {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
html[dir="rtl"] .oj-inputnumber.oj-invalid .oj-buttonset, html[dir="rtl"]
.oj-inputnumber.oj-warning .oj-buttonset {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.oj-inputnumber.oj-invalid .oj-buttonset {
  border-style: solid;
  border-color: #E65A66; }
.oj-inputnumber.oj-warning .oj-buttonset {
  border-style: solid;
  border-color: #F8CA75; }
html:not([dir="rtl"]) .oj-inputnumber.oj-invalid .oj-buttonset, html:not([dir="rtl"])
.oj-inputnumber.oj-warning .oj-buttonset {
  border-width: 2px 2px 2px 0; }
html[dir="rtl"] .oj-inputnumber.oj-invalid .oj-buttonset, html[dir="rtl"]
.oj-inputnumber.oj-warning .oj-buttonset {
  border-width: 2px 0 2px 2px; }
.oj-inputnumber.oj-disabled .oj-inputnumber-input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee; }
.oj-inputnumber.oj-disabled .oj-inputnumber-input {
  border-style: solid;
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }
.oj-inputnumber.oj-read-only .oj-inputnumber-input {
  border-color: transparent; }
.oj-inputnumber.oj-read-only .oj-inputnumber-input {
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: normal;
  padding: 0; }
.oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputnumber-input {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  padding-bottom: 0; }
.oj-inputnumber .oj-buttonset {
  height: 100%;
  box-sizing: border-box; }
.oj-inputnumber .oj-inputnumber-button.oj-button {
  height: 100%;
  line-height: normal;
  margin-bottom: 0; }
.oj-inputnumber .oj-button {
  width: auto; }
.oj-inputnumber.oj-read-only .oj-buttonset {
  display: none; }
.oj-inputnumber-button.oj-button.oj-focus {
  outline-style: none; }
.oj-form-control-text-align-right.oj-inputnumber .oj-inputnumber-input,
.oj-form-control-text-align-right .oj-inputnumber .oj-inputnumber-input {
  text-align: right; }
.oj-form-control-text-align-start.oj-inputnumber .oj-inputnumber-input,
.oj-form-control-text-align-start .oj-inputnumber .oj-inputnumber-input {
  text-align: left; }
  html[dir="rtl"] .oj-form-control-text-align-start.oj-inputnumber .oj-inputnumber-input, html[dir="rtl"]
  .oj-form-control-text-align-start .oj-inputnumber .oj-inputnumber-input {
    text-align: right; }
.oj-form-control-text-align-end.oj-inputnumber .oj-inputnumber-input,
.oj-form-control-text-align-end .oj-inputnumber .oj-inputnumber-input {
  text-align: right; }
  html[dir="rtl"] .oj-form-control-text-align-end.oj-inputnumber .oj-inputnumber-input, html[dir="rtl"]
  .oj-form-control-text-align-end .oj-inputnumber .oj-inputnumber-input {
    text-align: left; }
html:not([dir="rtl"]) .oj-inputnumber .oj-buttonset {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
html[dir="rtl"] .oj-inputnumber .oj-buttonset {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-first, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-first {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-first, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-first {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
html:not([dir="rtl"]) .oj-inputnumber .oj-buttonset {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }
html[dir="rtl"] .oj-inputnumber .oj-buttonset {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-last, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-last {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-last, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-last {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
.oj-inputnumber .oj-inputnumber-button.oj-buttonset-first {
  border-top-width: 0;
  border-bottom-width: 0; }
.oj-inputnumber .oj-inputnumber-button.oj-buttonset-last {
  border-top-width: 0;
  border-bottom-width: 0; }
  html:not([dir="rtl"]) .oj-inputnumber .oj-inputnumber-button.oj-buttonset-last {
    border-right-width: 0; }
  html[dir="rtl"] .oj-inputnumber .oj-inputnumber-button.oj-buttonset-last {
    border-left-width: 0; }
.oj-inputnumber.oj-disabled .oj-buttonset {
  border-color: #ededee; }
.oj-inputnumber.oj-disabled .oj-inputnumber-button {
  border-color: #e5e6e6; }
.oj-inputnumber .oj-buttonset {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-style: solid; }
  html:not([dir="rtl"]) .oj-inputnumber .oj-buttonset {
    border-left-width: 0; }
  html[dir="rtl"] .oj-inputnumber .oj-buttonset {
    border-right-width: 0; }
.oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputnumber-input {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px; }
  html:not([dir="rtl"]) .oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputnumber-input {
    border-right-width: 0; }
  html[dir="rtl"] .oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputnumber-input {
    border-left-width: 0; }
.oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-buttonset {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px; }
  html:not([dir="rtl"]) .oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-buttonset {
    border-left-width: 0; }
  html[dir="rtl"] .oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-buttonset {
    border-right-width: 0; }
.oj-form-control-inherit .oj-inputnumber-input {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit .oj-inputnumber-input {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit .oj-inputnumber-input {
    text-align: inherit; }
.oj-form-control-inherit .oj-inputnumber-wrapper {
  height: 100%; }
.oj-form-control-inherit .oj-inputnumber:not(.oj-read-only).oj-focus .oj-inputnumber-input {
  border-width: 0; }
.oj-inputnumber-up-icon {
  margin-bottom: 1px; }
.oj-inputnumber .oj-inputnumber-down-icon,
.oj-inputnumber .oj-inputnumber-up-icon {
  font-size: 12px; }
.oj-listbox-drop-layer {
  z-index: 1000; }
.oj-listbox-drop {
  box-sizing: border-box;
  top: 100%;
  background: white;
  border: 1px solid #cbcccd;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35);
  border-top: 0; }
.oj-listbox-drop-above {
  border-top: 1px solid #cbcccd;
  border-bottom: 0; }
.oj-listbox-placeholder {
  color: rgba(0, 0, 0, 0.55); }
.oj-listbox-results {
  max-height: 200px;
  padding: 0;
  margin: 1px 0 2px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent; }
.oj-listbox-result-sub {
  margin: 0;
  padding: 0; }
.oj-listbox-result-label {
  line-height: 2rem;
  margin: 0;
  cursor: pointer;
  min-height: 2rem;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  html:not([dir="rtl"]) .oj-listbox-result-label {
    padding-left: 5px; }
  html[dir="rtl"] .oj-listbox-result-label {
    padding-right: 5px; }
html:not([dir="rtl"]) .oj-listbox-results-depth-1 > .oj-listbox-result-label {
  padding-left: 20px; }
html[dir="rtl"] .oj-listbox-results-depth-1 > .oj-listbox-result-label {
  padding-right: 20px; }
html:not([dir="rtl"]) .oj-listbox-results-depth-2 > .oj-listbox-result-label {
  padding-left: 35px; }
html[dir="rtl"] .oj-listbox-results-depth-2 > .oj-listbox-result-label {
  padding-right: 35px; }
html:not([dir="rtl"]) .oj-listbox-results-depth-3 > .oj-listbox-result-label {
  padding-left: 50px; }
html[dir="rtl"] .oj-listbox-results-depth-3 > .oj-listbox-result-label {
  padding-right: 50px; }
html:not([dir="rtl"]) .oj-listbox-results-depth-4 > .oj-listbox-result-label {
  padding-left: 65px; }
html[dir="rtl"] .oj-listbox-results-depth-4 > .oj-listbox-result-label {
  padding-right: 65px; }
html:not([dir="rtl"]) .oj-listbox-results-depth-5 > .oj-listbox-result-label {
  padding-left: 80px; }
html[dir="rtl"] .oj-listbox-results-depth-5 > .oj-listbox-result-label {
  padding-right: 80px; }
html:not([dir="rtl"]) .oj-listbox-results-depth-6 > .oj-listbox-result-label {
  padding-left: 95px; }
html[dir="rtl"] .oj-listbox-results-depth-6 > .oj-listbox-result-label {
  padding-right: 95px; }
html:not([dir="rtl"]) .oj-listbox-results-depth-7 > .oj-listbox-result-label {
  padding-left: 110px; }
html[dir="rtl"] .oj-listbox-results-depth-7 > .oj-listbox-result-label {
  padding-right: 110px; }
.oj-listbox-result-with-children > .oj-listbox-result-label {
  font-weight: bold; }
.oj-listbox-results li {
  list-style: none;
  display: list-item;
  background-image: none; }
.oj-listbox-results .oj-hover {
  background: #ededee; }
.oj-listbox-results .oj-disabled {
  color: rgba(0, 0, 0, 0.38);
  display: list-item;
  cursor: default; }
.oj-listbox-results .oj-selected {
  display: none; }
.oj-listbox-measure-scrollbar {
  position: absolute;
  top: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }
  html:not([dir="rtl"]) .oj-listbox-measure-scrollbar {
    left: -10000px; }
  html[dir="rtl"] .oj-listbox-measure-scrollbar {
    right: -10000px; }
.oj-listbox-search-icon {
  color: #8a8d8f; }
.oj-listbox-spyglass-box {
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  border: 0;
  overflow: hidden;
  display: inline-block;
  position: absolute; }
  html:not([dir="rtl"]) .oj-listbox-spyglass-box {
    right: 0;
    padding-right: 5px; }
  html[dir="rtl"] .oj-listbox-spyglass-box {
    left: 0;
    padding-left: 5px; }
.oj-listbox-search {
  box-sizing: border-box;
  width: 100%;
  display: inline-table;
  background-color: #fcfcfd;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  border-style: solid; }
.oj-listbox-input {
  box-sizing: border-box;
  width: 100%;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  box-shadow: none;
  outline: none;
  border: 0;
  background-color: inherit;
  padding-top: 6px;
  padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-listbox-input {
    padding-right: 2rem;
    padding-left: 5px; }
  html[dir="rtl"] .oj-listbox-input {
    padding-left: 2rem;
    padding-right: 5px; }
.oj-listbox-search-wrapper {
  border: 0;
  padding: 5px;
  background-color: #fcfcfd; }
html:not([dir="rtl"]) .oj-listbox-no-results {
  padding-left: 5px; }
html[dir="rtl"] .oj-listbox-no-results {
  padding-right: 5px; }
.oj-listbox-filter-message-box {
  padding-left: 5px;
  padding-right: 5px; }
.oj-listbox-filter-message-text {
  line-height: 1.8rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.85714rem;
  padding-top: 5px;
  padding-bottom: 5px; }
.oj-listbox-filter-message-separator {
  border-bottom: 1px solid #cbcccd; }
.oj-listbox-loading-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  border-style: none; }
.oj-listbox-loading-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: auto; }
  .oj-listbox-loading-icon:before {
    content: url("images/spinner_full.gif");
    transform: translate(-42.5%, -42.5%) scale(0.15); }
.oj-hicontrast .oj-listbox-results .oj-hover {
  border: 1px solid #e5e6e6; }
.oj-hicontrast .oj-listbox-results .oj-disabled {
  border: 1px dotted #e5e6e6; }
.oj-listbox-search-icon {
  padding: 0.31rem; }
.oj-listbox-spyglass-box {
  padding-top: 1px; }
  html:not([dir="rtl"]) .oj-listbox-spyglass-box {
    padding-right: 6px; }
  html[dir="rtl"] .oj-listbox-spyglass-box {
    padding-left: 6px; }
.oj-listbox-results-with-header {
  padding: 0;
  margin: 0; }
.oj-listbox-results-with-header li {
  background-image: none;
  list-style: outside none none; }
.oj-listbox-result-header {
  padding: 5px 5px 0 5px; }
.oj-listbox-result-header ul {
  padding: 0; }
.oj-listbox-result-header a.oj-focus {
  text-decoration: underline;
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
.oj-listbox-highlighter {
  font-weight: bold; }
.oj-form-control-inherit .oj-listbox-input {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit .oj-listbox-input {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit .oj-listbox-input {
    text-align: inherit; }
.oj-listbox-result-with-children > .oj-listbox-result-label {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85); }
oj-input-time:not(.oj-complete) {
  visibility: hidden; }
oj-input-date:not(.oj-complete) {
  visibility: hidden; }
oj-input-date-time:not(.oj-complete) {
  visibility: hidden; }
oj-date-picker:not(.oj-complete) {
  visibility: hidden; }
oj-calendar:not(.oj-complete) {
  visibility: hidden; }
.oj-inputdatetime,
.oj-inputdatetime-date-time,
.oj-inputdatetime-date-only,
.oj-inputdatetime-time-only {
  
  max-width: 18em;
  min-width: 8em;
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  position: relative; }
  @media screen and (max-width: 767px) {
    .oj-inputdatetime,
    .oj-inputdatetime-date-time,
    .oj-inputdatetime-date-only,
    .oj-inputdatetime-time-only {
      -webkit-text-size-adjust: 115%; } }
.oj-inputdatetime-inline {
  
  max-width: 277px;
  min-width: 8em;
  width: 100%; }
.oj-inputdatetime-input-container {
  box-sizing: border-box;
  display: inline-flex;
  width: 100%; }
.oj-inputdatetime-input {
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  padding: 0 5px;
  height: 2.28571rem;
  box-sizing: border-box;
  flex: 1;
  width: 1em;
  min-width: 1em;
  font-family: inherit;
  font-weight: normal;
  outline: 0; }
  html[dir="rtl"] .oj-inputdatetime-input {
    text-align: right; }
  .oj-inputdatetime-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputdatetime-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputdatetime-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputdatetime-input::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  html:not([dir="rtl"]) .oj-inputdatetime-input {
    border-width: 1px 0 1px 1px;
    border-radius: 2px 0 0 2px; }
  html[dir="rtl"] .oj-inputdatetime-input {
    border-width: 1px 1px 1px 0;
    border-radius: 0 2px 2px 0; }
.oj-inputdatetime-input-trigger {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  border-style: solid;
  border-color: #e5e6e6;
  background-color: #fcfcfd;
  height: 2.28571rem;
  line-height: 2.28571rem;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  outline: 0; }
  html:not([dir="rtl"]) .oj-inputdatetime-input-trigger {
    border-width: 1px 1px 1px 0;
    border-radius: 0 2px 2px 0; }
  html[dir="rtl"] .oj-inputdatetime-input-trigger {
    border-width: 1px 0 1px 1px;
    border-radius: 2px 0 0 2px; }
.oj-inputdatetime.oj-warning .oj-inputdatetime-input,
.oj-inputdatetime.oj-warning .oj-inputdatetime-input-trigger {
  border-color: #F8CA75; }
.oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input {
  border-color: #e5e6e6; }
  html:not([dir="rtl"]) .oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input {
    border-width: 1px 0 1px 1px; }
  html[dir="rtl"] .oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input {
    border-width: 1px 1px 1px 0; }
.oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input-trigger {
  border-color: #e5e6e6; }
  html:not([dir="rtl"]) .oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input-trigger {
    border-width: 1px 1px 1px 0; }
  html[dir="rtl"] .oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input-trigger {
    border-width: 1px 0 1px 1px; }
.oj-inputdatetime.oj-invalid .oj-inputdatetime-input,
.oj-inputdatetime.oj-invalid .oj-inputdatetime-input-trigger {
  border-color: #E65A66; }
html:not([dir="rtl"]) .oj-inputdatetime.oj-invalid .oj-inputdatetime-input, html:not([dir="rtl"])
.oj-inputdatetime.oj-warning .oj-inputdatetime-input {
  border-width: 2px 0 2px 2px; }
html[dir="rtl"] .oj-inputdatetime.oj-invalid .oj-inputdatetime-input, html[dir="rtl"]
.oj-inputdatetime.oj-warning .oj-inputdatetime-input {
  border-width: 2px 2px 2px 0; }
html:not([dir="rtl"]) .oj-inputdatetime.oj-invalid .oj-inputdatetime-input-trigger, html:not([dir="rtl"])
.oj-inputdatetime.oj-warning .oj-inputdatetime-input-trigger {
  border-width: 2px 2px 2px 0; }
html[dir="rtl"] .oj-inputdatetime.oj-invalid .oj-inputdatetime-input-trigger, html[dir="rtl"]
.oj-inputdatetime.oj-warning .oj-inputdatetime-input-trigger {
  border-width: 2px 0 2px 2px; }
.oj-inputdatetime.oj-active .oj-inputdatetime-input-trigger,
.oj-inputdatetime.oj-active .oj-inputdatetime-input {
  background-color: #fcfcfd; }
.oj-inputdatetime.oj-disabled .oj-inputdatetime-input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }
.oj-form-control-text-align-right.oj-inputdatetime .oj-inputdatetime-input,
.oj-form-control-text-align-right .oj-inputdatetime .oj-inputdatetime-input {
  text-align: right; }
.oj-form-control-text-align-start.oj-inputdatetime .oj-inputdatetime-input,
.oj-form-control-text-align-start .oj-inputdatetime .oj-inputdatetime-input {
  text-align: left; }
  html[dir="rtl"] .oj-form-control-text-align-start.oj-inputdatetime .oj-inputdatetime-input, html[dir="rtl"]
  .oj-form-control-text-align-start .oj-inputdatetime .oj-inputdatetime-input {
    text-align: right; }
.oj-form-control-text-align-end.oj-inputdatetime .oj-inputdatetime-input,
.oj-form-control-text-align-end .oj-inputdatetime .oj-inputdatetime-input {
  text-align: right; }
  html[dir="rtl"] .oj-form-control-text-align-end.oj-inputdatetime .oj-inputdatetime-input, html[dir="rtl"]
  .oj-form-control-text-align-end .oj-inputdatetime .oj-inputdatetime-input {
    text-align: left; }
.oj-inputdatetime.oj-disabled .oj-inputdatetime-input-trigger {
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }
.oj-inputdatetime.oj-read-only .oj-inputdatetime-input {
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: normal;
  padding: 0; }
.oj-inputdatetime.oj-read-only .oj-inputdatetime-input-trigger {
  display: none; }
.oj-inputdatetime-calendar-clock-icon,
.oj-inputdatetime-calendar-icon,
.oj-inputdatetime-time-icon {
  cursor: pointer;
  padding: 0 5px;
  vertical-align: middle;
  line-height: inherit; }
.oj-inputdatetime-calendar-clock-icon.oj-disabled,
.oj-inputdatetime-calendar-icon.oj-disabled,
.oj-inputdatetime-time-icon.oj-disabled {
  background-color: #ededee;
  cursor: default; }
.oj-datepicker-popup .oj-popup-content {
  padding: 0; }
.oj-datepicker-wrapper {
  padding-bottom: 15px; }
.oj-datepicker-content {
  position: relative;
  overflow: hidden;
  box-sizing: border-box; }
  html[dir="rtl"] .oj-datepicker-content {
    direction: rtl; }
.oj-datepicker-header {
  margin: 15px 15px 0;
  color: rgba(0, 0, 0, 0.85);
  position: relative;
  background: none;
  border: 0; }
.oj-datepicker-prev-icon,
.oj-datepicker-next-icon {
  position: absolute;
  line-height: 35px; }
html:not([dir="rtl"]) .oj-datepicker-prev-icon {
  left: 2px; }
html[dir="rtl"] .oj-datepicker-prev-icon {
  right: 2px; }
html:not([dir="rtl"]) .oj-datepicker-next-icon {
  right: 2px; }
html[dir="rtl"] .oj-datepicker-next-icon {
  left: 2px; }
.oj-datepicker-title {
  margin: 0 2.2em;
  height: 35px;
  line-height: 35px;
  text-align: center; }
.oj-datepicker-title select {
  font-size: 1rem;
  margin: 1px 0;
  background-color: inherit;
  color: inherit; }
.oj-datepicker-header a.oj-enabled,
.oj-datepicker-buttonpane a.oj-enabled {
  text-decoration: none;
  color: #02629f; }
.oj-datepicker-header a.oj-enabled.oj-hover,
.oj-datepicker-buttonpane a.oj-enabled.oj-hover {
  color: #76b8e1; }
.oj-datepicker-header a.oj-enabled.oj-active,
.oj-datepicker-buttonpane a.oj-enabled.oj-active {
  color: #02629f; }
.oj-datepicker-month-year {
  width: 100%; }
.oj-datepicker-month {
  margin-right: 20px; }
.oj-datepicker-month,
.oj-datepicker-year {
  font-size: 18px;
  width: 48%;
  min-width: 0; }
.oj-datepicker-calendar {
  border-collapse: collapse;
  height: 245px;
  margin: 0 15px;
  outline: 0 none; }
.oj-datepicker-calendar th,
.oj-datepicker-calendar td {
  border: 0;
  text-align: center; }
.oj-datepicker-calendar th {
  padding: 0;
  height: 35px;
  color: rgba(0, 0, 0, 0.55);
  text-transform: uppercase;
  font-weight: normal; }
.oj-datepicker-calendar td {
  padding: 0; }
.oj-datepicker-calendar td span,
.oj-datepicker-calendar td a {
  display: block;
  padding: 0;
  border-radius: 50%;
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  line-height: 31px;
  text-align: center; }
.oj-datepicker-calendar.oj-datepicker-weekdisplay td span,
.oj-datepicker-calendar.oj-datepicker-weekdisplay td a {
  width: 30.625px;
  height: 30.625px;
  line-height: 26.625px; }
.oj-datepicker-calendar.oj-datepicker-monthview,
.oj-datepicker-calendar.oj-datepicker-yearview {
  
  margin-right: 35px;
  margin-bottom: 5px; }
.oj-datepicker-calendar.oj-datepicker-monthview td,
.oj-datepicker-calendar.oj-datepicker-yearview td {
  padding: 8px 3px 3px 23px; }
.oj-datepicker-calendar.oj-datepicker-monthview td span,
.oj-datepicker-calendar.oj-datepicker-monthview td a,
.oj-datepicker-calendar.oj-datepicker-yearview td span,
.oj-datepicker-calendar.oj-datepicker-yearview td a {
  width: 49px;
  height: 49px;
  line-height: 45px;
  white-space: nowrap; }
.oj-datepicker-calendar td a:focus {
  outline: none; }
.oj-datepicker-calendar td a.oj-enabled {
  background: none;
  border: 2px solid transparent;
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none; }
.oj-datepicker-calendar td.oj-datepicker-today a.oj-hover,
.oj-datepicker-calendar td a.oj-hover {
  background-color: #76b8e1;
  color: white; }
.oj-datepicker-calendar td.oj-datepicker-today a.oj-selected,
.oj-datepicker-calendar td a.oj-selected {
  font-weight: bold;
  background: #027bc7;
  color: white; }
.oj-datepicker-calendar td.oj-disabled {
  opacity: 1; }
.oj-datepicker-calendar td.oj-disabled span {
  color: rgba(0, 0, 0, 0.38); }
.oj-datepicker-calendar td.oj-datepicker-other-month a.oj-enabled {
  color: rgba(0, 0, 0, 0.55); }
.oj-datepicker-calendar td.oj-datepicker-today a {
  background-color: #f2f2f3;
  border: 2px solid #cbcccd; }
.oj-datepicker-buttonpane {
  box-sizing: border-box;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  text-align: center;
  display: inline-block;
  width: 100%; }
  html[dir="rtl"] .oj-datepicker-buttonpane {
    clear: right; }
.oj-datepicker-buttonpane a {
  width: auto;
  overflow: visible; }
.oj-datepicker-buttonpane .oj-datepicker-single-button {
  display: block;
  margin-left: auto;
  margin-right: auto; }
.oj-datepicker-content.oj-datepicker-multi {
  width: auto; }
.oj-datepicker-group {
  box-sizing: border-box; }
.oj-datepicker-multi .oj-datepicker-group {
  float: left; }
  html[dir="rtl"] .oj-datepicker-multi .oj-datepicker-group {
    float: right; }
.oj-datepicker-multi-2 .oj-datepicker-group {
  width: 50%; }
.oj-datepicker-multi-3 .oj-datepicker-group {
  width: 33.3%; }
.oj-datepicker-multi-4 .oj-datepicker-group {
  width: 25%; }
html:not([dir="rtl"]) .oj-datepicker-multi .oj-datepicker-group-last .oj-datepicker-header, html:not([dir="rtl"])
.oj-datepicker-multi .oj-datepicker-group-middle .oj-datepicker-header {
  border-left-width: 0; }
html[dir="rtl"] .oj-datepicker-multi .oj-datepicker-group-last .oj-datepicker-header, html[dir="rtl"]
.oj-datepicker-multi .oj-datepicker-group-middle .oj-datepicker-header {
  border-right-width: 0; }
.oj-datepicker-multi .oj-datepicker-buttonpane {
  clear: left; }
.oj-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }
.oj-datepicker-unselectable {
  opacity: 0.35; }
.oj-datepicker-calendar.oj-focus-highlight td.oj-datepicker-days-cell-over a {
  border: 2px solid #76b8e1; }
.oj-datepicker-week-col {
  color: rgba(0, 0, 0, 0.6);
  width: 30.625px; }
th.oj-datepicker-week-col {
  background-color: #fafafa; }
td.oj-datepicker-week-col {
  background-color: #ededee; }
.oj-datepicker-inline {
  margin-bottom: 6px; }
html .oj-inputdatetime-inline .oj-inputdatetime-time-only {
  margin-bottom: 0; }
.oj-datetimepicker-switcher {
  background-color: #f2f2f3;
  border-radius: 0 0 1px 1px;
  padding: 5px 15px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between; }
.oj-datetimepicker-switcher a.oj-enabled {
  display: inline-block;
  color: #02629f;
  text-decoration: none;
  vertical-align: middle; }
.oj-datetimepicker-switcher a.oj-enabled.oj-hover {
  color: #76b8e1; }
.oj-datetimepicker-switcher a.oj-enabled.oj-active {
  color: #02629f; }
html:not([dir="rtl"]) .oj-datetimepicker-switcher .oj-inputdatetime-calendar-icon, html:not([dir="rtl"])
.oj-datetimepicker-switcher .oj-inputdatetime-time-icon {
  padding-left: 0; }
html[dir="rtl"] .oj-datetimepicker-switcher .oj-inputdatetime-calendar-icon, html[dir="rtl"]
.oj-datetimepicker-switcher .oj-inputdatetime-time-icon {
  padding-right: 0; }
html:not([dir="rtl"]) .oj-datetimepicker-switcher-buttons a:first-child {
  padding-right: 20px; }
html[dir="rtl"] .oj-datetimepicker-switcher-buttons a:first-child {
  padding-left: 20px; }
.oj-datepicker-inline .oj-datepicker-content {
  background-color: white;
  border: 1px solid #e0e1e1; }
.oj-timepicker-popup .oj-popup-content {
  padding: 0; }
.oj-timepicker-content {
  height: 330px;
  padding: 15px;
  min-width: 275px;
  position: relative;
  box-sizing: border-box; }
.oj-timepicker-header,
.oj-timepicker-footer {
  color: #027bc7;
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  background: none;
  border: 0; }
.oj-timepicker-header {
  position: relative; }
.oj-timepicker-cancel-button {
  position: absolute; }
  html:not([dir="rtl"]) .oj-timepicker-cancel-button {
    left: 0; }
  html[dir="rtl"] .oj-timepicker-cancel-button {
    right: 0; }
.oj-timepicker-ok-button {
  position: absolute; }
  html:not([dir="rtl"]) .oj-timepicker-ok-button {
    right: 0; }
  html[dir="rtl"] .oj-timepicker-ok-button {
    left: 0; }
.oj-timepicker-footer {
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  width: 100%; }
.oj-timepicker-header a.oj-enabled,
.oj-timepicker-footer a.oj-enabled {
  text-decoration: none;
  color: #027bc7; }
.oj-timepicker-header a.oj-enabled.oj-hover,
.oj-timepicker-footer a.oj-enabled.oj-hover {
  color: #76b8e1; }
.oj-timepicker-header a.oj-enabled.oj-active,
.oj-timepicker-footer a.oj-enabled.oj-active {
  color: #027bc7; }
.oj-timepicker-wheel-group {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 15px 0; }
.oj-timepicker-wheel {
  position: relative;
  height: 215px;
  width: 79px;
  overflow: hidden;
  box-sizing: border-box;
  outline: 0; }
.oj-timepicker-wheel.oj-timepicker-minute,
.oj-timepicker-wheel.oj-timepicker-meridian {
  margin-left: 4px; }
.oj-timepicker-wheel-item {
  transition: all 0.15s;
  top: -100px;
  position: absolute;
  opacity: 0;
  width: 79px;
  text-align: center;
  color: #027bc7;
  display: flex;
  align-items: center;
  justify-content: center; }
.oj-timepicker-wheel-item.oj-disabled {
  color: rgba(0, 0, 0, 0.38); }
.oj-timepicker-wheel-item-content {
  text-align: center;
  white-space: nowrap; }
.oj-timepicker-wheel.oj-focus .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0 {
  border-radius: 2px;
  background-color: #e8f3fa;
  color: black; }
.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1,
.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2,
.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1,
.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2 {
  opacity: 1; }
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0 {
  font-size: 46px;
  height: 54px;
  top: 78px;
  opacity: 1; }
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1 {
  font-size: 34px;
  height: 40px; }
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2 {
  font-size: 24px;
  height: 30px; }
.oj-timepicker-wheel-item {
  height: 20px; }
.oj-timepicker-meridian .oj-timepicker-wheel-item-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1 {
  top: 136px; }
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2 {
  top: 180px; }
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position3,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position4,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position5,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position6,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position7 {
  top: 214px;
  visibility: hidden; }
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1 {
  top: 34px; }
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2 {
  top: 0; }
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-3,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-4,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-5,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-6,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-7 {
  top: -24px;
  visibility: hidden; }
.oj-form-control-inherit .oj-inputdatetime .oj-inputdatetime-input {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit .oj-inputdatetime .oj-inputdatetime-input {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit .oj-inputdatetime .oj-inputdatetime-input {
    text-align: inherit; }
.oj-form-control-inherit .oj-inputdatetime-input-container,
.oj-form-control-inherit .oj-inputdatetime .oj-inputdatetime-input-trigger {
  height: 100%;
  background-color: inherit;
  border-width: 0; }
.oj-inputdatetime-option-defaults {
  font-family: '{"renderMode":"jet","keyboardEdit":"enabled","datePicker":{"footerLayout":"today"}}'; }
.oj-datetimepicker-config {
  font-family: '{"dateTimePickerDropDownThresholdWidth":"768px"}'; }
oj-radioset:not(.oj-complete) {
  visibility: hidden; }
oj-checkboxset:not(.oj-complete) {
  visibility: hidden; }
.oj-choice-item,
.oj-choice-row {
  display: flex;
  align-items: center;
  margin: 0; }
.oj-choice-direction-row .oj-choice-item,
.oj-choice-row-inline {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding-top: 0; }
.oj-choice-direction-column .oj-radio-label,
.oj-choice-direction-column .oj-checkbox-label,
.oj-checkbox-label-nocomp,
oj-choice-row .oj-radio-label,
.oj-choice-row .oj-checkbox-label,
.oj-choice-row .oj-checkbox-label-nocomp {
  flex: 1 1 auto; }
.oj-form .oj-checkboxset-single.oj-choice-direction-column .oj-checkbox-label,
.oj-form .oj-checkboxset-single.oj-choice-row .oj-checkbox-label {
  flex: 0 1 auto; }
.oj-radioset,
.oj-checkboxset {
  display: inline-block;
  box-sizing: border-box;
  max-width: auto;
  width: auto; }
.oj-radio-label,
.oj-checkbox-label,
.oj-checkbox-label-nocomp {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent; }
.oj-radio-label.oj-disabled .oj-radiocheckbox-label-text,
.oj-checkbox-label.oj-disabled .oj-radiocheckbox-label-text,
.oj-checkbox-nocomp[disabled] + .oj-checkbox-label-nocomp {
  color: rgba(0, 0, 0, 0.38);
  opacity: 1; }
.oj-radio-label.oj-selected,
.oj-checkbox-label.oj-selected {
  color: rgba(0, 0, 0, 0.8); }
.oj-radio,
.oj-checkbox,
.oj-checkbox-nocomp {
  display: inline-block; }
.oj-radioset-wrapper,
.oj-checkboxset-wrapper {
  box-sizing: border-box;
  background-color: transparent; }
.oj-checkboxset-no-chrome .oj-checkboxset-wrapper,
.oj-radioset-no-chrome .oj-radioset-wrapper {
  background-color: inherit; }
.oj-radioset-wrapper,
.oj-checkboxset-wrapper {
  border-color: transparent;
  border-style: solid;
  border-width: 0px;
  border-radius: 2px; }
.oj-checkboxset-no-chrome .oj-checkboxset-wrapper,
.oj-radioset-no-chrome .oj-radioset-wrapper {
  border-width: 0; }
.oj-radioset .oj-choice-item.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-item.oj-active,
.oj-radioset .oj-choice-row.oj-active,
.oj-radioset .oj-choice-row-inline.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-row.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single).oj-choice-row-inline.oj-active {
  background-color: transparent; }
.oj-radioset.oj-choice-direction-column .oj-choice-item.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single).oj-choice-direction-column .oj-choice-item.oj-active {
  border-top: 1px solid transparent; }
.oj-radioset.oj-choice-direction-column .oj-choice-item:first-child,
.oj-checkboxset.oj-choice-direction-column .oj-choice-item:first-child,
.oj-radioset .oj-choice-row:first-child,
.oj-checkboxset .oj-choice-row:first-child {
  border-top: 1px transparent solid; }
.oj-radioset.oj-choice-direction-column .oj-choice-item,
.oj-checkboxset.oj-choice-direction-column .oj-choice-item,
.oj-radioset .oj-choice-row,
.oj-checkboxset .oj-choice-row {
  border-top: 1px transparent solid;
  padding-top: 0; }
.oj-radioset.oj-choice-direction-column .oj-choice-item.oj-active + .oj-choice-item,
.oj-checkboxset:not(.oj-checkboxset-single).oj-choice-direction-column .oj-choice-item.oj-active + .oj-choice-item,
.oj-radioset .oj-choice-row.oj-active + .oj-choice-row,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-row.oj-active + .oj-choice-row {
  border-top: 1px solid transparent; }
.oj-radioset.oj-choice-direction-column .oj-choice-item:last-child.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single).oj-choice-direction-column .oj-choice-item:last-child.oj-active,
.oj-radioset .oj-choice-row:last-child.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-row:last-child.oj-active {
  border-bottom: 1px solid transparent; }
.oj-choice-direction-column .oj-choice-item:last-child,
.oj-choice-row:last-child {
  border-bottom: 1px solid transparent; }
.oj-choice-item,
.oj-choice-row,
.oj-choice-row-inline {
  position: relative; }
.oj-choice-item::before,
.oj-choice-row::before,
.oj-choice-row-inline::before {
  content: "";
  display: inline-block;
  visibility: hidden;
  min-height: 1.9rem; }
.oj-form-control-inherit .oj-checkboxset-single.oj-choice-direction-column .oj-choice-item,
.oj-form-control-inherit .oj-checkboxset-single .oj-checkboxset-wrapper,
.oj-form-control-inherit .oj-checkboxset-single .oj-choice-row {
  margin-bottom: 0;
  height: 100%;
  min-height: 100%; }
html:not([dir="rtl"]) .oj-radiocheckbox-label-text, html:not([dir="rtl"])
.oj-checkbox-label-nocomp {
  padding: 0 0 0 0; }
html[dir="rtl"] .oj-radiocheckbox-label-text, html[dir="rtl"]
.oj-checkbox-label-nocomp {
  padding: 0 0 0 0; }
html:not([dir="rtl"]) .oj-checkboxset-input-end .oj-radiocheckbox-label-text, html:not([dir="rtl"])
.oj-checkboxset-input-end .oj-checkbox-label-nocomp, html:not([dir="rtl"])
.oj-radioset-input-end .oj-radiocheckbox-label-text {
  padding: 0 0 0 0; }
html[dir="rtl"] .oj-checkboxset-input-end .oj-radiocheckbox-label-text, html[dir="rtl"]
.oj-checkboxset-input-end .oj-checkbox-label-nocomp, html[dir="rtl"]
.oj-radioset-input-end .oj-radiocheckbox-label-text {
  padding: 0 0 0 0; }
html:not([dir="rtl"]) .oj-checkboxset-input-start .oj-radiocheckbox-label-text, html:not([dir="rtl"])
.oj-checkboxset-input-start .oj-checkbox-label-nocomp, html:not([dir="rtl"])
.oj-radioset-input-start .oj-radiocheckbox-label-text {
  padding: 0 0 0 0; }
html[dir="rtl"] .oj-checkboxset-input-start .oj-radiocheckbox-label-text, html[dir="rtl"]
.oj-checkboxset-input-start .oj-checkbox-label-nocomp, html[dir="rtl"]
.oj-radioset-input-start .oj-radiocheckbox-label-text {
  padding: 0 0 0 0; }
.oj-radioset-input-end .oj-radiocheckbox-icon,
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  order: 1; }
.oj-radioset-input-start .oj-radio-label,
.oj-checkboxset-input-start .oj-checkbox-label {
  order: 1; }
.oj-label-inline.oj-radioset-label,
.oj-label-inline.oj-checkboxset-label {
  margin-top: 0.38rem; }
.oj-radio,
.oj-checkbox {
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 0;
  height: 90%;
  z-index: 1; }
html:not([dir="rtl"]) .oj-radio, html:not([dir="rtl"])
.oj-checkbox {
  left: 0; }
html[dir="rtl"] .oj-radio, html[dir="rtl"]
.oj-checkbox {
  right: 0;
  left: auto; }
html:not([dir="rtl"]) .oj-radioset-input-start .oj-radio, html:not([dir="rtl"])
.oj-checkboxset-input-start .oj-checkbox {
  left: 0; }
html[dir="rtl"] .oj-radioset-input-start .oj-radio, html[dir="rtl"]
.oj-checkboxset-input-start .oj-checkbox {
  right: 0;
  left: auto; }
html:not([dir="rtl"]) .oj-radioset-input-end .oj-radio, html:not([dir="rtl"])
.oj-checkboxset-input-end .oj-checkbox {
  right: 0;
  left: auto; }
html[dir="rtl"] .oj-radioset-input-end .oj-radio, html[dir="rtl"]
.oj-checkboxset-input-end .oj-checkbox {
  left: 0; }
.oj-choice-item.oj-focus-highlight .oj-radiocheckbox-icon,
.oj-choice-row.oj-focus-highlight .oj-radiocheckbox-icon,
.oj-choice-row-inline.oj-focus-highlight .oj-radiocheckbox-icon {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
html:not([dir="rtl"]) .oj-radio-label, html:not([dir="rtl"])
.oj-checkbox-label, html:not([dir="rtl"])
.oj-checkbox-label-nocomp {
  text-align: left; }
html[dir="rtl"] .oj-radio-label, html[dir="rtl"]
.oj-checkbox-label, html[dir="rtl"]
.oj-checkbox-label-nocomp {
  text-align: right; }
html:not([dir="rtl"]) .oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-radio-label, html:not([dir="rtl"])
.oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-checkbox-label, html:not([dir="rtl"])
.oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-right: 1.5rem; }
html[dir="rtl"] .oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-radio-label, html[dir="rtl"]
.oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-checkbox-label, html[dir="rtl"]
.oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-left: 1.5rem; }
html:not([dir="rtl"]) .oj-choice-direction-row.oj-radioset-input-start .oj-choice-item:not(:last-child) > .oj-radio-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:last-child) > .oj-checkbox-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-right: 1.5rem; }
html[dir="rtl"] .oj-choice-direction-row.oj-radioset-input-start .oj-choice-item:not(:last-child) > .oj-radio-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:last-child) > .oj-checkbox-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-left: 1.5rem; }
html:not([dir="rtl"]) .oj-choice-direction-row.oj-radioset-input-end .oj-choice-item:not(:first-child) > .oj-radio-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:first-child) > .oj-checkbox-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:first-child) > .oj-checkbox-label-nocomp {
  margin-left: 1.5rem; }
html[dir="rtl"] .oj-choice-direction-row.oj-radioset-input-end .oj-choice-item:not(:first-child) > .oj-radio-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:first-child) > .oj-checkbox-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:first-child) > .oj-checkbox-label-nocomp {
  margin-right: 1.5rem; }
html:not([dir="rtl"]) .oj-form-control-inherit .oj-checkbox-label {
  text-align: inherit; }
html[dir="rtl"] .oj-form-control-inherit .oj-checkbox-label {
  text-align: inherit; }
.oj-choice-direction-row .oj-choice-item,
.oj-choice-row-inline {
  border-top-width: 0; }
.oj-radio-label,
.oj-checkbox-label {
  height: 100%;
  order: 1; }
.oj-form .oj-checkboxset-single .oj-choice-item,
.oj-form .oj-checkboxset-single .oj-choice-row {
  justify-content: flex-start; }
.oj-form .oj-checkboxset-single .oj-radiocheckbox-label-text {
  flex: 0 1 auto; }
.oj-radiocheckbox-icon {
  box-sizing: border-box;
  background-repeat: no-repeat;
  flex: 0 0 auto;
  order: 0; }
html:not([dir="rtl"]) .oj-radiocheckbox-icon {
  margin: 0 0.6rem 0 0; }
html[dir="rtl"] .oj-radiocheckbox-icon {
  margin: 0 0 0 0.6rem; }
html:not([dir="rtl"]) .oj-radioset-input-start .oj-radiocheckbox-icon, html:not([dir="rtl"])
.oj-checkboxset-input-start .oj-radiocheckbox-icon {
  margin: 0 0.6rem 0 0; }
html[dir="rtl"] .oj-radioset-input-start .oj-radiocheckbox-icon, html[dir="rtl"]
.oj-checkboxset-input-start .oj-radiocheckbox-icon {
  margin: 0 0 0 0.6rem; }
html:not([dir="rtl"]) .oj-radioset-input-end .oj-radiocheckbox-icon, html:not([dir="rtl"])
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  margin: 0 0 0 0.6rem; }
html[dir="rtl"] .oj-radioset-input-end .oj-radiocheckbox-icon, html[dir="rtl"]
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  margin: 0 0.6rem 0 0; }
.oj-radioset-input-start .oj-radio-label,
.oj-checkboxset-input-start .oj-checkbox-label,
.oj-radioset-input-end .oj-radiocheckbox-icon,
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  order: 1; }
.oj-radioset-input-start .oj-radiocheckbox-icon,
.oj-checkboxset-input-start .oj-radiocheckbox-icon,
.oj-radioset-input-end .oj-radio-label,
.oj-checkboxset-input-end .oj-checkbox-label {
  order: 0; }
.oj-radioset.oj-invalid .oj-radioset-wrapper,
.oj-checkboxset.oj-invalid .oj-checkboxset-wrapper {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #E65A66; }
.oj-radioset.oj-warning .oj-radioset-wrapper,
.oj-checkboxset.oj-warning .oj-checkboxset-wrapper {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #F8CA75; }
.oj-radioset.oj-invalid .oj-radioset-wrapper,
.oj-checkboxset.oj-invalid .oj-checkboxset-wrapper,
.oj-radioset.oj-warning .oj-radioset-wrapper,
.oj-checkboxset.oj-warning .oj-checkboxset-wrapper {
  padding: 0.3rem 0.6rem 0.3rem 0.6rem; }
html:not([dir="rtl"]) .oj-choice-direction-row.oj-radioset-input-start .oj-choice-item:not(:first-child) > .oj-radio-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:first-child) > .oj-checkbox-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:first-child) > .oj-checkbox-label-nocomp {
  margin-left: 0; }
html[dir="rtl"] .oj-choice-direction-row.oj-radioset-input-start .oj-choice-item:not(:first-child) > .oj-radio-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:first-child) > .oj-checkbox-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:first-child) > .oj-checkbox-label-nocomp {
  margin-right: 0; }
html:not([dir="rtl"]) .oj-choice-direction-row.oj-radioset-input-end .oj-choice-item:not(:last-child) > .oj-radio-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:last-child) > .oj-checkbox-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-right: 0; }
html[dir="rtl"] .oj-choice-direction-row.oj-radioset-input-end .oj-choice-item:not(:last-child) > .oj-radio-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:last-child) > .oj-checkbox-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-left: 0; }
.oj-radioset-option-defaults {
  font-family: '{"renderInputAs":"backgroundImage"}'; }
.oj-checkboxset-option-defaults {
  font-family: '{"renderInputAs":"backgroundImage"}'; }
oj-combobox:not(.oj-complete) {
  visibility: hidden; }
.oj-combobox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 18em;
  min-width: 8em;
  font-size: 1rem;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .oj-combobox {
      -webkit-text-size-adjust: 115%; } }
.oj-combobox-choice {
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: 2.28571rem;
  padding-bottom: 0px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  outline: 0;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box; }
  html[dir="rtl"] .oj-combobox-choice {
    text-align: right; }
  .oj-combobox-choice::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-choice:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-choice::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-choice::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  html:not([dir="rtl"]) .oj-combobox-choice {
    padding-left: 5px; }
  html[dir="rtl"] .oj-combobox-choice {
    padding-right: 5px; }
.oj-combobox-input {
  flex: 1;
  width: 1em;
  min-width: 1em;
  border: 0;
  outline: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fcfcfd;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  box-shadow: none; }
  @media screen and (max-width: 767px) {
    .oj-combobox-input {
      -webkit-text-size-adjust: 115%; } }
  .oj-combobox-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-input::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
.oj-form-control-text-align-right .oj-combobox .oj-combobox-input {
  text-align: right; }
.oj-form-control-text-align-start .oj-combobox .oj-combobox-input {
  text-align: left; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-combobox .oj-combobox-input {
    text-align: right; }
.oj-form-control-text-align-end .oj-combobox .oj-combobox-input {
  text-align: right; }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-combobox .oj-combobox-input {
    text-align: left; }
.oj-form-control-text-align-right .oj-combobox .oj-combobox-choices li {
  float: right; }
.oj-form-control-text-align-start .oj-combobox .oj-combobox-choices li {
  float: left; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-combobox .oj-combobox-choices li {
    float: right; }
.oj-form-control-text-align-end .oj-combobox .oj-combobox-choices li {
  float: right; }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-combobox .oj-combobox-choices li {
    float: left; }
html:not([dir="rtl"]) .oj-form-control-text-align-right .oj-combobox-selected-choice, html:not([dir="rtl"])
.oj-form-control-text-align-end .oj-combobox-selected-choice {
  margin: 5px 0 0 6px; }
html[dir="rtl"] .oj-form-control-text-align-end .oj-combobox-selected-choice {
  margin: 5px 6px 0 0; }
.oj-combobox-arrow {
  box-sizing: border-box;
  display: inline-flex;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none; }
.oj-combobox-arrow:hover, .oj-combobox-arrow:focus {
  text-decoration: none; }
.oj-combobox-divider {
  box-sizing: border-box;
  display: inline-flex;
  border-left: solid 1px #e5e6e6;
  height: 80%;
  vertical-align: middle; }
  html:not([dir="rtl"]) .oj-combobox-divider {
    margin-left: 5px; }
  html[dir="rtl"] .oj-combobox-divider {
    margin-right: 5px; }
.oj-combobox-choices {
  box-sizing: border-box;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  min-height: 2.28571rem;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  height: auto;
  margin: 0;
  position: relative;
  cursor: text;
  overflow: hidden; }
  html[dir="rtl"] .oj-combobox-choices {
    text-align: right; }
  .oj-combobox-choices::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-choices:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-choices::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-choices::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
.oj-combobox-choices li {
  list-style: none; }
  html:not([dir="rtl"]) .oj-combobox-choices li {
    float: left; }
  html[dir="rtl"] .oj-combobox-choices li {
    float: right; }
.oj-combobox-search-field {
  margin-top: 5px;
  padding: 0;
  white-space: nowrap;
  line-height: 2.05714rem; }
.oj-combobox-selected-choice {
  line-height: 1.8rem;
  cursor: default;
  border-radius: 2px;
  border: 1px solid #cbcccd;
  color: black;
  background-clip: padding-box; }
  html:not([dir="rtl"]) .oj-combobox-selected-choice {
    padding: 0 4px 0 7px;
    margin: 5px 6px 0 0; }
  html[dir="rtl"] .oj-combobox-selected-choice {
    padding: 0 7px 0 4px;
    margin: 5px 0 0 6px; }
.oj-combobox-selected-choice.oj-focus {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
.oj-combobox-selected-choice-label {
  display: inline-block;
  vertical-align: middle; }
.oj-combobox-clear-entry {
  display: inline-block;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: 100%; }
  html:not([dir="rtl"]) .oj-combobox-clear-entry {
    right: 3px; }
  html[dir="rtl"] .oj-combobox-clear-entry {
    left: 3px; }
.oj-combobox.oj-invalid .oj-combobox-choice,
.oj-combobox-multi.oj-invalid .oj-combobox-choices {
  border-width: 2px 2px 2px 2px;
  border-color: #E65A66;
  border-style: solid; }
.oj-combobox.oj-warning .oj-combobox-choice,
.oj-combobox-multi.oj-warning .oj-combobox-choices {
  border-width: 2px 2px 2px 2px;
  border-color: #F8CA75;
  border-style: solid; }
.oj-combobox.oj-disabled .oj-combobox-choice,
.oj-combobox.oj-disabled input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }
.oj-combobox.oj-disabled input {
  border: 0; }
.oj-combobox.oj-disabled .oj-combobox-arrow {
  cursor: default; }
.oj-combobox.oj-disabled .oj-combobox-divider {
  border-color: #ededee; }
.oj-combobox-multi.oj-disabled .oj-combobox-choices,
.oj-combobox-multi.oj-disabled .oj-combobox-selected-choice,
.oj-combobox-multi.oj-disabled .oj-combobox-selected-choice.oj-focus,
.oj-combobox-multi.oj-disabled input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1;
  outline: 0; }
.oj-combobox-multi.oj-disabled input {
  border: 0; }
.oj-combobox-multi.oj-disabled .oj-combobox-clear-entry {
  display: none;
  background: none; }
.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choice,
.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choices {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px; }
.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choice {
  padding-bottom: 0; }
.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choices {
  padding-bottom: 5px; }
.oj-combobox-clear-entry-icon {
  text-align: center;
  vertical-align: middle;
  cursor: pointer; }
.oj-combobox-open-icon {
  line-height: inherit;
  padding-right: 5px;
  padding-left: 5px; }
.oj-combobox .oj-button {
  margin-bottom: 0; }
.oj-form-control-inherit .oj-combobox .oj-combobox-choice,
.oj-form-control-inherit .oj-combobox .oj-combobox-choices,
.oj-form-control-inherit .oj-combobox-input {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit .oj-combobox .oj-combobox-choice, html:not([dir="rtl"])
  .oj-form-control-inherit .oj-combobox .oj-combobox-choices, html:not([dir="rtl"])
  .oj-form-control-inherit .oj-combobox-input {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit .oj-combobox .oj-combobox-choice, html[dir="rtl"]
  .oj-form-control-inherit .oj-combobox .oj-combobox-choices, html[dir="rtl"]
  .oj-form-control-inherit .oj-combobox-input {
    text-align: inherit; }
oj-select:not(.oj-complete) {
  visibility: hidden; }
.oj-select {
  position: relative;
  display: inline-block;
  max-width: 18em;
  min-width: 8em;
  font-size: 1rem;
  width: 100%;
  box-sizing: border-box; }
  @media screen and (max-width: 767px) {
    .oj-select {
      -webkit-text-size-adjust: 115%; } }
.oj-select .oj-select-choice:not(.oj-focus-highlight):focus,
.oj-select .oj-select-choices:not(.oj-focus-highlight):focus {
  outline: none; }
.oj-select-choice {
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: 2.28571rem;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box;
  text-overflow: ellipsis; }
  html[dir="rtl"] .oj-select-choice {
    text-align: right; }
  .oj-select-choice::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-choice:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-choice::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-choice::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  html:not([dir="rtl"]) .oj-select-choice {
    padding-left: 5px;
    padding-right: 0; }
  html[dir="rtl"] .oj-select-choice {
    padding-left: 0;
    padding-right: 5px; }
.oj-form-control-text-align-right .oj-select .oj-select-choice {
  text-align: right; }
.oj-form-control-text-align-start .oj-select .oj-select-choice {
  text-align: left; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-select .oj-select-choice {
    text-align: right; }
.oj-form-control-text-align-end .oj-select .oj-select-choice {
  text-align: right; }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-select .oj-select-choice {
    text-align: left; }
.oj-form-control-text-align-right .oj-select .oj-select-select {
  text-align: right;
  direction: rtl; }
  html:not([dir="rtl"]) .oj-form-control-text-align-right .oj-select .oj-select-select {
    padding-right: 26px; }
.oj-form-control-text-align-start .oj-select .oj-select-select {
  text-align: left; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-select .oj-select-select {
    text-align: right; }
  html:not([dir="rtl"]) .oj-form-control-text-align-start .oj-select .oj-select-select {
    direction: ltr; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-select .oj-select-select {
    direction: rtl; }
.oj-form-control-text-align-end .oj-select .oj-select-select {
  text-align: right; }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-select .oj-select-select {
    text-align: left; }
  html:not([dir="rtl"]) .oj-form-control-text-align-end .oj-select .oj-select-select {
    direction: rtl;
    padding-right: 26px; }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-select .oj-select-select {
    direction: ltr;
    padding-left: 26px; }
.oj-form-control-text-align-right .oj-select .oj-select-choices li {
  float: right; }
.oj-form-control-text-align-start .oj-select .oj-select-choices li {
  float: left; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-select .oj-select-choices li {
    float: right; }
.oj-form-control-text-align-end .oj-select .oj-select-choices li {
  float: right; }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-select .oj-select-choices li {
    float: left; }
html:not([dir="rtl"]) .oj-form-control-text-align-right .oj-select-selected-choice, html:not([dir="rtl"])
.oj-form-control-text-align-end .oj-select-selected-choice {
  margin: 5px 0 0 6px; }
html[dir="rtl"] .oj-form-control-text-align-end .oj-select-selected-choice {
  margin: 5px 6px 0 0; }
.oj-select-choices {
  box-sizing: border-box;
  height: auto;
  min-height: 2.92571rem;
  padding: 0 5px 5px;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  position: relative;
  cursor: text;
  overflow: hidden; }
  html[dir="rtl"] .oj-select-choices {
    text-align: right; }
  .oj-select-choices::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-choices:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-choices::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-choices::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
.oj-select-choices li {
  list-style: none; }
  html:not([dir="rtl"]) .oj-select-choices li {
    float: left; }
  html[dir="rtl"] .oj-select-choices li {
    float: right; }
.oj-select-multi .oj-select-default {
  margin-top: 5px;
  padding: 0;
  line-height: 2.05714rem;
  color: rgba(0, 0, 0, 0.55);
  font-style: italic; }
.oj-select-multi .oj-listbox-input {
  background-color: #fcfcfd;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 0;
  padding-bottom: 0; }
  @media screen and (max-width: 767px) {
    .oj-select-multi .oj-listbox-input {
      -webkit-text-size-adjust: 115%; } }
  html:not([dir="rtl"]) .oj-select-multi .oj-listbox-input {
    padding-right: 0;
    padding-left: 0; }
  html[dir="rtl"] .oj-select-multi .oj-listbox-input {
    padding-left: 0;
    padding-right: 0; }
.oj-select-selected-choice {
  position: relative;
  line-height: 1.8rem;
  cursor: default;
  border-radius: 2px;
  border: 1px solid #cbcccd;
  color: black;
  background-clip: padding-box; }
  html:not([dir="rtl"]) .oj-select-selected-choice {
    padding: 0 4px 0 7px;
    margin: 5px 6px 0 0; }
  html[dir="rtl"] .oj-select-selected-choice {
    padding: 0 7px 0 4px;
    margin: 5px 0 0 6px; }
.oj-select-selected-choice.oj-focus {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }
.oj-select-selected-choice-label {
  display: inline-block;
  vertical-align: middle; }
.oj-select-clear-entry {
  display: inline-block;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: 100%; }
  html:not([dir="rtl"]) .oj-select-clear-entry {
    right: 3px; }
  html[dir="rtl"] .oj-select-clear-entry {
    left: 3px; }
.oj-select.oj-invalid .oj-select-choice,
.oj-select-native.oj-invalid .oj-select-select,
.oj-select-multi.oj-invalid .oj-select-choices {
  border-width: 2px 2px 2px 2px;
  border-color: #E65A66;
  border-style: solid; }
.oj-select.oj-warning .oj-select-choice,
.oj-select-native.oj-warning .oj-select-select,
.oj-select-multi.oj-warning .oj-select-choices {
  border-width: 2px 2px 2px 2px;
  border-color: #F8CA75;
  border-style: solid; }
.oj-select.oj-disabled .oj-select-choice {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }
.oj-select-multi.oj-disabled .oj-select-choices,
.oj-select-multi.oj-disabled .oj-select-selected-choice,
.oj-select-multi.oj-disabled .oj-select-selected-choice.oj-focus,
.oj-select-multi.oj-disabled input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1;
  outline: 0; }
.oj-select-multi.oj-disabled .oj-select-clear-entry {
  display: none;
  background: none; }
.oj-select-chosen.oj-select-default {
  color: rgba(0, 0, 0, 0.55);
  font-style: italic; }
.oj-select-chosen {
  border: 0;
  outline: 0;
  white-space: nowrap;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none; }
  html:not([dir="rtl"]) .oj-select-chosen {
    padding-right: 5px; }
  html[dir="rtl"] .oj-select-chosen {
    padding-left: 5px; }
.oj-select-jet .oj-select-arrow {
  flex: 0 0 auto;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle; }
.oj-hicontrast .oj-select.oj-disabled {
  border-style: dotted; }
html[dir="rtl"] .oj-select-open-icon {
  padding-left: 5px;
  padding-right: 5px; }
html:not([dir="rtl"]) .oj-select-open-icon {
  padding-right: 5px;
  padding-left: 5px; }
.oj-select-open-icon,
.oj-select-open-icon:hover,
.oj-select-open-icon:focus {
  text-decoration: none; }
.oj-select-multiple-open-icon {
  font-size: 24px; }
  html[dir="rtl"] .oj-select-multiple-open-icon {
    padding-left: 5px;
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-select-multiple-open-icon {
    padding-right: 5px;
    padding-left: 5px; }
.oj-select-option-defaults {
  font-family: '{"renderMode":"jet"}'; }
.oj-select-native .oj-select-arrow {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: calc(50% - 1rem);
  line-height: 2.28571rem;
  color: #8a8d8f;
  pointer-events: none; }
  html:not([dir="rtl"]) .oj-select-native .oj-select-arrow {
    right: 0; }
  html[dir="rtl"] .oj-select-native .oj-select-arrow {
    left: 0; }
.oj-select-native.oj-disabled .oj-select-arrow {
  opacity: 1; }
.oj-select-native.oj-invalid .oj-select-arrow,
.oj-select-native.oj-warning .oj-select-arrow {
  top: 0; }
.oj-select-select {
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: 2.28571rem;
  padding: 0 5px;
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  background-clip: padding-box; }
  html[dir="rtl"] .oj-select-select {
    text-align: right; }
  .oj-select-select::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-select:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-select::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-select::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
select.oj-select-select.oj-select-default:not([multiple]) {
  color: rgba(0, 0, 0, 0.55);
  font-style: italic; }
.oj-select-select[disabled] {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }
.oj-select-select option {
  background-color: #fcfcfd; }
.oj-select-select:not(.oj-focus-highlight):focus {
  outline: none; }
.oj-select-jet.oj-enabled .oj-select-choice:active,
.oj-select-native.oj-enabled .oj-select-select:active {
  background-color: #fcfcfd; }
.oj-select-jet .oj-select-arrow.oj-select-open-icon:not(.oj-disabled) {
  color: #8a8d8f; }
.oj-form-control-inherit .oj-select .oj-select-choice,
.oj-form-control-inherit .oj-select .oj-select-choices {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit .oj-select .oj-select-choice, html:not([dir="rtl"])
  .oj-form-control-inherit .oj-select .oj-select-choices {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit .oj-select .oj-select-choice, html[dir="rtl"]
  .oj-form-control-inherit .oj-select .oj-select-choices {
    text-align: inherit; }
.oj-form-control-inherit .oj-select-select,
.oj-form-control-inherit .oj-select-chosen {
  background-color: inherit;
  border-width: 0; }
.oj-form-control-inherit .oj-select-select {
  height: 100%; }
.oj-select-native .oj-select-arrow {
  display: none; }
.oj-select-select {
  -webkit-appearance: menulist; }
  html:not([dir="rtl"]) .oj-select-select {
    padding-left: 0;
    padding-right: 0; }
  html[dir="rtl"] .oj-select-select {
    padding-left: 0;
    padding-right: 0; }
.oj-select-native .oj-select-select[multiple] {
  -webkit-appearance: listbox;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 10rem;
  padding-left: 0;
  padding-right: 0; }
.oj-select-native .oj-select-select[multiple] option {
  padding: 0.5rem 5px; }
oj-input-search:not(.oj-complete) {
  visibility: hidden; }
.oj-inputsearch {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  max-width: 18em;
  min-width: 8em;
  font-size: 1rem;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .oj-inputsearch {
      -webkit-text-size-adjust: 115%; } }
.oj-inputsearch-choice {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: 2.28571rem;
  padding-bottom: 0px;
  width: 100%;
  outline: 0;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box; }
  html[dir="rtl"] .oj-inputsearch-choice {
    text-align: right; }
  .oj-inputsearch-choice::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputsearch-choice:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputsearch-choice::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputsearch-choice::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
.oj-inputsearch-choice {
  background-color: #fcfcfd; }
.oj-inputsearch-input {
  flex: 1;
  border: 0;
  outline: 0;
  box-shadow: none;
  padding: 0 5px;
  background-color: #fcfcfd;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  @media screen and (max-width: 767px) {
    .oj-inputsearch-input {
      -webkit-text-size-adjust: 115%; } }
  .oj-inputsearch-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputsearch-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputsearch-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputsearch-input::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
.oj-inputsearch-search-button {
  box-sizing: border-box;
  display: inline-flex;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none; }
.oj-inputsearch-search-button:hover, .oj-inputsearch-search-button:focus {
  text-decoration: none; }
.oj-inputsearch-search-icon {
  line-height: inherit;
  font-size: 1rem; }
  @media screen and (max-width: 767px) {
    .oj-inputsearch-search-icon {
      -webkit-text-size-adjust: 115%; } }
  html:not([dir="rtl"]) .oj-inputsearch-search-icon {
    padding-left: 0;
    padding-right: 5px; }
  html[dir="rtl"] .oj-inputsearch-search-icon {
    padding-right: 0;
    padding-left: 5px; }
.oj-inputsearch:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputsearch-choice {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  padding-bottom: 0; }
.oj-inputsearch.oj-invalid .oj-inputsearch-choice {
  border-color: #E65A66;
  border-width: 2px 2px 2px 2px;
  border-style: solid; }
.oj-inputsearch.oj-warning .oj-inputsearch-choice {
  border-color: #F8CA75;
  border-width: 2px 2px 2px 2px;
  border-style: solid; }
.oj-inputsearch.oj-disabled .oj-inputsearch-choice,
.oj-inputsearch.oj-disabled input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }
.oj-inputsearch.oj-disabled .oj-inputsearch-choice,
.oj-inputsearch.oj-disabled input {
  background-color: #ededee; }
.oj-inputsearch.oj-disabled input {
  border: 0; }
.oj-inputsearch.oj-disabled .oj-inputsearch-search-button {
  cursor: default; }
.oj-form-control-inherit .oj-inputsearch-choice,
.oj-form-control-inherit .oj-inputsearch-input {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit .oj-inputsearch-choice, html:not([dir="rtl"])
  .oj-form-control-inherit .oj-inputsearch-input {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit .oj-inputsearch-choice, html[dir="rtl"]
  .oj-form-control-inherit .oj-inputsearch-input {
    text-align: inherit; }
.oj-form-control-inherit .oj-inputsearch:not(.oj-disabled):not(.oj-read-only).oj-focus .oj-inputsearch-choice {
  border-width: 0; }
oj-switch:not(.oj-complete) {
  visibility: hidden; }
.oj-switch {
  display: inline-block;
  -webkit-tap-highlight-color: transparent; }
.oj-switch.oj-invalid .oj-switch-track,
.oj-switch.oj-default.oj-invalid .oj-switch-track,
.oj-switch:not(.oj-selected):not(.oj-hover):not(.oj-disabled):not(.oj-read-only).oj-invalid .oj-switch-track,
.oj-switch.oj-selected:not(.oj-hover):not(.oj-disabled):not(.oj-read-only).oj-invalid .oj-switch-track,
.oj-switch.oj-hover:not(.oj-selected):not(.oj-disabled):not(.oj-read-only).oj-invalid .oj-switch-track,
.oj-switch.oj-selected.oj-hover:not(.oj-disabled):not(.oj-read-only).oj-invalid .oj-switch-track,
.oj-switch.oj-disabled:not(.oj-selected):not(.oj-read-only).oj-invalid .oj-switch-track,
.oj-switch.oj-disabled.oj-selected:not(.oj-read-only).oj-invalid .oj-switch-track {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #E65A66; }
.oj-switch.oj-warning .oj-switch-track,
.oj-switch.oj-default.oj-warning .oj-switch-track,
.oj-switch:not(.oj-selected):not(.oj-hover):not(.oj-disabled):not(.oj-read-only).oj-warning .oj-switch-track,
.oj-switch.oj-selected:not(.oj-hover):not(.oj-disabled):not(.oj-read-only).oj-warning .oj-switch-track,
.oj-switch.oj-hover:not(.oj-selected):not(.oj-disabled):not(.oj-read-only).oj-warning .oj-switch-track,
.oj-switch.oj-selected.oj-hover:not(.oj-disabled):not(.oj-read-only).oj-warning .oj-switch-track,
.oj-switch.oj-disabled:not(.oj-selected):not(.oj-read-only).oj-warning .oj-switch-track,
.oj-switch.oj-disabled.oj-selected:not(.oj-read-only).oj-warning .oj-switch-track {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #F8CA75; }
.oj-switch .oj-switch-container {
  position: relative;
  height: 2.28571rem;
  width: 4.28570625rem; }
html:not([dir="rtl"]) .oj-switch .oj-switch-thumb {
  left: 0;
  right: auto; }
html[dir="rtl"] .oj-switch .oj-switch-thumb {
  left: auto;
  right: 0; }
html:not([dir="rtl"]) .oj-switch.oj-selected .oj-switch-thumb {
  left: auto;
  right: 0; }
html[dir="rtl"] .oj-switch.oj-selected .oj-switch-thumb {
  left: 0;
  right: auto; }
.oj-switch .oj-switch-track {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.28571rem - 2px);
  width: calc(3.71428rem - 2px);
  margin-top: -1.14285rem;
  border-radius: 2.28571rem; }
.oj-switch.oj-read-only .oj-switch-track {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.28571rem - 2px);
  width: calc(3.71428rem - 2px);
  margin-top: -1.14285rem;
  border-radius: 2.28571rem; }
.oj-switch .oj-switch-track,
.oj-switch.oj-default .oj-switch-track {
  background-color: #f7f7f8;
  border-color: #e5e6e6; }
.oj-switch .oj-switch-thumb,
.oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07143rem;
  border-radius: 2.142853125rem;
  box-shadow: 0 2px 2px -2px hsla(0, 0%, 0%,0.9);
  background-color: white;
  border-color: #c6c7c8; }
.oj-switch.oj-selected .oj-switch-track {
  background-color: #027bc7;
  border-color: #027bc7; }
.oj-switch.oj-selected .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2rem - 2px);
  width: calc(2rem - 2px);
  margin-top: -1rem;
  border-radius: 1.99999625rem;
  box-shadow: 0 2px 2px -2px hsl(0, 0%, 0%);
  background-color: white;
  border-color: white; }
.oj-switch.oj-hover .oj-switch-track {
  background-color: #e0e1e1;
  border-color: #e0e1e1; }
.oj-switch.oj-hover .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07143rem;
  border-radius: 2.142853125rem;
  box-shadow: none;
  background-color: #fcfcfd;
  border-color: #c6c7c8; }
.oj-switch.oj-selected.oj-hover .oj-switch-track {
  background-color: #76b8e1;
  border-color: #76b8e1; }
.oj-switch.oj-selected.oj-hover .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2rem - 2px);
  width: calc(2rem - 2px);
  margin-top: -1rem;
  border-radius: 1.99999625rem;
  box-shadow: none;
  background-color: white;
  border-color: white; }
.oj-switch.oj-active .oj-switch-track,
.oj-switch.oj-hover.oj-active .oj-switch-thumb .oj-switch-track {
  background-color: #f7f7f8;
  border-color: #e5e6e6; }
.oj-switch.oj-active .oj-switch-thumb,
.oj-switch.oj-hover.oj-active .oj-switch-thumb .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.14285rem - 2px);
  width: calc(2.42857rem - 2px);
  margin-top: -1.07143rem;
  border-radius: 2.142853125rem;
  box-shadow: none;
  background-color: white;
  border-color: #c6c7c8; }
.oj-switch.oj-selected.oj-active .oj-switch-track,
.oj-switch.oj-selected.oj-hover.oj-active .oj-switch-thumb .oj-switch-track {
  background-color: #027bc7;
  border-color: #027bc7; }
.oj-switch.oj-selected.oj-active .oj-switch-thumb,
.oj-switch.oj-selected.oj-hover.oj-active .oj-switch-thumb .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2rem - 2px);
  width: calc(2.42857rem - 2px);
  margin-top: -1rem;
  border-radius: 1.99999625rem;
  box-shadow: none;
  background-color: white;
  border-color: white; }
.oj-switch.oj-read-only .oj-switch-track {
  background-color: transparent;
  border-color: transparent; }
.oj-switch.oj-read-only .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07143rem;
  border-radius: 2.142853125rem;
  box-shadow: none;
  background-color: transparent;
  border-color: transparent; }
.oj-switch.oj-selected.oj-read-only .oj-switch-track {
  background-color: transparent;
  border-color: transparent; }
.oj-switch.oj-selected.oj-read-only .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07143rem;
  border-radius: 2.142853125rem;
  box-shadow: none;
  background-color: transparent;
  border-color: transparent; }
.oj-switch.oj-disabled .oj-switch-track {
  background-color: #ededee;
  border-color: #ededee; }
.oj-switch.oj-disabled .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2rem - 2px);
  width: calc(2rem - 2px);
  margin-top: -1rem;
  border-radius: 1.99999625rem;
  box-shadow: none;
  background-color: #cbcccd;
  border-color: #cbcccd; }
.oj-switch.oj-disabled.oj-selected .oj-switch-track {
  background-color: #cbcccd;
  border-color: #cbcccd; }
.oj-switch.oj-disabled.oj-selected .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2rem - 2px);
  width: calc(2rem - 2px);
  margin-top: -1rem;
  border-radius: 1.99999625rem;
  box-shadow: none;
  background-color: #ededee;
  border-color: #ededee; }
.oj-switch-thumb:not(.oj-focus-highlight):focus {
  outline: none; }
.oj-switch.oj-read-only .oj-switch-thumb,
.oj-switch.oj-selected.oj-read-only .oj-switch-thumb {
  font-size: 1rem;
  margin-top: -0.5rem; }
oj-slider:not(.oj-complete) {
  visibility: hidden; }
.oj-slider {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }
  html:not([dir="rtl"]) .oj-slider {
    text-align: left; }
  html[dir="rtl"] .oj-slider {
    text-align: right; }
.oj-slider.oj-slider-horizontal {
  
  max-width: 18em;
  min-width: 8em;
  width: 100%; }
.oj-slider.oj-slider-horizontal {
  
  padding-left: 12px;
  padding-right: 12px; }
.oj-slider.oj-slider-vertical {
  padding-left: 12px;
  padding-right: 12px; }
.oj-slider-vertical > .oj-slider-container {
  margin-top: 12px;
  margin-bottom: 12px; }
.oj-slider.oj-invalid .oj-slider-thumb {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #E65A66; }
.oj-slider.oj-warning .oj-slider-thumb {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #F8CA75; }
.oj-slider-horizontal.oj-form-control .oj-slider-container {
  height: 2.28571rem; }
.oj-slider-vertical.oj-form-control .oj-slider-container {
  height: 150px;
  min-height: 48px; }
.oj-slider-container {
  position: relative; }
.oj-slider-thumb {
  position: absolute;
  box-sizing: border-box;
  cursor: default;
  touch-action: none;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #b1b3b4;
  box-shadow: none; }
.oj-disabled .oj-slider-thumb {
  background-color: #e0e1e1;
  border-color: #e0e1e1; }
.oj-slider-range {
  position: absolute;
  border: 0;
  background-position: 0 0; }
.oj-slider-bar {
  border-radius: 4px;
  background-color: #e0e1e1;
  box-sizing: border-box;
  position: absolute; }
.oj-slider-vertical .oj-slider-bar, .oj-slider-vertical .oj-slider-bar-value {
  width: 4px; }
.oj-slider-vertical .oj-slider-bar {
  height: 100%; }
.oj-slider-horizontal .oj-slider-bar {
  width: 100%; }
.oj-slider-horizontal .oj-slider-bar, .oj-slider-horizontal .oj-slider-bar-value {
  height: 4px;
  margin-top: -2px;
  top: 50%; }
.oj-slider-vertical .oj-slider-bar, .oj-slider-vertical .oj-slider-bar-value {
  width: 4px;
  margin-left: -2px;
  left: 50%; }
.oj-slider-bar:after {
  content: '';
  position: absolute;
  top: -16px;
  bottom: -16px;
  left: -16px;
  right: -16px; }
.oj-slider-bar-value {
  border-radius: 4px;
  background: #027bc7; }
.oj-hicontrast .oj-slider-bar,
.oj-hicontrast .oj-slider-bar-value {
  border: 1px solid; }
.oj-hicontrast .oj-slider-horizontal .oj-slider-bar-value {
  margin-top: -3px; }
.oj-hicontrast .oj-slider-vertical .oj-slider-bar-value {
  margin-left: -3px; }
.oj-slider-bar-value.oj-active {
  background: #027bc7; }
.oj-disabled .oj-slider-bar {
  opacity: 1;
  background: #e0e1e1; }
.oj-disabled .oj-slider-bar-value {
  opacity: 1;
  background: #e0e1e1; }
.oj-hicontrast .oj-disabled .oj-slider-bar,
.oj-hicontrast .oj-disabled .oj-slider-bar-value {
  border-style: dotted; }
.oj-slider-horizontal .oj-slider-thumb {
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px; }
html:not([dir="rtl"]) .oj-slider-horizontal .oj-slider-range-min {
  left: 0; }
html[dir="rtl"] .oj-slider-horizontal .oj-slider-range-min {
  right: 0; }
html:not([dir="rtl"]) .oj-slider-horizontal .oj-slider-range-max {
  right: 0; }
html[dir="rtl"] .oj-slider-horizontal .oj-slider-range-max {
  left: 0; }
.oj-slider-vertical .oj-slider-thumb {
  width: 24px;
  height: 24px;
  margin-bottom: -12px;
  margin-top: -12px; }
  html:not([dir="rtl"]) .oj-slider-vertical .oj-slider-thumb {
    margin-left: -12px;
    left: 50%; }
  html[dir="rtl"] .oj-slider-vertical .oj-slider-thumb {
    margin-right: -12px;
    right: 50%; }
.oj-slider-vertical .oj-slider-range-min {
  bottom: 0; }
.oj-slider-vertical .oj-slider-range-max {
  top: 0; }
.oj-hicontrast .oj-slider-thumb.oj-focus {
  border: 3px solid; }
.oj-hicontrast .oj-slider-thumb.oj-selected {
  border: 3px double; }
.oj-hicontrast .oj-disabled .oj-slider-thumb {
  border: 1px dotted; }
.oj-slider-thumb.oj-hover {
  background-color: #ededee; }
.oj-slider-thumb.oj-active {
  background-color: #ededee;
  border-color: #b1b3b4; }
.oj-slider-horizontal .oj-slider-thumb:after {
  content: '';
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px; }
.oj-slider-vertical .oj-slider-thumb:after {
  content: '';
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px; }
.oj-slider-horizontal .oj-slider-thumb.oj-active {
  margin-left: -12px;
  margin-top: -12px; }
html:not([dir="rtl"]) .oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-left: -12px; }
html[dir="rtl"] .oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-right: -12px; }
.oj-slider-thumb.oj-active {
  width: 24px;
  height: 24px; }
.oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-bottom: -12px;
  margin-top: -12px;
  width: 24px;
  height: 24px; }
.oj-slider-thumb.oj-active {
  background-color: #ededee;
  border-color: #b1b3b4; }
.oj-slider-thumb:not(.oj-focus-highlight):focus {
  outline: none; }
.oj-slider-wrapper {
  display: flex;
  align-items: center; }
.oj-slider-wrapper .oj-slider.oj-form-control {
  margin-bottom: 0; }
.oj-slider-block-item {
  text-align: center; }
.oj-slider-color-picker.oj-slider-horizontal {
  
  padding-left: 12px;
  padding-right: 12px; }
.oj-slider-color-picker.oj-slider-vertical {
  padding-left: 12px;
  padding-right: 12px; }
.oj-slider-color-picker.oj-slider-vertical > .oj-slider-container {
  margin-top: 12px;
  margin-bottom: 12px; }
.oj-slider-color-picker.oj-slider-vertical.oj-form-control .oj-slider-container {
  min-height: 48px; }
.oj-slider-color-picker .oj-slider-thumb,
.oj-warning .oj-slider-color-picker .oj-slider-thumb,
.oj-invalid .oj-slider-color-picker .oj-slider-thumb {
  background-color: transparent;
  border-radius: 17px;
  border: 3px solid white;
  box-shadow: 1px 1px 5px 0 hsla(0, 0%, 0%,0.4); }
.oj-disabled .oj-slider-color-picker .oj-slider-thumb {
  border: 3px solid #e0e1e1; }
.oj-slider-color-picker .oj-slider-bar {
  border-radius: 10px; }
.oj-slider-color-picker.oj-slider-horizontal .oj-slider-bar, .oj-slider-color-picker.oj-slider-horizontal .oj-slider-bar-value {
  height: 10px;
  margin-top: -5px; }
.oj-slider-color-picker.oj-slider-vertical .oj-slider-bar, .oj-slider-color-picker.oj-slider-vertical .oj-slider-bar-value {
  width: 10px;
  margin-left: -5px; }
.oj-slider-color-picker .oj-slider-bar:after {
  top: -13px;
  bottom: -13px;
  left: -13px;
  right: -13px; }
.oj-slider-color-picker .oj-slider-bar-value {
  border-radius: 10px; }
.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px; }
.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
  width: 24px;
  height: 24px;
  margin-bottom: -12px;
  margin-top: -12px; }
  html:not([dir="rtl"]) .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
    margin-left: -12px; }
  html[dir="rtl"] .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
    margin-right: -12px; }
.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb:after {
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px; }
.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb:after {
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px; }
.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb.oj-active {
  margin-left: -12px;
  margin-top: -12px; }
html:not([dir="rtl"]) .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-left: -12px; }
html[dir="rtl"] .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-right: -12px; }
.oj-slider-color-picker .oj-slider-thumb.oj-active {
  width: 24px;
  height: 24px; }
.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-bottom: -12px;
  margin-top: -12px; }
.oj-slider-color-picker .oj-slider-bar-value {
  display: none; }
oj-color-palette:not(.oj-complete) {
  visibility: hidden; }
.oj-colorpalette {
  display: inline-block; }
.oj-colorpalette-container {
  height: inherit;
   }
.oj-colorpalette-swatch-entry {
  display: inline-block; }
.oj-colorpalette-list .oj-colorpalette-swatch-entry {
  display: flex;
  align-items: center; }
.oj-colorpalette-list .oj-colorpalette-swatch,
.oj-colorpalette-list .oj-colorpalette-swatch-text {
  flex-shrink: 0; }
.oj-colorpalette-swatch-container,
.oj-colorpalette-swatch {
  vertical-align: middle;
  display: inline-block;
  border-style: solid;
  box-sizing: border-box; }
.oj-colorpalette-swatch-container {
  border-width: 3px;
  border-color: transparent;
  
  line-height: 0; }
.oj-colorpalette-swatch {
  border-width: 1px;
  border-color: #4b4d4e;
  background-clip: padding-box;
  -webkit-print-color-adjust: exact; }
.oj-colorpalette-swatch-none-icon {
  
  background-color: #ffffff;
  display: inline-block;
  background-image: url("../common/images/none.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  -webkit-print-color-adjust: exact; }
.oj-colorpalette-grid .oj-colorpalette-swatchsize-lg .oj-colorpalette-swatch {
  width: 64px;
  height: 64px; }
.oj-colorpalette-grid .oj-colorpalette-swatchsize-lg.oj-colorpalette-swatch-showlabel .oj-colorpalette-swatch {
  width: 64px;
  height: 64px; }
.oj-colorpalette-grid .oj-colorpalette-swatchsize-sm .oj-colorpalette-swatch {
  width: 29px;
  height: 29px; }
.oj-colorpalette-grid .oj-colorpalette-swatchsize-xs .oj-colorpalette-swatch {
  width: 22px;
  height: 22px; }
.oj-colorpalette-list .oj-colorpalette-swatchsize-sm .oj-colorpalette-swatch {
  width: 84px;
  height: 22px; }
.oj-colorpalette-list .oj-colorpalette-swatchsize-lg .oj-colorpalette-swatch {
  width: 274px;
  height: 22px; }
.oj-colorpalette-container .oj-listview-item.oj-hover .oj-colorpalette-swatch-container {
  border-color: transparent; }
.oj-colorpalette-container .oj-selected .oj-colorpalette-swatch-container,
.oj-colorpalette-container .oj-listview-item.oj-hover.oj-selected .oj-colorpalette-swatch-container {
  border-color: #02629f; }
.oj-colorpalette-container .oj-selected .oj-colorpalette-swatch,
.oj-colorpalette-container .oj-listview-item.oj-hover.oj-selected .oj-colorpalette-swatch {
  border-color: transparent; }
.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch-container,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-selected .oj-colorpalette-swatch-container,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-selected .oj-colorpalette-swatch,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-listview-item.oj-hover .oj-colorpalette-swatch-container,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-listview-item.oj-hover .oj-colorpalette-swatch,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch-none .oj-colorpalette-swatch-none-icon {
  border-color: transparent; }
.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch-none .oj-colorpalette-swatch-none-icon {
  background-color: transparent;
  background-image: none; }
.oj-colorpalette-swatch-text {
  display: block;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  width: inherit;
  max-width: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.oj-colorpalette-grid .oj-colorpalette-swatch-text {
  font-size: 0.85714rem; }
.oj-colorpalette-list .oj-colorpalette-swatch-text {
  display: inline-block;
  max-width: 155px;
  vertical-align: middle; }
  html:not([dir="rtl"]) .oj-colorpalette-list .oj-colorpalette-swatch-text {
    margin-left: 15px; }
  html[dir="rtl"] .oj-colorpalette-list .oj-colorpalette-swatch-text {
    margin-right: 15px; }
.oj-colorpalette-grid .oj-colorpalette-swatchsize-lg .oj-colorpalette-swatch-text {
  width: 64px;
  
  padding-left: 3px;
  padding-right: 3px; }
.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch-text {
  color: rgba(0, 0, 0, 0.38);
  cursor: default; }
.oj-colorpalette-container .oj-listview-item {
  background-size: 0;
  
  background-image: none;
  padding: 0;
  border-width: 0;
  cursor: pointer; }
.oj-colorpalette-container .oj-listview-card-layout li.oj-listview-item {
  width: auto;
  height: auto;
  border-width: 0;
  border-color: transparent;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0; }
  html:not([dir="rtl"]) .oj-colorpalette-container .oj-listview-card-layout li.oj-listview-item {
    margin-left: 0;
    margin-right: 0; }
  html[dir="rtl"] .oj-colorpalette-container .oj-listview-card-layout li.oj-listview-item {
    margin-left: 0;
    margin-right: 0; }
.oj-colorpalette-container .oj-listview-card-layout .oj-listview-group {
  margin-bottom: 0; }
.oj-colorpalette-container .oj-listview-item.oj-focus-highlight::after {
  height: calc(100% - 2px); }
.oj-colorpalette-container .oj-listview.oj-focus-ancestor .oj-listview-item.oj-selected,
.oj-colorpalette-container .oj-listview-item.oj-selected {
  background-color: transparent;
  border-width: 0;
  outline-style: none; }
.oj-colorpalette-container .oj-listview {
  border-style: none; }
.oj-colorpalette-container .oj-listview-item.oj-selected {
  border-color: transparent; }
.oj-colorpalette-container ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-hover + li.oj-listview-item,
.oj-colorpalette-container .oj-listview.oj-focus-ancestor ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-focus + li.oj-listview-item,
.oj-colorpalette-container .oj-listview.oj-focus-ancestor ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-selected + li.oj-listview-item,
.oj-colorpalette-container .oj-listview.oj-focus-ancestor ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-focus,
.oj-colorpalette-container .oj-listview-item.oj-hover {
  border-color: transparent;
  border-width: 0; }
.oj-colorpalette.oj-warning .oj-colorpalette-container {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #F8CA75; }
.oj-colorpalette.oj-invalid .oj-colorpalette-container {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #E65A66; }
oj-color-spectrum:not(.oj-complete) {
  visibility: hidden; }
.oj-colorspectrum {
  display: inline-block;
  position: relative; }
.oj-colorspectrum-spectrum {
  width: 230px;
  height: 230px;
  border-color: #e0e1e1;
  margin-top: 12px;
  margin-left: 12px;
  border-style: solid;
  border-width: 1px;
  margin-right: 15px;
  box-sizing: border-box;
  display: inline-block; }
.oj-colorspectrum-container {
  white-space: nowrap; }
.oj-colorspectrum-container > .oj-slider-vertical {
  display: inline-block;
  vertical-align: top; }
.oj-colorspectrum-container > .oj-slider-horizontal {
  display: block; }
.oj-colorspectrum-container > .oj-slider-horizontal > .oj-slider-container {
  width: 230px; }
.oj-colorspectrum-container > .oj-slider-vertical > .oj-slider-container {
  height: 230px; }
html .oj-colorspectrum-container .oj-form-control {
  margin-bottom: 0; }
.oj-colorspectrum-thumb {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border-width: 3px;
  border-color: white;
  box-shadow: 1px 1px 5px 0 hsla(0, 0%, 0%,0.4);
  border-style: solid;
  background-color: transparent;
  cursor: pointer;
  box-sizing: border-box; }
.oj-colorspectrum-thumb:not(.oj-focus-highlight):focus {
  outline: none; }
.oj-colorspectrum.oj-disabled .oj-colorspectrum-thumb {
  border-color: #e0e1e1; }
.oj-colorspectrum.oj-warning .oj-colorspectrum-container {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #F8CA75; }
.oj-colorspectrum.oj-invalid .oj-colorspectrum-container {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #E65A66; }
.oj-colorspectrum-alpha-bg {
  background-image: url("../common/images/spectrum-opacity-slider-bg.png");
  position: absolute;
  height: 0;
  width: 0;
  display: none; }
oj-validation-group:not(.oj-complete) {
  visibility: hidden; }
oj-option:not(.oj-complete) {
  visibility: hidden; }
oj-optgroup:not(.oj-complete) {
  visibility: hidden; }
.oj-flex {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap; }
.oj-flex-item {
  flex: auto;
  box-sizing: border-box; }
.deprecated-col-default-width {
  flex: 0 1 100%;
  max-width: 100%;
  width: 100%; }
.oj-flex-bar, .oj-hybrid-applayout-header, .oj-hybrid-applayout-header-no-border, .oj-hybrid-applayout-toolbar-stretch {
  position: relative; }
.oj-flex-bar, .oj-hybrid-applayout-header, .oj-hybrid-applayout-header-no-border, .oj-hybrid-applayout-toolbar-stretch,
.oj-flex-bar-start,
.oj-flex-bar-middle,
.oj-flex-bar-end,
.oj-flex-bar-center-absolute,
.oj-hybrid-applayout-bar-title {
  box-sizing: border-box;
  display: flex; }
.oj-flex-bar-middle {
  flex: auto; }
html:not([dir="rtl"]) .oj-flex-bar-end {
  margin-left: auto; }
html[dir="rtl"] .oj-flex-bar-end {
  margin-right: auto; }
.oj-flex-bar-center-absolute, .oj-hybrid-applayout-bar-title {
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  top: 0; }
.oj-flex-items-pad > .oj-flex > .oj-flex-item,
.oj-flex.oj-flex-items-pad > .oj-flex-item {
  padding-left: 10px;
  padding-right: 10px; }
.oj-flex-items-pad > .oj-flex > .oj-flex-item > .oj-flex,
.oj-flex.oj-flex-items-pad > .oj-flex-item > .oj-flex {
  margin-left: -10px;
  margin-right: -10px; }
@media print, screen {
  .oj-sm-flex-items-0 > .oj-flex-item,
  .oj-sm-flex-0 {
    flex: 0; }
  .oj-sm-flex-items-1 > .oj-flex-item,
  .oj-sm-flex-1 {
    flex: 1; }
  .oj-sm-flex-items-initial > .oj-flex-item,
  .oj-sm-flex-initial {
    flex: 0 1 auto; }
  .oj-sm-justify-content-flex-start {
    justify-content: flex-start; }
  .oj-sm-justify-content-flex-end {
    justify-content: flex-end; }
  .oj-sm-justify-content-center {
    justify-content: center; }
  .oj-sm-justify-content-space-between {
    justify-content: space-between; }
  .oj-sm-justify-content-space-around {
    justify-content: space-around; }
  .oj-sm-align-items-center, .oj-hybrid-applayout-header, .oj-hybrid-applayout-header-no-border {
    align-items: center; }
  .oj-sm-align-items-baseline {
    align-items: baseline; }
  .oj-sm-align-items-flex-start {
    align-items: flex-start; }
  .oj-sm-align-items-flex-end {
    align-items: flex-end; }
  .oj-sm-align-self-center {
    align-self: center; }
  .oj-sm-align-self-flex-start {
    align-self: flex-start; }
  .oj-sm-align-self-flex-end {
    align-self: flex-end; }
  .oj-sm-flex-direction-column {
    flex-direction: column; }
  .oj-sm-flex-wrap-nowrap {
    flex-wrap: nowrap; } }
@media print, screen and (min-width: 768px) {
  .oj-md-flex-items-0 > .oj-flex-item,
  .oj-md-flex-0 {
    flex: 0; }
  .oj-md-flex-items-1 > .oj-flex-item,
  .oj-md-flex-1 {
    flex: 1; }
  .oj-md-flex-items-initial > .oj-flex-item,
  .oj-md-flex-initial {
    flex: 0 1 auto; }
  .oj-md-order-0 {
    order: 0; }
  .oj-md-order-1 {
    order: 1; }
  .oj-md-order-2 {
    order: 2; }
  .oj-md-order-3 {
    order: 3; }
  .oj-md-order-4 {
    order: 4; }
  .oj-md-order-5 {
    order: 5; }
  .oj-md-justify-content-flex-start {
    justify-content: flex-start; }
  .oj-md-justify-content-flex-end {
    justify-content: flex-end; }
  .oj-md-justify-content-center {
    justify-content: center; }
  .oj-md-justify-content-space-between {
    justify-content: space-between; }
  .oj-md-justify-content-space-around {
    justify-content: space-around; }
  .oj-md-align-items-center {
    align-items: center; }
  .oj-md-align-items-baseline {
    align-items: baseline; }
  .oj-md-align-items-flex-start {
    align-items: flex-start; }
  .oj-md-align-items-flex-end {
    align-items: flex-end; }
  .oj-md-align-self-center {
    align-self: center; }
  .oj-md-align-self-flex-start {
    align-self: flex-start; }
  .oj-md-align-self-flex-end {
    align-self: flex-end; }
  .oj-md-flex-direction-column {
    flex-direction: column; }
  .oj-md-flex-wrap-nowrap {
    flex-wrap: nowrap; } }
@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-lg-flex-items-0 > .oj-flex-item,
  .oj-lg-flex-0 {
    flex: 0; }
  .oj-lg-flex-items-1 > .oj-flex-item,
  .oj-lg-flex-1 {
    flex: 1; }
  .oj-lg-flex-items-initial > .oj-flex-item,
  .oj-lg-flex-initial {
    flex: 0 1 auto; }
  .oj-lg-order-0 {
    order: 0; }
  .oj-lg-order-1 {
    order: 1; }
  .oj-lg-order-2 {
    order: 2; }
  .oj-lg-order-3 {
    order: 3; }
  .oj-lg-order-4 {
    order: 4; }
  .oj-lg-order-5 {
    order: 5; }
  .oj-lg-justify-content-flex-start {
    justify-content: flex-start; }
  .oj-lg-justify-content-flex-end {
    justify-content: flex-end; }
  .oj-lg-justify-content-center {
    justify-content: center; }
  .oj-lg-justify-content-space-between {
    justify-content: space-between; }
  .oj-lg-justify-content-space-around {
    justify-content: space-around; }
  .oj-lg-align-items-center {
    align-items: center; }
  .oj-lg-align-items-baseline {
    align-items: baseline; }
  .oj-lg-align-items-flex-start {
    align-items: flex-start; }
  .oj-lg-align-items-flex-end {
    align-items: flex-end; }
  .oj-lg-align-self-center {
    align-self: center; }
  .oj-lg-align-self-flex-start {
    align-self: flex-start; }
  .oj-lg-align-self-flex-end {
    align-self: flex-end; }
  .oj-lg-flex-direction-column {
    flex-direction: column; }
  .oj-lg-flex-wrap-nowrap {
    flex-wrap: nowrap; } }
@media screen and (min-width: 1281px) {
  .oj-xl-flex-items-0 > .oj-flex-item,
  .oj-xl-flex-0 {
    flex: 0; }
  .oj-xl-flex-items-1 > .oj-flex-item,
  .oj-xl-flex-1 {
    flex: 1; }
  .oj-xl-flex-items-initial > .oj-flex-item,
  .oj-xl-flex-initial {
    flex: 0 1 auto; }
  .oj-xl-order-0 {
    order: 0; }
  .oj-xl-order-1 {
    order: 1; }
  .oj-xl-order-2 {
    order: 2; }
  .oj-xl-order-3 {
    order: 3; }
  .oj-xl-order-4 {
    order: 4; }
  .oj-xl-order-5 {
    order: 5; }
  .oj-xl-justify-content-flex-start {
    justify-content: flex-start; }
  .oj-xl-justify-content-flex-end {
    justify-content: flex-end; }
  .oj-xl-justify-content-center {
    justify-content: center; }
  .oj-xl-justify-content-space-between {
    justify-content: space-between; }
  .oj-xl-justify-content-space-around {
    justify-content: space-around; }
  .oj-xl-align-items-center {
    align-items: center; }
  .oj-xl-align-items-baseline {
    align-items: baseline; }
  .oj-xl-align-items-flex-start {
    align-items: flex-start; }
  .oj-xl-align-items-flex-end {
    align-items: flex-end; }
  .oj-xl-align-self-center {
    align-self: center; }
  .oj-xl-align-self-flex-start {
    align-self: flex-start; }
  .oj-xl-align-self-flex-end {
    align-self: flex-end; }
  .oj-xl-flex-direction-column {
    flex-direction: column; }
  .oj-xl-flex-wrap-nowrap {
    flex-wrap: nowrap; } }
@media screen and (max-width: 767px) {
  .oj-sm-only-flex-items-0 > .oj-flex-item,
  .oj-sm-only-flex-0 {
    flex: 0; }
  .oj-sm-only-flex-items-1 > .oj-flex-item,
  .oj-sm-only-flex-1 {
    flex: 1; }
  .oj-sm-only-flex-items-initial > .oj-flex-item,
  .oj-sm-only-flex-initial {
    flex: 0 1 auto; }
  .oj-sm-only-justify-content-flex-start {
    justify-content: flex-start; }
  .oj-sm-only-justify-content-flex-end {
    justify-content: flex-end; }
  .oj-sm-only-justify-content-center {
    justify-content: center; }
  .oj-sm-only-justify-content-space-between {
    justify-content: space-between; }
  .oj-sm-only-justify-content-space-around {
    justify-content: space-around; }
  .oj-sm-only-align-items-center {
    align-items: center; }
  .oj-sm-only-align-items-baseline {
    align-items: baseline; }
  .oj-sm-only-align-items-flex-start {
    align-items: flex-start; }
  .oj-sm-only-align-items-flex-end {
    align-items: flex-end; }
  .oj-sm-only-align-self-center {
    align-self: center; }
  .oj-sm-only-align-self-flex-start {
    align-self: flex-start; }
  .oj-sm-only-align-self-flex-end {
    align-self: flex-end; }
  .oj-sm-only-flex-direction-column {
    flex-direction: column; }
  .oj-sm-only-flex-wrap-nowrap {
    flex-wrap: nowrap; } }
@media print and (orientation: portrait), screen and (min-width: 768px) and (max-width: 1023px) {
  .oj-md-only-flex-items-0 > .oj-flex-item,
  .oj-md-only-flex-0 {
    flex: 0; }
  .oj-md-only-flex-items-1 > .oj-flex-item,
  .oj-md-only-flex-1 {
    flex: 1; }
  .oj-md-only-flex-items-initial > .oj-flex-item,
  .oj-md-only-flex-initial {
    flex: 0 1 auto; }
  .oj-md-only-justify-content-flex-start {
    justify-content: flex-start; }
  .oj-md-only-justify-content-flex-end {
    justify-content: flex-end; }
  .oj-md-only-justify-content-center {
    justify-content: center; }
  .oj-md-only-justify-content-space-between {
    justify-content: space-between; }
  .oj-md-only-justify-content-space-around {
    justify-content: space-around; }
  .oj-md-only-align-items-center {
    align-items: center; }
  .oj-md-only-align-items-baseline {
    align-items: baseline; }
  .oj-md-only-align-items-flex-start {
    align-items: flex-start; }
  .oj-md-only-align-items-flex-end {
    align-items: flex-end; }
  .oj-md-only-align-self-center {
    align-self: center; }
  .oj-md-only-align-self-flex-start {
    align-self: flex-start; }
  .oj-md-only-align-self-flex-end {
    align-self: flex-end; }
  .oj-md-only-flex-direction-column {
    flex-direction: column; }
  .oj-md-only-flex-wrap-nowrap {
    flex-wrap: nowrap; } }
@media print and (orientation: landscape), screen and (min-width: 1024px) and (max-width: 1280px) {
  .oj-lg-only-flex-items-0 > .oj-flex-item,
  .oj-lg-only-flex-0 {
    flex: 0; }
  .oj-lg-only-flex-items-1 > .oj-flex-item,
  .oj-lg-only-flex-1 {
    flex: 1; }
  .oj-lg-only-flex-items-initial > .oj-flex-item,
  .oj-lg-only-flex-initial {
    flex: 0 1 auto; }
  .oj-lg-only-justify-content-flex-start {
    justify-content: flex-start; }
  .oj-lg-only-justify-content-flex-end {
    justify-content: flex-end; }
  .oj-lg-only-justify-content-center {
    justify-content: center; }
  .oj-lg-only-justify-content-space-between {
    justify-content: space-between; }
  .oj-lg-only-justify-content-space-around {
    justify-content: space-around; }
  .oj-lg-only-align-items-center {
    align-items: center; }
  .oj-lg-only-align-items-baseline {
    align-items: baseline; }
  .oj-lg-only-align-items-flex-start {
    align-items: flex-start; }
  .oj-lg-only-align-items-flex-end {
    align-items: flex-end; }
  .oj-lg-only-align-self-center {
    align-self: center; }
  .oj-lg-only-align-self-flex-start {
    align-self: flex-start; }
  .oj-lg-only-align-self-flex-end {
    align-self: flex-end; }
  .oj-lg-only-flex-direction-column {
    flex-direction: column; }
  .oj-lg-only-flex-wrap-nowrap {
    flex-wrap: nowrap; } }
@media print, screen {
  .oj-sm-1 {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-sm-2 {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-sm-3 {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-sm-4 {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-sm-5 {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-sm-6 {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-sm-7 {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-sm-8 {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-sm-9 {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-sm-10 {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-sm-11 {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-sm-12 {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-sm-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-sm-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-sm-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-sm-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-sm-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-sm-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-sm-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-sm-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-sm-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-sm-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-sm-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-sm-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-sm-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-sm-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-sm-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-sm-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-sm-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-sm-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-sm-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-sm-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-sm-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-sm-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-sm-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-sm-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-sm-even-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-sm-even-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-sm-even-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-sm-even-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-sm-even-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; } }
@media print, screen and (min-width: 768px) {
  .oj-md-1 {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-md-2 {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-md-3 {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-md-4 {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-md-5 {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-md-6 {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-md-7 {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-md-8 {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-md-9 {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-md-10 {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-md-11 {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-md-12 {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-md-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-md-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-md-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-md-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-md-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-md-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-md-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-md-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-md-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-md-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-md-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-md-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-md-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-md-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-md-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-md-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-md-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-md-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-md-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-md-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-md-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-md-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-md-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-md-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-md-even-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-md-even-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-md-even-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-md-even-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-md-even-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; } }
@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-lg-1 {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-lg-2 {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-lg-3 {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-lg-4 {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-lg-5 {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-lg-6 {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-lg-7 {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-lg-8 {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-lg-9 {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-lg-10 {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-lg-11 {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-lg-12 {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-lg-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-lg-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-lg-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-lg-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-lg-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-lg-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-lg-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-lg-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-lg-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-lg-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-lg-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-lg-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-lg-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-lg-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-lg-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-lg-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-lg-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-lg-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-lg-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-lg-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-lg-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-lg-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-lg-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-lg-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-lg-even-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-lg-even-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-lg-even-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-lg-even-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-lg-even-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; } }
@media screen and (min-width: 1281px) {
  .oj-xl-1 {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-xl-2 {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-xl-3 {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-xl-4 {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-xl-5 {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-xl-6 {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-xl-7 {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-xl-8 {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-xl-9 {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-xl-10 {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-xl-11 {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-xl-12 {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-xl-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-xl-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-xl-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-xl-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-xl-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-xl-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-xl-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-xl-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-xl-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-xl-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-xl-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-xl-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-xl-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  .oj-xl-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  .oj-xl-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  .oj-xl-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-xl-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-xl-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-xl-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  .oj-xl-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-xl-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  .oj-xl-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-xl-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-xl-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-xl-even-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  .oj-xl-even-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  .oj-xl-even-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-xl-even-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  .oj-xl-even-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; } }
@media print, screen {
  .oj-sm-hide {
    display: none; }
  .oj-sm-margin-1x {
    margin: 5px; }
  .oj-sm-margin-1x-horizontal {
    margin-left: 5px;
    margin-right: 5px; }
  .oj-sm-margin-1x-vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  .oj-sm-margin-1x-top {
    margin-top: 5px; }
  .oj-sm-margin-1x-bottom {
    margin-bottom: 5px; }
  html:not([dir="rtl"]) .oj-sm-margin-1x-start {
    margin-left: 5px; }
  html[dir="rtl"] .oj-sm-margin-1x-start {
    margin-right: 5px; }
  html:not([dir="rtl"]) .oj-sm-margin-1x-end {
    margin-right: 5px; }
  html[dir="rtl"] .oj-sm-margin-1x-end {
    margin-left: 5px; }
  .oj-sm-padding-1x {
    padding: 5px; }
  .oj-sm-padding-1x-horizontal {
    padding-left: 5px;
    padding-right: 5px; }
  .oj-sm-padding-1x-vertical {
    padding-top: 5px;
    padding-bottom: 5px; }
  .oj-sm-padding-1x-top {
    padding-top: 5px; }
  .oj-sm-padding-1x-bottom {
    padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-sm-padding-1x-start {
    padding-left: 5px; }
  html[dir="rtl"] .oj-sm-padding-1x-start {
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-sm-padding-1x-end {
    padding-right: 5px; }
  html[dir="rtl"] .oj-sm-padding-1x-end {
    padding-left: 5px; }
  .oj-sm-margin-2x {
    margin: 10px; }
  .oj-sm-margin-2x-horizontal {
    margin-left: 10px;
    margin-right: 10px; }
  .oj-sm-margin-2x-vertical {
    margin-top: 10px;
    margin-bottom: 10px; }
  .oj-sm-margin-2x-top {
    margin-top: 10px; }
  .oj-sm-margin-2x-bottom {
    margin-bottom: 10px; }
  html:not([dir="rtl"]) .oj-sm-margin-2x-start {
    margin-left: 10px; }
  html[dir="rtl"] .oj-sm-margin-2x-start {
    margin-right: 10px; }
  html:not([dir="rtl"]) .oj-sm-margin-2x-end {
    margin-right: 10px; }
  html[dir="rtl"] .oj-sm-margin-2x-end {
    margin-left: 10px; }
  .oj-sm-padding-2x {
    padding: 10px; }
  .oj-sm-padding-2x-horizontal {
    padding-left: 10px;
    padding-right: 10px; }
  .oj-sm-padding-2x-vertical {
    padding-top: 10px;
    padding-bottom: 10px; }
  .oj-sm-padding-2x-top {
    padding-top: 10px; }
  .oj-sm-padding-2x-bottom {
    padding-bottom: 10px; }
  html:not([dir="rtl"]) .oj-sm-padding-2x-start {
    padding-left: 10px; }
  html[dir="rtl"] .oj-sm-padding-2x-start {
    padding-right: 10px; }
  html:not([dir="rtl"]) .oj-sm-padding-2x-end {
    padding-right: 10px; }
  html[dir="rtl"] .oj-sm-padding-2x-end {
    padding-left: 10px; }
  .oj-sm-margin-3x {
    margin: 15px; }
  .oj-sm-margin-3x-horizontal {
    margin-left: 15px;
    margin-right: 15px; }
  .oj-sm-margin-3x-vertical {
    margin-top: 15px;
    margin-bottom: 15px; }
  .oj-sm-margin-3x-top {
    margin-top: 15px; }
  .oj-sm-margin-3x-bottom {
    margin-bottom: 15px; }
  html:not([dir="rtl"]) .oj-sm-margin-3x-start {
    margin-left: 15px; }
  html[dir="rtl"] .oj-sm-margin-3x-start {
    margin-right: 15px; }
  html:not([dir="rtl"]) .oj-sm-margin-3x-end {
    margin-right: 15px; }
  html[dir="rtl"] .oj-sm-margin-3x-end {
    margin-left: 15px; }
  .oj-sm-padding-3x {
    padding: 15px; }
  .oj-sm-padding-3x-horizontal {
    padding-left: 15px;
    padding-right: 15px; }
  .oj-sm-padding-3x-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }
  .oj-sm-padding-3x-top {
    padding-top: 15px; }
  .oj-sm-padding-3x-bottom {
    padding-bottom: 15px; }
  html:not([dir="rtl"]) .oj-sm-padding-3x-start {
    padding-left: 15px; }
  html[dir="rtl"] .oj-sm-padding-3x-start {
    padding-right: 15px; }
  html:not([dir="rtl"]) .oj-sm-padding-3x-end {
    padding-right: 15px; }
  html[dir="rtl"] .oj-sm-padding-3x-end {
    padding-left: 15px; }
  .oj-sm-margin-4x {
    margin: 20px; }
  .oj-sm-margin-4x-horizontal {
    margin-left: 20px;
    margin-right: 20px; }
  .oj-sm-margin-4x-vertical {
    margin-top: 20px;
    margin-bottom: 20px; }
  .oj-sm-margin-4x-top {
    margin-top: 20px; }
  .oj-sm-margin-4x-bottom {
    margin-bottom: 20px; }
  html:not([dir="rtl"]) .oj-sm-margin-4x-start {
    margin-left: 20px; }
  html[dir="rtl"] .oj-sm-margin-4x-start {
    margin-right: 20px; }
  html:not([dir="rtl"]) .oj-sm-margin-4x-end {
    margin-right: 20px; }
  html[dir="rtl"] .oj-sm-margin-4x-end {
    margin-left: 20px; }
  .oj-sm-padding-4x {
    padding: 20px; }
  .oj-sm-padding-4x-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  .oj-sm-padding-4x-vertical {
    padding-top: 20px;
    padding-bottom: 20px; }
  .oj-sm-padding-4x-top {
    padding-top: 20px; }
  .oj-sm-padding-4x-bottom {
    padding-bottom: 20px; }
  html:not([dir="rtl"]) .oj-sm-padding-4x-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-sm-padding-4x-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-sm-padding-4x-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-sm-padding-4x-end {
    padding-left: 20px; }
  .oj-sm-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-sm-text-align-end {
      text-align: left; }
  .oj-sm-float-end {
    float: right; }
    html[dir="rtl"] .oj-sm-float-end {
      float: left; }
  .oj-sm-float-start {
    float: left; }
    html[dir="rtl"] .oj-sm-float-start {
      float: right; } }
@media print, screen and (min-width: 768px) {
  .oj-md-hide {
    display: none; }
  .oj-md-margin-1x {
    margin: 5px; }
  .oj-md-margin-1x-horizontal {
    margin-left: 5px;
    margin-right: 5px; }
  .oj-md-margin-1x-vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  .oj-md-margin-1x-top {
    margin-top: 5px; }
  .oj-md-margin-1x-bottom {
    margin-bottom: 5px; }
  html:not([dir="rtl"]) .oj-md-margin-1x-start {
    margin-left: 5px; }
  html[dir="rtl"] .oj-md-margin-1x-start {
    margin-right: 5px; }
  html:not([dir="rtl"]) .oj-md-margin-1x-end {
    margin-right: 5px; }
  html[dir="rtl"] .oj-md-margin-1x-end {
    margin-left: 5px; }
  .oj-md-padding-1x {
    padding: 5px; }
  .oj-md-padding-1x-horizontal {
    padding-left: 5px;
    padding-right: 5px; }
  .oj-md-padding-1x-vertical {
    padding-top: 5px;
    padding-bottom: 5px; }
  .oj-md-padding-1x-top {
    padding-top: 5px; }
  .oj-md-padding-1x-bottom {
    padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-md-padding-1x-start {
    padding-left: 5px; }
  html[dir="rtl"] .oj-md-padding-1x-start {
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-md-padding-1x-end {
    padding-right: 5px; }
  html[dir="rtl"] .oj-md-padding-1x-end {
    padding-left: 5px; }
  .oj-md-margin-2x {
    margin: 10px; }
  .oj-md-margin-2x-horizontal {
    margin-left: 10px;
    margin-right: 10px; }
  .oj-md-margin-2x-vertical {
    margin-top: 10px;
    margin-bottom: 10px; }
  .oj-md-margin-2x-top {
    margin-top: 10px; }
  .oj-md-margin-2x-bottom {
    margin-bottom: 10px; }
  html:not([dir="rtl"]) .oj-md-margin-2x-start {
    margin-left: 10px; }
  html[dir="rtl"] .oj-md-margin-2x-start {
    margin-right: 10px; }
  html:not([dir="rtl"]) .oj-md-margin-2x-end {
    margin-right: 10px; }
  html[dir="rtl"] .oj-md-margin-2x-end {
    margin-left: 10px; }
  .oj-md-padding-2x {
    padding: 10px; }
  .oj-md-padding-2x-horizontal {
    padding-left: 10px;
    padding-right: 10px; }
  .oj-md-padding-2x-vertical {
    padding-top: 10px;
    padding-bottom: 10px; }
  .oj-md-padding-2x-top {
    padding-top: 10px; }
  .oj-md-padding-2x-bottom {
    padding-bottom: 10px; }
  html:not([dir="rtl"]) .oj-md-padding-2x-start {
    padding-left: 10px; }
  html[dir="rtl"] .oj-md-padding-2x-start {
    padding-right: 10px; }
  html:not([dir="rtl"]) .oj-md-padding-2x-end {
    padding-right: 10px; }
  html[dir="rtl"] .oj-md-padding-2x-end {
    padding-left: 10px; }
  .oj-md-margin-3x {
    margin: 15px; }
  .oj-md-margin-3x-horizontal {
    margin-left: 15px;
    margin-right: 15px; }
  .oj-md-margin-3x-vertical {
    margin-top: 15px;
    margin-bottom: 15px; }
  .oj-md-margin-3x-top {
    margin-top: 15px; }
  .oj-md-margin-3x-bottom {
    margin-bottom: 15px; }
  html:not([dir="rtl"]) .oj-md-margin-3x-start {
    margin-left: 15px; }
  html[dir="rtl"] .oj-md-margin-3x-start {
    margin-right: 15px; }
  html:not([dir="rtl"]) .oj-md-margin-3x-end {
    margin-right: 15px; }
  html[dir="rtl"] .oj-md-margin-3x-end {
    margin-left: 15px; }
  .oj-md-padding-3x {
    padding: 15px; }
  .oj-md-padding-3x-horizontal {
    padding-left: 15px;
    padding-right: 15px; }
  .oj-md-padding-3x-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }
  .oj-md-padding-3x-top {
    padding-top: 15px; }
  .oj-md-padding-3x-bottom {
    padding-bottom: 15px; }
  html:not([dir="rtl"]) .oj-md-padding-3x-start {
    padding-left: 15px; }
  html[dir="rtl"] .oj-md-padding-3x-start {
    padding-right: 15px; }
  html:not([dir="rtl"]) .oj-md-padding-3x-end {
    padding-right: 15px; }
  html[dir="rtl"] .oj-md-padding-3x-end {
    padding-left: 15px; }
  .oj-md-margin-4x {
    margin: 20px; }
  .oj-md-margin-4x-horizontal {
    margin-left: 20px;
    margin-right: 20px; }
  .oj-md-margin-4x-vertical {
    margin-top: 20px;
    margin-bottom: 20px; }
  .oj-md-margin-4x-top {
    margin-top: 20px; }
  .oj-md-margin-4x-bottom {
    margin-bottom: 20px; }
  html:not([dir="rtl"]) .oj-md-margin-4x-start {
    margin-left: 20px; }
  html[dir="rtl"] .oj-md-margin-4x-start {
    margin-right: 20px; }
  html:not([dir="rtl"]) .oj-md-margin-4x-end {
    margin-right: 20px; }
  html[dir="rtl"] .oj-md-margin-4x-end {
    margin-left: 20px; }
  .oj-md-padding-4x {
    padding: 20px; }
  .oj-md-padding-4x-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  .oj-md-padding-4x-vertical {
    padding-top: 20px;
    padding-bottom: 20px; }
  .oj-md-padding-4x-top {
    padding-top: 20px; }
  .oj-md-padding-4x-bottom {
    padding-bottom: 20px; }
  html:not([dir="rtl"]) .oj-md-padding-4x-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-md-padding-4x-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-md-padding-4x-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-md-padding-4x-end {
    padding-left: 20px; }
  .oj-md-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-md-text-align-end {
      text-align: left; }
  .oj-md-float-end {
    float: right; }
    html[dir="rtl"] .oj-md-float-end {
      float: left; }
  .oj-md-float-start {
    float: left; }
    html[dir="rtl"] .oj-md-float-start {
      float: right; } }
@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-lg-hide {
    display: none; }
  .oj-lg-margin-1x {
    margin: 5px; }
  .oj-lg-margin-1x-horizontal {
    margin-left: 5px;
    margin-right: 5px; }
  .oj-lg-margin-1x-vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  .oj-lg-margin-1x-top {
    margin-top: 5px; }
  .oj-lg-margin-1x-bottom {
    margin-bottom: 5px; }
  html:not([dir="rtl"]) .oj-lg-margin-1x-start {
    margin-left: 5px; }
  html[dir="rtl"] .oj-lg-margin-1x-start {
    margin-right: 5px; }
  html:not([dir="rtl"]) .oj-lg-margin-1x-end {
    margin-right: 5px; }
  html[dir="rtl"] .oj-lg-margin-1x-end {
    margin-left: 5px; }
  .oj-lg-padding-1x {
    padding: 5px; }
  .oj-lg-padding-1x-horizontal {
    padding-left: 5px;
    padding-right: 5px; }
  .oj-lg-padding-1x-vertical {
    padding-top: 5px;
    padding-bottom: 5px; }
  .oj-lg-padding-1x-top {
    padding-top: 5px; }
  .oj-lg-padding-1x-bottom {
    padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-lg-padding-1x-start {
    padding-left: 5px; }
  html[dir="rtl"] .oj-lg-padding-1x-start {
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-lg-padding-1x-end {
    padding-right: 5px; }
  html[dir="rtl"] .oj-lg-padding-1x-end {
    padding-left: 5px; }
  .oj-lg-margin-2x {
    margin: 10px; }
  .oj-lg-margin-2x-horizontal {
    margin-left: 10px;
    margin-right: 10px; }
  .oj-lg-margin-2x-vertical {
    margin-top: 10px;
    margin-bottom: 10px; }
  .oj-lg-margin-2x-top {
    margin-top: 10px; }
  .oj-lg-margin-2x-bottom {
    margin-bottom: 10px; }
  html:not([dir="rtl"]) .oj-lg-margin-2x-start {
    margin-left: 10px; }
  html[dir="rtl"] .oj-lg-margin-2x-start {
    margin-right: 10px; }
  html:not([dir="rtl"]) .oj-lg-margin-2x-end {
    margin-right: 10px; }
  html[dir="rtl"] .oj-lg-margin-2x-end {
    margin-left: 10px; }
  .oj-lg-padding-2x {
    padding: 10px; }
  .oj-lg-padding-2x-horizontal {
    padding-left: 10px;
    padding-right: 10px; }
  .oj-lg-padding-2x-vertical {
    padding-top: 10px;
    padding-bottom: 10px; }
  .oj-lg-padding-2x-top {
    padding-top: 10px; }
  .oj-lg-padding-2x-bottom {
    padding-bottom: 10px; }
  html:not([dir="rtl"]) .oj-lg-padding-2x-start {
    padding-left: 10px; }
  html[dir="rtl"] .oj-lg-padding-2x-start {
    padding-right: 10px; }
  html:not([dir="rtl"]) .oj-lg-padding-2x-end {
    padding-right: 10px; }
  html[dir="rtl"] .oj-lg-padding-2x-end {
    padding-left: 10px; }
  .oj-lg-margin-3x {
    margin: 15px; }
  .oj-lg-margin-3x-horizontal {
    margin-left: 15px;
    margin-right: 15px; }
  .oj-lg-margin-3x-vertical {
    margin-top: 15px;
    margin-bottom: 15px; }
  .oj-lg-margin-3x-top {
    margin-top: 15px; }
  .oj-lg-margin-3x-bottom {
    margin-bottom: 15px; }
  html:not([dir="rtl"]) .oj-lg-margin-3x-start {
    margin-left: 15px; }
  html[dir="rtl"] .oj-lg-margin-3x-start {
    margin-right: 15px; }
  html:not([dir="rtl"]) .oj-lg-margin-3x-end {
    margin-right: 15px; }
  html[dir="rtl"] .oj-lg-margin-3x-end {
    margin-left: 15px; }
  .oj-lg-padding-3x {
    padding: 15px; }
  .oj-lg-padding-3x-horizontal {
    padding-left: 15px;
    padding-right: 15px; }
  .oj-lg-padding-3x-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }
  .oj-lg-padding-3x-top {
    padding-top: 15px; }
  .oj-lg-padding-3x-bottom {
    padding-bottom: 15px; }
  html:not([dir="rtl"]) .oj-lg-padding-3x-start {
    padding-left: 15px; }
  html[dir="rtl"] .oj-lg-padding-3x-start {
    padding-right: 15px; }
  html:not([dir="rtl"]) .oj-lg-padding-3x-end {
    padding-right: 15px; }
  html[dir="rtl"] .oj-lg-padding-3x-end {
    padding-left: 15px; }
  .oj-lg-margin-4x {
    margin: 20px; }
  .oj-lg-margin-4x-horizontal {
    margin-left: 20px;
    margin-right: 20px; }
  .oj-lg-margin-4x-vertical {
    margin-top: 20px;
    margin-bottom: 20px; }
  .oj-lg-margin-4x-top {
    margin-top: 20px; }
  .oj-lg-margin-4x-bottom {
    margin-bottom: 20px; }
  html:not([dir="rtl"]) .oj-lg-margin-4x-start {
    margin-left: 20px; }
  html[dir="rtl"] .oj-lg-margin-4x-start {
    margin-right: 20px; }
  html:not([dir="rtl"]) .oj-lg-margin-4x-end {
    margin-right: 20px; }
  html[dir="rtl"] .oj-lg-margin-4x-end {
    margin-left: 20px; }
  .oj-lg-padding-4x {
    padding: 20px; }
  .oj-lg-padding-4x-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  .oj-lg-padding-4x-vertical {
    padding-top: 20px;
    padding-bottom: 20px; }
  .oj-lg-padding-4x-top {
    padding-top: 20px; }
  .oj-lg-padding-4x-bottom {
    padding-bottom: 20px; }
  html:not([dir="rtl"]) .oj-lg-padding-4x-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-lg-padding-4x-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-lg-padding-4x-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-lg-padding-4x-end {
    padding-left: 20px; }
  .oj-lg-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-lg-text-align-end {
      text-align: left; }
  .oj-lg-float-end {
    float: right; }
    html[dir="rtl"] .oj-lg-float-end {
      float: left; }
  .oj-lg-float-start {
    float: left; }
    html[dir="rtl"] .oj-lg-float-start {
      float: right; } }
@media screen and (min-width: 1281px) {
  .oj-xl-hide {
    display: none; }
  .oj-xl-margin-1x {
    margin: 5px; }
  .oj-xl-margin-1x-horizontal {
    margin-left: 5px;
    margin-right: 5px; }
  .oj-xl-margin-1x-vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  .oj-xl-margin-1x-top {
    margin-top: 5px; }
  .oj-xl-margin-1x-bottom {
    margin-bottom: 5px; }
  html:not([dir="rtl"]) .oj-xl-margin-1x-start {
    margin-left: 5px; }
  html[dir="rtl"] .oj-xl-margin-1x-start {
    margin-right: 5px; }
  html:not([dir="rtl"]) .oj-xl-margin-1x-end {
    margin-right: 5px; }
  html[dir="rtl"] .oj-xl-margin-1x-end {
    margin-left: 5px; }
  .oj-xl-padding-1x {
    padding: 5px; }
  .oj-xl-padding-1x-horizontal {
    padding-left: 5px;
    padding-right: 5px; }
  .oj-xl-padding-1x-vertical {
    padding-top: 5px;
    padding-bottom: 5px; }
  .oj-xl-padding-1x-top {
    padding-top: 5px; }
  .oj-xl-padding-1x-bottom {
    padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-xl-padding-1x-start {
    padding-left: 5px; }
  html[dir="rtl"] .oj-xl-padding-1x-start {
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-xl-padding-1x-end {
    padding-right: 5px; }
  html[dir="rtl"] .oj-xl-padding-1x-end {
    padding-left: 5px; }
  .oj-xl-margin-2x {
    margin: 10px; }
  .oj-xl-margin-2x-horizontal {
    margin-left: 10px;
    margin-right: 10px; }
  .oj-xl-margin-2x-vertical {
    margin-top: 10px;
    margin-bottom: 10px; }
  .oj-xl-margin-2x-top {
    margin-top: 10px; }
  .oj-xl-margin-2x-bottom {
    margin-bottom: 10px; }
  html:not([dir="rtl"]) .oj-xl-margin-2x-start {
    margin-left: 10px; }
  html[dir="rtl"] .oj-xl-margin-2x-start {
    margin-right: 10px; }
  html:not([dir="rtl"]) .oj-xl-margin-2x-end {
    margin-right: 10px; }
  html[dir="rtl"] .oj-xl-margin-2x-end {
    margin-left: 10px; }
  .oj-xl-padding-2x {
    padding: 10px; }
  .oj-xl-padding-2x-horizontal {
    padding-left: 10px;
    padding-right: 10px; }
  .oj-xl-padding-2x-vertical {
    padding-top: 10px;
    padding-bottom: 10px; }
  .oj-xl-padding-2x-top {
    padding-top: 10px; }
  .oj-xl-padding-2x-bottom {
    padding-bottom: 10px; }
  html:not([dir="rtl"]) .oj-xl-padding-2x-start {
    padding-left: 10px; }
  html[dir="rtl"] .oj-xl-padding-2x-start {
    padding-right: 10px; }
  html:not([dir="rtl"]) .oj-xl-padding-2x-end {
    padding-right: 10px; }
  html[dir="rtl"] .oj-xl-padding-2x-end {
    padding-left: 10px; }
  .oj-xl-margin-3x {
    margin: 15px; }
  .oj-xl-margin-3x-horizontal {
    margin-left: 15px;
    margin-right: 15px; }
  .oj-xl-margin-3x-vertical {
    margin-top: 15px;
    margin-bottom: 15px; }
  .oj-xl-margin-3x-top {
    margin-top: 15px; }
  .oj-xl-margin-3x-bottom {
    margin-bottom: 15px; }
  html:not([dir="rtl"]) .oj-xl-margin-3x-start {
    margin-left: 15px; }
  html[dir="rtl"] .oj-xl-margin-3x-start {
    margin-right: 15px; }
  html:not([dir="rtl"]) .oj-xl-margin-3x-end {
    margin-right: 15px; }
  html[dir="rtl"] .oj-xl-margin-3x-end {
    margin-left: 15px; }
  .oj-xl-padding-3x {
    padding: 15px; }
  .oj-xl-padding-3x-horizontal {
    padding-left: 15px;
    padding-right: 15px; }
  .oj-xl-padding-3x-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }
  .oj-xl-padding-3x-top {
    padding-top: 15px; }
  .oj-xl-padding-3x-bottom {
    padding-bottom: 15px; }
  html:not([dir="rtl"]) .oj-xl-padding-3x-start {
    padding-left: 15px; }
  html[dir="rtl"] .oj-xl-padding-3x-start {
    padding-right: 15px; }
  html:not([dir="rtl"]) .oj-xl-padding-3x-end {
    padding-right: 15px; }
  html[dir="rtl"] .oj-xl-padding-3x-end {
    padding-left: 15px; }
  .oj-xl-margin-4x {
    margin: 20px; }
  .oj-xl-margin-4x-horizontal {
    margin-left: 20px;
    margin-right: 20px; }
  .oj-xl-margin-4x-vertical {
    margin-top: 20px;
    margin-bottom: 20px; }
  .oj-xl-margin-4x-top {
    margin-top: 20px; }
  .oj-xl-margin-4x-bottom {
    margin-bottom: 20px; }
  html:not([dir="rtl"]) .oj-xl-margin-4x-start {
    margin-left: 20px; }
  html[dir="rtl"] .oj-xl-margin-4x-start {
    margin-right: 20px; }
  html:not([dir="rtl"]) .oj-xl-margin-4x-end {
    margin-right: 20px; }
  html[dir="rtl"] .oj-xl-margin-4x-end {
    margin-left: 20px; }
  .oj-xl-padding-4x {
    padding: 20px; }
  .oj-xl-padding-4x-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  .oj-xl-padding-4x-vertical {
    padding-top: 20px;
    padding-bottom: 20px; }
  .oj-xl-padding-4x-top {
    padding-top: 20px; }
  .oj-xl-padding-4x-bottom {
    padding-bottom: 20px; }
  html:not([dir="rtl"]) .oj-xl-padding-4x-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-xl-padding-4x-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-xl-padding-4x-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-xl-padding-4x-end {
    padding-left: 20px; }
  .oj-xl-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-xl-text-align-end {
      text-align: left; }
  .oj-xl-float-end {
    float: right; }
    html[dir="rtl"] .oj-xl-float-end {
      float: left; }
  .oj-xl-float-start {
    float: left; }
    html[dir="rtl"] .oj-xl-float-start {
      float: right; } }
@media print and (orientation: portrait), screen and (max-width: 1023px) {
  .oj-md-down-hide {
    display: none; }
  .oj-md-down-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-md-down-text-align-end {
      text-align: left; }
  .oj-md-down-float-end {
    float: right; }
    html[dir="rtl"] .oj-md-down-float-end {
      float: left; }
  .oj-md-down-float-start {
    float: left; }
    html[dir="rtl"] .oj-md-down-float-start {
      float: right; } }
@media print and (orientation: landscape), screen and (max-width: 1280px) {
  .oj-lg-down-hide {
    display: none; }
  .oj-lg-down-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-lg-down-text-align-end {
      text-align: left; }
  .oj-lg-down-float-end {
    float: right; }
    html[dir="rtl"] .oj-lg-down-float-end {
      float: left; }
  .oj-lg-down-float-start {
    float: left; }
    html[dir="rtl"] .oj-lg-down-float-start {
      float: right; } }
@media screen and (max-width: 767px) {
  
  .oj-sm-only-hide {
    display: none; }
  .oj-sm-only-margin-1x {
    margin: 5px; }
  .oj-sm-only-margin-1x-horizontal {
    margin-left: 5px;
    margin-right: 5px; }
  .oj-sm-only-margin-1x-vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  .oj-sm-only-margin-1x-top {
    margin-top: 5px; }
  .oj-sm-only-margin-1x-bottom {
    margin-bottom: 5px; }
  html:not([dir="rtl"]) .oj-sm-only-margin-1x-start {
    margin-left: 5px; }
  html[dir="rtl"] .oj-sm-only-margin-1x-start {
    margin-right: 5px; }
  html:not([dir="rtl"]) .oj-sm-only-margin-1x-end {
    margin-right: 5px; }
  html[dir="rtl"] .oj-sm-only-margin-1x-end {
    margin-left: 5px; }
  .oj-sm-only-padding-1x {
    padding: 5px; }
  .oj-sm-only-padding-1x-horizontal {
    padding-left: 5px;
    padding-right: 5px; }
  .oj-sm-only-padding-1x-vertical {
    padding-top: 5px;
    padding-bottom: 5px; }
  .oj-sm-only-padding-1x-top {
    padding-top: 5px; }
  .oj-sm-only-padding-1x-bottom {
    padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-sm-only-padding-1x-start {
    padding-left: 5px; }
  html[dir="rtl"] .oj-sm-only-padding-1x-start {
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-sm-only-padding-1x-end {
    padding-right: 5px; }
  html[dir="rtl"] .oj-sm-only-padding-1x-end {
    padding-left: 5px; }
  .oj-sm-only-margin-2x {
    margin: 10px; }
  .oj-sm-only-margin-2x-horizontal {
    margin-left: 10px;
    margin-right: 10px; }
  .oj-sm-only-margin-2x-vertical {
    margin-top: 10px;
    margin-bottom: 10px; }
  .oj-sm-only-margin-2x-top {
    margin-top: 10px; }
  .oj-sm-only-margin-2x-bottom {
    margin-bottom: 10px; }
  html:not([dir="rtl"]) .oj-sm-only-margin-2x-start {
    margin-left: 10px; }
  html[dir="rtl"] .oj-sm-only-margin-2x-start {
    margin-right: 10px; }
  html:not([dir="rtl"]) .oj-sm-only-margin-2x-end {
    margin-right: 10px; }
  html[dir="rtl"] .oj-sm-only-margin-2x-end {
    margin-left: 10px; }
  .oj-sm-only-padding-2x {
    padding: 10px; }
  .oj-sm-only-padding-2x-horizontal {
    padding-left: 10px;
    padding-right: 10px; }
  .oj-sm-only-padding-2x-vertical {
    padding-top: 10px;
    padding-bottom: 10px; }
  .oj-sm-only-padding-2x-top {
    padding-top: 10px; }
  .oj-sm-only-padding-2x-bottom {
    padding-bottom: 10px; }
  html:not([dir="rtl"]) .oj-sm-only-padding-2x-start {
    padding-left: 10px; }
  html[dir="rtl"] .oj-sm-only-padding-2x-start {
    padding-right: 10px; }
  html:not([dir="rtl"]) .oj-sm-only-padding-2x-end {
    padding-right: 10px; }
  html[dir="rtl"] .oj-sm-only-padding-2x-end {
    padding-left: 10px; }
  .oj-sm-only-margin-3x {
    margin: 15px; }
  .oj-sm-only-margin-3x-horizontal {
    margin-left: 15px;
    margin-right: 15px; }
  .oj-sm-only-margin-3x-vertical {
    margin-top: 15px;
    margin-bottom: 15px; }
  .oj-sm-only-margin-3x-top {
    margin-top: 15px; }
  .oj-sm-only-margin-3x-bottom {
    margin-bottom: 15px; }
  html:not([dir="rtl"]) .oj-sm-only-margin-3x-start {
    margin-left: 15px; }
  html[dir="rtl"] .oj-sm-only-margin-3x-start {
    margin-right: 15px; }
  html:not([dir="rtl"]) .oj-sm-only-margin-3x-end {
    margin-right: 15px; }
  html[dir="rtl"] .oj-sm-only-margin-3x-end {
    margin-left: 15px; }
  .oj-sm-only-padding-3x {
    padding: 15px; }
  .oj-sm-only-padding-3x-horizontal {
    padding-left: 15px;
    padding-right: 15px; }
  .oj-sm-only-padding-3x-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }
  .oj-sm-only-padding-3x-top {
    padding-top: 15px; }
  .oj-sm-only-padding-3x-bottom {
    padding-bottom: 15px; }
  html:not([dir="rtl"]) .oj-sm-only-padding-3x-start {
    padding-left: 15px; }
  html[dir="rtl"] .oj-sm-only-padding-3x-start {
    padding-right: 15px; }
  html:not([dir="rtl"]) .oj-sm-only-padding-3x-end {
    padding-right: 15px; }
  html[dir="rtl"] .oj-sm-only-padding-3x-end {
    padding-left: 15px; }
  .oj-sm-only-margin-4x {
    margin: 20px; }
  .oj-sm-only-margin-4x-horizontal {
    margin-left: 20px;
    margin-right: 20px; }
  .oj-sm-only-margin-4x-vertical {
    margin-top: 20px;
    margin-bottom: 20px; }
  .oj-sm-only-margin-4x-top {
    margin-top: 20px; }
  .oj-sm-only-margin-4x-bottom {
    margin-bottom: 20px; }
  html:not([dir="rtl"]) .oj-sm-only-margin-4x-start {
    margin-left: 20px; }
  html[dir="rtl"] .oj-sm-only-margin-4x-start {
    margin-right: 20px; }
  html:not([dir="rtl"]) .oj-sm-only-margin-4x-end {
    margin-right: 20px; }
  html[dir="rtl"] .oj-sm-only-margin-4x-end {
    margin-left: 20px; }
  .oj-sm-only-padding-4x {
    padding: 20px; }
  .oj-sm-only-padding-4x-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  .oj-sm-only-padding-4x-vertical {
    padding-top: 20px;
    padding-bottom: 20px; }
  .oj-sm-only-padding-4x-top {
    padding-top: 20px; }
  .oj-sm-only-padding-4x-bottom {
    padding-bottom: 20px; }
  html:not([dir="rtl"]) .oj-sm-only-padding-4x-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-sm-only-padding-4x-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-sm-only-padding-4x-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-sm-only-padding-4x-end {
    padding-left: 20px; }
  .oj-sm-only-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-sm-only-text-align-end {
      text-align: left; }
  .oj-sm-only-float-end {
    float: right; }
    html[dir="rtl"] .oj-sm-only-float-end {
      float: left; }
  .oj-sm-only-float-start {
    float: left; }
    html[dir="rtl"] .oj-sm-only-float-start {
      float: right; } }
@media print and (orientation: portrait), screen and (min-width: 768px) and (max-width: 1023px) {
  
  .oj-md-only-hide {
    display: none; }
  .oj-md-only-margin-1x {
    margin: 5px; }
  .oj-md-only-margin-1x-horizontal {
    margin-left: 5px;
    margin-right: 5px; }
  .oj-md-only-margin-1x-vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  .oj-md-only-margin-1x-top {
    margin-top: 5px; }
  .oj-md-only-margin-1x-bottom {
    margin-bottom: 5px; }
  html:not([dir="rtl"]) .oj-md-only-margin-1x-start {
    margin-left: 5px; }
  html[dir="rtl"] .oj-md-only-margin-1x-start {
    margin-right: 5px; }
  html:not([dir="rtl"]) .oj-md-only-margin-1x-end {
    margin-right: 5px; }
  html[dir="rtl"] .oj-md-only-margin-1x-end {
    margin-left: 5px; }
  .oj-md-only-padding-1x {
    padding: 5px; }
  .oj-md-only-padding-1x-horizontal {
    padding-left: 5px;
    padding-right: 5px; }
  .oj-md-only-padding-1x-vertical {
    padding-top: 5px;
    padding-bottom: 5px; }
  .oj-md-only-padding-1x-top {
    padding-top: 5px; }
  .oj-md-only-padding-1x-bottom {
    padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-md-only-padding-1x-start {
    padding-left: 5px; }
  html[dir="rtl"] .oj-md-only-padding-1x-start {
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-md-only-padding-1x-end {
    padding-right: 5px; }
  html[dir="rtl"] .oj-md-only-padding-1x-end {
    padding-left: 5px; }
  .oj-md-only-margin-2x {
    margin: 10px; }
  .oj-md-only-margin-2x-horizontal {
    margin-left: 10px;
    margin-right: 10px; }
  .oj-md-only-margin-2x-vertical {
    margin-top: 10px;
    margin-bottom: 10px; }
  .oj-md-only-margin-2x-top {
    margin-top: 10px; }
  .oj-md-only-margin-2x-bottom {
    margin-bottom: 10px; }
  html:not([dir="rtl"]) .oj-md-only-margin-2x-start {
    margin-left: 10px; }
  html[dir="rtl"] .oj-md-only-margin-2x-start {
    margin-right: 10px; }
  html:not([dir="rtl"]) .oj-md-only-margin-2x-end {
    margin-right: 10px; }
  html[dir="rtl"] .oj-md-only-margin-2x-end {
    margin-left: 10px; }
  .oj-md-only-padding-2x {
    padding: 10px; }
  .oj-md-only-padding-2x-horizontal {
    padding-left: 10px;
    padding-right: 10px; }
  .oj-md-only-padding-2x-vertical {
    padding-top: 10px;
    padding-bottom: 10px; }
  .oj-md-only-padding-2x-top {
    padding-top: 10px; }
  .oj-md-only-padding-2x-bottom {
    padding-bottom: 10px; }
  html:not([dir="rtl"]) .oj-md-only-padding-2x-start {
    padding-left: 10px; }
  html[dir="rtl"] .oj-md-only-padding-2x-start {
    padding-right: 10px; }
  html:not([dir="rtl"]) .oj-md-only-padding-2x-end {
    padding-right: 10px; }
  html[dir="rtl"] .oj-md-only-padding-2x-end {
    padding-left: 10px; }
  .oj-md-only-margin-3x {
    margin: 15px; }
  .oj-md-only-margin-3x-horizontal {
    margin-left: 15px;
    margin-right: 15px; }
  .oj-md-only-margin-3x-vertical {
    margin-top: 15px;
    margin-bottom: 15px; }
  .oj-md-only-margin-3x-top {
    margin-top: 15px; }
  .oj-md-only-margin-3x-bottom {
    margin-bottom: 15px; }
  html:not([dir="rtl"]) .oj-md-only-margin-3x-start {
    margin-left: 15px; }
  html[dir="rtl"] .oj-md-only-margin-3x-start {
    margin-right: 15px; }
  html:not([dir="rtl"]) .oj-md-only-margin-3x-end {
    margin-right: 15px; }
  html[dir="rtl"] .oj-md-only-margin-3x-end {
    margin-left: 15px; }
  .oj-md-only-padding-3x {
    padding: 15px; }
  .oj-md-only-padding-3x-horizontal {
    padding-left: 15px;
    padding-right: 15px; }
  .oj-md-only-padding-3x-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }
  .oj-md-only-padding-3x-top {
    padding-top: 15px; }
  .oj-md-only-padding-3x-bottom {
    padding-bottom: 15px; }
  html:not([dir="rtl"]) .oj-md-only-padding-3x-start {
    padding-left: 15px; }
  html[dir="rtl"] .oj-md-only-padding-3x-start {
    padding-right: 15px; }
  html:not([dir="rtl"]) .oj-md-only-padding-3x-end {
    padding-right: 15px; }
  html[dir="rtl"] .oj-md-only-padding-3x-end {
    padding-left: 15px; }
  .oj-md-only-margin-4x {
    margin: 20px; }
  .oj-md-only-margin-4x-horizontal {
    margin-left: 20px;
    margin-right: 20px; }
  .oj-md-only-margin-4x-vertical {
    margin-top: 20px;
    margin-bottom: 20px; }
  .oj-md-only-margin-4x-top {
    margin-top: 20px; }
  .oj-md-only-margin-4x-bottom {
    margin-bottom: 20px; }
  html:not([dir="rtl"]) .oj-md-only-margin-4x-start {
    margin-left: 20px; }
  html[dir="rtl"] .oj-md-only-margin-4x-start {
    margin-right: 20px; }
  html:not([dir="rtl"]) .oj-md-only-margin-4x-end {
    margin-right: 20px; }
  html[dir="rtl"] .oj-md-only-margin-4x-end {
    margin-left: 20px; }
  .oj-md-only-padding-4x {
    padding: 20px; }
  .oj-md-only-padding-4x-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  .oj-md-only-padding-4x-vertical {
    padding-top: 20px;
    padding-bottom: 20px; }
  .oj-md-only-padding-4x-top {
    padding-top: 20px; }
  .oj-md-only-padding-4x-bottom {
    padding-bottom: 20px; }
  html:not([dir="rtl"]) .oj-md-only-padding-4x-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-md-only-padding-4x-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-md-only-padding-4x-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-md-only-padding-4x-end {
    padding-left: 20px; }
  .oj-md-only-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-md-only-text-align-end {
      text-align: left; }
  .oj-md-only-float-end {
    float: right; }
    html[dir="rtl"] .oj-md-only-float-end {
      float: left; }
  .oj-md-only-float-start {
    float: left; }
    html[dir="rtl"] .oj-md-only-float-start {
      float: right; } }
@media print and (orientation: landscape), screen and (min-width: 1024px) and (max-width: 1280px) {
  
  .oj-lg-only-hide {
    display: none; }
  .oj-lg-only-margin-1x {
    margin: 5px; }
  .oj-lg-only-margin-1x-horizontal {
    margin-left: 5px;
    margin-right: 5px; }
  .oj-lg-only-margin-1x-vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  .oj-lg-only-margin-1x-top {
    margin-top: 5px; }
  .oj-lg-only-margin-1x-bottom {
    margin-bottom: 5px; }
  html:not([dir="rtl"]) .oj-lg-only-margin-1x-start {
    margin-left: 5px; }
  html[dir="rtl"] .oj-lg-only-margin-1x-start {
    margin-right: 5px; }
  html:not([dir="rtl"]) .oj-lg-only-margin-1x-end {
    margin-right: 5px; }
  html[dir="rtl"] .oj-lg-only-margin-1x-end {
    margin-left: 5px; }
  .oj-lg-only-padding-1x {
    padding: 5px; }
  .oj-lg-only-padding-1x-horizontal {
    padding-left: 5px;
    padding-right: 5px; }
  .oj-lg-only-padding-1x-vertical {
    padding-top: 5px;
    padding-bottom: 5px; }
  .oj-lg-only-padding-1x-top {
    padding-top: 5px; }
  .oj-lg-only-padding-1x-bottom {
    padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-lg-only-padding-1x-start {
    padding-left: 5px; }
  html[dir="rtl"] .oj-lg-only-padding-1x-start {
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-lg-only-padding-1x-end {
    padding-right: 5px; }
  html[dir="rtl"] .oj-lg-only-padding-1x-end {
    padding-left: 5px; }
  .oj-lg-only-margin-2x {
    margin: 10px; }
  .oj-lg-only-margin-2x-horizontal {
    margin-left: 10px;
    margin-right: 10px; }
  .oj-lg-only-margin-2x-vertical {
    margin-top: 10px;
    margin-bottom: 10px; }
  .oj-lg-only-margin-2x-top {
    margin-top: 10px; }
  .oj-lg-only-margin-2x-bottom {
    margin-bottom: 10px; }
  html:not([dir="rtl"]) .oj-lg-only-margin-2x-start {
    margin-left: 10px; }
  html[dir="rtl"] .oj-lg-only-margin-2x-start {
    margin-right: 10px; }
  html:not([dir="rtl"]) .oj-lg-only-margin-2x-end {
    margin-right: 10px; }
  html[dir="rtl"] .oj-lg-only-margin-2x-end {
    margin-left: 10px; }
  .oj-lg-only-padding-2x {
    padding: 10px; }
  .oj-lg-only-padding-2x-horizontal {
    padding-left: 10px;
    padding-right: 10px; }
  .oj-lg-only-padding-2x-vertical {
    padding-top: 10px;
    padding-bottom: 10px; }
  .oj-lg-only-padding-2x-top {
    padding-top: 10px; }
  .oj-lg-only-padding-2x-bottom {
    padding-bottom: 10px; }
  html:not([dir="rtl"]) .oj-lg-only-padding-2x-start {
    padding-left: 10px; }
  html[dir="rtl"] .oj-lg-only-padding-2x-start {
    padding-right: 10px; }
  html:not([dir="rtl"]) .oj-lg-only-padding-2x-end {
    padding-right: 10px; }
  html[dir="rtl"] .oj-lg-only-padding-2x-end {
    padding-left: 10px; }
  .oj-lg-only-margin-3x {
    margin: 15px; }
  .oj-lg-only-margin-3x-horizontal {
    margin-left: 15px;
    margin-right: 15px; }
  .oj-lg-only-margin-3x-vertical {
    margin-top: 15px;
    margin-bottom: 15px; }
  .oj-lg-only-margin-3x-top {
    margin-top: 15px; }
  .oj-lg-only-margin-3x-bottom {
    margin-bottom: 15px; }
  html:not([dir="rtl"]) .oj-lg-only-margin-3x-start {
    margin-left: 15px; }
  html[dir="rtl"] .oj-lg-only-margin-3x-start {
    margin-right: 15px; }
  html:not([dir="rtl"]) .oj-lg-only-margin-3x-end {
    margin-right: 15px; }
  html[dir="rtl"] .oj-lg-only-margin-3x-end {
    margin-left: 15px; }
  .oj-lg-only-padding-3x {
    padding: 15px; }
  .oj-lg-only-padding-3x-horizontal {
    padding-left: 15px;
    padding-right: 15px; }
  .oj-lg-only-padding-3x-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }
  .oj-lg-only-padding-3x-top {
    padding-top: 15px; }
  .oj-lg-only-padding-3x-bottom {
    padding-bottom: 15px; }
  html:not([dir="rtl"]) .oj-lg-only-padding-3x-start {
    padding-left: 15px; }
  html[dir="rtl"] .oj-lg-only-padding-3x-start {
    padding-right: 15px; }
  html:not([dir="rtl"]) .oj-lg-only-padding-3x-end {
    padding-right: 15px; }
  html[dir="rtl"] .oj-lg-only-padding-3x-end {
    padding-left: 15px; }
  .oj-lg-only-margin-4x {
    margin: 20px; }
  .oj-lg-only-margin-4x-horizontal {
    margin-left: 20px;
    margin-right: 20px; }
  .oj-lg-only-margin-4x-vertical {
    margin-top: 20px;
    margin-bottom: 20px; }
  .oj-lg-only-margin-4x-top {
    margin-top: 20px; }
  .oj-lg-only-margin-4x-bottom {
    margin-bottom: 20px; }
  html:not([dir="rtl"]) .oj-lg-only-margin-4x-start {
    margin-left: 20px; }
  html[dir="rtl"] .oj-lg-only-margin-4x-start {
    margin-right: 20px; }
  html:not([dir="rtl"]) .oj-lg-only-margin-4x-end {
    margin-right: 20px; }
  html[dir="rtl"] .oj-lg-only-margin-4x-end {
    margin-left: 20px; }
  .oj-lg-only-padding-4x {
    padding: 20px; }
  .oj-lg-only-padding-4x-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  .oj-lg-only-padding-4x-vertical {
    padding-top: 20px;
    padding-bottom: 20px; }
  .oj-lg-only-padding-4x-top {
    padding-top: 20px; }
  .oj-lg-only-padding-4x-bottom {
    padding-bottom: 20px; }
  html:not([dir="rtl"]) .oj-lg-only-padding-4x-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-lg-only-padding-4x-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-lg-only-padding-4x-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-lg-only-padding-4x-end {
    padding-left: 20px; }
  .oj-lg-only-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-lg-only-text-align-end {
      text-align: left; }
  .oj-lg-only-float-end {
    float: right; }
    html[dir="rtl"] .oj-lg-only-float-end {
      float: left; }
  .oj-lg-only-float-start {
    float: left; }
    html[dir="rtl"] .oj-lg-only-float-start {
      float: right; } }
.oj-mq-sm-up {
  font-family: "/print, screen/"; }
.oj-mq-md-up {
  font-family: "/print, screen and (min-width: 768px)/"; }
.oj-mq-lg-up {
  font-family: "/print and (orientation: landscape), screen and (min-width: 1024px)/"; }
.oj-mq-xl-up {
  font-family: "/screen and (min-width: 1281px)/"; }
.oj-mq-xxl-up {
  font-family: "/null/"; }
.oj-mq-sm-only {
  font-family: "/screen and (max-width: 767px)/"; }
.oj-mq-md-only {
  font-family: "/print and (orientation: portrait), screen and (min-width: 768px) and (max-width: 1023px)/"; }
.oj-mq-lg-only {
  font-family: "/print and (orientation: landscape), screen and (min-width: 1024px) and (max-width: 1280px)/"; }
.oj-mq-xl-only {
  font-family: "/null/"; }
.oj-mq-md-down {
  font-family: "/print and (orientation: portrait), screen and (max-width: 1023px)/"; }
.oj-mq-lg-down {
  font-family: "/print and (orientation: landscape), screen and (max-width: 1280px)/"; }
.oj-mq-xl-down {
  font-family: "/null/"; }
.oj-mq-high-resolution {
  font-family: "/(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx)/"; }
@media print, screen {
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-sm-label-nowrap,
  .oj-sm-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
  .oj-sm-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right; }
    html[dir="rtl"] .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label, html[dir="rtl"]
    .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
      text-align: left; }
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
    text-align: left; }
    html[dir="rtl"] .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
      text-align: right; }
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
    margin-top: 1px; }
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
    float: none; }
  html:not([dir="rtl"]) .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
    margin-left: 0;
    margin-right: 6px; }
  html[dir="rtl"] .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
    margin-right: 0;
    margin-left: 6px; }
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.4em;
    box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html:not([dir="rtl"])
    .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
      padding-right: 0.5em; }
    html[dir="rtl"] .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html[dir="rtl"]
    .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
      padding-left: 0.5em; }
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-label-inline-top,
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp.oj-label-for-non-control {
    margin-top: 0; }
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-radioset-label,
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item > .oj-checkboxset-label {
    margin-top: 0.19rem;
    margin-bottom: 0; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-sm-label-nowrap .oj-label-group,
  .oj-sm-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit; }
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit;
    line-height: 1.6em; }
  .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) >
.oj-label-nocomp:not(.oj-label-for-non-control) {
    line-height: 1.6em; }
  html:not([dir="rtl"]) .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
    padding-left: 0.5em; }
  html[dir="rtl"] .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
    padding-right: 0.5em; }
  html:not([dir="rtl"]) .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
    padding-right: 0.5em; }
  html[dir="rtl"] .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
    padding-left: 0.5em; }
  .oj-form.oj-sm-form-across > .oj-flex {
    padding-left: 0;
    padding-right: 0; }
  html:not([dir="rtl"]) .oj-form.oj-sm-form-across {
    padding-left: 0; }
  html[dir="rtl"] .oj-form.oj-sm-form-across {
    padding-right: 0; }
  html:not([dir="rtl"]) .oj-form.oj-sm-form-across > .oj-flex {
    padding-right: 0; }
  html[dir="rtl"] .oj-form.oj-sm-form-across > .oj-flex {
    padding-left: 0; }
  html:not([dir="rtl"]) .oj-form-layout:not(.oj-sm-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
    margin-left: 0.5em; }
  html[dir="rtl"] .oj-form-layout:not(.oj-sm-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
    margin-right: 0.5em; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-sm-label-inline {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right; }
    html[dir="rtl"] .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-sm-label-inline {
      text-align: left; }
  .oj-sm-label-inline .oj-label-required-icon {
    margin-top: 1px; }
  .oj-sm-label-inline .oj-label-required-icon,
  .oj-sm-label-inline .oj-label-help-icon,
  .oj-sm-label-inline.oj-label label,
  .oj-sm-label-inline .oj-label-help-icon-anchor {
    float: none; }
  html:not([dir="rtl"]) .oj-sm-label-inline .oj-label-required-icon, html:not([dir="rtl"])
  .oj-sm-label-inline .oj-label-help-icon {
    margin-left: 0;
    margin-right: 6px; }
  html[dir="rtl"] .oj-sm-label-inline .oj-label-required-icon, html[dir="rtl"]
  .oj-sm-label-inline .oj-label-help-icon {
    margin-right: 0;
    margin-left: 6px; }
  .oj-sm-label-inline.oj-label {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.4em;
    box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-sm-label-inline.oj-label {
      padding-right: 0.5em; }
    html[dir="rtl"] .oj-sm-label-inline.oj-label {
      padding-left: 0.5em; }
  .oj-sm-label-inline.oj-label-inline-top,
  .oj-sm-label-inline.oj-label-nocomp.oj-label-for-non-control {
    margin-top: 0; }
  .oj-sm-label-inline.oj-radioset-label,
  .oj-sm-label-inline.oj-checkboxset-label {
    margin-top: 0.19rem;
    margin-bottom: 0; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-sm-label-inline .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit;
    line-height: 1.6em; }
  html:not([dir="rtl"]) .oj-sm-label-inline.oj-label label {
    float: none; }
  html[dir="rtl"] .oj-sm-label-inline.oj-label label {
    float: none; } }
@media print, screen and (min-width: 768px) {
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-md-label-nowrap,
  .oj-md-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
  .oj-md-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right; }
    html[dir="rtl"] .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label, html[dir="rtl"]
    .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
      text-align: left; }
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
    text-align: left; }
    html[dir="rtl"] .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
      text-align: right; }
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
    margin-top: 1px; }
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
    float: none; }
  html:not([dir="rtl"]) .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
    margin-left: 0;
    margin-right: 6px; }
  html[dir="rtl"] .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
    margin-right: 0;
    margin-left: 6px; }
  .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
  .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.4em;
    box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html:not([dir="rtl"])
    .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
      padding-right: 0.5em; }
    html[dir="rtl"] .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html[dir="rtl"]
    .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
      padding-left: 0.5em; }
  .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-label-inline-top,
  .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp.oj-label-for-non-control {
    margin-top: 0; }
  .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-radioset-label,
  .oj-md-labels-inline > .oj-flex > .oj-flex-item > .oj-checkboxset-label {
    margin-top: 0.19rem;
    margin-bottom: 0; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-md-label-nowrap .oj-label-group,
  .oj-md-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit; }
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit;
    line-height: 1.6em; }
  .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) >
.oj-label-nocomp:not(.oj-label-for-non-control) {
    line-height: 1.6em; }
  html:not([dir="rtl"]) .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
    padding-left: 0.5em; }
  html[dir="rtl"] .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
    padding-right: 0.5em; }
  html:not([dir="rtl"]) .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
    padding-right: 0.5em; }
  html[dir="rtl"] .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
    padding-left: 0.5em; }
  .oj-form.oj-md-form-across > .oj-flex {
    padding-left: 0;
    padding-right: 0; }
  html:not([dir="rtl"]) .oj-form.oj-md-form-across {
    padding-left: 0; }
  html[dir="rtl"] .oj-form.oj-md-form-across {
    padding-right: 0; }
  html:not([dir="rtl"]) .oj-form.oj-md-form-across > .oj-flex {
    padding-right: 0; }
  html[dir="rtl"] .oj-form.oj-md-form-across > .oj-flex {
    padding-left: 0; }
  html:not([dir="rtl"]) .oj-form-layout:not(.oj-md-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
    margin-left: 0.5em; }
  html[dir="rtl"] .oj-form-layout:not(.oj-md-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
    margin-right: 0.5em; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-md-label-inline {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right; }
    html[dir="rtl"] .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-md-label-inline {
      text-align: left; }
  .oj-md-label-inline .oj-label-required-icon {
    margin-top: 1px; }
  .oj-md-label-inline .oj-label-required-icon,
  .oj-md-label-inline .oj-label-help-icon,
  .oj-md-label-inline.oj-label label,
  .oj-md-label-inline .oj-label-help-icon-anchor {
    float: none; }
  html:not([dir="rtl"]) .oj-md-label-inline .oj-label-required-icon, html:not([dir="rtl"])
  .oj-md-label-inline .oj-label-help-icon {
    margin-left: 0;
    margin-right: 6px; }
  html[dir="rtl"] .oj-md-label-inline .oj-label-required-icon, html[dir="rtl"]
  .oj-md-label-inline .oj-label-help-icon {
    margin-right: 0;
    margin-left: 6px; }
  .oj-md-label-inline.oj-label {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.4em;
    box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-md-label-inline.oj-label {
      padding-right: 0.5em; }
    html[dir="rtl"] .oj-md-label-inline.oj-label {
      padding-left: 0.5em; }
  .oj-md-label-inline.oj-label-inline-top,
  .oj-md-label-inline.oj-label-nocomp.oj-label-for-non-control {
    margin-top: 0; }
  .oj-md-label-inline.oj-radioset-label,
  .oj-md-label-inline.oj-checkboxset-label {
    margin-top: 0.19rem;
    margin-bottom: 0; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-md-label-inline .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit;
    line-height: 1.6em; }
  html:not([dir="rtl"]) .oj-md-label-inline.oj-label label {
    float: none; }
  html[dir="rtl"] .oj-md-label-inline.oj-label label {
    float: none; } }
@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-lg-label-nowrap,
  .oj-lg-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
  .oj-lg-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right; }
    html[dir="rtl"] .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label, html[dir="rtl"]
    .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
      text-align: left; }
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
    text-align: left; }
    html[dir="rtl"] .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
      text-align: right; }
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
    margin-top: 1px; }
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
    float: none; }
  html:not([dir="rtl"]) .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
    margin-left: 0;
    margin-right: 6px; }
  html[dir="rtl"] .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
    margin-right: 0;
    margin-left: 6px; }
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.4em;
    box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html:not([dir="rtl"])
    .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
      padding-right: 0.5em; }
    html[dir="rtl"] .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html[dir="rtl"]
    .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
      padding-left: 0.5em; }
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-label-inline-top,
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp.oj-label-for-non-control {
    margin-top: 0; }
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-radioset-label,
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item > .oj-checkboxset-label {
    margin-top: 0.19rem;
    margin-bottom: 0; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-lg-label-nowrap .oj-label-group,
  .oj-lg-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit; }
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit;
    line-height: 1.6em; }
  .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) >
.oj-label-nocomp:not(.oj-label-for-non-control) {
    line-height: 1.6em; }
  html:not([dir="rtl"]) .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
    padding-left: 0.5em; }
  html[dir="rtl"] .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
    padding-right: 0.5em; }
  html:not([dir="rtl"]) .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
    padding-right: 0.5em; }
  html[dir="rtl"] .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
    padding-left: 0.5em; }
  .oj-form.oj-lg-form-across > .oj-flex {
    padding-left: 0;
    padding-right: 0; }
  html:not([dir="rtl"]) .oj-form.oj-lg-form-across {
    padding-left: 0; }
  html[dir="rtl"] .oj-form.oj-lg-form-across {
    padding-right: 0; }
  html:not([dir="rtl"]) .oj-form.oj-lg-form-across > .oj-flex {
    padding-right: 0; }
  html[dir="rtl"] .oj-form.oj-lg-form-across > .oj-flex {
    padding-left: 0; }
  html:not([dir="rtl"]) .oj-form-layout:not(.oj-lg-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
    margin-left: 0.5em; }
  html[dir="rtl"] .oj-form-layout:not(.oj-lg-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
    margin-right: 0.5em; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-lg-label-inline {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right; }
    html[dir="rtl"] .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-lg-label-inline {
      text-align: left; }
  .oj-lg-label-inline .oj-label-required-icon {
    margin-top: 1px; }
  .oj-lg-label-inline .oj-label-required-icon,
  .oj-lg-label-inline .oj-label-help-icon,
  .oj-lg-label-inline.oj-label label,
  .oj-lg-label-inline .oj-label-help-icon-anchor {
    float: none; }
  html:not([dir="rtl"]) .oj-lg-label-inline .oj-label-required-icon, html:not([dir="rtl"])
  .oj-lg-label-inline .oj-label-help-icon {
    margin-left: 0;
    margin-right: 6px; }
  html[dir="rtl"] .oj-lg-label-inline .oj-label-required-icon, html[dir="rtl"]
  .oj-lg-label-inline .oj-label-help-icon {
    margin-right: 0;
    margin-left: 6px; }
  .oj-lg-label-inline.oj-label {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.4em;
    box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-lg-label-inline.oj-label {
      padding-right: 0.5em; }
    html[dir="rtl"] .oj-lg-label-inline.oj-label {
      padding-left: 0.5em; }
  .oj-lg-label-inline.oj-label-inline-top,
  .oj-lg-label-inline.oj-label-nocomp.oj-label-for-non-control {
    margin-top: 0; }
  .oj-lg-label-inline.oj-radioset-label,
  .oj-lg-label-inline.oj-checkboxset-label {
    margin-top: 0.19rem;
    margin-bottom: 0; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-lg-label-inline .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit;
    line-height: 1.6em; }
  html:not([dir="rtl"]) .oj-lg-label-inline.oj-label label {
    float: none; }
  html[dir="rtl"] .oj-lg-label-inline.oj-label label {
    float: none; } }
@media screen and (min-width: 1281px) {
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-xl-label-nowrap,
  .oj-xl-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
  .oj-xl-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right; }
    html[dir="rtl"] .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label, html[dir="rtl"]
    .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
      text-align: left; }
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
    text-align: left; }
    html[dir="rtl"] .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
      text-align: right; }
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
    margin-top: 1px; }
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
    float: none; }
  html:not([dir="rtl"]) .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
    margin-left: 0;
    margin-right: 6px; }
  html[dir="rtl"] .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
    margin-right: 0;
    margin-left: 6px; }
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.4em;
    box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html:not([dir="rtl"])
    .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
      padding-right: 0.5em; }
    html[dir="rtl"] .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html[dir="rtl"]
    .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
      padding-left: 0.5em; }
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-label-inline-top,
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp.oj-label-for-non-control {
    margin-top: 0; }
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-radioset-label,
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item > .oj-checkboxset-label {
    margin-top: 0.19rem;
    margin-bottom: 0; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-xl-label-nowrap .oj-label-group,
  .oj-xl-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit; }
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit;
    line-height: 1.6em; }
  .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) >
.oj-label-nocomp:not(.oj-label-for-non-control) {
    line-height: 1.6em; }
  html:not([dir="rtl"]) .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
    padding-left: 0.5em; }
  html[dir="rtl"] .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
    padding-right: 0.5em; }
  html:not([dir="rtl"]) .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
    padding-right: 0.5em; }
  html[dir="rtl"] .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
    padding-left: 0.5em; }
  .oj-form.oj-xl-form-across > .oj-flex {
    padding-left: 0;
    padding-right: 0; }
  html:not([dir="rtl"]) .oj-form.oj-xl-form-across {
    padding-left: 0; }
  html[dir="rtl"] .oj-form.oj-xl-form-across {
    padding-right: 0; }
  html:not([dir="rtl"]) .oj-form.oj-xl-form-across > .oj-flex {
    padding-right: 0; }
  html[dir="rtl"] .oj-form.oj-xl-form-across > .oj-flex {
    padding-left: 0; }
  html:not([dir="rtl"]) .oj-form-layout:not(.oj-xl-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
    margin-left: 0.5em; }
  html[dir="rtl"] .oj-form-layout:not(.oj-xl-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
    margin-right: 0.5em; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-xl-label-inline {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right; }
    html[dir="rtl"] .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-xl-label-inline {
      text-align: left; }
  .oj-xl-label-inline .oj-label-required-icon {
    margin-top: 1px; }
  .oj-xl-label-inline .oj-label-required-icon,
  .oj-xl-label-inline .oj-label-help-icon,
  .oj-xl-label-inline.oj-label label,
  .oj-xl-label-inline .oj-label-help-icon-anchor {
    float: none; }
  html:not([dir="rtl"]) .oj-xl-label-inline .oj-label-required-icon, html:not([dir="rtl"])
  .oj-xl-label-inline .oj-label-help-icon {
    margin-left: 0;
    margin-right: 6px; }
  html[dir="rtl"] .oj-xl-label-inline .oj-label-required-icon, html[dir="rtl"]
  .oj-xl-label-inline .oj-label-help-icon {
    margin-right: 0;
    margin-left: 6px; }
  .oj-xl-label-inline.oj-label {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.4em;
    box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-xl-label-inline.oj-label {
      padding-right: 0.5em; }
    html[dir="rtl"] .oj-xl-label-inline.oj-label {
      padding-left: 0.5em; }
  .oj-xl-label-inline.oj-label-inline-top,
  .oj-xl-label-inline.oj-label-nocomp.oj-label-for-non-control {
    margin-top: 0; }
  .oj-xl-label-inline.oj-radioset-label,
  .oj-xl-label-inline.oj-checkboxset-label {
    margin-top: 0.19rem;
    margin-bottom: 0; }
  .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-xl-label-inline .oj-label-group {
    width: inherit;
    overflow: inherit;
    text-overflow: inherit;
    line-height: 1.6em; }
  html:not([dir="rtl"]) .oj-xl-label-inline.oj-label label {
    float: none; }
  html[dir="rtl"] .oj-xl-label-inline.oj-label label {
    float: none; } }
@media screen and (max-width: 767px) {
  .oj-form-layout.oj-sm-only-flex-direction-column > .oj-flex-item:not(:last-child) > .oj-form > .oj-flex:last-child {
    border-width: 0 0 0 0; } }
@media print and (orientation: portrait), screen and (min-width: 768px) and (max-width: 1023px) {
  .oj-form-layout.oj-md-only-flex-direction-column > .oj-flex-item:not(:last-child) > .oj-form > .oj-flex:last-child {
    border-width: 0 0 0 0; } }
@media print and (orientation: landscape), screen and (min-width: 1024px) and (max-width: 1280px) {
  .oj-form-layout.oj-lg-only-flex-direction-column > .oj-flex-item:not(:last-child) > .oj-form > .oj-flex:last-child {
    border-width: 0 0 0 0; } }
.oj-applayout-fixed-top, .oj-hybrid-applayout-navbar-fixed-top,
.oj-applayout-fixed-bottom,
.oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid-applayout-navbar {
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  z-index: 100; }
.oj-applayout-fixed-top, .oj-hybrid-applayout-navbar-fixed-top {
  top: 0; }
.oj-applayout-fixed-bottom, .oj-hybrid-applayout-navbar-fixed-bottom, .oj-hybrid-applayout-navbar {
  bottom: 0; }
.oj-hybrid {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }
.oj-hybrid input,
.oj-hybrid textarea {
  -ms-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text; }
.oj-hybrid-padding {
  padding: 0.625rem; }
.oj-hybrid-padding-vertical {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }
.oj-hybrid-padding-horizontal {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
.oj-hybrid-padding-top {
  padding-top: 0.625rem; }
.oj-hybrid-padding-bottom {
  padding-bottom: 0.625rem; }
html:not([dir="rtl"]) .oj-hybrid-padding-start {
  padding-left: 0.625rem; }
html[dir="rtl"] .oj-hybrid-padding-start {
  padding-right: 0.625rem; }
html:not([dir="rtl"]) .oj-hybrid-padding-end, html:not([dir="rtl"]) .oj-hybrid-applayout-header > .oj-flex-bar-start, html:not([dir="rtl"]) .oj-hybrid-applayout-header-no-border > .oj-flex-bar-start {
  padding-right: 0.625rem; }
html[dir="rtl"] .oj-hybrid-padding-end, html[dir="rtl"] .oj-hybrid-applayout-header > .oj-flex-bar-start, html[dir="rtl"] .oj-hybrid-applayout-header-no-border > .oj-flex-bar-start {
  padding-left: 0.625rem; }
.oj-hybrid-applayout-offcanvas {
  width: 90%;
  max-width: 320px;
  background-color: #323334;
  color: white;
  box-shadow: 3px 2px 7px hsla(0, 0%, 0%,0.5);
  box-sizing: border-box; }
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-offcanvas {
  padding-top: 0px;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top); }
html:not([dir="rtl"]) .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-offcanvas .oj-navigationlist-item-element {
  margin-left: 0px;
  margin-left: constant(safe-area-inset-left);
  margin-left: env(safe-area-inset-left); }
html[dir="rtl"] .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-offcanvas .oj-navigationlist-item-element {
  margin-right: 0px;
  margin-right: constant(safe-area-inset-right);
  margin-right: env(safe-area-inset-right); }
.oj-hybrid-applayout-page {
  min-height: 100vh;
  background-color: white; }
.oj-hybrid-applayout-header, .oj-hybrid-applayout-header-no-border {
  box-shadow: none;
  border-bottom: 1px solid #e5e6e6;
  background-color: #f2f2f3;
  padding: 0 0.625rem 0 0.625rem; }
.oj-hybrid-applayout-header::before, .oj-hybrid-applayout-header-no-border::before {
  content: "";
  display: inline-block;
  min-height: 44px;
  visibility: hidden; }
.oj-hybrid-applayout-header-title {
  font-weight: normal;
  font-size: 1.125rem;
  color: rgba(0, 0, 0, 0.8);
  padding: 0;
  margin: 0; }
.oj-hybrid-applayout-header-no-border {
  border-style: none;
  box-shadow: none; }
.oj-hybrid-applayout-header .oj-button, .oj-hybrid-applayout-header-no-border .oj-button,
.oj-hybrid-applayout-header .oj-button-button, .oj-hybrid-applayout-header-no-border .oj-button-button {
  margin-bottom: 0; }
html:not([dir="rtl"]) .oj-hybrid-applayout-header .oj-flex-bar-start > .oj-button:first-child, html:not([dir="rtl"]) .oj-hybrid-applayout-header-no-border .oj-flex-bar-start > .oj-button:first-child {
  margin-left: -0.57143rem; }
html[dir="rtl"] .oj-hybrid-applayout-header .oj-flex-bar-start > .oj-button:first-child, html[dir="rtl"] .oj-hybrid-applayout-header-no-border .oj-flex-bar-start > .oj-button:first-child {
  margin-right: -0.57143rem; }
html:not([dir="rtl"]) .oj-hybrid-applayout-header .oj-flex-bar-end > .oj-button:last-child, html:not([dir="rtl"]) .oj-hybrid-applayout-header-no-border .oj-flex-bar-end > .oj-button:last-child {
  margin-right: -0.57143rem; }
html[dir="rtl"] .oj-hybrid-applayout-header .oj-flex-bar-end > .oj-button:last-child, html[dir="rtl"] .oj-hybrid-applayout-header-no-border .oj-flex-bar-end > .oj-button:last-child {
  margin-left: -0.57143rem; }
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-header, .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-header-no-border {
  padding-top: 20px;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  min-height: 64px; }
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-header .oj-hybrid-applayout-header-title, .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-header-no-border .oj-hybrid-applayout-header-title {
  margin-top: 20px;
  margin-top: constant(safe-area-inset-top);
  margin-top: env(safe-area-inset-top); }
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-page .oj-hybrid-applayout-content {
  padding-left: 0px;
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
  padding-right: 0px;
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right); }
.oj-hybrid-applayout-footer {
  min-height: 48px;
  border-top: 1px solid #e5e6e6;
  background-color: #f2f2f3; }
.oj-hybrid-applayout-toolbar-stretch oj-button {
  display: flex; }
.oj-hybrid-applayout-toolbar-stretch .oj-button,
.oj-hybrid-applayout-toolbar-stretch .oj-button-button {
  flex: 1 1 auto;
  min-height: 48px;
  box-sizing: border-box;
  margin: 0; }
.oj-hybrid-applayout-navbar-page, .oj-hybrid-applayout-navbar-fixed-top,
.oj-hybrid-applayout-navbar-app,
.oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid-applayout-navbar {
  background-color: #f2f2f3; }
.oj-applayout-fixed-top .oj-hybrid-applayout-navbar-page, .oj-hybrid-applayout-navbar-fixed-top .oj-hybrid-applayout-navbar-page, .oj-applayout-fixed-top .oj-hybrid-applayout-navbar-fixed-top, .oj-hybrid-applayout-navbar-fixed-top .oj-hybrid-applayout-navbar-fixed-top,
.oj-applayout-fixed-top .oj-hybrid-applayout-navbar-app, .oj-hybrid-applayout-navbar-fixed-top .oj-hybrid-applayout-navbar-app,
.oj-applayout-fixed-top .oj-hybrid-applayout-navbar-fixed-bottom, .oj-hybrid-applayout-navbar-fixed-top .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-applayout-fixed-top .oj-hybrid-applayout-navbar, .oj-hybrid-applayout-navbar-fixed-top .oj-hybrid-applayout-navbar {
  box-shadow: none;
  border-bottom: 1px solid #e5e6e6; }
.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-page, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-page, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-page, .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-fixed-top, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-fixed-top, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-fixed-top,
.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-app, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-app, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-app,
.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar {
  box-shadow: none;
  border-top: 1px solid #e5e6e6; }
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-footer, .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-footer, .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-footer,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-page,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-page,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-page,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-fixed-top,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-fixed-top,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-fixed-top,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-app,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-app,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-app,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar {
  padding-bottom: 0px;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom); }
.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-app .oj-navigationlist-item.oj-selected, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-app .oj-navigationlist-item.oj-selected, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-app .oj-navigationlist-item.oj-selected, .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom .oj-navigationlist-item.oj-selected, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom .oj-navigationlist-item.oj-selected, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-fixed-bottom .oj-navigationlist-item.oj-selected, .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar .oj-navigationlist-item.oj-selected, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar .oj-navigationlist-item.oj-selected, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar .oj-navigationlist-item.oj-selected,
.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-app .oj-navigationlist-item.oj-hover, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-app .oj-navigationlist-item.oj-hover, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-app .oj-navigationlist-item.oj-hover,
.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom .oj-navigationlist-item.oj-hover, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom .oj-navigationlist-item.oj-hover, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-fixed-bottom .oj-navigationlist-item.oj-hover,
.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar .oj-navigationlist-item.oj-hover, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar .oj-navigationlist-item.oj-hover, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar .oj-navigationlist-item.oj-hover {
  border-color: transparent; }
.oj-web-applayout-body {
  overflow-y: scroll; }
.oj-web-applayout-offcanvas {
  width: 90%;
  max-width: 320px;
  background-color: #323334;
  color: white; }
.oj-web-applayout-offcanvas-icon {
  font-size: 24px; }
.oj-web-applayout-page {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 100vh; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .oj-web-applayout-page {
    height: 100vh;
    min-height: 0; } }
_:-ms-lang(x), _:-webkit-full-screen .oj-web-applayout-page {
  height: auto;
  min-height: 100vh; }
.oj-web-applayout-max-width {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1440px;
  box-sizing: border-box; }
.oj-web-applayout-header,
.oj-web-applayout-footer,
.oj-web-applayout-navbar,
.oj-web-applayout-header + .oj-progress-bar-embedded {
  flex: 0 0 auto; }
.oj-web-applayout-header {
  z-index: 1;
  background-color: #f2f2f3;
  box-shadow: 0 3px 3px hsla(0, 0%, 0%,0.1); }
html:not([dir="rtl"]) .oj-web-applayout-header .oj-flex-bar-start {
  padding-right: 10px; }
html[dir="rtl"] .oj-web-applayout-header .oj-flex-bar-start {
  padding-left: -10px; }
.oj-slow-boxshadow .oj-web-applayout-header {
  border-bottom: 1px solid #e5e6e6; }
.oj-web-applayout-header .oj-button,
.oj-web-applayout-header .oj-button-button {
  margin-bottom: 0; }
.oj-web-applayout-header > div:first-child {
  box-sizing: border-box; }
.oj-web-applayout-header > div:first-child::before {
  content: "";
  display: inline-block;
  min-height: 3.143rem;
  visibility: hidden; }
.oj-web-applayout-header > div,
.oj-web-applayout-footer > div {
  padding-left: 20px;
  padding-right: 20px; }
html:not([dir="rtl"]) .oj-web-applayout-header .oj-flex-bar-start > .oj-button:first-child {
  margin-left: -0.57143rem; }
html[dir="rtl"] .oj-web-applayout-header .oj-flex-bar-start > .oj-button:first-child {
  margin-right: -0.57143rem; }
html:not([dir="rtl"]) .oj-web-applayout-header .oj-flex-bar-start > .oj-button.oj-button-lg:first-child {
  margin-left: -0.85714rem; }
html[dir="rtl"] .oj-web-applayout-header .oj-flex-bar-start > .oj-button.oj-button-lg:first-child {
  margin-right: -0.85714rem; }
html:not([dir="rtl"]) .oj-web-applayout-header .oj-flex-bar-end > .oj-button:last-child, html:not([dir="rtl"])
.oj-web-applayout-header .oj-flex-bar-end > .oj-toolbar:last-child {
  margin-right: -0.57143rem; }
html[dir="rtl"] .oj-web-applayout-header .oj-flex-bar-end > .oj-button:last-child, html[dir="rtl"]
.oj-web-applayout-header .oj-flex-bar-end > .oj-toolbar:last-child {
  margin-left: -0.57143rem; }
.oj-web-applayout-header-title {
  font-size: 1.14286rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.7);
  font-weight: normal;
  line-height: 0;
  padding: 0;
  margin: 0; }
.oj-web-applayout-navbar .oj-navigationlist-icon-only {
  padding-bottom: 3px; }
.oj-sm-web-padding-horizontal, .oj-web-padding {
  padding-left: 20px;
  padding-right: 20px; }
html:not([dir="rtl"]) .oj-sm-web-padding-start {
  padding-left: 20px; }
html[dir="rtl"] .oj-sm-web-padding-start {
  padding-right: 20px; }
html:not([dir="rtl"]) .oj-sm-web-padding-end {
  padding-right: 20px; }
html[dir="rtl"] .oj-sm-web-padding-end {
  padding-left: 20px; }
.oj-sm-web-padding-top,
.oj-sm-web-padding-vertical,
.oj-web-padding,
.oj-web-applayout-content {
  padding-top: 10px; }
.oj-sm-web-padding-bottom,
.oj-sm-web-padding-vertical,
.oj-web-padding,
.oj-web-applayout-content {
  padding-bottom: 10px; }
@media screen and (max-width: 767px) {
  .oj-sm-only-web-padding-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-sm-only-web-padding-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-sm-only-web-padding-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-sm-only-web-padding-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-sm-only-web-padding-end {
    padding-left: 20px; }
  .oj-sm-only-web-padding-top,
  .oj-sm-only-web-padding-vertical {
    padding-top: 10px; }
  .oj-sm-only-web-padding-bottom,
  .oj-sm-only-web-padding-vertical {
    padding-bottom: 10px; } }
@media print, screen and (min-width: 768px) {
  .oj-md-web-padding-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-md-web-padding-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-md-web-padding-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-md-web-padding-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-md-web-padding-end {
    padding-left: 20px; }
  .oj-md-web-padding-top,
  .oj-md-web-padding-vertical {
    padding-top: 10px; }
  .oj-md-web-padding-bottom,
  .oj-md-web-padding-vertical {
    padding-bottom: 10px; } }
@media print and (orientation: portrait), screen and (min-width: 768px) and (max-width: 1023px) {
  .oj-md-only-web-padding-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-md-only-web-padding-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-md-only-web-padding-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-md-only-web-padding-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-md-only-web-padding-end {
    padding-left: 20px; }
  .oj-md-only-web-padding-top,
  .oj-md-only-web-padding-vertical {
    padding-top: 10px; }
  .oj-md-only-web-padding-bottom,
  .oj-md-only-web-padding-vertical {
    padding-bottom: 10px; } }
@media print and (orientation: portrait), screen and (max-width: 1023px) {
  .oj-md-down-web-padding-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-md-down-web-padding-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-md-down-web-padding-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-md-down-web-padding-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-md-down-web-padding-end {
    padding-left: 20px; }
  .oj-md-down-web-padding-top,
  .oj-md-down-web-padding-vertical {
    padding-top: 10px; }
  .oj-md-down-web-padding-bottom,
  .oj-md-down-web-padding-vertical {
    padding-bottom: 10px; } }
@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-lg-web-padding-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-lg-web-padding-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-lg-web-padding-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-lg-web-padding-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-lg-web-padding-end {
    padding-left: 20px; }
  .oj-lg-web-padding-top,
  .oj-lg-web-padding-vertical {
    padding-top: 10px; }
  .oj-lg-web-padding-bottom,
  .oj-lg-web-padding-vertical {
    padding-bottom: 10px; } }
@media print and (orientation: landscape), screen and (min-width: 1024px) and (max-width: 1280px) {
  .oj-lg-only-web-padding-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-lg-only-web-padding-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-lg-only-web-padding-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-lg-only-web-padding-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-lg-only-web-padding-end {
    padding-left: 20px; }
  .oj-lg-only-web-padding-top,
  .oj-lg-only-web-padding-vertical {
    padding-top: 10px; }
  .oj-lg-only-web-padding-bottom,
  .oj-lg-only-web-padding-vertical {
    padding-bottom: 10px; } }
@media print and (orientation: landscape), screen and (max-width: 1280px) {
  .oj-lg-down-web-padding-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-lg-down-web-padding-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-lg-down-web-padding-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-lg-down-web-padding-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-lg-down-web-padding-end {
    padding-left: 20px; }
  .oj-lg-down-web-padding-top,
  .oj-lg-down-web-padding-vertical {
    padding-top: 10px; }
  .oj-lg-down-web-padding-bottom,
  .oj-lg-down-web-padding-vertical {
    padding-bottom: 10px; } }
@media screen and (min-width: 1281px) {
  .oj-xl-web-padding-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-xl-web-padding-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-xl-web-padding-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-xl-web-padding-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-xl-web-padding-end {
    padding-left: 20px; }
  .oj-xl-web-padding-top,
  .oj-xl-web-padding-vertical {
    padding-top: 10px; }
  .oj-xl-web-padding-bottom,
  .oj-xl-web-padding-vertical {
    padding-bottom: 10px; } }
.oj-web-applayout-content-nopad, .oj-web-applayout-content {
  flex: 1 0 auto; }
.oj-web-applayout-content {
  padding-left: 10px;
  padding-right: 10px; }
.oj-web-applayout-footer {
  min-height: 3.571rem;
  border-top: 1px solid #e5e6e6;
  background-color: #f2f2f3;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px; }
.oj-web-applayout-footer-item {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 auto; }
@media screen and (max-width: 767px) {
  .oj-web-applayout-footer-item {
    justify-content: center;
    text-align: center; } }
.oj-web-applayout-footer ul {
  margin: 0; }
  html:not([dir="rtl"]) .oj-web-applayout-footer ul {
    padding-left: 0; }
  html[dir="rtl"] .oj-web-applayout-footer ul {
    padding-right: 0; }
.oj-web-applayout-footer li {
  list-style: none;
  display: inline-block; }
  html:not([dir="rtl"]) .oj-web-applayout-footer li {
    margin-right: 10px;
    margin-left: 0;
    padding-right: 10px;
    border-right: 1px solid #e5e6e6; }
  html[dir="rtl"] .oj-web-applayout-footer li {
    margin-left: 5px;
    margin-right: 0;
    padding-left: 5px;
    border-left: 1px solid #e5e6e6; }
html:not([dir="rtl"]) .oj-web-applayout-footer li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none; }
html[dir="rtl"] .oj-web-applayout-footer li:last-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none; }
oj-file-picker:not(.oj-complete) {
  visibility: hidden; }
.oj-filepicker {
  display: block; }
.oj-filepicker-custom {
  display: inline-block; }
.oj-filepicker:not(.oj-filepicker-custom) {
  max-width: 400px;
  width: 100%; }
.oj-filepicker-dropzone {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  box-sizing: border-box;
  border-width: 2px;
  border-style: dashed;
  border-color: #e5e6e6;
  border-radius: 2px;
  background-color: #fcfcfd; }
.oj-filepicker-dropzone.oj-valid-drop,
.oj-filepicker-dropzone:active {
  padding: 1px;
  border-width: 1px;
  background-color: #b3d7ee; }
.oj-filepicker-dropzone:not(.oj-focus-highlight):focus {
  outline: none; }
.oj-filepicker-text {
  font-size: 1.28571rem;
  color: #02629f;
  text-align: center;
  padding: 10px; }
oj-progress-list:not(.oj-complete) {
  visibility: hidden; }
.oj-progresslist {
  display: block; }
.oj-progresslist-item {
  padding: 4px 10px 4px 12px; }
.oj-progresslist-info {
  padding-left: 10px;
  padding-right: 10px; }
.oj-progresslist-error-message {
  color: #BA0006; }
.oj-progressstatus-done-icon {
  background-size: 1452px 66px;
  background-position: -1335px -3px;
  width: 24px;
  height: 24px; }
.oj-progressstatus-error-icon {
  background-size: 1452px 66px;
  background-position: -1365px -3px;
  width: 24px;
  height: 24px; }
.oj-progressstatus-cancel-icon {
  padding: 4px; }
.oj-progressstatus-cell {
  width: 24px;
  height: 24px; }
oj-avatar:not(.oj-complete) {
  visibility: hidden; }
oj-avatar {
  display: inline-block; }
:not(.oj-hicontrast) .oj-avatar-background-image .oj-avatar-initials {
  opacity: 0; }
.oj-hicontrast .oj-avatar-background-image .oj-avatar-initials {
  opacity: 1; }
.oj-avatar-background-image {
  background-size: cover;
  background-position: center center;
  width: 100%;
  border-radius: 50%;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  display: flex; }
.oj-avatar-outer {
  border-radius: 50%;
  border: 1px solid #707375;
  background-color: #707375;
  box-sizing: border-box;
  display: block;
  position: relative; }
.oj-avatar-inner {
  border-radius: 50%;
  color: white;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  display: flex; }
.oj-avatar-has-initials .oj-avatar-inner {
  background-color: #707375; }
.oj-avatar-outer::after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 0px solid transparent;
  box-sizing: border-box; }
.oj-avatar-initials {
  text-overflow: ellipsis;
  overflow: hidden; }
.oj-avatar-placeholder {
  background-repeat: no-repeat;
  border-radius: 50%; }
.oj-avatar-xxs.oj-avatar-has-initials .oj-avatar-inner,
.oj-avatar-xs.oj-avatar-has-initials .oj-avatar-inner {
  background-image: linear-gradient(transparent, transparent); }
.oj-avatar-xxs.oj-avatar-has-initials.oj-avatar-outer::after,
.oj-avatar-xs.oj-avatar-has-initials.oj-avatar-outer::after {
  border-color: transparent;
  top: -1px;
  left: -1px; }
.oj-avatar-xxs.oj-avatar-outer {
  padding: 0; }
.oj-avatar-xxs.oj-avatar-has-initials.oj-avatar-outer::after {
  width: 34px;
  height: 34px;
  border-width: 1px; }
.oj-avatar-xxs .oj-avatar-inner {
  font-size: 12px;
  width: 32px;
  height: 32px; }
.oj-avatar-xxs .oj-avatar-placeholder {
  background-size: 332px 52px;
  background-position: -150px -2px;
  width: 32px;
  height: 32px; }
.oj-avatar-group-image .oj-avatar-xxs .oj-avatar-placeholder {
  background-size: 332px 52px;
  background-position: -62px -2px;
  width: 32px;
  height: 32px; }
.oj-avatar-xs.oj-avatar-outer {
  padding: 0; }
.oj-avatar-xs.oj-avatar-has-initials.oj-avatar-outer::after {
  width: 38px;
  height: 38px;
  border-width: 1px; }
.oj-avatar-xs .oj-avatar-inner {
  font-size: 14px;
  width: 36px;
  height: 36px; }
.oj-avatar-xs .oj-avatar-placeholder {
  background-size: 373.5px 58.5px;
  background-position: -168.75px -2.25px;
  width: 36px;
  height: 36px; }
.oj-avatar-group-image .oj-avatar-xs .oj-avatar-placeholder {
  background-size: 373.5px 58.5px;
  background-position: -69.75px -2.25px;
  width: 36px;
  height: 36px; }
.oj-avatar-sm.oj-avatar-outer {
  padding: 0; }
.oj-avatar-sm .oj-avatar-inner {
  height: 54px;
  width: 54px;
  font-size: 18px; }
.oj-avatar-sm .oj-avatar-placeholder {
  background-size: 560.25px 87.75px;
  background-position: -253.125px -3.375px;
  width: 54px;
  height: 54px; }
.oj-avatar-group-image .oj-avatar-sm .oj-avatar-placeholder {
  background-size: 560.25px 87.75px;
  background-position: -104.625px -3.375px;
  width: 54px;
  height: 54px; }
.oj-avatar-outer {
  padding: 0; }
.oj-avatar-inner {
  height: 72px;
  width: 72px;
  font-size: 24px; }
.oj-avatar-placeholder {
  background-size: 747px 117px;
  background-position: -337.5px -4.5px;
  width: 72px;
  height: 72px; }
.oj-avatar-group-image .oj-avatar-placeholder {
  background-size: 747px 117px;
  background-position: -139.5px -4.5px;
  width: 72px;
  height: 72px; }
.oj-avatar-lg.oj-avatar-outer {
  padding: 0; }
.oj-avatar-lg .oj-avatar-inner {
  height: 104px;
  width: 104px;
  font-size: 36px; }
.oj-avatar-lg .oj-avatar-placeholder {
  background-size: 1079px 169px;
  background-position: -487.5px -6.5px;
  width: 104px;
  height: 104px; }
.oj-avatar-group-image .oj-avatar-lg .oj-avatar-placeholder {
  background-size: 1079px 169px;
  background-position: -201.5px -6.5px;
  width: 104px;
  height: 104px; }
.oj-avatar-xl.oj-avatar-outer {
  padding: 0; }
.oj-avatar-xl .oj-avatar-inner {
  height: 192px;
  width: 192px;
  font-size: 72px; }
.oj-avatar-xl .oj-avatar-placeholder {
  background-size: 1992px 312px;
  background-position: -900px -12px;
  width: 192px;
  height: 192px; }
.oj-avatar-group-image .oj-avatar-xl .oj-avatar-placeholder {
  background-size: 1992px 312px;
  background-position: -372px -12px;
  width: 192px;
  height: 192px; }
.oj-avatar-xxl.oj-avatar-outer,
.oj-avatar-xl.oj-avatar-outer {
  border-width: 2px; }
.oj-avatar-xxl.oj-avatar-outer {
  padding: 0; }
.oj-avatar-xxl .oj-avatar-inner {
  height: 256px;
  width: 256px;
  font-size: 96px; }
.oj-avatar-xxl .oj-avatar-placeholder {
  background-size: 2656px 416px;
  background-position: -1200px -16px;
  width: 256px;
  height: 256px; }
.oj-avatar-group-image .oj-avatar-xxl .oj-avatar-placeholder {
  background-size: 2656px 416px;
  background-position: -496px -16px;
  width: 256px;
  height: 256px; }
.oj-icon-circle {
  border-radius: 50%;
  border: 0px solid transparent;
  box-sizing: border-box;
  display: inline-block; }
.oj-icon-circle-border.oj-icon-circle {
  border-color: #707375;
  background-color: white;
  border-width: 1px; }
.oj-icon-circle-inner {
  border-radius: 50%;
  color: white;
  background-color: #707375;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  display: flex; }
.oj-icon-xxs.oj-icon-circle.oj-icon-circle-border {
  padding: 2px; }
.oj-icon-xxs .oj-icon-circle-inner {
  height: 32px;
  width: 32px;
  font-size: 16px; }
.oj-icon-xs.oj-icon-circle.oj-icon-circle-border {
  padding: 3px; }
.oj-icon-xs .oj-icon-circle-inner {
  height: 48px;
  width: 48px;
  font-size: 24px; }
.oj-icon-sm.oj-icon-circle.oj-icon-circle-border {
  padding: 4px; }
.oj-icon-sm .oj-icon-circle-inner {
  height: 64px;
  width: 64px;
  font-size: 32px; }
.oj-icon-circle.oj-icon-circle-border {
  padding: 4px; }
.oj-icon-circle-inner {
  height: 96px;
  width: 96px;
  font-size: 48px; }
.oj-icon-lg.oj-icon-circle.oj-icon-circle-border {
  padding: 5px; }
.oj-icon-lg .oj-icon-circle-inner {
  height: 144px;
  width: 144px;
  font-size: 72px; }
.oj-icon-xl.oj-icon-circle.oj-icon-circle-border {
  padding: 6px; }
.oj-icon-xl .oj-icon-circle-inner {
  height: 192px;
  width: 192px;
  font-size: 96px; }
.oj-icon-xl.oj-icon-circle.oj-icon-circle-border,
.oj-icon-xxl.oj-icon-circle.oj-icon-circle-border {
  border-width: 2px; }
.oj-icon-xxl.oj-icon-circle.oj-icon-circle-border {
  padding: 8px; }
.oj-icon-xxl .oj-icon-circle-inner {
  height: 256px;
  width: 256px;
  font-size: 128px; }
oj-module:not(.oj-complete) {
  visibility: hidden; }
oj-module {
  display: block; }