/*



!**-------------------------------------------------------------->*!

!*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css *!
!* Document
       ========================================================================== *!
!**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in iOS.
     *!
html {
    -webkit-text-size-adjust: 100%;
    !* 2 *! }

!* Sections
       ========================================================================== *!
!**
     * Remove the margin in all browsers.
     *!
body {
    margin: 0; }

!**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     *!
h1 {
    font-size: 2em;
    margin: 0.67em 0; }

!* Grouping content
       ========================================================================== *!
!**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     *!
hr {
    box-sizing: content-box;
    !* 1 *!
    height: 0;
    !* 1 *!
    overflow: visible;
    !* 2 *! }

!**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     *!
pre {
    font-family: monospace, monospace;
    !* 1 *!
    font-size: 1em;
    !* 2 *! }

!* Text-level semantics
       ========================================================================== *!
!**
     * 1. Remove the bottom border in Chrome 57-
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     *!
abbr[title] {
    border-bottom: none;
    !* 1 *!
    text-decoration: underline;
    !* 2 *!
    !* autoprefixer: ignore next *!
    text-decoration: underline dotted;
    !* 2 *! }

!**
     * Add the correct font weight in Chrome, Edge, and Safari.
     *!
b,
strong {
    font-weight: bolder; }

!**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     *!
code,
kbd,
samp {
    font-family: monospace, monospace;
    !* 1 *!
    font-size: 1em;
    !* 2 *! }

!**
     * Add the correct font size in all browsers.
     *!
small {
    font-size: 80%; }

!**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     *!
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

sub {
    bottom: -0.25em; }

sup {
    top: -0.5em; }

!* Forms
       ========================================================================== *!
!**
     * 1. Change the font styles in all browsers.
     * 2. Remove the margin in Firefox and Safari.
     *!
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    !* 1 *!
    font-size: 100%;
    !* 1 *!
    margin: 0;
    !* 2 *! }

!**
     * Show the overflow in IE.
     * 1. Show the overflow in Edge.
     *!
button,
input {
    !* 1 *!
    overflow: visible; }

!**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     *!
button,
select {
    !* 1 *!
    text-transform: none; }

!**
     * Correct the inability to style clickable types in iOS and Safari.
     *!
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; }

!**
     * Remove the inner border and padding in Firefox.
     *!
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }

!**
     * Restore the focus styles unset by the previous rule.
     *!
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

!**
     * Correct the padding in Firefox.
     *!
fieldset {
    padding: 0.35em 0.75em 0.625em; }

!**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     *!
legend {
    box-sizing: border-box;
    !* 1 *!
    color: inherit;
    !* 2 *!
    display: table;
    !* 1 *!
    max-width: 100%;
    !* 1 *!
    padding: 0;
    !* 3 *!
    white-space: normal;
    !* 1 *! }

!**
     * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     *!
progress {
    vertical-align: baseline; }

!**
     * Remove the default vertical scrollbar in IE 10+.
     *!
textarea {
    overflow: auto; }

!**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     *!
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto; }

!**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     *!
[type="search"] {
    -webkit-appearance: textfield;
    !* 1 *!
    outline-offset: -2px;
    !* 2 *! }

!**
     * Remove the inner padding in Chrome and Safari on macOS.
     *!
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

!**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     *!
::-webkit-file-upload-button {
    -webkit-appearance: button;
    !* 1 *!
    font: inherit;
    !* 2 *! }

!* Interactive
       ========================================================================== *!
!*
     * Add the correct display in Edge, IE 10+, and Firefox.
     *!
details {
    display: block; }

!*
     * Add the correct display in all browsers.
     *!
summary {
    display: list-item; }

!* Misc
       ========================================================================== *!
!**
     * Add the correct display in IE 10+.
     *!
template {
    display: none; }

!* helpers
  ----------------------------------*!
[data-bind*="ojComponent"]:not(.oj-component-initnode) {
    visibility: hidden; }

.oj-theme-json {
    font-family: '{"name":"fif","targetPlatform":"android"}'; }

.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; }

!* Used by the framework's support for detecting resize *!
.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; }

!* aligns text left by default, aligns right when dir="rtl" is set on html element
     NOTE: this uses !important, it can therefore be used to override a previously set value *!
.oj-helper-text-align-start {
    text-align: left !important; }
html[dir="rtl"] .oj-helper-text-align-start {
    text-align: right !important; }

!* aligns text right by default, aligns left when dir="rtl" is set on html element
     NOTE: this uses !important, it can therefore be used to override a previously set value *!
.oj-helper-text-align-end {
    text-align: right !important; }
html[dir="rtl"] .oj-helper-text-align-end {
    text-align: left !important; }

!* Sets the start margin, equivalent to setting
     margin-left: auto in ltr languages and margin-right: auto in rtl languages *!
html:not([dir="rtl"]) .oj-helper-margin-start-auto {
    margin-left: auto; }

html[dir="rtl"] .oj-helper-margin-start-auto {
    margin-right: auto; }

!* Sets the end margin, equivalent to setting
     margin-right: auto in ltr languages and margin-left: auto in rtl languages *!
html:not([dir="rtl"]) .oj-helper-margin-end-auto {
    margin-right: auto; }

html[dir="rtl"] .oj-helper-margin-end-auto {
    margin-left: auto; }

!* aligns text right
     NOTE: this uses !important, it can therefore be used to override a previously set value *!
.oj-helper-text-align-right {
    text-align: right !important; }

!* aligns text left
     NOTE: this uses !important, it can therefore be used to override a previously set value *!
.oj-helper-text-align-left {
    text-align: left !important; }

!* Used by the ojModule binding on a DIV that will hold cached Views *!
.oj-helper-module-cache {
    position: absolute;
    display: none; }

.oj-focus-config {
    font-family: '{"focusHighlightPolicy":"nonPointer"}'; }

!* justifies flex content start
     NOTE: this uses !important, it can therefore be used to override a previously set value *!
.oj-helper-justify-content-flex-start {
    justify-content: flex-start !important; }

!* justifies flex content end
     NOTE: this uses !important, it can therefore be used to override a previously set value *!
.oj-helper-justify-content-flex-end {
    justify-content: flex-end !important; }

!* justifies flex content center
     NOTE: this uses !important, it can therefore be used to override a previously set value *!
.oj-helper-justify-content-center {
    justify-content: center !important; }

!* justifies flex content space between
     NOTE: this uses !important, it can therefore be used to override a previously set value *!
.oj-helper-justify-content-space-between {
    justify-content: space-between !important; }

!* justifies flex content space around
     NOTE: this uses !important, it can therefore be used to override a previously set value *!
.oj-helper-justify-content-space-around {
    justify-content: space-around !important; }

!* justifies flex content right
     NOTE: this uses !important, it can therefore be used to override a previously set value *!
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; }

!* justifies flex content left
     NOTE: this uses !important, it can therefore be used to override a previously set value *!
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.75rem;
    --oj-small-font-size: 0.875rem;
    --oj-medium-font-size: 1.25rem;
    --oj-large-font-size: 1.5rem;
    --oj-largest-font-size: 2.125rem;
    --oj-text-color: black;
    --oj-primary-text-color: black;
    --oj-secondary-text-color: rgba(0, 0, 0, 0.6);
    --oj-tertiary-text-color: rgba(0, 0, 0, 0.6);
    --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.8);
    --oj-link-text-color: #02629f;
    --oj-link-text-color-active: #02629f;
    --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: none;
    --oj-link-font-weight-active: normal;
    --oj-link-bg-color-active: #cbcccd;
    --oj-icon-color: black;
    --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 *!
!* --------------------------------------------------------------- *!
html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em; }

!* body *!
!* --------------------------------------------------------------- *!
body {
    background-repeat: repeat;
    background-position: top left;
    background-image: none;
    color: black;
    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: none; }

a:active {
    color: #02629f;
    font-weight: normal;
    background-color: #cbcccd;
    border-radius: 2px; }

a.oj-disabled {
    color: rgba(0, 0, 0, 0.38);
    opacity: 0.5;
    cursor: default;
    text-decoration: none; }

!* header *!
!* --------------------------------------------------------------- *!
h1, h2, h3, h4, h5 {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
    font-family: inherit;
    font-style: normal;
    margin: 8px 0;
    padding: 0 0 2px; }

h1 {
    font-size: 2.125rem;
    font-weight: 500; }

h2 {
    font-size: 1.5rem;
    font-weight: 500; }

h3 {
    font-size: 1.25rem;
    font-weight: 500; }

h4 {
    font-size: 1rem;
    font-weight: 500; }

h5 {
    font-size: 0.875rem;
    font-weight: 500; }

!* hr *!
!* --------------------------------------------------------------- *!
hr {
    border: solid #e5e6e6;
    border-width: 1px 0 0;
    margin: 7px 0; }

!* p *!
!* --------------------------------------------------------------- *!
p {
    margin: 0 0 12px 0; }

.oj-header-border {
    border: solid #e5e6e6;
    border-width: 0 0 1px;
    padding: 0 0 7px; }

!* lists *!
!* --------------------------------------------------------------- *!
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.75rem; }

.oj-text-sm {
    font-size: 0.875rem; }

.oj-text-primary-color {
    color: black; }

.oj-text-secondary-color {
    color: rgba(0, 0, 0, 0.6); }

.oj-text-tertiary-color {
    color: rgba(0, 0, 0, 0.6); }

.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; }

!* as of jet 4.0 oj-margin* and oj-padding* are deprecated in favor of responsive versions of these classes *!
.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 {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((0px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(16px * 1);
    height: calc(16px * 1); }

.oj-hicontrast .oj-fwk-icon-document {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-document:before {
    content: url("../../alta/6.1.0/common/images/document.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-document {
        background-image: none; }
    .oj-fwk-icon-document:before {
        content: url("../../alta/6.1.0/common/images/document.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-folder-collapsed {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-20px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(16px * 1);
    height: calc(16px * 1); }

.oj-hicontrast .oj-fwk-icon-folder-collapsed {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-folder-collapsed:before {
    content: url("../../alta/6.1.0/common/images/folder_collapsed.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-folder-collapsed {
        background-image: none; }
    .oj-fwk-icon-folder-collapsed:before {
        content: url("../../alta/6.1.0/common/images/folder_collapsed.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-folder-open {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-40px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(16px * 1);
    height: calc(16px * 1); }

.oj-hicontrast .oj-fwk-icon-folder-open {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-folder-open:before {
    content: url("../../alta/6.1.0/common/images/folder_open.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-folder-open {
        background-image: none; }
    .oj-fwk-icon-folder-open:before {
        content: url("../../alta/6.1.0/common/images/folder_open.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-group-avatar {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-60px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(32px * 1);
    height: calc(32px * 1); }

.oj-hicontrast .oj-fwk-icon-group-avatar {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-group-avatar:before {
    content: url("../../alta/6.1.0/common/images/group_avatar.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-group-avatar {
        background-image: none; }
    .oj-fwk-icon-group-avatar:before {
        content: url("../../alta/6.1.0/common/images/group_avatar.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-none {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-96px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.oj-hicontrast .oj-fwk-icon-none {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-none:before {
    content: url("../../alta/6.1.0/common/images/none.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-none {
        background-image: none; }
    .oj-fwk-icon-none:before {
        content: url("../../alta/6.1.0/common/images/none.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-person-avatar {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-148px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(32px * 1);
    height: calc(32px * 1); }

.oj-hicontrast .oj-fwk-icon-person-avatar {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-person-avatar:before {
    content: url("../../alta/6.1.0/common/images/person_avatar.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-person-avatar {
        background-image: none; }
    .oj-fwk-icon-person-avatar:before {
        content: url("../../alta/6.1.0/common/images/person_avatar.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-status-confirmation, .oj-message-status-icon.oj-message-confirmation-icon {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-184px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(20px * 1);
    height: calc(20px * 1); }

.oj-hicontrast .oj-fwk-icon-status-confirmation, .oj-hicontrast .oj-message-status-icon.oj-message-confirmation-icon {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-status-confirmation:before, .oj-hicontrast .oj-message-status-icon.oj-message-confirmation-icon:before {
    content: url("../../alta/6.1.0/common/images/status_confirmation.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-status-confirmation, .oj-message-status-icon.oj-message-confirmation-icon {
        background-image: none; }
    .oj-fwk-icon-status-confirmation:before, .oj-message-status-icon.oj-message-confirmation-icon:before {
        content: url("../../alta/6.1.0/common/images/status_confirmation.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-status-confirmation2 {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-208px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(9px * 1);
    height: calc(9px * 1); }

.oj-hicontrast .oj-fwk-icon-status-confirmation2 {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-status-confirmation2:before {
    content: url("../../alta/6.1.0/common/images/status_confirmation2.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-status-confirmation2 {
        background-image: none; }
    .oj-fwk-icon-status-confirmation2:before {
        content: url("../../alta/6.1.0/common/images/status_confirmation2.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-status-error, .oj-message-status-icon.oj-message-error-icon {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-221px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(20px * 1);
    height: calc(20px * 1); }

.oj-hicontrast .oj-fwk-icon-status-error, .oj-hicontrast .oj-message-status-icon.oj-message-error-icon {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-status-error:before, .oj-hicontrast .oj-message-status-icon.oj-message-error-icon:before {
    content: url("../../alta/6.1.0/common/images/status_error.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-status-error, .oj-message-status-icon.oj-message-error-icon {
        background-image: none; }
    .oj-fwk-icon-status-error:before, .oj-message-status-icon.oj-message-error-icon:before {
        content: url("../../alta/6.1.0/common/images/status_error.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-status-error2 {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-245px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(9px * 1);
    height: calc(9px * 1); }

.oj-hicontrast .oj-fwk-icon-status-error2 {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-status-error2:before {
    content: url("../../alta/6.1.0/common/images/status_error2.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-status-error2 {
        background-image: none; }
    .oj-fwk-icon-status-error2:before {
        content: url("../../alta/6.1.0/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("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-258px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(20px * 1);
    height: calc(20px * 1); }

.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("../../alta/6.1.0/common/images/status_info.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/common/images/status_info.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-status-info2 {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-282px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(9px * 1);
    height: calc(9px * 1); }

.oj-hicontrast .oj-fwk-icon-status-info2 {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-status-info2:before {
    content: url("../../alta/6.1.0/common/images/status_info2.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-status-info2 {
        background-image: none; }
    .oj-fwk-icon-status-info2:before {
        content: url("../../alta/6.1.0/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("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-295px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(20px * 1);
    height: calc(20px * 1); }

.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("../../alta/6.1.0/common/images/status_warning.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/common/images/status_warning.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-status-warning2 {
    background-image: url("../../alta/6.1.0/common/images/sprites/sprite.svg");
    background-size: calc(332px * 1) calc(52px * 1);
    background-position: calc((-319px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(9px * 1);
    height: calc(9px * 1); }

.oj-hicontrast .oj-fwk-icon-status-warning2 {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-status-warning2:before {
    content: url("../../alta/6.1.0/common/images/status_warning2.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-status-warning2 {
        background-image: none; }
    .oj-fwk-icon-status-warning2:before {
        content: url("../../alta/6.1.0/common/images/status_warning2.svg");
        width: 100%;
        height: 100%; } }

!* Icons
    --------------------------------------------------------------------*!
@font-face {
    font-family: 'Alta Icon Font';
    src: url("../../alta/6.1.0/android/fonts/JetFW_iconfont.woff") format("woff"); }
*/

/*--------------------------------------------------------------------
    /  Generic style that can be used for widget images
    /  You can use the mixin ("oj-icon-content") to generate
    /  a class with additions/overrides
    /
    /  For example let's say you used the mixin ("oj-icon-content") to
    /  generate a class ".binky-icon". You
    /  could then put class="oj-icon binky-icon" on your dom element.
    --------------------------------------------------------------------*/
/*
.oj-fwk-icon, .oj-panel-drag-icon, .oj-panel-expand-icon, .oj-panel-collapse-icon, .oj-panel-remove-icon, .oj-listview-drag-handle,
.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: black;
    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-component-icon:before,
.oj-popup-tail.oj-popup-tail-simple:before {
    display: inline-block; }
*/
/*

!*--------------------------------------------------------------------
    /  Generic style that can be used for images
    /  App developers can use the mixin ("oj-icon-content") to generate
    /  a class with additions/overrides
    /
    /  For example let's say you used the mixin ("oj-icon-content") to
    /  generate a class ".binky-icon". You
    /  could then put class="oj-icon binky-icon" on your dom element.
    --------------------------------------------------------------------*!
.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: 0.5; }

.oj-fwk-icon-load:before, .oj-listview-expanding-icon:before {
    content: url("../../alta/6.1.0/common/images/node_anim.gif"); }

.oj-fwk-icon-status-confirmation, .oj-message-status-icon.oj-message-confirmation-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-fwk-icon-folder-open,
.oj-fwk-icon-folder-collapsed,
.oj-fwk-icon-document {
    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; }

!* Icon Font Icons =========== *!
.oj-fwk-icon-cross:before, .oj-panel-remove-icon:before, .oj-tabbar-remove-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-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 {
    content: "\e609"; }

.oj-fwk-icon-calendar-clock:before {
    content: "\e616"; }

.oj-fwk-icon-clock:before {
    content: "\e60a"; }

.oj-fwk-icon-help:before, .oj-label-help-icon:before {
    content: "\e60b"; }

.oj-fwk-icon-hamburger: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-corner-drag:before {
    content: "\e619"; }

.oj-fwk-icon-checkmark:before, .oj-train-icon.oj-confirmation:before {
    content: "\e903"; }

.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: "\e905"; }

.oj-fwk-icon-dots-vertical:before, .oj-navigationlist-overflow-item-icon:before, .oj-tabbar-overflow-item-icon:before,
.oj-fwk-icon-dots-horizontal:before {
    content: "\e618"; }

.oj-fwk-icon-dots-horizontal:before {
    content: "\e618";
    transform: rotate(-90deg); }

.oj-fwk-icon-minimize:before, .oj-panel-collapse-icon:before {
    content: "\e614"; }
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: "\e615"; }
html[dir="rtl"] .oj-fwk-icon-maximize:before, html[dir="rtl"] .oj-panel-expand-icon:before {
    transform: scale(-1, 1); }

.oj-fwk-icon-arrowtail-w:before, .oj-fwk-icon-arrowtail-e:before, html[dir="rtl"] .oj-fwk-icon-arrowtail-start:before, html[dir="rtl"] .oj-fwk-icon-back:before, html[dir="rtl"] .oj-hybrid-applayout-header-icon-back:before, html[dir="rtl"] .oj-navigationlist-previous-icon:before, html:not([dir="rtl"]) .oj-fwk-icon-arrowtail-end:before, html:not([dir="rtl"]) .oj-fwk-icon-next: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, .oj-fwk-icon-arrowtail-n:before, .oj-fwk-icon-arrowtail-s:before, html:not([dir="rtl"]) .oj-fwk-icon-arrowtail-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-navigationlist-previous-icon:before, html[dir="rtl"] .oj-fwk-icon-arrowtail-end:before, html[dir="rtl"] .oj-fwk-icon-next:before, html[dir="rtl"] .oj-navigationlist-slider .oj-navigationlist-collapse-icon:before, .oj-navigationlist-slider html[dir="rtl"] .oj-navigationlist-collapse-icon:before {
    content: "\e613"; }

.oj-fwk-icon-arrowtail-e:before, html[dir="rtl"] .oj-fwk-icon-arrowtail-start:before, html[dir="rtl"] .oj-fwk-icon-back:before, html[dir="rtl"] .oj-hybrid-applayout-header-icon-back:before, html[dir="rtl"] .oj-navigationlist-previous-icon:before, html:not([dir="rtl"]) .oj-fwk-icon-arrowtail-end:before, html:not([dir="rtl"]) .oj-fwk-icon-next: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 {
    transform: scale(-1, 1); }

.oj-fwk-icon-arrowtail-n:before {
    transform: rotate(90deg); }

.oj-fwk-icon-arrowtail-s:before {
    transform: scale(-1, 1) rotate(-90deg); }

.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-listview-collapse-icon:before, .oj-fwk-icon-arrow-n:before, .oj-fwk-icon-arrow-s:before, .oj-listview-expand-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-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-listview-collapse-icon:before {
    transform: scale(-1, 1); }

.oj-fwk-icon-arrow-n:before {
    transform: rotate(-90deg); }

.oj-fwk-icon-arrow-s:before, .oj-listview-expand-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, .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 {
    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 {
    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, .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, .oj-button-menu-dropdown-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 {
    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 {
    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, .oj-fwk-icon-arrow03-n:before, .oj-fwk-icon-arrow03-s: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 {
    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 {
    transform: scale(-1, 1); }

.oj-fwk-icon-arrow03-n:before {
    transform: rotate(-90deg); }

.oj-fwk-icon-arrow03-s: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, .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 {
    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 {
    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-filmstrip-arrow-icon.oj-bottom:before, .oj-navigationlist-collapsible .oj-navigationlist-expand-icon:before, .oj-fwk-icon-caret-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-start:before, html:not([dir="rtl"]) .oj-filmstrip-arrow-icon.oj-start:before, html[dir="rtl"] .oj-fwk-icon-caret-end:before, html[dir="rtl"] .oj-filmstrip-arrow-icon.oj-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-caret-n:before, .oj-filmstrip-arrow-icon.oj-top:before, html[dir="rtl"] .oj-fwk-icon-caret-start:before, html[dir="rtl"] .oj-filmstrip-arrow-icon.oj-start:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-end:before, html:not([dir="rtl"]) .oj-filmstrip-arrow-icon.oj-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 {
    content: "\e605"; }

.oj-fwk-icon-caret-s:before, .oj-filmstrip-arrow-icon.oj-bottom:before, .oj-navigationlist-collapsible .oj-navigationlist-expand-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-filmstrip-arrow-icon.oj-start:before, html[dir="rtl"] .oj-fwk-icon-caret-end:before, html[dir="rtl"] .oj-filmstrip-arrow-icon.oj-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); }

.oj-fwk-icon-caret-n:before, .oj-filmstrip-arrow-icon.oj-top: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-menu-submenu-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-menu-submenu-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-menu-submenu-icon:before {
    transform: scale(-1, 1); }

.oj-fwk-icon-caret03-n:before {
    transform: rotate(-90deg); }

.oj-fwk-icon-cbsingle-hover-selected {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((0px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.oj-hicontrast .oj-fwk-icon-cbsingle-hover-selected {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-cbsingle-hover-selected:before {
    content: url("../../alta/6.1.0/android/images/cbsingle_hover_selected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-cbsingle-hover-selected {
        background-image: none; }
    .oj-fwk-icon-cbsingle-hover-selected:before {
        content: url("../../alta/6.1.0/android/images/cbsingle_hover_selected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-cbsingle-hover-unselected {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-52px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.oj-hicontrast .oj-fwk-icon-cbsingle-hover-unselected {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-cbsingle-hover-unselected:before {
    content: url("../../alta/6.1.0/android/images/cbsingle_hover_unselected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-cbsingle-hover-unselected {
        background-image: none; }
    .oj-fwk-icon-cbsingle-hover-unselected:before {
        content: url("../../alta/6.1.0/android/images/cbsingle_hover_unselected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-checkbox-dis-selected, .oj-checkboxset .oj-disabled.oj-selected .oj-radiocheckbox-icon {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-104px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.oj-hicontrast .oj-fwk-icon-checkbox-dis-selected, .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("../../alta/6.1.0/android/images/checkbox_dis_selected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-checkbox-dis-selected, .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("../../alta/6.1.0/android/images/checkbox_dis_selected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-checkbox-dis-unselected, .oj-checkboxset .oj-disabled .oj-radiocheckbox-icon {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-156px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.oj-hicontrast .oj-fwk-icon-checkbox-dis-unselected, .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("../../alta/6.1.0/android/images/checkbox_dis_unselected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-checkbox-dis-unselected, .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("../../alta/6.1.0/android/images/checkbox_dis_unselected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-checkbox-ena-selected, .oj-checkboxset .oj-selected .oj-radiocheckbox-icon {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-208px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.oj-hicontrast .oj-fwk-icon-checkbox-ena-selected, .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("../../alta/6.1.0/android/images/checkbox_ena_selected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-checkbox-ena-selected, .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("../../alta/6.1.0/android/images/checkbox_ena_selected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-checkbox-ena-unselected, .oj-checkboxset .oj-radiocheckbox-icon {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-260px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.oj-hicontrast .oj-fwk-icon-checkbox-ena-unselected, .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("../../alta/6.1.0/android/images/checkbox_ena_unselected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-checkbox-ena-unselected, .oj-checkboxset .oj-radiocheckbox-icon {
        background-image: none; }
    .oj-fwk-icon-checkbox-ena-unselected:before, .oj-checkboxset .oj-radiocheckbox-icon:before {
        content: url("../../alta/6.1.0/android/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("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-312px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.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("../../alta/6.1.0/android/images/checkbox_pressed_selected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/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("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-364px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.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("../../alta/6.1.0/android/images/checkbox_pressed_unselected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/checkbox_pressed_unselected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-checkbox-tristate-partial {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-416px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(18px * 1);
    height: calc(18px * 1); }

.oj-hicontrast .oj-fwk-icon-checkbox-tristate-partial {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-checkbox-tristate-partial:before {
    content: url("../../alta/6.1.0/android/images/checkbox_tristate_partial.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-checkbox-tristate-partial {
        background-image: none; }
    .oj-fwk-icon-checkbox-tristate-partial:before {
        content: url("../../alta/6.1.0/android/images/checkbox_tristate_partial.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-checkbox-tristate-selected {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-438px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(18px * 1);
    height: calc(18px * 1); }

.oj-hicontrast .oj-fwk-icon-checkbox-tristate-selected {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-checkbox-tristate-selected:before {
    content: url("../../alta/6.1.0/android/images/checkbox_tristate_selected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-checkbox-tristate-selected {
        background-image: none; }
    .oj-fwk-icon-checkbox-tristate-selected:before {
        content: url("../../alta/6.1.0/android/images/checkbox_tristate_selected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-checkbox-tristate-unselected {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-460px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(18px * 1);
    height: calc(18px * 1); }

.oj-hicontrast .oj-fwk-icon-checkbox-tristate-unselected {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-checkbox-tristate-unselected:before {
    content: url("../../alta/6.1.0/android/images/checkbox_tristate_unselected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-checkbox-tristate-unselected {
        background-image: none; }
    .oj-fwk-icon-checkbox-tristate-unselected:before {
        content: url("../../alta/6.1.0/android/images/checkbox_tristate_unselected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-menuitemcheckbox-dis-selected {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-482px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(24px * 1);
    height: calc(24px * 1); }

.oj-hicontrast .oj-fwk-icon-menuitemcheckbox-dis-selected {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-menuitemcheckbox-dis-selected:before {
    content: url("../../alta/6.1.0/android/images/menuitemcheckbox_dis_selected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-menuitemcheckbox-dis-selected {
        background-image: none; }
    .oj-fwk-icon-menuitemcheckbox-dis-selected:before {
        content: url("../../alta/6.1.0/android/images/menuitemcheckbox_dis_selected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-menuitemcheckbox-dis-unselected {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-510px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(24px * 1);
    height: calc(24px * 1); }

.oj-hicontrast .oj-fwk-icon-menuitemcheckbox-dis-unselected {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-menuitemcheckbox-dis-unselected:before {
    content: url("../../alta/6.1.0/android/images/menuitemcheckbox_dis_unselected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-menuitemcheckbox-dis-unselected {
        background-image: none; }
    .oj-fwk-icon-menuitemcheckbox-dis-unselected:before {
        content: url("../../alta/6.1.0/android/images/menuitemcheckbox_dis_unselected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-menuitemcheckbox-ena-selected {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-538px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(24px * 1);
    height: calc(24px * 1); }

.oj-hicontrast .oj-fwk-icon-menuitemcheckbox-ena-selected {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-menuitemcheckbox-ena-selected:before {
    content: url("../../alta/6.1.0/android/images/menuitemcheckbox_ena_selected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-menuitemcheckbox-ena-selected {
        background-image: none; }
    .oj-fwk-icon-menuitemcheckbox-ena-selected:before {
        content: url("../../alta/6.1.0/android/images/menuitemcheckbox_ena_selected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-menuitemcheckbox-ena-unselected {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-566px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(24px * 1);
    height: calc(24px * 1); }

.oj-hicontrast .oj-fwk-icon-menuitemcheckbox-ena-unselected {
    background-image: none; }

.oj-hicontrast .oj-fwk-icon-menuitemcheckbox-ena-unselected:before {
    content: url("../../alta/6.1.0/android/images/menuitemcheckbox_ena_unselected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@media print, (max-resolution: 0.99dppx) {
    .oj-fwk-icon-menuitemcheckbox-ena-unselected {
        background-image: none; }
    .oj-fwk-icon-menuitemcheckbox-ena-unselected:before {
        content: url("../../alta/6.1.0/android/images/menuitemcheckbox_ena_unselected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-move-handle, .oj-listview-drag-handle {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-594px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(36px * 1);
    height: calc(21px * 1); }

.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("../../alta/6.1.0/android/images/move_handle.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/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("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-634px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.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("../../alta/6.1.0/android/images/radio_dis_selected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/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("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-686px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.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("../../alta/6.1.0/android/images/radio_dis_unselected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/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("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-738px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.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("../../alta/6.1.0/android/images/radio_ena_selected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/radio_ena_selected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-radio-ena-unselected, .oj-radioset .oj-radiocheckbox-icon {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-790px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.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("../../alta/6.1.0/android/images/radio_ena_unselected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/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("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-842px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.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("../../alta/6.1.0/android/images/radio_pressed_selected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/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("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-894px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(48px * 1);
    height: calc(48px * 1); }

.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("../../alta/6.1.0/android/images/radio_pressed_unselected.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/radio_pressed_unselected.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-spinner-00, .oj-pulltorefresh-icon-initial {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-946px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(40px * 1);
    height: calc(40px * 1); }

.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("../../alta/6.1.0/android/images/spinner_00.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/spinner_00.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-spinner-10, .oj-pulltorefresh-icon-10-percent {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-990px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(40px * 1);
    height: calc(40px * 1); }

.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("../../alta/6.1.0/android/images/spinner_10.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/spinner_10.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-spinner-20, .oj-pulltorefresh-icon-20-percent {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-1034px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(40px * 1);
    height: calc(40px * 1); }

.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("../../alta/6.1.0/android/images/spinner_20.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/spinner_20.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-spinner-30, .oj-pulltorefresh-icon-30-percent {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-1078px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(40px * 1);
    height: calc(40px * 1); }

.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("../../alta/6.1.0/android/images/spinner_30.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/spinner_30.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-spinner-40, .oj-pulltorefresh-icon-40-percent {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-1122px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(40px * 1);
    height: calc(40px * 1); }

.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("../../alta/6.1.0/android/images/spinner_40.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/spinner_40.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-spinner-50, .oj-pulltorefresh-icon-50-percent {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-1166px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(40px * 1);
    height: calc(40px * 1); }

.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("../../alta/6.1.0/android/images/spinner_50.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/spinner_50.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-spinner-60, .oj-pulltorefresh-icon-60-percent {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-1210px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(40px * 1);
    height: calc(40px * 1); }

.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("../../alta/6.1.0/android/images/spinner_60.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/spinner_60.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-spinner-70, .oj-pulltorefresh-icon-70-percent {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-1254px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(40px * 1);
    height: calc(40px * 1); }

.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("../../alta/6.1.0/android/images/spinner_70.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/spinner_70.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-spinner-80, .oj-pulltorefresh-icon-80-percent {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-1298px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(40px * 1);
    height: calc(40px * 1); }

.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("../../alta/6.1.0/android/images/spinner_80.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/spinner_80.svg");
        width: 100%;
        height: 100%; } }

.oj-fwk-icon-spinner-90, .oj-pulltorefresh-icon-90-percent {
    background-image: url("../../alta/6.1.0/android/images/sprites/sprite.svg");
    background-size: calc(1386px * 1) calc(52px * 1);
    background-position: calc((-1342px - 2px) * 1) calc((0px - 2px) * 1);
    width: calc(40px * 1);
    height: calc(40px * 1); }

.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("../../alta/6.1.0/android/images/spinner_90.svg");
    width: 100%;
    height: 100%; }

!* autoprefixer: ignore next *!
@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("../../alta/6.1.0/android/images/spinner_90.svg");
        width: 100%;
        height: 100%; } }

.oj-panel {
    border: 1px solid #e0e1e1;
    background-color: white;
    border-radius: 2px;
    padding: 0.5rem;
    box-sizing: border-box;
    overflow: hidden;
    position: relative; }

.oj-panel-alt1 {
    background-color: #f2f2f3;
    border-color: #cbcccd; }

.oj-panel-alt2 {
    background-color: #dae9f5;
    border-color: #aed8fa; }

.oj-panel-alt3 {
    background-color: #fef9e8;
    border-color: #fef3ce; }

.oj-panel-alt4 {
    background-color: #ffe4e1;
    border-color: #ffcdc8; }

.oj-panel-alt5 {
    background-color: #ededee;
    border-color: #cbcccd; }

.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: calc(0px - 0.5rem);
    margin-left: calc(0px - 0.5rem);
    margin-right: calc(0px - 0.5rem); }

.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.25rem; }
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; }

!* filmstrip *!
!* --------------------------------------------------------------- *!
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); }

!* navigation arrows *!
.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.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    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: transparent;
    background-image: none;
    border-color: transparent; }

.oj-filmstrip-arrow.oj-active,
.oj-filmstrip-arrow.oj-active.oj-hover {
    background-color: #02629f;
    background-image: none;
    border-color: #02629f;
    opacity: 1; }

!* navigation arrow icons *!
.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: #02629f; }

.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; }

!* train *!
!* --------------------------------------------------------------- *!
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; }

!* Class that can be added to stretch train to container size *!
.oj-train-stretch .oj-train-wrapper {
    width: 100%; }

!* Wrapper class that contains step connector and fill *!
.oj-train-connector-wrapper {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding: 0 calc(112px / 2); }

!* Classes that define the bar connecting the steps *!
.oj-train-connector,
.oj-train-connector-fill {
    position: relative;
    height: calc(1px * 0);
    width: 100%;
    top: calc((24px - 1px) / 2);
    box-sizing: border-box; }

.oj-train-connector {
    background-color: #cbcccd; }

!* Shades in the connector to the position of the selected step *!
.oj-train-connector-fill {
    background-color: transparent;
    margin-top: calc(0px - 1px); }

!* Connector circle behind the individual step buttons which matches the connector *!
.oj-train-button-connector {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-color: #cbcccd;
    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: calc(1px * (1 - 0));
    width: calc(100% - 24px - 10px * 2);
    top: calc((24px + 1px) / 2);
    background-color: #cbcccd; }
html:not([dir="rtl"]) .oj-train-step-individual-connector {
    left: calc(50% + 24px / 2 + 10px); }
html[dir="rtl"] .oj-train-step-individual-connector {
    right: calc(50% + 24px / 2 + 10px); }

.oj-train-step-individual-connector.oj-train-connector-before-selected-step {
    background-color: #cbcccd;
    width: calc(100% - 24px - 10px * 2); }
html:not([dir="rtl"]) .oj-train-step-individual-connector.oj-train-connector-before-selected-step {
    left: calc(50% + 24px / 2 + 10px); }
html[dir="rtl"] .oj-train-step-individual-connector.oj-train-connector-before-selected-step {
    right: calc(50% + 24px / 2 + 10px); }

!* Inividual step buttons that are used for train navigation *!
.oj-train-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    width: 24px;
    height: 24px;
    margin: calc((24px - 24px) / 2);
    border-radius: 50%; }

.oj-train-button.oj-default {
    border-color: #707375;
    background-color: #707375; }

.oj-train-button.oj-visited {
    border-color: #027bc7;
    background-color: #027bc7; }

.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: #cbcccd;
    background-color: #cbcccd;
    cursor: default; }

.oj-train-button.oj-active,
.oj-train-button.oj-hover.oj-active {
    background-color: #e5e6e6;
    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: calc(12px * 1);
    font-weight: normal;
    color: white;
    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: #027bc7; }

.oj-train-button.oj-disabled .oj-train-button-text {
    color: white; }

.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: inherit;
    color: white; }

.oj-train-button.oj-selected .oj-train-button-text {
    color: white; }

.oj-train-step-list {
    margin: 0;
    padding: 0; }

!* Class for each li that stores the label and button information for each step in the train *!
.oj-train-step-list-item {
    font-size: 1rem;
    width: 112px;
    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: 13px; }

.oj-train-label {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.6);
    text-align: center; }

.oj-train-label.oj-visited {
    color: rgba(0, 0, 0, 0.6); }

.oj-train-label.oj-disabled {
    text-decoration: none;
    font-weight: normal;
    color: black;
    opacity: 0.5; }

.oj-train-label.oj-active,
.oj-train-label.oj-hover.oj-active {
    text-decoration: none;
    font-weight: bold;
    cursor: pointer; }

.oj-train-label.oj-hover {
    cursor: pointer; }

.oj-train-label.oj-selected {
    text-decoration: none;
    cursor: default;
    font-weight: bold; }

.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: 24px;
    height: 24px;
    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: #cbcccd;
    border-color: #cbcccd; }

.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: #027bc7; }

.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: calc(24px / 2); }

.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: calc(1px / 2) solid; }

!* button *!
!* --------------------------------------------------------------- *!
oj-button:not(.oj-complete) {
    visibility: hidden; }

[hidden].oj-button {
    display: none; }

.oj-button {
    height: 2.25rem;
    margin-bottom: 4px;
    font-size: 1.125rem;
    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; }

!* The root element of toggle (radio and checkbox) buttons *!
.oj-button-toggle {
    position: relative; }

!* The <label> of toggle (radio and checkbox) buttons or <div> of <button> type buttons*!
.oj-button-label,
.oj-button-label oj-option {
    cursor: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }

!* The <input> of toggle (radio and checkbox) buttons *!
.oj-button-input {
    left: 0;
    top: 0; }

!* "oj-button-icon oj-start" is applied to the button's start icon, if any.
       "oj-button-icon oj-end" is applied to the button's end icon, if any.  *!
.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: 1.5rem;
    line-height: 1.5rem;
    font-size: 1.125rem; }

.oj-button.oj-button-lg,
.oj-buttonset.oj-button-lg .oj-button-jqui {
    height: 2.875rem;
    line-height: 2.875rem;
    font-size: 1.25rem; }

.oj-button.oj-button-xl,
.oj-buttonset.oj-button-xl .oj-button-jqui {
    height: 3.25rem;
    line-height: 3.25rem;
    font-size: 1.375rem; }

.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; }

!* Full-chrome buttons have chrome (background and border) in all states (default,
     * focus-only, disabled, hover, active, selected, ...).
     *!
.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: 500; }

!* oj-default is applied iff the button is not in any of the other states,
       namely oj-active, oj-disabled, oj-selected, oj-hover, or oj-focus.
       oj-focus-only is applied iff the button has oj-focus but not any of the other 4 states listed above.*!
.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: #02629f;
    background-image: none;
    border-color: #02629f;
    color: white;
    box-shadow: 0 1px 3px hsla(0, 0%, 0%,0.4);
    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: white; }

.oj-button-jqui.oj-hover.oj-button-full-chrome,
.oj-button.oj-hover.oj-button-full-chrome .oj-button-button {
    background-color: #76b8e1;
    background-image: none;
    border-color: #76b8e1;
    color: white;
    box-shadow: 0 1px 3px hsla(0, 0%, 0%,0.4);
    text-shadow: none; }

.oj-button.oj-hover.oj-button-full-chrome .oj-button-icon {
    color: white; }

!* oj-active is applied to a push button when it is actively being held down
       by the mouse button or Enter or Spacebar. *!
.oj-button-jqui.oj-active.oj-button-full-chrome,
.oj-button.oj-active.oj-button-full-chrome .oj-button-button {
    background-color: #02629f;
    background-image: none;
    border-color: #02629f;
    color: white;
    box-shadow: 0 1px 3px hsla(0, 0%, 0%,0.4);
    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: #014a77;
    background-image: none;
    border-color: #02629f;
    color: white;
    box-shadow: 0 1px 3px hsla(0, 0%, 0%,0.4);
    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: white;
    background-color: #b3d7ee;
    border-color: #b3d7ee; }

.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: white; }

.oj-button-jqui.oj-disabled.oj-button-full-chrome,
.oj-button.oj-disabled.oj-button-full-chrome .oj-button-button {
    background-color: #cbcccd;
    border-color: #cbcccd;
    color: rgba(0, 0, 0, 0.38);
    box-shadow: 0 1px 3px hsla(0, 0%, 0%,0.4);
    opacity: 0.5;
    background-image: none; }

.oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon {
    color: rgba(0, 0, 0, 0.38); }

.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: #fafafa;
    background-color: #c6c7c8;
    border-color: #c6c7c8; }

.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon {
    color: #fafafa; }

!* Half-chrome buttons have no chrome (background or border) in their default,
     * focus-only, and disabled-not-selected states, but acquire chrome in their
     * hover, active, and selected states.
     *
     * Half-chroming is recommended for buttons in a toolbar, and anytime the
     * half-chrome look is desired.
     *
     * To set button chroming, use the "chroming" option on the Button, Buttonset, and Toolbar
     * components, per the JSDoc.  Do not apply the oj-button-XXX-chrome classes manually.
     *!
.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: #02629f; }

.oj-button-jqui.oj-hover.oj-button-half-chrome,
.oj-button.oj-hover.oj-button-half-chrome .oj-button-button {
    color: #76b8e1;
    background-color: transparent;
    border-color: transparent;
    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: #02629f;
    border-color: #02629f;
    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: #02629f;
    border-color: #02629f;
    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: white;
    background-color: #76b8e1;
    border-color: #76b8e1; }

.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: 0.5; }

.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: #fafafa;
    background-color: #c6c7c8;
    border-color: #c6c7c8; }

.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: 500; }

.oj-button.oj-default.oj-button-half-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-half-chrome .oj-button-icon {
    color: #02629f; }

.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: white; }

.oj-button.oj-disabled.oj-button-half-chrome .oj-button-icon {
    color: rgba(0, 0, 0, 0.38); }

.oj-button.oj-disabled.oj-selected.oj-button-half-chrome .oj-button-icon {
    color: #fafafa; }

!* Outlined buttons are similar to half-chrome buttons, but have a border in the default state. *!
.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: #02629f;
    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: #02629f; }

.oj-button-jqui.oj-hover.oj-button-outlined-chrome,
.oj-button.oj-hover.oj-button-outlined-chrome .oj-button-button {
    color: #76b8e1;
    background-color: transparent;
    border-color: #76b8e1;
    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: #02629f;
    border-color: #02629f;
    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: #02629f;
    border-color: #02629f;
    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: white;
    background-color: #76b8e1;
    border-color: #76b8e1; }

.oj-button-jqui.oj-disabled.oj-button-outlined-chrome,
.oj-button.oj-disabled.oj-button-outlined-chrome .oj-button-button {
    color: #cbcccd;
    border-color: #cbcccd;
    opacity: 0.5; }

.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: #fafafa;
    background-color: #c6c7c8;
    border-color: #c6c7c8; }

.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: 500; }

.oj-button.oj-default.oj-button-outlined-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-outlined-chrome .oj-button-icon {
    color: #02629f; }

.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: white; }

.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: #fafafa; }

!* The element containing the text of buttons without icons.  This is the Button (input element)
     * itself for <input type=button|submit|reset>, which doesn't support icons at all, and a nested span
     * for other types of Buttons.
     *!
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.5rem; }

!* The text span of buttons with text, a left icon, but no right icon *!
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.5rem 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.5rem 0 0; }

!* The text span of buttons with text, a right icon, but no left icon *!
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.5rem; }

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.5rem; }

!* The text span of buttons with text and both icons *!
.oj-buttonset .oj-button-text-icons .oj-button-text,
.oj-button-text-icons .oj-button-text {
    padding: 0; }

!* The left icon of buttons with text and a left icon, with or without a right icon *!
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.5rem;
    margin-left: 0.625rem; }

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.5rem;
    margin-left: 0.625rem; }

!* The left icon of buttons with 2 icons and no text *!
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.5rem;
    margin-left: 0.625rem; }

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.5rem;
    margin-left: 0.625rem; }

!* The icon of buttons with with 1 icon (whether start or end) and no text *!
.oj-buttonset .oj-button-icon-only .oj-button-icon,
.oj-button-icon-only .oj-button-icon {
    margin-right: 0.625rem;
    margin-left: 0.625rem; }

!* The right icon of buttons with text and a right icon, with or without a left icon *!
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.625rem;
    margin-left: 0.5rem; }

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.625rem;
    margin-left: 0.5rem; }

!* The right icon of buttons with 2 icons and no text *!
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.625rem; }

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.625rem; }

!* The element containing the text of buttons without icons.  This is the Button (input element)
     * itself for <input type=button|submit|reset>, which doesn't support icons at all, and a nested span
     * for other types of Buttons.
     *!
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.5rem; }

!* The text span of buttons with text, a left icon, but no right icon *!
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.5rem 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.5rem 0 0; }

!* The text span of buttons with text, a right icon, but no left icon *!
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.5rem; }

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.5rem; }

!* The text span of buttons with text and both icons *!
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-text,
.oj-button-sm.oj-button-text-icons .oj-button-text {
    padding: 0; }

!* The left icon of buttons with text and a left icon, with or without a right icon *!
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.375rem;
    margin-left: 0.5rem; }

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.375rem;
    margin-left: 0.5rem; }

!* The left icon of buttons with 2 icons and no text *!
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.375rem;
    margin-left: 0.5rem; }

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.375rem;
    margin-left: 0.5rem; }

!* The icon of buttons with with 1 icon (whether start or end) and no text *!
.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.5rem;
    margin-left: 0.5rem; }

!* The right icon of buttons with text and a right icon, with or without a left icon *!
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.5rem;
    margin-left: 0.375rem; }

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.5rem;
    margin-left: 0.375rem; }

!* The right icon of buttons with 2 icons and no text *!
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.5rem; }

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.5rem; }

!* The element containing the text of buttons without icons.  This is the Button (input element)
     * itself for <input type=button|submit|reset>, which doesn't support icons at all, and a nested span
     * for other types of Buttons.
     *!
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 1rem; }

!* The text span of buttons with text, a left icon, but no right icon *!
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 1rem 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 1rem 0 0; }

!* The text span of buttons with text, a right icon, but no left icon *!
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 1rem; }

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 1rem; }

!* The text span of buttons with text and both icons *!
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-text,
.oj-button-lg.oj-button-text-icons .oj-button-text {
    padding: 0; }
*/
/*

!* The left icon of buttons with text and a left icon, with or without a right icon *!
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.75rem;
    margin-left: 0.75rem; }

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.75rem;
    margin-left: 0.75rem; }

!* The left icon of buttons with 2 icons and no text *!
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.75rem;
    margin-left: 0.75rem; }

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.75rem;
    margin-left: 0.75rem; }

!* The icon of buttons with with 1 icon (whether start or end) and no text *!
.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.75rem;
    margin-left: 0.75rem; }

!* The right icon of buttons with text and a right icon, with or without a left icon *!
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: 0.75rem;
    margin-left: 0.75rem; }

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: 0.75rem;
    margin-left: 0.75rem; }

!* The right icon of buttons with 2 icons and no text *!
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.75rem; }

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.75rem; }

!* The element containing the text of buttons without icons.  This is the Button (input element)
     * itself for <input type=button|submit|reset>, which doesn't support icons at all, and a nested span
     * for other types of Buttons.
     *!
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 1rem; }

!* The text span of buttons with text, a left icon, but no right icon *!
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 1rem 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 1rem 0 0; }

!* The text span of buttons with text, a right icon, but no left icon *!
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 1rem; }

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 1rem; }

!* The text span of buttons with text and both icons *!
.oj-button-xl.oj-buttonset .oj-button-text-icons .oj-button-text,
.oj-button-xl.oj-button-text-icons .oj-button-text {
    padding: 0; }

!* The left icon of buttons with text and a left icon, with or without a right icon *!
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.625rem;
    margin-left: 1rem; }

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.625rem;
    margin-left: 1rem; }

!* The left icon of buttons with 2 icons and no text *!
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.625rem;
    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.625rem;
    margin-left: 1rem; }

!* The icon of buttons with with 1 icon (whether start or end) and no text *!
.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; }

!* The right icon of buttons with text and a right icon, with or without a left icon *!
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: 1rem;
    margin-left: 0.625rem; }

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: 1rem;
    margin-left: 0.625rem; }

!* The right icon of buttons with 2 icons and no text *!
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; }

!* reset extra padding in Firefox, see h5bp.com/1 *!
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; }

!* menu buttons *!
.oj-button-option-defaults {
    font-family: '{"chroming":"half"}'; }

.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; }

!* component *!
!* --------------------------------------------------------------- *!
.oj-component-popup, .oj-menu, .oj-popup, .oj-dialog, .oj-listbox-drop {
    z-index: 1;
    position: absolute; }

.oj-component-layer, .oj-menu-layer, .oj-popup-layer, .oj-dialog-layer, .oj-listbox-drop-layer {
    position: relative; }

!* overlay used to hide non-modal content *!
.oj-component-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsl(0, 0%, 0%);
    opacity: 0.5;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent; }

.oj-component-overlay {
    opacity: 0.5; }

!* menu *!
!* --------------------------------------------------------------- *!
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: black;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0;
    display: inline-block;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent; }

.oj-menu-dropdown {
    border: 1px solid #c6c7c8;
    border-radius: 1px;
    background: white;
    font-size: 1rem; }

.oj-menu-sheet {
    border: 0;
    border-radius: 1px;
    background: white;
    font-size: 1.0625rem;
    width: calc(100% - (2 * 1rem)); }

.oj-menu:focus {
    outline: none; }

.oj-menu-dropdown.oj-component {
    box-shadow: 0 2px 5px hsla(0, 0%, 0%,0.25); }

.oj-menu.oj-menu-submenu {
    position: absolute;
    box-shadow: 0 3px 7px hsla(0, 0%, 0%,0.25); }

.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: 1px;
    border-top-right-radius: 1px; }

.oj-menu-dropdown .oj-menu-item:last-child,
.oj-menu-dropdown .oj-menu-item:last-child > a {
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px; }

.oj-menu-sheet .oj-menu-item:first-child,
.oj-menu-sheet .oj-menu-item:first-child > a {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px; }

.oj-menu-sheet .oj-menu-item:last-child,
.oj-menu-sheet .oj-menu-item:last-child > a {
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px; }

.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: 0;
    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: #c6c7c8; }

.oj-menu-sheet .oj-menu-divider {
    border-width: 1px 0 0 0;
    border-color: #c6c7c8; }

.oj-menu-item > a {
    position: relative;
    text-decoration: none;
    display: block;
    font-weight: normal; }
html:not([dir="rtl"]) .oj-menu-item > a {
    padding-right: 0.875rem; }
html[dir="rtl"] .oj-menu-item > a {
    padding-left: 0.875rem; }

.oj-menu-dropdown .oj-menu-item > a {
    height: 3rem;
    line-height: 3rem;
    color: black;
    border-top-width: 1px;
    border-top-color: transparent;
    border-top-style: solid; }

.oj-menu-sheet .oj-menu-item > a {
    height: 3rem;
    line-height: 2.8235294118rem;
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
    border-top-width: 1px;
    border-top-color: transparent;
    border-top-style: solid; }

.oj-menu-item:last-child > a {
    border-bottom-width: 1px;
    border-bottom-color: transparent;
    border-bottom-style: solid; }

.oj-menu-item-cancel > a {
    font-weight: normal; }

!* For each menu and submenu, either oj-menu-icons or oj-menu-text-only is applied to the menu, depending on whether at
       least one menu item in the menu (excluding its "Cancel" menu item and submenus) has an icon (not submenu icon).
       These classes facilitate (say) leaving space for a column of icons iff at least one item has an icon, and doing so
       for each menu/submenu independently. *!
html:not([dir="rtl"]) .oj-menu-icons .oj-menu-item > a {
    padding-left: calc(1.25rem + 24px + 1.125rem); }

html[dir="rtl"] .oj-menu-icons .oj-menu-item > a {
    padding-right: calc(1.25rem + 24px + 1.125rem); }

html:not([dir="rtl"]) .oj-menu-end-icons > .oj-menu-item > a {
    padding-right: calc(1.25rem + 24px + 1.125rem); }

html[dir="rtl"] .oj-menu-end-icons > .oj-menu-item > a {
    padding-left: calc(1.25rem + 24px + 1.125rem); }

.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: 0.875rem; }
html[dir="rtl"] .oj-menu-text-only .oj-menu-item > a {
    padding-right: 0.875rem; }

.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 black;
    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: #f2f2f3; }

.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: #b1b3b4; }

.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: #b1b3b4; }

.oj-menu-sheet .oj-menu-item.oj-focus > a {
    background: #f2f2f3; }

.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); }

!* menu item icons (not submenu icons) *!
.oj-menu-item-icon,
.oj-menu-item-end-icon {
    color: #027bc7;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

html:not([dir="rtl"]) .oj-menu-item-icon {
    margin-left: calc(0px - 24px - 1.125rem);
    margin-right: 1.125rem; }

html[dir="rtl"] .oj-menu-item-icon {
    margin-right: calc(0px - 24px - 1.125rem);
    margin-left: 1.125rem; }

html:not([dir="rtl"]) .oj-menu-item-end-icon {
    right: 0;
    margin-right: 1.125rem;
    margin-left: calc(0px - 24px - 1.125rem); }

html[dir="rtl"] .oj-menu-item-end-icon {
    left: 0;
    margin-left: 1.125rem;
    margin-right: calc(0px - 24px - 1.125rem); }

.oj-menu-item .oj-menu-item-icon,
.oj-menu-item .oj-menu-item-end-icon {
    font-size: 24px; }

.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: #027bc7;
    opacity: 0.5; }

.oj-menu-submenu-icon {
    padding-top: calc((3rem / 2) - (28px / 2));
    color: #8a8d8f;
    position: absolute;
    line-height: 1.8;
    height: auto; }
html:not([dir="rtl"]) .oj-menu-submenu-icon {
    right: 0.6875rem; }
html[dir="rtl"] .oj-menu-submenu-icon {
    left: 0.6875rem; }

.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":"modal","sheetModality":"modal","sheetSwipeDownBehavior":"dismiss","sheetMarginBottom":0}'; }

.oj-menu-divider.oj-focus,
.oj-menu-divider.oj-focus-ancestor {
    border-color: #b1b3b4; }

html:not([dir="rtl"]) .oj-menu-item > a {
    padding-right: calc(16px + (2 * 0.6875rem)); }

html[dir="rtl"] .oj-menu-item > a {
    padding-left: calc(16px + (2 * 0.6875rem)); }

oj-navigation-list:not(.oj-complete) {
    visibility: hidden; }

oj-navigation-list {
    display: block; }

!*Navlist root node*!
.oj-navigationlist,
.oj-navigationlist-listview-container {
    overflow-x: hidden; }

.oj-navigationlist-touch {
    -webkit-tap-highlight-color: transparent; }

!* navigation list divider used in category header navlist*!
.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; }

!* navigation list divider used in horizontal navlist to separate buttons*!
.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; }

!* Basic styling  for all ul elements in list*!
.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"); }

!* Remove focus ring on outer ul element*!
.oj-navigationlist-element:focus {
    outline: none; }

!* Style content wrapper of each list item *!
.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-label {
    vertical-align: middle; }

.oj-navigationlist-vertical .oj-navigationlist-item::before {
    min-height: 2.6875rem;
    content: "";
    display: inline-block;
    visibility: hidden; }

.oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item::before {
    min-height: 2.9375rem; }

.oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item-label {
    font-size: 0.875rem; }

!* Styling for expand/collapse icons holder *!
.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; }

!* Style content of each list item *!
.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: rgba(0, 0, 0, 0.6); }
.oj-contrast-marker a.oj-navigationlist-item-content .oj-navigationlist-item-label {
    color: #c6c7c8; }

.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; }

!* Navigation list node label or arbitrary content place holder*!
.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; }

!*Padding for vertical navlist item label*!
.oj-navigationlist-vertical .oj-navigationlist-item-label {
    padding: 3px 0;
    flex: 1 1 auto; }

!* hide label for icons-only case *!
.oj-navigationlist-icon-only .oj-navigationlist-item-label {
    display: none; }

!* List item's Icon *!
.oj-navigationlist-item-icon {
    color: rgba(0, 0, 0, 0.6);
    flex: 0 0 auto; }
.oj-contrast-marker .oj-navigationlist-item-icon {
    color: #c6c7c8; }

.oj-navigationlist-group-item {
    display: flex;
    flex: 1 1 auto; }

.oj-navigationlist-group {
    flex: 1 1 auto; }

!* Disabled node *!
.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: 0.5; }

.oj-navigationlist-item.oj-disabled .oj-navigationlist-item-label {
    color: rgba(0, 0, 0, 0.6); }
.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: rgba(0, 0, 0, 0.6); }
.oj-contrast-marker .oj-navigationlist-item.oj-disabled .oj-navigationlist-item-icon {
    color: #707375; }

!* Selected node *!
.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; }

!* hover icon *!
.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: #fafafa; }

!*borders for high contrast mode*!
.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; }

!*Focus ring around  focused list item*!
.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; }

!*---- Start of common styles for collapsible and expanded navigation list ----*!
.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.625rem; }
html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
    margin-left: 0.625rem; }

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.625rem + 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.625rem + 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(0.625rem - 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(0.625rem - 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; }

!* Padding for sublist    *!
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: 0.625rem; }

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: 0.625rem; }

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(0.625rem + 0.625rem + 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(0.625rem + 0.625rem + 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: 0.625rem; }

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: 0.625rem; }

html:not([dir="rtl"]) .oj-navigationlist-group-item {
    padding-right: 0.625rem; }

html[dir="rtl"] .oj-navigationlist-group-item {
    padding-left: 0.625rem; }

!*---- End of common styles for collapsible and expanded navigation list ----*!
!* Start of Collapsible Navigation list*!
.oj-navigationlist-collapsible .oj-navigationlist-item-element.oj-collapsed .oj-navigationlist-group {
    max-height: 0; }

!* expand and collapse animation *!
.oj-navigationlist-collapsible .oj-navigationlist-collapsible-transition {
    overflow: hidden; }

!* Collapse or expand icon color should not change on hover*!
.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: rgba(0, 0, 0, 0.6); }
.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: #c6c7c8; }

.oj-navigationlist-collapse-icon:focus,
.oj-navigationlist-expand-icon:focus {
    outline: none; }

.oj-navigationlist-focused-element:not(.oj-focus-highlight) {
    outline: none; }

!* End of Collapsible Navigation list*!
.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(0.625rem - 2px);
    border-width: 0 2px 1px 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(0.625rem - 2px);
    border-width: 0 0 1px 2px; }

.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; }

!*Start of icons only navlist*!
.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
    border-style: solid; }
html[dir="rtl"] .oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
    border-width: 0 3px 0 0; }
html:not([dir="rtl"]) .oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
    border-width: 0 0 0 3px; }

html[dir="rtl"] .oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item-icon {
    padding: 0 calc(16px - 3px) 0 16px; }

html:not([dir="rtl"]) .oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item-icon {
    padding: 0 16px 0 calc(16px - 3px); }

html[dir="rtl"] .oj-navigationlist-page-level.oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item-icon {
    padding: 0 calc(16px - 3px) 0 16px; }

html:not([dir="rtl"]) .oj-navigationlist-page-level.oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item-icon {
    padding: 0 16px 0 calc(16px - 3px); }

.oj-navigationlist-page-level.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
    border-style: solid;
    border-radius: 0;
    border-color: transparent; }
html[dir="rtl"] .oj-navigationlist-page-level.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
    border-width: 0 3px 0 0; }
html:not([dir="rtl"]) .oj-navigationlist-page-level.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
    border-width: 0 0 0 3px; }

.oj-navigationlist-page-level.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-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-icon-only.oj-navigationlist-vertical .oj-navigationlist-item:first-of-type {
    border-top-width: 0; }

.oj-navigationlist-page-level.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-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-selected {
    background-color: transparent; }
.oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-selected {
    background-color: transparent; }

.oj-navigationlist-icon-only .oj-navigationlist-item-content {
    justify-content: center; }

!*End of icons only navlist*!
.oj-navigationlist-vertical.oj-navigationlist-icon-only {
    display: inline-flex; }

.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
    margin: 0; }

.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item:first-child {
    margin-top: 0; }

!* Start of Page Level navlist styles*!
.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: rgba(0, 0, 0, 0.8); }
.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: #c6c7c8; }

.oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-disabled) .oj-navigationlist-item-icon {
    color: rgba(0, 0, 0, 0.8); }
.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: #c6c7c8; }

.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: #fafafa; }

.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: #fafafa; }

.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: rgba(0, 0, 0, 0.8); }
.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: #fafafa; }

.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: #f7f7f8; }
.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; }

!* End of Page Level navlist styles*!
!*Start of common horizontal navigationlist styles *!
.oj-navigationlist-horizontal .oj-navigationlist-element {
    display: flex; }

.oj-navigationlist-horizontal .oj-navigationlist-item {
    flex: 1 1 auto; }

!* This is due to bug in IE 11 where setting flex-shrink:0 is needed to avoid truncation in item text which is needed for overflow feature. This work around breaks text-wrap functionality so enabling this only when no text wrap. We can remove this once IE 11 support dropped and can update docs saying text-wrap is supported with overflow. *!
.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: 3.5rem; }

.oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item-element {
    min-height: 3rem; }

.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: white; }

.oj-navigationlist-horizontal .oj-navigationlist-item-label {
    align-self: center; }

.oj-navigationlist-horizontal .oj-navigationlist-item-icon {
    margin: 4px; }

!*End of common horizontal navigationlist styles *!
!*Start of  horizontal navigationlist styles icons only*!
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 {
    border-width: 0;
    border-style: solid; }

.oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-selected {
    background-color: transparent; }
.oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-selected {
    background-color: transparent; }

!*End of  horizontal navigationlist styles icons only*!
!*Start of  horizontal navigationlist styles excluding icons only*!
.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
    border-width: 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: 2px 0.625rem 6px;
    justify-content: center; }

.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
    padding: 1px 0.625rem 0; }

.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: 2px; }
html[dir="rtl"] .oj-navigationlist-horizontal:not(.oj-navigationlist-stack-icon-label):not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
    margin-left: 2px; }

!*End of  horizontal navigationlist styles excluding icons only*!
!*Start of  horizontal stacked icon label navigationlist styles *!
.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label .oj-navigationlist-item-element {
    min-height: 3.5rem; }

.oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label .oj-navigationlist-item-element {
    min-height: 3rem; }

.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; }

!*End of  horizontal stacked icon label navigationlist styles *!
!* Start of App Level horizontal navlist styles *!
.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item-label {
    font-size: 0.75rem; }

.oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item-label {
    font-size: 0.875rem; }

.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.6); }
.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: #c6c7c8; }

.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled):not(.oj-hover):not(.oj-selected) .oj-navigationlist-item-icon {
    color: rgba(0, 0, 0, 0.6); }
.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: #c6c7c8; }

.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: rgba(0, 0, 0, 0.8); }

.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: rgba(0, 0, 0, 0.8); }

.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; }

!* End of App Level horizontal navlist styles *!
!* Start of Page Level horizontal navlist styles*!
.oj-navigationlist-page-level.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
    border-radius: 0;
    border-width: 0 0 2px 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 2px 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: rgba(0, 0, 0, 0.8); }
.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: #c6c7c8; }

.oj-navigationlist-page-level.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled):not(.oj-hover):not(.oj-selected) .oj-navigationlist-item-icon {
    color: rgba(0, 0, 0, 0.8); }
.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: #c6c7c8; }

.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: #fafafa; }

.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: #fafafa; }

.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: #f7f7f8; }
.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; }

!*End of Page Level horizontal navlist styles*!
!*Start of sliding navlist*!
!*Hide siblings of parent node while showing the list*!
.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; }

!* Navlist header in case of sliding *!
.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; }

!* previous link *!
.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; }

!* Override link style *!
a.oj-navigationlist-previous-link {
    text-decoration: none;
    outline: none;
    font-weight: normal; }

!* Label for current displayed list *!
.oj-navigationlist-current-header {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.25rem;
    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; }

!* override oj-button margin for hierarchical menu button*!
.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; }

!* Multiple space elements will be added to dom to get tree style in hierarchical menu  popup*!
.oj-navigationlist-hvitem-space {
    margin-left: 1.142rem; }

!* override menu css*!
.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: #e0e1e1;
    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; }

!* end - override menu css*!
.oj-navigationlist-expanded.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
    color: #027bc7; }
.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: rgba(0, 0, 0, 0.8); }

.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: #fafafa; }

.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: #fafafa; }

.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 #c6c7c8; }
html:not([dir="rtl"]) .oj-menu-item-icon.oj-navigationlist-level-indicator {
    border-left: 1px solid #c6c7c8; }
html[dir="rtl"] .oj-menu-item-icon.oj-navigationlist-level-indicator {
    border-right: 1px solid #c6c7c8; }

.oj-navigationlist-no-data-message {
    padding: 0.5rem;
    background-color: white;
    min-height: 1rem; }

!* Override  default options*!
.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":"ripple"}},"hierarchyMenuDisplayThresholdLevel":-1}'; }

.oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
    justify-content: center; }

.oj-navigationlist-page-level.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content .oj-navigationlist-item-label {
    flex: 0 1 auto; }

.oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item .oj-navigationlist-item-icon {
    color: rgba(0, 0, 0, 0.8); }
.oj-contrast-marker .oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item .oj-navigationlist-item-icon {
    color: #c6c7c8; }

.oj-navigationlist-page-level.oj-navigationlist-horizontal.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.oj-navigationlist-icon-only .oj-navigationlist-item.oj-selected:not(.oj-hover) .oj-navigationlist-item-icon {
    color: #fafafa; }

.oj-navigationlist-page-level.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item.oj-hover .oj-navigationlist-item-icon {
    color: #76b8e1; }

.oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item,
.oj-navigationlist-page-level.oj-navigationlist-vertical .oj-navigationlist-item.oj-selected,
.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-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item,
.oj-navigationlist-page-level.oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-hover:not(.oj-selected),
.oj-navigationlist-page-level.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item.oj-hover:not(.oj-selected) {
    border-bottom-color: #e5e6e6; }
*/
/*

oj-tab-bar:not(.oj-complete) {
    visibility: hidden; }

oj-tab-bar {
    display: block; }

!*Navtabs root node*!
.oj-tabbar,
.oj-tabbar-listview-container {
    overflow-x: hidden; }

.oj-tabbar-touch {
    -webkit-tap-highlight-color: transparent; }

!* navigation tabs divider used in category header natabs*!
.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; }

!* navigation tabs divider used in horizontal natabs to separate buttons*!
.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; }

!* Basic styling  for all ul elements in list*!
.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"); }

!* Remove focus ring on outer ul element*!
.oj-tabbar-element:focus {
    outline: none; }

!* Style content wrapper of each tab item *!
.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-label {
    vertical-align: middle; }

.oj-tabbar-vertical .oj-tabbar-item::before {
    min-height: 2.9375rem;
    content: "";
    display: inline-block;
    visibility: hidden; }

.oj-tabbar-vertical .oj-tabbar-item-label {
    font-size: 0.875rem; }

!* Style content of each tab item *!
.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: rgba(0, 0, 0, 0.8); }
.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: #fafafa; }

.oj-hover:not(.oj-selected) > a.oj-tabbar-item-content > .oj-tabbar-item-label {
    color: rgba(0, 0, 0, 0.8); }
.oj-contrast-marker .oj-hover:not(.oj-selected) > a.oj-tabbar-item-content > .oj-tabbar-item-label {
    color: #fafafa; }

!* Navigation tabs item label or arbitrary content place holder*!
.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; }

!*Padding for vertical natabs item label*!
.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; }

!* hide label for icons-only case *!
.oj-tabbar-icon-only .oj-tabbar-item-label {
    display: none; }

!* Tab item's Icon *!
.oj-tabbar-item-icon {
    color: rgba(0, 0, 0, 0.8);
    flex: 0 0 auto; }
.oj-contrast-marker .oj-tabbar-item-icon {
    color: #c6c7c8; }

!* Disabled node *!
.oj-tabbar-item.oj-disabled > .oj-tabbar-item-content {
    opacity: 0.5; }

.oj-tabbar-item.oj-disabled .oj-tabbar-item-label {
    color: rgba(0, 0, 0, 0.8); }
.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.8); }
.oj-contrast-marker .oj-tabbar-item.oj-disabled .oj-tabbar-item-icon {
    color: #707375; }

!* Selected node *!
.oj-tabbar-item.oj-selected .oj-tabbar-item-icon {
    color: #027bc7; }
.oj-contrast-marker .oj-tabbar-item.oj-selected .oj-tabbar-item-icon {
    color: #fafafa; }

!* hover icon *!
.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: #fafafa; }

.oj-contrast-marker .oj-tabbar-vertical .oj-tabbar-item.oj-hover.oj-selected .oj-tabbar-item-icon {
    color: #fafafa; }

!*borders for high contrast mode*!
.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; }

!*Focus ring around  focused tab item*!
.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.625rem; }
html[dir="rtl"] .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
    margin-left: 0.625rem; }

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.625rem; }

html[dir="rtl"] .oj-tabbar-vertical-end.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
    margin: 0 0.625rem 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.625rem + 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.625rem + 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.625rem + 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.625rem + 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(0.625rem - 2px);
    border-width: 0 2px 1px 0; }
html:not([dir="rtl"]) .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item {
    padding-left: calc(0.625rem - 2px);
    border-width: 0 0 1px 2px; }

.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: 0.625rem; }

html[dir="rtl"] .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item .oj-tabbar-item-content {
    padding-left: 0.625rem; }

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 0.625rem; }

html[dir="rtl"] .oj-tabbar-vertical-end.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item .oj-tabbar-item-content {
    padding: 0 0.625rem 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(0.625rem - 2px);
    border-width: 0 2px 1px 0; }
html:not([dir="rtl"]) :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item {
    padding-left: calc(0.625rem - 2px);
    border-width: 0 0 1px 2px; }

html[dir="rtl"] .oj-tabbar-vertical.oj-tabbar-vertical-end:not(.oj-tabbar-icon-only) .oj-tabbar-item {
    padding: 0 0 0 calc(0.625rem - 2px);
    border-width: 0 0 1px 2px; }

html:not([dir="rtl"]) .oj-tabbar-vertical.oj-tabbar-vertical-end:not(.oj-tabbar-icon-only) .oj-tabbar-item {
    padding: 0 calc(0.625rem - 2px) 0 0;
    border-width: 0 2px 1px 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; }

!*Start of icons only natabs*!
html[dir="rtl"] .oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item-icon {
    padding: 0 calc(16px - 3px) 0 16px; }

html:not([dir="rtl"]) .oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item-icon {
    padding: 0 16px 0 calc(16px - 3px); }

.oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item {
    border-style: solid;
    border-radius: 0;
    border-color: transparent; }
html[dir="rtl"] .oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item {
    border-width: 0 3px 0 0; }
html:not([dir="rtl"]) .oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item {
    border-width: 0 0 0 3px; }

html[dir="rtl"] .oj-tabbar-icon-only.oj-tabbar-vertical.oj-tabbar-vertical-end .oj-tabbar-item {
    border-width: 0 0 0 3px; }

html:not([dir="rtl"]) .oj-tabbar-icon-only.oj-tabbar-vertical.oj-tabbar-vertical-end .oj-tabbar-item {
    border-width: 0 3px 0 0; }

.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"] .oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item:first-of-type {
    border-top-width: 0; }
html:not([dir="rtl"]) .oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item:first-of-type {
    border-top-width: 0; }

.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-item.oj-selected {
    background-color: transparent; }
.oj-contrast-marker .oj-tabbar-vertical .oj-tabbar-item.oj-selected {
    background-color: transparent; }

.oj-tabbar-icon-only .oj-tabbar-item-content {
    justify-content: center; }

!*End of icons only natabs*!
.oj-tabbar-vertical.oj-tabbar-icon-only {
    display: inline-flex; }

.oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item {
    margin: 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: rgba(0, 0, 0, 0.8); }
.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: rgba(0, 0, 0, 0.8); }
.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: #fafafa; }

.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: #fafafa; }

.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: rgba(0, 0, 0, 0.8); }
.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: #fafafa; }

.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: #fafafa; }

.oj-contrast-marker .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover.oj-selected .oj-tabbar-item-icon {
    color: #fafafa; }

.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: #f7f7f8; }
.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; }

!*Start of common horizontal navigationtabs styles *!
.oj-tabbar-horizontal .oj-tabbar-element {
    display: flex; }

.oj-tabbar-horizontal.oj-tabbar-item-text-wrap .oj-tabbar-item {
    flex: 1 1 auto; }

!* This is due to bug in IE 11 where setting flex-shrink:0 is needed to avoid truncation in item text which is needed for overflow feature. This work around breaks text-wrap functionality so enabling this only when no text wrap. We can remove this once IE 11 support dropped and can update docs saying text-wrap is supported with overflow. *!
.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: 3rem; }

.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: 4px; }

!*End of common horizontal navigationtabs styles *!
!*Start of  horizontal navigationtabs styles icons only*!
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 {
    border-width: 0 0 2px 0;
    border-style: solid; }

.oj-tabbar-horizontal-bottom.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item {
    border-width: 2px 0 0 0; }

.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; }

!*End of  horizontal navigationtabs styles icons only*!
!*Start of  horizontal navigationtabs styles excluding icons only*!
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item {
    border-width: 0 0 2px 0;
    border-style: solid; }

.oj-tabbar-horizontal-bottom.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item {
    border-width: 2px 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: 2px 0.625rem 6px; }

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label:not(.oj-tabbar-icon-only) .oj-tabbar-item-content {
    padding: 1px 0.625rem 0; }

.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: 2px; }
html[dir="rtl"] .oj-tabbar-horizontal:not(.oj-tabbar-stack-icon-label):not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
    margin-left: 2px; }

!*End of  horizontal navigationtabs styles excluding icons only*!
!*Start of  horizontal stacked icon label navigationtabs styles *!
.oj-tabbar-horizontal.oj-tabbar-stack-icon-label .oj-tabbar-item-element {
    min-height: 3rem; }

.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; }

!*End of  horizontal stacked icon label navigationtabs styles *!
.oj-tabbar-horizontal .oj-tabbar-item-label {
    font-size: 0.875rem;
    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: rgba(0, 0, 0, 0.8); }
.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: rgba(0, 0, 0, 0.8); }
.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: #fafafa; }

.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: #fafafa; }

.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: #f7f7f8; }
.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: #027bc7; }
.oj-contrast-marker .oj-tabbar-icon-only .oj-tabbar-item.oj-selected:not(.oj-hover) .oj-tabbar-item-icon {
    color: #fafafa; }

.oj-contrast-marker .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected:not(.oj-hover) .oj-tabbar-item-icon {
    color: #fafafa; }

.oj-contrast-marker .oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item.oj-selected:not(.oj-hover) .oj-tabbar-item-icon {
    color: #fafafa; }

.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-content {
    justify-content: center; }

.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-content .oj-tabbar-item-label {
    flex: 0 1 auto; }

.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: #e5e6e6; }

.oj-tabbar-has-icons .oj-tabbar-overflow-item-icon {
    display: block; }

.oj-tabbar-overflow-item-icon {
    display: none;
    font-size: 24px; }

!* Styling for the drag image *!
.oj-tabbar-drag-image {
    background-color: transparent;
    position: fixed;
    top: 10000px;
    border: 1px solid transparent;
    overflow-x: initial;
    padding: 3px; }

!* Styling for hiding the original item being dragged *!
.oj-tabbar-drag-item {
    display: none; }

!* Styling item that is draggable (no affordance) *!
.oj-tabbar-item.oj-draggable {
    cursor: move; }

!* Styling for the item that is being moved using drag *!
.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; }

!* Styling all drop targets in the list *!
.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; }

!* Used when there are no items in tabbar *!
.oj-tabbar-no-data-message {
    padding: 0.5rem;
    color: black;
    min-height: 1rem; }

!* Styling for an item that is cut during a context menu cut operation *!
.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; }

!* Override  default options*!
.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":"ripple"}}}'; }

!*
     * applied to the outer most element of the offcanvas
     *!
.oj-offcanvas-outer-wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    box-sizing: border-box; }

!*
     * applied to the inner wrapper of the offcanvas in push mode
     *!
.oj-offcanvas-inner-wrapper,
.oj-offcanvas-inner-push-wrapper {
    position: relative;
    height: 100%; }

!*
     * only applied to the page level offcanvas
     *!
.oj-offcanvas-page > .oj-offcanvas-open {
    position: fixed; }

!*
     * only applied to the outer wrapper of page level offcanvas
     *!
.oj-offcanvas-outer-wrapper.oj-offcanvas-page {
    overflow-y: visible; }

!*
     * Transition selector is only applied while the offcanvas is activating.
     * In push mode, it's applied to the inner wrapper of the offcanvas.
     * In overlay mode, it's applied to the offcanvas element.
     *!
.oj-offcanvas-transition {
    transition: transform 0.4s;
    transition-timing-function: ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

!*
     * applied to the outer wrapper when displayMode = pin
     *!
.oj-offcanvas-outer-wrapper.oj-offcanvas-pin {
    display: flex;
    flex-wrap: nowrap; }

.oj-offcanvas-pin .oj-offcanvas-start {
    position: relative; }

!*
     * Pin transition selector is only applied to the offcanvas in the pin mode.
     *!
.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; }

!*
     * applied to the offcanvas on the start edge
     *!
.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; }

!*
     * applied to the offcanvas on the end edge
     *!
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; }

!*
     * applied to the offcanvas on the top edge
     *!
.oj-offcanvas-top {
    border-width: 0 0 1px;
    top: 0;
    transform: translate3d(0, -100%, 0); }

!*
     * applied to the offcanvas on the bottom edge
     *!
.oj-offcanvas-bottom {
    border-width: 1px 0 0 0;
    bottom: 0;
    transform: translate3d(0, 100%, 0); }

!*
     * applied to the offcanvas when it is open
     *!
.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; }

!*
     * Suppress focus ring
     *!
.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; }

!*
     * applied to the offcanvas on the start edge when displayMode is overlay
     *!
.oj-offcanvas-overlay.oj-offcanvas-start {
    z-index: 200; }

!*
     * Overlay: start and end offcanvases shift
     *!
.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); }

!*
     * Overlay: top and bottom offcanvases shift
     *!
.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); }

!*
     * Applied to the glass pane of modal offcanvas
     *!
.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; }

!*
     * glass pane opacity after animation
     *!
.oj-offcanvas-glasspane-dim {
    opacity: 0.4; }

!*
     * applied to the overlay offcanvas when it is open
     *!
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); }

!* Override default options*!
.oj-offcanvas-option-defaults {
    font-family: '{"displayMode":"overlay"}'; }

!* popup *!
!* --------------------------------------------------------------- *!
oj-popup:not(.oj-complete) {
    visibility: hidden; }

!* defines the stacking context for the popup and its children *!
.oj-popup-layer {
    z-index: 1000; }

.oj-popup-layer.oj-focus-within {
    z-index: calc(1000 + 1); }

.oj-popup-layer.oj-popup-tail-simple {
    z-index: 1030; }

.oj-popup-layer.oj-popup-tail-simple.oj-focus-within {
    z-index: calc(1030 + 1); }

.oj-popup {
    border: 1px solid #c6c7c8;
    border-radius: 0;
    background-color: white;
    box-shadow: 0 0 5px 0 hsla(0, 0%, 0%,0.2);
    -webkit-will-change: top, left;
    -ms-will-change: top, left;
    -moz-will-change: top, left; }

.oj-popup.oj-popup-tail-simple {
    box-shadow: 0 0 5px 0 hsla(0, 0%, 0%,0.2);
    border-width: 1px;
    border-color: #c6c7c8;
    background-color: white;
    -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.5rem; }

.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: calc(0px - 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: calc(0px - 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,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MHB4JyBoZWlnaHQ9JzQwcHgnPjxkZWZzPjxmaWx0ZXIgaWQ9J2YxJyB4PScwJyB5PScwJz48ZmVHYXVzc2lhbkJsdXIgaW49J1NvdXJjZUdyYXBoaWMnIHN0ZERldmlhdGlvbj0nMScvPjwvZmlsdGVyPjwvZGVmcz48ZyB0cmFuc2Zvcm09J3JvdGF0ZSg0NSwgMjAsIDIwKSB0cmFuc2xhdGUoLTgpJz48ZyBzdHlsZT0nc3Ryb2tlLXdpZHRoOjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7Jz48cG9seWdvbiBwb2ludHM9JzQwLDAgMCwyMCA0MCw0MCAwLDIwJyBzdHlsZT0nZmlsbDpoc2woMCwgMCUsIDAlKTtzdHJva2U6aHNsKDAsIDAlLCAwJSk7c3Ryb2tlLW9wYWNpdHk6LjInIGZpbHRlcj0ndXJsKCNmMSknIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0xKScvPjxwb2x5Z29uIHBvaW50cz0nNDAsMCAwLDIwIDQwLDQwIDI0LDIwJyBzdHlsZT0nZmlsbDp3aGl0ZTtzdHJva2U6d2hpdGU7Jy8+PC9nPjxnIHN0eWxlPSdzdHJva2U6I2M2YzdjODtzdHJva2Utd2lkdGg6MTsnPjxsaW5lIHgxPSc0MCcgeTE9JzAnIHgyPScwJyB5Mj0nMjAnLz48bGluZSB4MT0nNDAnIHkxPSc0MCcgeDI9JzAnIHkyPScyMCcvPjwvZz48L2c+PC9zdmc+"); }

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMXB4JyBoZWlnaHQ9JzQ0cHgnPjxkZWZzPjxmaWx0ZXIgaWQ9J2YxJyB4PScwJyB5PScwJz48ZmVHYXVzc2lhbkJsdXIgaW49J1NvdXJjZUdyYXBoaWMnIHN0ZERldmlhdGlvbj0nMS4yNScvPjwvZmlsdGVyPjwvZGVmcz48ZyBzdHlsZT0nc3Ryb2tlOndoaXRlO3N0cm9rZS13aWR0aDoxO2ZpbGwtcnVsZTpldmVub2RkOyc+PHBvbHlnb24gcG9pbnRzPScyMSw0NCAxLDIyIDIxLDAnIHN0eWxlPSdmaWxsOmhzbCgwLCAwJSwgMCUpOycgZmlsdGVyPSd1cmwoI2YxKScvPjxwb2x5Z29uIHBvaW50cz0nMjEsNDQgMSwyMiAyMSwwJyBzdHlsZT0nZmlsbDp3aGl0ZScvPjwvZz48ZyBzdHlsZT0nc3Ryb2tlOiNjNmM3Yzg7c3Ryb2tlLXdpZHRoOjE7Jz48bGluZSB4MT0nMjEnIHkxPSc0NCcgeDI9JzEnIHkyPScyMicvPjxsaW5lIHgxPScyMScgeTE9JzAnIHgyPScxJyB5Mj0nMjInLz48L2c+PC9zdmc+"); }

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MHB4JyBoZWlnaHQ9JzQwcHgnPjxkZWZzPjxmaWx0ZXIgaWQ9J2YxJyB4PScwJyB5PScwJz48ZmVHYXVzc2lhbkJsdXIgaW49J1NvdXJjZUdyYXBoaWMnIHN0ZERldmlhdGlvbj0nMScvPjwvZmlsdGVyPjwvZGVmcz48ZyB0cmFuc2Zvcm09J3JvdGF0ZSgtNDUsIDIwLCAyMCkgdHJhbnNsYXRlKC04KSc+PGcgc3R5bGU9J3N0cm9rZS13aWR0aDoxO2ZpbGwtcnVsZTpldmVub2RkOyc+PHBvbHlnb24gcG9pbnRzPSc0MCwwIDAsMjAgNDAsNDAgMCwyMCcgc3R5bGU9J2ZpbGw6aHNsKDAsIDAlLCAwJSk7c3Ryb2tlOmhzbCgwLCAwJSwgMCUpO3N0cm9rZS1vcGFjaXR5Oi4yJyBmaWx0ZXI9J3VybCgjZjEpJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMSknLz48cG9seWdvbiBwb2ludHM9JzQwLDAgMCwyMCA0MCw0MCAyNCwyMCcgc3R5bGU9J2ZpbGw6d2hpdGU7c3Ryb2tlOndoaXRlOycvPjwvZz48ZyBzdHlsZT0nc3Ryb2tlOiNjNmM3Yzg7c3Ryb2tlLXdpZHRoOjE7Jz48bGluZSB4MT0nNDAnIHkxPScwJyB4Mj0nMCcgeTI9JzIwJy8+PGxpbmUgeDE9JzQwJyB5MT0nNDAnIHgyPScwJyB5Mj0nMjAnLz48L2c+PC9nPjwvc3ZnPg=="); }

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MHB4JyBoZWlnaHQ9JzQwcHgnPjxkZWZzPjxmaWx0ZXIgaWQ9J2YxJyB4PScwJyB5PScwJz48ZmVHYXVzc2lhbkJsdXIgaW49J1NvdXJjZUdyYXBoaWMnIHN0ZERldmlhdGlvbj0nMScvPjwvZmlsdGVyPjwvZGVmcz48ZyB0cmFuc2Zvcm09J3JvdGF0ZSgxMzUsIDIwLCAyMCkgdHJhbnNsYXRlKC04KSc+PGcgc3R5bGU9J3N0cm9rZS13aWR0aDoxO2ZpbGwtcnVsZTpldmVub2RkOyc+PHBvbHlnb24gcG9pbnRzPSc0MCwwIDAsMjAgNDAsNDAgMCwyMCcgc3R5bGU9J2ZpbGw6aHNsKDAsIDAlLCAwJSk7c3Ryb2tlOmhzbCgwLCAwJSwgMCUpO3N0cm9rZS1vcGFjaXR5Oi4yJyBmaWx0ZXI9J3VybCgjZjEpJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMSknLz48cG9seWdvbiBwb2ludHM9JzQwLDAgMCwyMCA0MCw0MCAyNCwyMCcgc3R5bGU9J2ZpbGw6d2hpdGU7c3Ryb2tlOndoaXRlOycvPjwvZz48ZyBzdHlsZT0nc3Ryb2tlOiNjNmM3Yzg7c3Ryb2tlLXdpZHRoOjE7Jz48bGluZSB4MT0nNDAnIHkxPScwJyB4Mj0nMCcgeTI9JzIwJy8+PGxpbmUgeDE9JzQwJyB5MT0nNDAnIHgyPScwJyB5Mj0nMjAnLz48L2c+PC9nPjwvc3ZnPg=="); }

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMXB4JyBoZWlnaHQ9JzQ0cHgnPjxkZWZzPjxmaWx0ZXIgaWQ9J2YxJyB4PScwJyB5PScwJz48ZmVHYXVzc2lhbkJsdXIgaW49J1NvdXJjZUdyYXBoaWMnIHN0ZERldmlhdGlvbj0nMS4yNScvPjwvZmlsdGVyPjwvZGVmcz48ZyBzdHlsZT0nc3Ryb2tlOndoaXRlO3N0cm9rZS13aWR0aDoxO2ZpbGwtcnVsZTpldmVub2RkOyc+PHBvbHlnb24gcG9pbnRzPScwLDQ0IDIwLDIyIDAsMCcgc3R5bGU9J2ZpbGw6aHNsKDAsIDAlLCAwJSk7JyBmaWx0ZXI9J3VybCgjZjEpJy8+PHBvbHlnb24gcG9pbnRzPScwLDQ0IDIwLDIyIDAsMCcgc3R5bGU9J2ZpbGw6d2hpdGUnLz48L2c+PGcgc3R5bGU9J3N0cm9rZTojYzZjN2M4O3N0cm9rZS13aWR0aDoxOyc+PGxpbmUgeDE9JzAnIHkxPSc0NCcgeDI9JzIwJyB5Mj0nMjInLz48bGluZSB4MT0nMCcgeTE9JzAnIHgyPScyMCcgeTI9JzIyJy8+PC9nPjwvc3ZnPg=="); }

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MHB4JyBoZWlnaHQ9JzQwcHgnPjxkZWZzPjxmaWx0ZXIgaWQ9J2YxJyB4PScwJyB5PScwJz48ZmVHYXVzc2lhbkJsdXIgaW49J1NvdXJjZUdyYXBoaWMnIHN0ZERldmlhdGlvbj0nMScvPjwvZmlsdGVyPjwvZGVmcz48ZyB0cmFuc2Zvcm09J3JvdGF0ZSgtMTM1LCAyMCwgMjApIHRyYW5zbGF0ZSgtOCknPjxnIHN0eWxlPSdzdHJva2Utd2lkdGg6MTtmaWxsLXJ1bGU6ZXZlbm9kZDsnPjxwb2x5Z29uIHBvaW50cz0nNDAsMCAwLDIwIDQwLDQwIDAsMjAnIHN0eWxlPSdmaWxsOmhzbCgwLCAwJSwgMCUpO3N0cm9rZTpoc2woMCwgMCUsIDAlKTtzdHJva2Utb3BhY2l0eTouMicgZmlsdGVyPSd1cmwoI2YxKScgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTEpJy8+PHBvbHlnb24gcG9pbnRzPSc0MCwwIDAsMjAgNDAsNDAgMjQsMjAnIHN0eWxlPSdmaWxsOndoaXRlO3N0cm9rZTp3aGl0ZTsnLz48L2c+PGcgc3R5bGU9J3N0cm9rZTojYzZjN2M4O3N0cm9rZS13aWR0aDoxOyc+PGxpbmUgeDE9JzQwJyB5MT0nMCcgeDI9JzAnIHkyPScyMCcvPjxsaW5lIHgxPSc0MCcgeTE9JzQwJyB4Mj0nMCcgeTI9JzIwJy8+PC9nPjwvZz48L3N2Zz4="); }

.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top {
    top: calc(0px - 14px); }
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0NHB4JyBoZWlnaHQ9JzIxcHgnPjxkZWZzPjxmaWx0ZXIgaWQ9J2YxJyB4PScwJyB5PScwJz48ZmVHYXVzc2lhbkJsdXIgaW49J1NvdXJjZUdyYXBoaWMnIHN0ZERldmlhdGlvbj0nMS4yNScvPjwvZmlsdGVyPjwvZGVmcz48ZyBzdHlsZT0nc3Ryb2tlOndoaXRlO3N0cm9rZS13aWR0aDoxO2ZpbGwtcnVsZTpldmVub2RkOyc+PHBvbHlnb24gcG9pbnRzPScwLDIxIDIyLDEgNDQsMjEnIHN0eWxlPSdmaWxsOmhzbCgwLCAwJSwgMCUpOycgZmlsdGVyPSd1cmwoI2YxKScvPjxwb2x5Z29uIHBvaW50cz0nMCwyMSAyMiwxIDQ0LDIxJyBzdHlsZT0nZmlsbDp3aGl0ZScvPjwvZz48ZyBzdHlsZT0nc3Ryb2tlOiNjNmM3Yzg7c3Ryb2tlLXdpZHRoOjE7Jz48bGluZSB4MT0nMCcgeTE9JzIxJyB4Mj0nMjInIHkyPScxJy8+PGxpbmUgeDE9JzQ0JyB5MT0nMjEnIHgyPScyMicgeTI9JzEnLz48L2c+PC9zdmc+"); }

.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom {
    bottom: calc(0px - 14px); }
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0NHB4JyBoZWlnaHQ9JzIxcHgnPjxkZWZzPjxmaWx0ZXIgaWQ9J2YxJyB4PScwJyB5PScwJz48ZmVHYXVzc2lhbkJsdXIgaW49J1NvdXJjZUdyYXBoaWMnIHN0ZERldmlhdGlvbj0nMS4yNScvPjwvZmlsdGVyPjwvZGVmcz48ZyBzdHlsZT0nc3Ryb2tlOndoaXRlO3N0cm9rZS13aWR0aDoxO2ZpbGwtcnVsZTpldmVub2RkOyc+PHBvbHlnb24gcG9pbnRzPScwLDAgMjIsMjAgNDQsMCcgc3R5bGU9J2ZpbGw6aHNsKDAsIDAlLCAwJSk7JyBmaWx0ZXI9J3VybCgjZjEpJy8+PHBvbHlnb24gcG9pbnRzPScwLDAgMjIsMjAgNDQsMCcgc3R5bGU9J2ZpbGw6d2hpdGUnLz48L2c+PGcgc3R5bGU9J3N0cm9rZTojYzZjN2M4O3N0cm9rZS13aWR0aDoxOyc+PGxpbmUgeDE9JzAnIHkxPScwJyB4Mj0nMjInIHkyPScyMCcvPjxsaW5lIHgxPSc0NCcgeTE9JzAnIHgyPScyMicgeTI9JzIwJy8+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: '{"modality":"modal","animation":{"open":[{"effect":"zoomIn","transformOrigin":"#myPosition"},"fadeIn"],"close":[{"effect":"zoomOut","persist":"all","transformOrigin":"#myPosition"},"fadeOut"]}}'; }

.oj-popup {
    min-width: 48px;
    min-height: 48px; }

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top {
    width: 40px;
    height: 40px;
    left: -14px;
    top: -14px; }

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom {
    width: 40px;
    height: 40px;
    left: -14px;
    bottom: -14px; }

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top {
    width: 40px;
    height: 40px;
    right: -14px;
    top: -14px; }

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom {
    width: 40px;
    height: 40px;
    right: -14px;
    bottom: -14px; }

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle {
    width: 21px;
    height: 44px;
    left: -21px; }

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle {
    width: 21px;
    height: 44px;
    right: -21px; }

.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top {
    width: 44px;
    height: 21px;
    top: -21px; }

.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom {
    width: 44px;
    height: 21px;
    bottom: -21px; }
*/

/*
     * Viewport element for clipping ojModule view host during animation
     * so that the view content doesn't overlap surrounding elements
     */
/*
.oj-animation-host-viewport {
    overflow: hidden; }

!*
     * ojModule view host for holding view content temporarily during animation
     *!
.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":"coverUp","navParent":"revealDown","navSiblingEarlier":"pushEnd","navSiblingLater":"pushStart"}'; }

.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; }

!*
     * applied to the refresh panel
     *!
.oj-pulltorefresh-panel {
    overflow: hidden; }

!*
     * applied to the content inside the pull to refresh panel
     *!
.oj-pulltorefresh-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f2f2f3; }

!*
     * applied animation when the height of the panel changes (during release)
     *!
.oj-pulltorefresh-transition {
    transition: height 0.4s;
    transition-timing-function: ease-in-out; }

!*
     * applied to the primary text inside the pull to refresh panel
     *!
.oj-pulltorefresh-primary-text {
    color: black;
    text-align: center;
    margin: 0 0 10px 0; }

!*
     * applied to the secondary text inside the pull to refresh panel
     *!
.oj-pulltorefresh-secondary-text {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    text-align: center;
    margin: 0 0 20px 0; }

!*
     * applied to the container of the refresh icon inside the pull to refresh panel
     *!
.oj-pulltorefresh-icon-container {
    margin: 20px 0 20px 0; }

!*
     * applied to the refresh icon inside the pull to refresh panel
     *!
.oj-pulltorefresh-icon {
    width: 40px;
    height: 40px; }

.oj-pulltorefresh-icon-full:before {
    content: url("../../alta/6.1.0/android/images/spinner_full.gif");
    transform: translate(-37.5%, -37.5%) scale(0.25); }

!*
     * Applied to offcanvas when it is in open state
     *!
.oj-swipetoreveal.oj-offcanvas-start.oj-offcanvas-open,
.oj-swipetoreveal.oj-offcanvas-end.oj-offcanvas-open {
    display: flex;
    overflow: hidden; }

!*
     * Applied to action items
     *!
.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; }

!*
     * Applied to action items that should be hidden when full trigger occurs
     *!
.oj-swipetoreveal .oj-swipetoreveal-hide-when-full {
    max-width: 0; }

!*
     * Applied to the more action item
     *!
.oj-swipetoreveal .oj-swipetoreveal-more {
    background-color: #707375; }

!*
     * Applied to the flag action item
     *!
.oj-swipetoreveal .oj-swipetoreveal-flag {
    background-color: #BF552E; }

!*
     * Applied to the alert action item
     *!
.oj-swipetoreveal .oj-swipetoreveal-alert {
    background-color: #BA0006; }

!* resizable *!
!* --------------------------------------------------------------- *!
.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; }

!* dialog *!
!* --------------------------------------------------------------- *!
oj-dialog:not(.oj-complete) {
    visibility: hidden; }

!* defines the stacking context of the dialog and for it's children '**!
.oj-dialog-layer {
    z-index: 1050; }

.oj-dialog-layer.oj-focus-within {
    z-index: calc(1050 + 1); }

.oj-dialog {
    overflow: hidden;
    width: 300px;
    min-width: 200px;
    height: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 5px 0 hsla(0, 0%, 0%,0.2);
    background: white;
    border: 1px solid #c6c7c8;
    border-radius: 0; }

.oj-dialog-header {
    border-width: 0 0 1px 0;
    border-style: solid;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 1.5rem 0.3125rem;
    background-color: transparent;
    background-image: none;
    border-bottom-color: transparent;
    font-size: 1.1875rem;
    color: black;
    font-weight: 500;
    min-height: 1.5rem; }

.oj-draggable .oj-dialog-header,
.oj-draggable .oj-dialog-title {
    cursor: move; }

html:not([dir="rtl"]) .oj-dialog-header-close-wrapper {
    margin-right: calc(0rem - 1.5rem); }

html[dir="rtl"] .oj-dialog-header-close-wrapper {
    margin-left: calc(0rem - 1.5rem); }

.oj-dialog-header-close .oj-dialog-title {
    padding-top: calc(2.25rem - 1.5rem); }

.oj-dialog-header-close-wrapper {
    margin-top: calc(0rem - 1.5rem); }

.oj-dialog-header-close-wrapper.oj-button-icon-only .oj-button-icon {
    margin: 0 0.625rem; }

.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.3125rem 1.5rem 1.25rem;
    text-align: start; }

.oj-dialog-footer-separator {
    border-top: 1px solid #c6c7c8; }

.oj-dialog-footer {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 auto;
    padding: 0.5rem 0.5rem 0.25rem; }
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.25rem;
    font-weight: 500;
    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: calc(1050 + 1); }

.oj-dialog-option-defaults {
    font-family: '{"animation":{"open":[{"effect":"zoomIn"},"fadeIn"],"close":[{"effect":"zoomOut","persist":"all"},"fadeOut"]},"resizeBehavior":"none","cancelBehavior":"none","dragAffordance":"none"}'; }

!* toolbar*!
!* --------------------------------------------------------------- *!
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; }

!* Apps can apply this class to a span to get a toolbar separator.
     * To make it accessible, the span should also have
     * role="separator" aria-orientation="vertical".
     * Separators should be placed around any buttonsets in the toolbar, and
     * anywhere else in the toolbar that a separator is desirable.
     *!
.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; }

!* To layout multiple toolbars, an element with .oj-toolbars can contain 1 or more elements
       each having .oj-toolbar-row, which can each contain 1 or more JET Toolbars
       (which have the oj-toolbar class). *!
.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; }

!* Apps can apply this class if a top toolbar border is desired *!
.oj-toolbar-top-border {
    border-top-width: 1px;
    border-radius: 0; }

!* Apps can apply this class if a bottom toolbar border is desired *!
.oj-toolbar-bottom-border {
    border-bottom-width: 1px;
    border-radius: 0; }

.oj-toolbar-option-defaults {
    font-family: '{"chroming":"half"}'; }

!* paging control *!
!* --------------------------------------------------------------- *!
oj-paging-control:not(.oj-complete) {
    visibility: hidden; }

!* Styling for the component. Set the line-height back to normal in case it
       was set to 0 by the table/datagrid footer classes *!
.oj-pagingcontrol {
    line-height: normal;
    display: block; }

!* Styling for the component content. *!
.oj-pagingcontrol-content {
    overflow: hidden; }

!* Styling for the loadMore mode contents. *!
.oj-pagingcontrol-loadmore {
    padding: 5px; }
html:not([dir="rtl"]) .oj-pagingcontrol-loadmore {
    text-align: right; }
html[dir="rtl"] .oj-pagingcontrol-loadmore {
    text-align: left; }

!* Styling for the Show More link. *!
.oj-pagingcontrol-loadmore-link {
    color: #02629f;
    white-space: nowrap;
    text-decoration: none; }

.oj-pagingcontrol-loadmore-link.oj-hover {
    text-decoration: underline; }

!* Styling for the loadMore mode range. *!
.oj-pagingcontrol-loadmore-range {
    padding-left: calc(2 * 5px);
    padding-right: calc(2 * 5px);
    white-space: nowrap; }

!* Styling for the page mode contents. *!
.oj-pagingcontrol-nav {
    padding: 5px;
    vertical-align: middle;
    white-space: nowrap; }

!* Styling for the page mode page input section. *!
.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; }

!* Styling for the input section labels *!
.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; }

!* Styling for the page mode navigation arrows section. *!
.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; }

!* Styling for the page mode navigation arrows section when it is the first child  *!
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; }

!* Styling for the page mode page links section. *!
.oj-pagingcontrol-nav-pages-section {
    display: inline-block;
    vertical-align: middle;
    line-height: 2.25rem; }

!* Styling for the page mode dot links. *!
.oj-pagingcontrol-nav-dot {
    line-height: 1rem;
    padding: 8px;
    display: inline-block; }

!* Styling for the page mode dot bullet. *!
.oj-pagingcontrol-nav-dot-bullet {
    font-size: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #8a8d8f;
    width: 7px;
    height: 7px;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    transition: all 0.3s ease 0s;
    display: inline-block;
    vertical-align: middle; }

!* Styling for the page mode dot bullet when paging control in high contrast mode. *!
.oj-hicontrast .oj-pagingcontrol-nav-dot-bullet {
    border: 3px double; }

!* Styling for the page mode dot link when selected or hovered. *!
.oj-pagingcontrol-nav-dot-bullet.oj-selected,
.oj-pagingcontrol-nav-dot-bullet.oj-hover {
    background-color: #027bc7;
    border-color: #027bc7;
    content: ""; }

!* Styling for the page mode page links. *!
.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; }

!* Styling for the page mode page link when selected. *!
.oj-pagingcontrol-nav-page.oj-selected {
    border: 1px solid rgba(0, 0, 0, 0.8);
    color: black;
    display: inline; }

!* Styling for the page mode page link when disabled. *!
.oj-pagingcontrol-nav-page.oj-disabled {
    text-decoration: none; }

!* Styling for the page mode page ellipsis. *!
.oj-pagingcontrol-nav-page-ellipsis {
    min-width: 1rem;
    font-size: 1rem;
    padding: 4px;
    vertical-align: bottom; }

!* Styling for the page mode page label. *!
label.oj-pagingcontrol-nav-label {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1rem; }

!* Styling for the page mode page input element. *!
!* Copying from form controls css vars mixins but removing rtl*!
input.oj-pagingcontrol-nav-input.oj-inputtext-input {
    text-align: center;
    color: black;
    background-color: transparent;
    border-style: solid;
    border-color: #b1b3b4;
    border-width: 0 0 1px 0;
    border-radius: 0;
    -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.6);
    opacity: 1;
    font-style: normal; }
input.oj-pagingcontrol-nav-input.oj-inputtext-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    font-style: normal; }
input.oj-pagingcontrol-nav-input.oj-inputtext-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    font-style: normal; }
input.oj-pagingcontrol-nav-input.oj-inputtext-input::placeholder {
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    font-style: normal; }

!* Styling for the page mode page input element when readOnly. *!
input[readOnly].oj-pagingcontrol-nav-input.oj-inputtext-input {
    color: rgba(0, 0, 0, 0.8);
    min-width: 1rem;
    max-width: 1rem; }

!* Styling for the page mode maximum number of pages text. *!
.oj-pagingcontrol-nav-input-max {
    color: rgba(0, 0, 0, 0.8);
    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; }

!* Styling for the page mode page range summary. *!
.oj-pagingcontrol-nav-input-summary {
    color: rgba(0, 0, 0, 0.8);
    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; }

!* Styling for the page mode navigation page arrows. *!
.oj-pagingcontrol-nav-arrow {
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    border-radius: 2px;
    cursor: default;
    box-sizing: border-box;
    vertical-align: middle;
    background: transparent;
    border: 1px solid transparent;
    padding: 1px; }

!* Styling for the page mode navigation page arrows in hover state. *!
.oj-pagingcontrol-nav-arrow.oj-hover {
    background-color: #76b8e1;
    border-color: #76b8e1;
    color: white;
    background-image: none;
    text-decoration: none; }

!* Styling for the page mode navigation page arrows when active. *!
.oj-pagingcontrol-nav-arrow.oj-active,
.oj-pagingcontrol-nav-arrow.oj-active.oj-hover {
    color: white;
    background: #02629f;
    border-color: #02629f;
    background-image: none; }

!* Styling for the page mode navigation first page arrow icon. *!
!* Styling for the page mode navigation first page arrow icon in vertical orientation. *!
!* Styling for the page mode navigation previous page arrow icon. *!
!* Styling for the page mode navigation previous page arrow icon in vertical orientation. *!
!* Styling for the page mode navigation next page arrow icon. *!
!* Styling for the page mode navigation next page arrow icon in vertical orientation. *!
!* Styling for the page mode navigation last page arrow icon. *!
!* Styling for the page mode navigation last page arrow icon in vertical orientation. *!
oj-list-view:not(.oj-complete) {
    visibility: hidden; }

!* Styling for the listview widget container *!
.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.9375rem; }

!* styling for the listview root element and group element *!
.oj-listview-element,
.oj-listview-group {
    padding: 0;
    margin: 0;
    list-style-type: none; }

!* Styling to remove focus ring border on focusable elements *!
.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; }

!* Styling for the component div container element. *!
.oj-listview-container {
    overflow: auto; }

!* to enable momentum scrolling on touch devices *!
.oj-listview-container-touch {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent; }

!* remove border top for the first group to prevent double border *!
.oj-listview-element > .oj-listview-item-element:first-child .oj-listview-group-item {
    border-top: 0; }

!* remove border top for the first group or leaf item to prevent double border *!
.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; }

!* styling on each list item *!
!* note that background image is used for border because we need to ability to position the border.
           using linear-gradient allows us to customize the color of the border *!
.oj-listview-item {
    padding: 0.5rem;
    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; }

!* set on item before add or remove animation *!
.oj-listview-item-add-remove-transition {
    overflow: hidden; }

!* styling on list item element *!
.oj-listview-item-element {
    line-height: normal; }

!* Styling on list item hover *!
.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; }

!* Styling on list item selection *!
.oj-listview.oj-focus-ancestor .oj-listview-item.oj-selected {
    background-color: #e0e1e1;
    border-top: 1px solid #b1b3b4;
    background-size: 0; }

.oj-listview.oj-focus-ancestor .oj-listview-group-item.oj-selected {
    background-color: #e0e1e1; }

.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 #b1b3b4;
    background-size: 0; }

!* Styling on list item inactive selection (when the root is not focus) *!
.oj-listview-item.oj-selected {
    background-color: #e0e1e1;
    border-top: 1px solid #b1b3b4;
    background-size: 0; }

.oj-listview-group-item.oj-selected {
    background-color: #e0e1e1; }

!* Styling on focused list or group item *!
.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; }

!* Styling on expand/collapse icon when it has focus highlight *!
.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; }

!* Styling on focused list item *!
.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; }

!* Styling for the list item elements in selected state when listview is in high contrast mode. *!
.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; }

!* Styling for the list item elements in focus state when listview is in high contrast mode. *!
.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; }

!* Styling addition for group items *!
.oj-listview-group-item {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    padding: 0.5rem;
    border: 0 solid #e5e6e6;
    border-width: 0;
    font-size: 0.875rem;
    background-color: #ededee;
    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; }

!* Styling for group items when it has no children or in collapsed state *!
.oj-listview-item-element.oj-collapsed .oj-listview-group-item,
.oj-listview-group-item.oj-empty {
    border-width: 0 0 1px; }

!* Styling for group item element that has focus *!
.oj-listview-group-item .oj-focus,
.oj-listview-group-item .oj-selected {
    background-color: transparent;
    background-image: none; }

!* Styling for group item element that is sticky *!
.oj-listview-group-item.oj-sticky {
    position: -webkit-sticky;
    top: 0; }

!* Styling for group item element that is pinned when scrolled *!
.oj-listview-group-item.oj-pinned {
    position: absolute;
    z-index: 1; }

!* expand and collapse animation *!
.oj-listview-collapsible-transition {
    overflow: hidden; }

!* Styling on the status text, such as fetching data *!
.oj-listview-status-message {
    position: absolute;
    padding: 0.5rem;
    display: none; }

!* Styling for the empty list text *!
.oj-listview-no-data-message {
    padding: 0.5rem;
    background-color: white;
    min-height: 1rem; }

!* Alignment for the expand and collapse icons *!
.oj-listview-expand-icon,
.oj-listview-collapse-icon {
    padding: 9px; }

!* Styling for the load icon while expanding *!
.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; }

!* Styling for group item when card layout is used *!
.oj-listview-card-layout .oj-listview-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px; }

!* Styling for item when card layout is used *!
.oj-listview-card-layout li.oj-listview-item {
    width: 240px;
    height: auto;
    border: 1px solid #e0e1e1;
    border-radius: 2px;
    margin-top: 8px;
    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: 8px; }
html:not([dir="rtl"]) .oj-listview-card-layout li.oj-listview-item {
    margin-left: 0;
    margin-right: 8px; }

!* Styling for group content when listview is filling the entire width and card layout is used *!
!* for now, first level group header or no group headers only *!
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: 8px; }

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: 8px; }

!* Styling for group header when listview is filling the entire width *!
!* for now, first level group header only *!
.oj-listview.oj-full-width > .oj-listview-element > li > .oj-listview-group-item {
    border-left-style: none;
    border-right-style: none; }

!* Styling for the drill icon *!
.oj-listview-drill-icon {
    width: 16px;
    height: 16px;
    color: #8a8d8f; }

!* Styling for the drill icon when item has focus *!
.oj-listview.oj-focus-ancestor .oj-listview-item.oj-focus .oj-listview-drill-icon {
    color: #027bc7; }

!* Styling for the drill icon when item is selected *!
.oj-listview.oj-focus-ancestor .oj-listview-item.oj-selected .oj-listview-drill-icon {
    color: #027bc7; }

!* Styling for the drill icon when hover over an item *!
.oj-listview-item.oj-hover .oj-listview-drill-icon {
    color: #76b8e1; }

!* Styling for the container of the activity indicator for high watermark scrolling *!
.oj-listview-card-layout li.oj-listview-loading-icon-container {
    width: 100%;
    border-style: none; }

!* Styling for the activity indicator for high watermark scrolling *!
.oj-listview-loading-icon {
    display: block;
    width: 40px;
    height: 40px;
    margin: auto; }
.oj-listview-loading-icon:before {
    content: url("../../alta/6.1.0/android/images/spinner_full.gif");
    transform: translate(-37.5%, -37.5%) scale(0.25); }

!* Styling for the affordance icon *!
.oj-listview-drag-handle {
    cursor: move; }

!* Styling for the affordance icon when card layout is used *!
.oj-listview-card-layout .oj-listview-drag-handle {
    background-image: none;
    width: auto;
    height: auto;
    font-size: 16px; }

!* Styling for the drag image *!
.oj-listview-drag-image {
    background-color: transparent;
    position: absolute;
    top: -10000px;
    border: 1px solid transparent; }

!* Styling for hiding the original item being dragged *!
.oj-listview-drag-item {
    display: none; }

!* Styling item that is draggable (no affordance) *!
.oj-listview-item.oj-draggable {
    cursor: move; }

!* Styling for the item that is being moved using drag *!
.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; }

!* Styling all drop targets in the list *!
.oj-listview-item.oj-drop {
    box-sizing: border-box;
    border: 1px solid #c2eaf3;
    background-color: #d9f4fa; }

!* Styling on empty list as drop targets in the list *!
.oj-listview-empty-text.oj-drop {
    background-color: #d9f4fa; }

!* Styling for an item that is cut during a context menu cut operation *!
.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":"ripple"}},"showIndicatorDelay":"250"}'; }

!* Styling for the expand icon *!
!* Styling for the collapse icon *!
!* Styling for the drill icon *!
.oj-listview-drill-icon {
    display: none; }

!* Styling on focused list or group item *!
.oj-listview-item.oj-focus,
.oj-listview-group-item.oj-focus {
    outline-style: none; }

oj-indexer:not(.oj-complete) {
    visibility: hidden; }

!* Styling for the indexer widget container *!
.oj-indexer {
    display: flex;
    align-items: center;
    width: 22px; }

!* Styling to remove focus ring border on indexer *!
.oj-indexer ul:focus {
    outline: none; }

!* styling for the indexer root element *!
.oj-indexer ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }

!* styling on each item *!
.oj-indexer li {
    text-align: center;
    height: 18px;
    width: 22px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
    font-weight: bold;
    font-size: 0.75rem;
    vertical-align: middle; }

!* styling on each item that does not have a corresponding group header *!
.oj-indexer li.oj-disabled {
    opacity: 0.5;
    color: rgba(0, 0, 0, 0.6); }

!* styling on hovered item *!
.oj-indexer li:hover {
    text-decoration: none;
    cursor: default; }

!* styling on focused item *!
.oj-indexer.oj-focus-ancestor li.oj-focus-highlight {
    outline-width: 1px;
    outline-style: dotted;
    outline-offset: -1px; }

!* styling on each item when indexer is abbreviated *!
.oj-indexer.oj-indexer-abbr li {
    height: 14px; }

!* styling for the ellipsis between two characters *!
.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: white;
    color: black;
    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: white;
    color: black;
    border-color: black;
    border-radius: 2px;
    box-shadow: 0 0 5px 0 hsla(0, 0%, 0%,0.2);
    font-size: 0.875rem;
    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.875rem;
    color: black;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.oj-legend-title {
    font-size: 0.875rem; }

.oj-legend-section-title {
    font-size: 0.875rem;
    color: black; }

html:not([dir="rtl"]) .oj-legend-section-open-icon {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/open-ena.png"); }

html[dir="rtl"] .oj-legend-section-open-icon {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/open-ena-r.png"); }

html:not([dir="rtl"]) .oj-legend-section-open-icon.oj-hover {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/open-ovr.png"); }

html[dir="rtl"] .oj-legend-section-open-icon.oj-hover {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/open-ovr-r.png"); }

html:not([dir="rtl"]) .oj-legend-section-open-icon.oj-active {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/open-dwn.png"); }

html[dir="rtl"] .oj-legend-section-open-icon.oj-active {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/open-dwn-r.png"); }

html:not([dir="rtl"]) .oj-legend-section-close-icon {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/closed-ena.png"); }

html[dir="rtl"] .oj-legend-section-close-icon {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/closed-ena-r.png"); }

html:not([dir="rtl"]) .oj-legend-section-close-icon.oj-hover {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/closed-ovr.png"); }

html[dir="rtl"] .oj-legend-section-close-icon.oj-hover {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/closed-ovr-r.png"); }

html:not([dir="rtl"]) .oj-legend-section-close-icon.oj-active {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/closed-dwn.png"); }

html[dir="rtl"] .oj-legend-section-close-icon.oj-active {
    background-image: url("../../alta/6.1.0/common/images/dvt/legend/closed-dwn-r.png"); }

.oj-legend-title {
    color: rgba(0, 0, 0, 0.6); }

.oj-legend-section-title {
    color: rgba(0, 0, 0, 0.6); }

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("../../alta/6.1.0/common/images/dvt/chart/marquee-up.png"); }

.oj-chart-select-icon.oj-active {
    background-image: url("../../alta/6.1.0/common/images/dvt/chart/marquee-down.png"); }

.oj-chart-select-icon.oj-hover {
    background-image: url("../../alta/6.1.0/common/images/dvt/chart/marquee-hover.png"); }

.oj-chart-pan-icon {
    background-image: url("../../alta/6.1.0/common/images/dvt/chart/pan-up.png"); }

.oj-chart-pan-icon.oj-active {
    background-image: url("../../alta/6.1.0/common/images/dvt/chart/pan-down.png"); }

.oj-chart-pan-icon.oj-hover {
    background-image: url("../../alta/6.1.0/common/images/dvt/chart/pan-hover.png"); }

.oj-chart-zoom-icon {
    background-image: url("../../alta/6.1.0/common/images/dvt/chart/zoom-up.png"); }

.oj-chart-zoom-icon.oj-active {
    background-image: url("../../alta/6.1.0/common/images/dvt/chart/zoom-down.png"); }

.oj-chart-zoom-icon.oj-hover {
    background-image: url("../../alta/6.1.0/common/images/dvt/chart/zoom-hover.png"); }

.oj-chart-data-label {
    font-size: 0.875rem; }

.oj-chart-data-cursor-line {
    color: black; }

.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.875rem;
    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.6); }

.oj-chart-tooltip-label {
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.8); }

.oj-chart-xaxis-tick-label,
.oj-chart-yaxis-tick-label,
.oj-chart-y2axis-tick-label {
    font-size: 0.875rem;
    color: black; }

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; }

!* wraps help text that displays inside popup. *!
.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.8);
    font-size: 0.75rem;
    font-weight: normal;
    margin-bottom: 0.25em; }

!*
      We need to line up a label with plain text but without giving it top margins which
      we get with oj-label-inline.
     *!
.oj-label-nocomp.oj-label-inline.oj-label-for-non-control {
    margin-top: 0;
    vertical-align: baseline; }

!* When label is block, this wrapper is needed in order
       to float modifiers (required, help, changed) to the end of the label *!
.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,
.oj-label-nocomp.oj-label-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
html:not([dir="rtl"]) .oj-label.oj-label-nowrap, html:not([dir="rtl"])
.oj-label-nocomp.oj-label-nowrap {
    padding-right: 1rem; }
html[dir="rtl"] .oj-label.oj-label-nowrap, html[dir="rtl"]
.oj-label-nocomp.oj-label-nowrap {
    padding-left: 1rem; }

.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: 1rem; }
html[dir="rtl"] .oj-label-inline {
    padding-left: 1rem; }

.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.5rem;
    font-weight: normal;
    line-height: 1rem;
    font-family: inherit;
    background-color: #02629f;
    border-radius: 50%;
    height: 4px;
    width: 4px; }
*/

/*

!* messaging *!
!* --------------------------------------------------------------- *!
!* styles the root of the popup component that wraps all messaging content *!
!* wraps all messaging content that displays inside popup. *!
.oj-messaging-popup-container {
    max-width: 320px; }

!* separator inside popup container *!
.oj-messaging-popup-container hr {
    margin-top: 20px;
    margin-bottom: 10px; }

!* prevent messaging content from overflowing the container *!
.oj-messaging-inline-container {
    overflow: hidden; }

!* wraps all messaging content that displays inline *!
.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: 0;
    border-top-width: 0; }

.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; }

!**
     * wraps a message block that includes the icon and content inline-blocks
     * 1. prevent wrapping the content inline-block.
     *!
.oj-message {
    display: flex;
    text-align: left;
    white-space: nowrap;
    !* 1 *! }
html[dir="rtl"] .oj-message {
    text-align: right; }

!* from second to last message blocks inside popup container *!
.oj-messaging-popup-container .oj-message:nth-of-type(n+2) {
    padding-top: 20px; }

!*
     * wraps the message summary and detail parts
     *!
.oj-message-content {
    display: inline-block; }

!**
     * message summary text
     * 1. allow summary text to wrap normally.
     *!
.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; }

!**
     * message detail text
     * 1. allow detail text to wrap normally.
     *!
.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; }

!**
     * wraps all hints
     *!
!**
     * for hint types - validator, converter
     *!
!**
     * for hint title
     * 1. if title isn't the first hint add padding to the top.
     *!
.oj-form-control-hint-title:not(:first-child) {
    padding-top: 20px;
    !* 1 *! }

.oj-message-status-icon {
    flex: 0 0 auto;
    position: relative; }

.oj-message-status-icon:before {
    width: 20px;
    !* Needed for old versions of IE11 *! }

.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"}}}'; }

!* form-control classes *!
!* --------------------------------------------------------------- *!
html .oj-form-control {
    margin-bottom: 4px;
    vertical-align: middle; }

!** for all hints *!
.oj-form-control-hint {
    color: black;
    padding: 0;
    word-wrap: break-word; }

.oj-form-control-title {
    color: black; }

.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-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;
    !* use a width of 100% and then max and min width so that when
           there's less room for the form control it can automatically
           get smaller instead of overflowing its boundaries *!
    max-width: 100%;
    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: 100%; } }

.oj-inputtext {
    position: relative; }

.oj-inputtext .oj-inputtext-clear-icon-btn {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    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: black;
    background-color: transparent;
    border-style: solid;
    border-color: #b1b3b4;
    border-width: 0 0 1px 0;
    border-radius: 0;
    -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.6);
    opacity: 1;
    font-style: normal; }
.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.6);
    opacity: 1;
    font-style: normal; }
.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.6);
    opacity: 1;
    font-style: normal; }
.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.6);
    opacity: 1;
    font-style: normal; }

!* Styling for text-align *!
.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.5rem;
    padding: 0 0;
    padding-bottom: calc(2px - 1px + 0px); }

.oj-textarea-input,
.oj-textarea-nocomp {
    padding: 0.5rem 0;
    line-height: 1.5rem;
    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: 0 0 2px 0;
    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: 0 0 2px 0;
    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: dotted;
    color: black;
    background-color: transparent;
    border-color: #b1b3b4;
    opacity: 0.5; }

.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: black;
    font-size: 1rem;
    font-weight: bold;
    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: #027bc7;
    border-width: 0 0 2px 0; }

.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; }
*/

/* radioset and checkboxset styles */
/* this styles the radio, checkbox, and their labels */
/* --------------------------------------------------------------- */

/*

oj-radioset:not(.oj-complete) {
    visibility: hidden; }

oj-checkboxset:not(.oj-complete) {
    visibility: hidden; }

!* App developer should put a span around the input and label, and use this styleclass *!
.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: 100%;
    width: 100%; }

.oj-radio-label,
.oj-checkbox-label,
.oj-checkbox-label-nocomp {
    color: black;
    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: black;
    opacity: 0.5; }

.oj-radio-label.oj-selected,
.oj-checkbox-label.oj-selected {
    color: black; }

.oj-radio,
.oj-checkbox,
.oj-checkbox-nocomp {
    display: inline-block; }

.oj-radioset-wrapper,
.oj-checkboxset-wrapper {
    box-sizing: border-box;
    background-color: #f7f7f8; }

.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: #e5e6e6;
    border-style: solid;
    border-width: 1px;
    border-radius: 0; }

.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: #e8f3fa; }

.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 #b1b3b4; }

.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 #e0e1e1 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 #b1b3b4; }

.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 #b1b3b4; }

.oj-choice-direction-column .oj-choice-item:last-child,
.oj-choice-row:last-child {
    border-bottom: 1px solid transparent; }

!*  oj-choice-row and oj-choice-row-inline have been deprecated
    on December 07, 2016 in v3.0.0. Use oj-choice-item instead. See release notes. *!
.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: 3rem; }

.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 16px; }

html[dir="rtl"] .oj-radiocheckbox-label-text, html[dir="rtl"]
.oj-checkbox-label-nocomp {
    padding: 0 16px 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 16px; }

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 16px 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 16px 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 16px; }

.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: calc(3rem / 5); }

.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 {
    right: 0;
    left: auto; }

html[dir="rtl"] .oj-radio, html[dir="rtl"]
.oj-checkbox {
    left: 0; }

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(:first-child) > .oj-radio-label, html:not([dir="rtl"])
.oj-choice-direction-row .oj-choice-item:not(:first-child) > .oj-checkbox-label, html:not([dir="rtl"])
.oj-choice-direction-row .oj-choice-item:not(:first-child) > .oj-checkbox-label-nocomp {
    margin-left: 1.5rem; }

html[dir="rtl"] .oj-choice-direction-row .oj-choice-item:not(:first-child) > .oj-radio-label, html[dir="rtl"]
.oj-choice-direction-row .oj-choice-item:not(:first-child) > .oj-checkbox-label, html[dir="rtl"]
.oj-choice-direction-row .oj-choice-item:not(:first-child) > .oj-checkbox-label-nocomp {
    margin-right: 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: 0; }

.oj-form .oj-checkboxset-single .oj-choice-item,
.oj-form .oj-checkboxset-single .oj-choice-row {
    justify-content: flex-end; }

.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: 1; }

html:not([dir="rtl"]) .oj-radiocheckbox-icon {
    margin: 0 0 0 0; }

html[dir="rtl"] .oj-radiocheckbox-icon {
    margin: 0 0 0 0; }

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 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; }

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; }

html[dir="rtl"] .oj-radioset-input-end .oj-radiocheckbox-icon, html[dir="rtl"]
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
    margin: 0 0 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; }

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; }

!* Send to the client the renderInputAs variable value  *!
.oj-radioset-option-defaults {
    font-family: '{"renderInputAs":"backgroundImage"}'; }

.oj-checkboxset-option-defaults {
    font-family: '{"renderInputAs":"backgroundImage"}'; }

!* listbox *!
!* --------------------------------------------------------------- *!
!*
     * applied to the dropdown
     *!
!* defines the stacking context for the listbox *!
.oj-listbox-drop-layer {
    z-index: 1000; }

.oj-listbox-drop {
    box-sizing: border-box;
    top: 100%;
    background: white;
    border: 1px solid #c6c7c8;
    box-shadow: 0 0 5px 0 hsla(0, 0%, 0%,0.2);
    border-top: 0; }

!*
     * applied to the dropdown when it is open above the component
     *!
.oj-listbox-drop-above {
    border-top: 1px solid #c6c7c8;
    border-bottom: 0; }

!*
     * applied to placeholder in the dropdown
     *!
.oj-listbox-placeholder {
    color: rgba(0, 0, 0, 0.6); }

!*
     * applied to results
     *!
.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; }

!*
     * applied to nested option groups
     *!
.oj-listbox-result-sub {
    margin: 0;
    padding: 0; }

!*
     * applied to result labels
     *!
.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; }

!*
     * applied to result labels in different nested levels of option groups.
     * Padding is used instead of margins because the background color for states
     * like hover need to span across the entire box.
     *!
html:not([dir="rtl"]) .oj-listbox-results-depth-1 > .oj-listbox-result-label {
    padding-left: calc(15px + 5px); }

html[dir="rtl"] .oj-listbox-results-depth-1 > .oj-listbox-result-label {
    padding-right: calc(15px + 5px); }

html:not([dir="rtl"]) .oj-listbox-results-depth-2 > .oj-listbox-result-label {
    padding-left: calc(2 * 15px + 5px); }

html[dir="rtl"] .oj-listbox-results-depth-2 > .oj-listbox-result-label {
    padding-right: calc(2 * 15px + 5px); }

html:not([dir="rtl"]) .oj-listbox-results-depth-3 > .oj-listbox-result-label {
    padding-left: calc(3 * 15px + 5px); }

html[dir="rtl"] .oj-listbox-results-depth-3 > .oj-listbox-result-label {
    padding-right: calc(3 * 15px + 5px); }

html:not([dir="rtl"]) .oj-listbox-results-depth-4 > .oj-listbox-result-label {
    padding-left: calc(4 * 15px + 5px); }

html[dir="rtl"] .oj-listbox-results-depth-4 > .oj-listbox-result-label {
    padding-right: calc(4 * 15px + 5px); }

html:not([dir="rtl"]) .oj-listbox-results-depth-5 > .oj-listbox-result-label {
    padding-left: calc(5 * 15px + 5px); }

html[dir="rtl"] .oj-listbox-results-depth-5 > .oj-listbox-result-label {
    padding-right: calc(5 * 15px + 5px); }

html:not([dir="rtl"]) .oj-listbox-results-depth-6 > .oj-listbox-result-label {
    padding-left: calc(6 * 15px + 5px); }

html[dir="rtl"] .oj-listbox-results-depth-6 > .oj-listbox-result-label {
    padding-right: calc(6 * 15px + 5px); }

html:not([dir="rtl"]) .oj-listbox-results-depth-7 > .oj-listbox-result-label {
    padding-left: calc(7 * 15px + 5px); }

html[dir="rtl"] .oj-listbox-results-depth-7 > .oj-listbox-result-label {
    padding-right: calc(7 * 15px + 5px); }

!*
     * applied to the nested option group labels,
     * they are direct children of li.oj-listbox-result-with-children
     *!
.oj-listbox-result-with-children > .oj-listbox-result-label {
    font-weight: bold; }

!*
     * applied to choices in the dropdown
     *!
.oj-listbox-results li {
    list-style: none;
    display: list-item;
    background-image: none; }

!*
     * applied to the hovered choices in the dropdown
     *!
.oj-listbox-results .oj-hover {
    background: #ededee; }

!*
     * applied to disabled choices in the dropdown
     *!
.oj-listbox-results .oj-disabled {
    color: rgba(0, 0, 0, 0.38);
    display: list-item;
    cursor: default; }

!*
     * applied to selected choice in the dropdown
     *!
.oj-listbox-results .oj-selected {
    display: none; }

!*
     * This class is only applied transiently to measure the browser native scollbar
     *!
.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; }

!* icons *!
!* -----------------------------*!
!*
     * Applied to the search icon
     *!
.oj-listbox-search-icon {
    color: white; }

!*
     * Applied to the spyglass (search icon) container
     *!
.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; }

!*
     * Applied to the search box which includes the search text and the spyglass icon
     *!
.oj-listbox-search {
    box-sizing: border-box;
    width: 100%;
    display: inline-table;
    background-color: transparent;
    border-color: #b1b3b4;
    border-width: 0 0 1px 0;
    border-radius: 0;
    border-style: solid; }

!*
     * Applied to the search text
     *!
.oj-listbox-input {
    box-sizing: border-box;
    width: 100%;
    color: black;
    border-radius: 0;
    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: 0; }
html[dir="rtl"] .oj-listbox-input {
    padding-left: 2rem;
    padding-right: 0; }

!*
     * Used to cover the border bottom of the select box when the dropdown is open
     *!
.oj-listbox-search-wrapper {
    border: 0;
    padding: 5px;
    background-color: transparent; }

!*
     * Applied to the "No matches found" result entry
     *!
html:not([dir="rtl"]) .oj-listbox-no-results {
    padding-left: 5px; }

html[dir="rtl"] .oj-listbox-no-results {
    padding-right: 5px; }

!*
     * Applied to the filter message container
     *!
.oj-listbox-filter-message-box {
    padding-left: 5px;
    padding-right: 5px; }

!*
     * Applied to the filter message text
     *!
.oj-listbox-filter-message-text {
    line-height: 1.8rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    padding-top: 5px;
    padding-bottom: 5px; }

!*
     * Applied to the filter message separator
     *!
.oj-listbox-filter-message-separator {
    border-bottom: 1px solid #c6c7c8; }

!*
     * Applied to the data fetching indicator container
     *!
.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; }

!*
     * Applied to the data fetching indicator icon
     *!
.oj-listbox-loading-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: auto; }
.oj-listbox-loading-icon:before {
    content: url("../../alta/6.1.0/android/images/spinner_full.gif");
    transform: translate(-42.5%, -42.5%) scale(0.15); }

.oj-hicontrast .oj-listbox-results .oj-hover {
    border: 1px solid #b1b3b4; }

.oj-hicontrast .oj-listbox-results .oj-disabled {
    border: 1px dotted #b1b3b4; }

!*
     * Applied to the search icon
     *!
.oj-listbox-search-icon {
    padding: 0.31rem; }

!*
     * Applied to the spyglass (search icon) container
     *!
.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; }

!*
     * Applied to the listbox results if it has custonm header.
     *!
.oj-listbox-results-with-header {
    padding: 0;
    margin: 0; }

!*
     * Applied to the listbox custonm header options.
     *!
.oj-listbox-results-with-header li {
    background-image: none;
    list-style: outside none none; }

!*
     * Applied to the listbox custonm header.
     *!
.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 white;
    outline: -webkit-focus-ring-color auto; }

!*
     * Applied to the matching text in the dropdown options
     *!
.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; }
*/

/* InputSearch */
/* --------------------------------------------------------------- */
/*


oj-input-search:not(.oj-complete) {
    visibility: hidden; }

.oj-inputsearch {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    max-width: 100%;
    min-width: 8em;
    font-size: 1rem;
    width: 100%; }
@media screen and (max-width: 767px) {
    .oj-inputsearch {
        -webkit-text-size-adjust: 100%; } }

!*
     * Applied to the InputSearch box which includes the input field and the search icon
     *!
.oj-inputsearch-choice {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    text-align: left;
    color: black;
    background-color: transparent;
    border-style: solid;
    border-color: #b1b3b4;
    border-width: 0 0 1px 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    height: 1.75rem;
    padding-bottom: calc(2px - 1px + 0px);
    flex-direction: row-reverse;
    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.6);
    opacity: 1;
    font-style: normal; }
.oj-inputsearch-choice:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    font-style: normal; }
.oj-inputsearch-choice::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    font-style: normal; }
.oj-inputsearch-choice::placeholder {
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    font-style: normal; }

.oj-inputsearch-choice {
    background-color: transparent; }

!*
     * Applied to the input field
     *!
.oj-inputsearch-input {
    flex: 1;
    border: 0;
    outline: 0;
    box-shadow: none;
    padding: 0 0;
    background-color: transparent;
    color: black;
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
@media screen and (max-width: 767px) {
    .oj-inputsearch-input {
        -webkit-text-size-adjust: 100%; } }
.oj-inputsearch-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    font-style: normal; }
.oj-inputsearch-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    font-style: normal; }
.oj-inputsearch-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    font-style: normal; }
.oj-inputsearch-input::placeholder {
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    font-style: normal; }

!*
     * Applied to the search button
     *!
.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; }

!*
     * Search button icon
     *!
.oj-inputsearch-search-icon {
    line-height: inherit;
    font-size: 1rem; }
@media screen and (max-width: 767px) {
    .oj-inputsearch-search-icon {
        -webkit-text-size-adjust: 100%; } }
html:not([dir="rtl"]) .oj-inputsearch-search-icon {
    padding-left: 0;
    padding-right: 8px; }
html[dir="rtl"] .oj-inputsearch-search-icon {
    padding-right: 0;
    padding-left: 8px; }

!*
     * Styling for focus state
     *!
.oj-inputsearch:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputsearch-choice {
    border-color: #027bc7;
    border-width: 0 0 2px 0;
    padding-bottom: 0; }

!*
     * Invalid styling for the widget
     *!
.oj-inputsearch.oj-invalid .oj-inputsearch-choice {
    border-color: #E65A66;
    border-width: 0 0 2px 0;
    border-style: solid; }

!*
     * Warning styling for the widget
     *!
.oj-inputsearch.oj-warning .oj-inputsearch-choice {
    border-color: #F8CA75;
    border-width: 0 0 2px 0;
    border-style: solid; }

!*
     * Disabled styles for single-select
     *!
.oj-inputsearch.oj-disabled .oj-inputsearch-choice,
.oj-inputsearch.oj-disabled input {
    color: black;
    background-color: transparent;
    border-color: #b1b3b4;
    opacity: 0.5; }

.oj-inputsearch.oj-disabled .oj-inputsearch-choice,
.oj-inputsearch.oj-disabled input {
    background-color: transparent; }

.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; }
*/

/* switch */
/* --------------------------------------------------------------- */
/*

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: 2rem;
    width: 2rem; }

.oj-switch .oj-switch-thumb {
    box-sizing: content-box; }
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( 0.875rem - 1px - 1px);
    width: calc( 2.25rem - 1px - 1px);
    margin-top: calc(0px - 0.875rem / 2);
    border-radius: 0.875rem; }

.oj-switch.oj-read-only .oj-switch-track {
    position: absolute;
    top: 50%;
    border-style: solid;
    border-width: 2px;
    height: calc( 0.875rem - 2px - 2px);
    width: calc( 2.25rem - 2px - 2px);
    margin-top: calc(0px - 0.875rem / 2);
    border-radius: 0.875rem; }

.oj-switch .oj-switch-track,
.oj-switch.oj-default .oj-switch-track {
    background-color: #8a8d8f;
    border-color: #8a8d8f; }

.oj-switch .oj-switch-thumb,
.oj-switch.oj-default .oj-switch-thumb {
    position: absolute;
    top: 50%;
    border-style: solid;
    border-width: 1px;
    height: calc( 1.25rem - 1px - 1px);
    width: calc( 1.25rem - 1px - 1px);
    margin-top: calc(0px - 1.25rem / 2);
    border-radius: 1.25rem;
    box-shadow: 0 3px 1px hsla(0, 0%, 0%,0.2), 0 0 8px hsla(0, 0%, 0%,0.2);
    background-color: #f2f2f3;
    border-color: #f2f2f3; }

.oj-switch.oj-selected .oj-switch-track {
    background-color: #76b8e1;
    border-color: #76b8e1; }

.oj-switch.oj-selected .oj-switch-thumb {
    position: absolute;
    top: 50%;
    border-style: solid;
    border-width: 1px;
    height: calc( 1.25rem - 1px - 1px);
    width: calc( 1.25rem - 1px - 1px);
    margin-top: calc(0px - 1.25rem / 2);
    border-radius: 1.25rem;
    box-shadow: 0 3px 1px hsla(0, 0%, 0%,0.2), 0 0 8px hsla(0, 0%, 0%,0.2);
    background-color: #76b8e1;
    border-color: #76b8e1; }

.oj-switch.oj-hover .oj-switch-track {
    background-color: #8a8d8f;
    border-color: #8a8d8f; }

.oj-switch.oj-hover .oj-switch-thumb {
    position: absolute;
    top: 50%;
    border-style: solid;
    border-width: 0.875rem;
    height: calc( 3rem - 0.875rem - 0.875rem);
    width: calc( 3rem - 0.875rem - 0.875rem);
    margin-top: calc(0px - 3rem / 2);
    border-radius: 3rem;
    box-shadow: none;
    background-color: #f2f2f3;
    border-color: #e0e1e1; }

.oj-switch.oj-selected.oj-hover .oj-switch-track {
    background-color: #027bc7;
    border-color: #027bc7; }

.oj-switch.oj-selected.oj-hover .oj-switch-thumb {
    position: absolute;
    top: 50%;
    border-style: solid;
    border-width: 0.875rem;
    height: calc( 3rem - 0.875rem - 0.875rem);
    width: calc( 3rem - 0.875rem - 0.875rem);
    margin-top: calc(0px - 3rem / 2);
    border-radius: 3rem;
    box-shadow: none;
    background-color: #027bc7;
    border-color: #d7eaf6; }

.oj-switch.oj-active .oj-switch-track,
.oj-switch.oj-hover.oj-active .oj-switch-thumb .oj-switch-track {
    background-color: #8a8d8f;
    border-color: #8a8d8f; }

.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: 0.875rem;
    height: calc( 3rem - 0.875rem - 0.875rem);
    width: calc( 3rem - 0.875rem - 0.875rem);
    margin-top: calc(0px - 3rem / 2);
    border-radius: 3rem;
    box-shadow: none;
    background-color: #f2f2f3;
    border-color: #e0e1e1; }

.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: 0.875rem;
    height: calc( 3rem - 0.875rem - 0.875rem);
    width: calc( 3rem - 0.875rem - 0.875rem);
    margin-top: calc(0px - 3rem / 2);
    border-radius: 3rem;
    box-shadow: none;
    background-color: #027bc7;
    border-color: #d7eaf6; }

.oj-switch.oj-read-only .oj-switch-track {
    background-color: white;
    border-color: black; }

.oj-switch.oj-read-only .oj-switch-thumb {
    position: absolute;
    top: 50%;
    border-style: solid;
    border-width: 2px;
    height: calc( 1.25rem - 2px - 2px);
    width: calc( 1.25rem - 2px - 2px);
    margin-top: calc(0px - 1.25rem / 2);
    border-radius: 1.25rem;
    box-shadow: none;
    background-color: white;
    border-color: black; }

.oj-switch.oj-selected.oj-read-only .oj-switch-track {
    background-color: white;
    border-color: black; }

.oj-switch.oj-selected.oj-read-only .oj-switch-thumb {
    position: absolute;
    top: 50%;
    border-style: solid;
    border-width: 2px;
    height: calc( 1.25rem - 2px - 2px);
    width: calc( 1.25rem - 2px - 2px);
    margin-top: calc(0px - 1.25rem / 2);
    border-radius: 1.25rem;
    box-shadow: none;
    background-color: white;
    border-color: black; }

.oj-switch.oj-disabled .oj-switch-track {
    background-color: #b1b3b4;
    border-color: #b1b3b4; }

.oj-switch.oj-disabled .oj-switch-thumb {
    position: absolute;
    top: 50%;
    border-style: solid;
    border-width: 1px;
    height: calc( 1.25rem - 1px - 1px);
    width: calc( 1.25rem - 1px - 1px);
    margin-top: calc(0px - 1.25rem / 2);
    border-radius: 1.25rem;
    box-shadow: none;
    background-color: #707375;
    border-color: #707375; }

.oj-switch.oj-disabled.oj-selected .oj-switch-track {
    background-color: #b1b3b4;
    border-color: #b1b3b4; }

.oj-switch.oj-disabled.oj-selected .oj-switch-thumb {
    position: absolute;
    top: 50%;
    border-style: solid;
    border-width: 1px;
    height: calc( 1.25rem - 1px - 1px);
    width: calc( 1.25rem - 1px - 1px);
    margin-top: calc(0px - 1.25rem / 2);
    border-radius: 1.25rem;
    box-shadow: none;
    background-color: #707375;
    border-color: #707375; }

.oj-switch-thumb:not(.oj-focus-highlight):focus {
    outline: none; }

!* switch specific *!
!* --------------------------------------------------------------- *!
.oj-switch .oj-switch-thumb {
    margin-left: -2px;
    margin-right: -2px; }

.oj-switch.oj-selected .oj-switch-track {
    background-color: #76b8e1;
    border-color: #76b8e1; }

.oj-switch.oj-disabled .oj-switch-track {
    opacity: 0.3; }

.oj-switch.oj-hover .oj-switch-thumb,
.oj-switch.oj-active .oj-switch-thumb {
    border-color: #e0e1e1; }

.oj-switch.oj-selected.oj-hover .oj-switch-thumb,
.oj-switch.oj-selected.oj-active .oj-switch-thumb {
    border-color: #d7eaf6; }

.oj-switch.oj-disabled.oj-selected .oj-switch-track {
    opacity: 0.3; }

.oj-switch.oj-selected .oj-switch-track,
.oj-switch.oj-hover .oj-switch-thumb,
.oj-switch.oj-active .oj-switch-thumb,
.oj-switch.oj-disabled .oj-switch-track,
.oj-switch.oj-disabled.oj-selected .oj-switch-track {
    background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding; }

html:not([dir="rtl"]) .oj-switch.oj-hover:not(.oj-read-only) .oj-switch-thumb, html:not([dir="rtl"])
.oj-switch.oj-active:not(.oj-read-only) .oj-switch-thumb {
    margin-left: calc(0px - 0.875rem); }

html[dir="rtl"] .oj-switch.oj-hover:not(.oj-read-only) .oj-switch-thumb, html[dir="rtl"]
.oj-switch.oj-active:not(.oj-read-only) .oj-switch-thumb {
    margin-right: calc(0px - 0.875rem); }

html:not([dir="rtl"]) .oj-switch.oj-selected.oj-hover:not(.oj-read-only) .oj-switch-thumb, html:not([dir="rtl"])
.oj-switch.oj-selected.oj-active:not(.oj-read-only) .oj-switch-thumb {
    margin-right: calc(0px - 0.875rem); }

html[dir="rtl"] .oj-switch.oj-selected.oj-hover:not(.oj-read-only) .oj-switch-thumb, html[dir="rtl"]
.oj-switch.oj-selected.oj-active:not(.oj-read-only) .oj-switch-thumb {
    margin-left: calc(0px - 0.875rem); }

.oj-switch.oj-read-only .oj-switch-thumb,
.oj-switch.oj-selected.oj-read-only .oj-switch-thumb {
    color: transparent; }
*/

/* Grid HTML Classes */
.oj-flex {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap; }

.oj-flex-item {
    flex: auto;
    box-sizing: border-box;
    height:400px
}

.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-hybrid-applayout-bar-title,
.oj-flex-bar-end,
.oj-flex-bar-center-absolute {
    box-sizing: border-box;
    display: flex; }

.oj-flex-bar-middle, .oj-hybrid-applayout-bar-title {
    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 {
    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: calc(0px - 10px);
    margin-right: calc(0px - 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: center; }
    .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) {
    /* small only screen layout helpers */
    .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) {
    /* medium only screen layout helpers */
    .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) {
    /* large only screen layout helpers */
    .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-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: calc(15px - 10px) 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: calc(10px - 4px); }

.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 calc(10px - 4px) 0; }

.oj-form > .oj-flex > .oj-flex-item > .oj-form-non-control {
    margin-bottom: 4px; }

.oj-form-layout {
    border-color: #e5e6e6;
    border-style: solid;
    border-width: 1px 0 0; }

.oj-form-layout-inset {
    margin: 12px;
    border-width: 1px; }

.oj-form > .oj-flex {
    border-style: solid;
    border-color: #e0e1e1;
    border-width: 0 0 1px 0;
    padding: 10px 0 0; }

.oj-form-layout > .oj-form[class*="oj-form-cols-"] > .oj-flex:last-child {
    border-width: 0 0 1px 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; }

@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: left; }
    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: right; }
    .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
        text-align: right; }
    html[dir="rtl"] .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
        text-align: left; }
    .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.5em;
        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: 1rem; }
    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: 1rem; }
    .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.6rem;
        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: 1rem; }
    html[dir="rtl"] .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
        padding-right: 1rem; }
    html:not([dir="rtl"]) .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
        padding-right: 1rem; }
    html[dir="rtl"] .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
        padding-left: 1rem; }
    .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: 1rem; }
    html[dir="rtl"] .oj-form-layout:not(.oj-sm-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
        margin-right: 1rem; }
    .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: left; }
    html[dir="rtl"] .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-sm-label-inline {
        text-align: right; }
    .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.5em;
        box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-sm-label-inline.oj-label {
        padding-right: 1rem; }
    html[dir="rtl"] .oj-sm-label-inline.oj-label {
        padding-left: 1rem; }
    .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.6rem;
        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: left; }
    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: right; }
    .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
        text-align: right; }
    html[dir="rtl"] .oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
        text-align: left; }
    .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.5em;
        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: 1rem; }
    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: 1rem; }
    .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.6rem;
        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: 1rem; }
    html[dir="rtl"] .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
        padding-right: 1rem; }
    html:not([dir="rtl"]) .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
        padding-right: 1rem; }
    html[dir="rtl"] .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
        padding-left: 1rem; }
    .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: 1rem; }
    html[dir="rtl"] .oj-form-layout:not(.oj-md-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
        margin-right: 1rem; }
    .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: left; }
    html[dir="rtl"] .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-md-label-inline {
        text-align: right; }
    .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.5em;
        box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-md-label-inline.oj-label {
        padding-right: 1rem; }
    html[dir="rtl"] .oj-md-label-inline.oj-label {
        padding-left: 1rem; }
    .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.6rem;
        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: left; }
    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: right; }
    .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
        text-align: right; }
    html[dir="rtl"] .oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
        text-align: left; }
    .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.5em;
        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: 1rem; }
    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: 1rem; }
    .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.6rem;
        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: 1rem; }
    html[dir="rtl"] .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
        padding-right: 1rem; }
    html:not([dir="rtl"]) .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
        padding-right: 1rem; }
    html[dir="rtl"] .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
        padding-left: 1rem; }
    .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: 1rem; }
    html[dir="rtl"] .oj-form-layout:not(.oj-lg-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
        margin-right: 1rem; }
    .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: left; }
    html[dir="rtl"] .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-lg-label-inline {
        text-align: right; }
    .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.5em;
        box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-lg-label-inline.oj-label {
        padding-right: 1rem; }
    html[dir="rtl"] .oj-lg-label-inline.oj-label {
        padding-left: 1rem; }
    .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.6rem;
        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: left; }
    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: right; }
    .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
        text-align: right; }
    html[dir="rtl"] .oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
        text-align: left; }
    .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.5em;
        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: 1rem; }
    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: 1rem; }
    .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.6rem;
        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: 1rem; }
    html[dir="rtl"] .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
        padding-right: 1rem; }
    html:not([dir="rtl"]) .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
        padding-right: 1rem; }
    html[dir="rtl"] .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
        padding-left: 1rem; }
    .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: 1rem; }
    html[dir="rtl"] .oj-form-layout:not(.oj-xl-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
        margin-right: 1rem; }
    .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: left; }
    html[dir="rtl"] .oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-xl-label-inline {
        text-align: right; }
    .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.5em;
        box-sizing: border-box; }
    html:not([dir="rtl"]) .oj-xl-label-inline.oj-label {
        padding-right: 1rem; }
    html[dir="rtl"] .oj-xl-label-inline.oj-label {
        padding-left: 1rem; }
    .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.6rem;
        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 1px 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 1px 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 1px 0; } }

.oj-form > .oj-flex {
    padding-left: 1rem;
    padding-right: 1rem; }

.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; }

/* Class used to suppress copy/paste and context menus for hybrid mobile apps */
.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: 1rem; }

.oj-hybrid-padding-vertical {
    padding-top: 1rem;
    padding-bottom: 1rem; }

.oj-hybrid-padding-horizontal {
    padding-left: 1rem;
    padding-right: 1rem; }

.oj-hybrid-padding-top {
    padding-top: 1rem; }

.oj-hybrid-padding-bottom {
    padding-bottom: 1rem; }

html:not([dir="rtl"]) .oj-hybrid-padding-start {
    padding-left: 1rem; }

html[dir="rtl"] .oj-hybrid-padding-start {
    padding-right: 1rem; }

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: 1rem; }

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: 1rem; }

.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: 0 1px 3px hsla(0, 0%, 0%,0.3);
    border-bottom: 1px solid #e0e1e1;
    background-color: #f2f2f3;
    padding: 0 1rem 0 1rem; }

.oj-hybrid-applayout-header::before, .oj-hybrid-applayout-header-no-border::before {
    content: "";
    display: inline-block;
    min-height: 56px;
    visibility: hidden; }

.oj-hybrid-applayout-header-title {
    font-weight: 500;
    font-size: 1.25rem;
    color: black;
    padding: 0;
    margin: 0; }

/*


!* Use instead of oj-hybrid-applayout-header when a top fixed bar is present
       so we can correctly style the header border *!
.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: calc(0px - 0.625rem); }

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: calc(0px - 0.625rem); }

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: calc(0px - 0.625rem); }

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: calc(0px - 0.625rem); }

!* Class used to position the application header and title for iOS hybrid
       applications where the status bar is overlaid in the WebView.
       This class has no effect on other platforms. *!
.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: calc(56px + 20px); }

.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 #e0e1e1;
    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: 0 1px 3px hsla(0, 0%, 0%,0.3);
    border-bottom: 1px solid #e0e1e1; }

.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: 0 -10px 10px hsla(0, 0%, 0%,0.05);
    border-top: 1px solid #e0e1e1; }

.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); }

*/

/*

!* Deprecated. Use oj-hybrid-applayout-navbar-fixed-bottom or oj-hybrid-applayout-navbar-fixed-top nav bar instead. *!
!* Deprecated. Use oj-hybrid-applayout-header or oj-hybrid-applayout-header-no-border to style the header instead. *!
oj-module:not(.oj-complete) {
    visibility: hidden; }

oj-module {
    display: block; }

!* global rules *!
html {
    box-sizing: border-box; }

*, *:before, *:after {
    box-sizing: inherit; }

.demo-flex-zero {
    flex: 0 0 auto; }

body.offline .demo-item-not-cached {
    filter: grayscale(100%);
    transition: filter 500ms linear; }

.demo-transparent-header {
    background-color: transparent;
    border: none;
    box-shadow: none; }

.demo-dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }

.demo-flex-bar-no-overflow {
    min-width: 0; }

.demo-ellipsis-word-truncation {
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }




.demo-solid-bg {
    background-color: white; }

    */
/*
!* -------------------------------------------------------- *!
!* floating action button *!
.demo-fab {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px; }

.demo-fab.oj-button.oj-default.oj-button-half-chrome {
    box-shadow: -1px 7px 12px -2px #9c9c9c; }

.demo-fab > .oj-button-button {
    border: 0; }

!* --------------------------------- *!*/
/* camera action sheet style */
.demo-bottom-offcanvas {
    z-index: 200; }

.demo-camera-capture-list {
    background: white; }
.demo-camera-capture-list li {
    text-align: center;
    background: none; }
/*

!* --------------------------------- *!
!* icons *!
@font-face {
    font-family: 'AppFont';
    src: url("../../fonts/App_iconfont.woff") format("woff");
    font-weight: normal;
    font-style: normal; }

.demo-icon-font-24 {
    font-family: AppFont;
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    font-weight: normal;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    box-sizing: content-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
.demo-icon-font-24:before {
    display: inline-block; }

.demo-icon, .demo-icon::before {
    height: 24px;
    width: 24px; }

.oj-hybrid-applayout-header-icon-back.demo-icon, .oj-hybrid-applayout-header-icon-back.demo-icon::before {
    height: 16px;
    height: 16px; }

.demo-add-icon {
    height: 50px;
    width: 50px;
    margin: 0 !important; }

.demo-add-icon::before {
    height: 50px;
    width: 50px;
    content: '';
    background: url("../../images/FAB_icon@2x.png");
    background-size: 50px; }

.demo-location-icon-24:before {
    content: "\e90d"; }

.demo-jet-icon-24:before {
    content: "\e90c"; }

.demo-camera-icon-24:before {
    content: "\e90e"; }

.demo-edit-icon-24:before {
    content: "\e906"; }

.demo-connection-drawer {
    z-index: 100;
    background-color: #f2f2f3;
    border-top: 1px solid #e0e1e1; }

!* --------------------------------- *!
!* custom element update workarounds *!
.oj-button .oj-button-button {
    min-height: 100%;
    margin-bottom: 0; }

!* ------------------------------------------------------ *!
!* tour page style *!
.demo-tour-button.oj-button.oj-default.oj-button-half-chrome, .demo-tour-button.oj-button.oj-default.oj-button-half-chrome .oj-button-icon, .demo-tour-button.oj-button.oj-default.oj-button-half-chrome .demo-tour-button-label {
    color: #76b8e1; }

.demo-tour-dark-bg {
    background-color: #323334; }

.demo-tour-container {
    height: 100vh; }

.demo-tour-launch-image-container::before {
    content: "";
    position: absolute;
    background: url("../../images/tour_background_icon.png") no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%; }

.demo-tour-launch-action {
    width: 100%;
    height: 100%;
    position: relative; }
.demo-tour-launch-action h1 {
    color: white;
    font-size: 2.250rem;
    display: inline-block;
    margin: 0; }
.demo-tour-launch-action button {
    font-size: 1.125rem;
    font-weight: 300; }

.demo-filmstrip-container {
    height: 100%; }

.demo-filmstrip-item {
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis; }

h4.demo-tour-content-subtitle {
    color: #b7b9bc; }

.demo-overlaid-paging-control {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
.demo-overlaid-paging-control .oj-pagingcontrol-nav-dot-bullet {
    height: 6px;
    width: 6px;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1; }
.demo-overlaid-paging-control .oj-pagingcontrol-nav-dot-bullet.oj-selected {
    background-color: white; }

*/



/* ---------------------------------------------------------- */
/* Signin page style */
.demo-signin-bg {
    height: 100vh;
    background-image: url('https://jmis.in/img/photo_album/jmis_bg.jpg');
    background-size: cover;
    background-position-y: 10%; }

.demo-signin-column {
    height: 100vh;
    position: relative; }

.demo-signin-column > * {
    z-index: 2; }

.demo-signin-column:before {
    content: ' ';
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(0px); }

@media only screen and (max-height: 460px) {
    .demo-circle-flex-item {
        transform: scale(0.45);
        transform-origin: 100% 0; } }

@media only screen and (max-height: 430px) {
    .demo-signin-appname {
        transform: scale(0.7);
        transform-origin: 0 100%; } }

@media only screen and (max-height: 410px) {
    .demo-signin-appname {
        transform: scale(0.7);
        transform-origin: 0 100%; } }

.demo-circle-logo-container {
    height: 102px;
    width: 102px;
    border-radius: 50%;
  /*  border: solid 1px;
    border-color: rgba(255, 255, 255, 0.3);*/
    padding: 4px;
    margin: 20px; }

.demo-circle-logo {
    background: url("logo_new.png") no-repeat center;
 /*   background-color: rgba(255, 255, 255, 0.25);*/
    background-size: 85%;
    border-radius: 80%;
    height: 120px;
    width: 120px;
    margin-right: 10px;}

h1.demo-signin-appname {
    color: #37474f;
    margin-top: 1px;
    font-size:35px;
}

.demo-signin-form-container {
    position: relative;
    border-left: 4px solid #027bc7;
    background-color: rgba(255,255,255,0.3);
    margin: 20px 0 0 -4px; }



.demo-signin-form-container .demo-signin-button {
    height: 3rem;
    font-size: 1.250rem; }
.demo-signin-form-container .demo-signin-button-label {
    font-size: 1.250rem; }
.demo-signin-form-container a.forgotLinkM {
    white-space: nowrap;
    line-height: 44px; }
.demo-signin-form-container a.forgotLinkM:link {
    text-decoration: none;
    margin-left: 12px; }