/*
 Copyright (c) 2014, 2020, Oracle and/or its affiliates. */
/* Alta Configuration */
/* Typography */
/* Include only used classes */
/* Oracle JET Alta Theme */
/*! 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":"alta","targetPlatform":"web"}'; }

.oj-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.oj-helper-clearfix:before, .oj-helper-clearfix:after {
  content: " ";
  display: table; }

.oj-helper-clearfix:after {
  clear: both; }

/* 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; }

/* html */
/* --------------------------------------------------------------- */
html {
  font-family: "Open Sans", "Times New Roman" Helvetica, Arial, sans-serif;
  font-size: 13px; }

/* body */
/* --------------------------------------------------------------- */
body {
  background-repeat: repeat;
  background-position: top left;
  background-image: none;
  color: rgba(0, 0, 0, 0.8);
  background-color: white;
  touch-action: manipulation; }

/* 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-fwk-icon-document {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/document.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-folder-collapsed {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/folder_collapsed.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-folder-open {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/folder_open.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-group-avatar {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/group_avatar.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-none {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/none.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-person-avatar {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/person_avatar.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-status-confirmation, .oj-message-status-icon.oj-message-confirmation-icon {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/status_confirmation.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-status-confirmation2 {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/status_confirmation2.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-status-error, .oj-message-status-icon.oj-message-error-icon {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/status_error.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-status-error2 {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/status_error2.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-status-info, .oj-message-status-icon.oj-message-info-icon {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/status_info.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-status-info2 {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/status_info2.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-status-warning, .oj-message-status-icon.oj-message-warning-icon {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/status_warning.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-status-warning2 {
  background-image: url("../images/jet/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("../images/jet/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("../images/jet/status_warning2.svg");
    width: 100%;
    height: 100%; } }

/* Icons
    --------------------------------------------------------------------*/
@font-face {
  font-family: 'Alta Icon Font';
  src: url("../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-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: rgba(0, 0, 0, 0.8);
  text-align: center;
  box-sizing: content-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .oj-fwk-icon:before, .oj-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: #89b4d1; }

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: #2574a9; }

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: #2574a9; }

a.oj-disabled .oj-clickable-icon,
a.oj-disabled.oj-clickable-icon,
a.oj-disabled.oj-clickable-icon-nocontext,
.oj-disabled .oj-clickable-icon,
.oj-disabled a .oj-clickable-icon,
.oj-disabled.oj-clickable-icon,
.oj-disabled.oj-clickable-icon-nocontext {
  color: #cbcccd;
  opacity: 1; }

.oj-fwk-icon-load:before, .oj-listview-expanding-icon:before {
  content: url("../images/jet/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-combobox-clear-entry-icon:before, .oj-select-clear-entry-icon:before {
  content: "\e608"; }

.oj-fwk-icon-cross02:before, .oj-menu-icons .oj-menu-cancel-icon:before {
  content: "\e60c"; }

.oj-fwk-icon-cross03:before, .oj-tabs-close-icon:before, .oj-inputtext-clear-icon:before {
  content: "\e60e"; }

.oj-fwk-icon-magnifier:before, .oj-listbox-search-icon:before, .oj-inputsearch-search-icon:before {
  content: "\e60d"; }

.oj-fwk-icon-calendar:before, .oj-inputdatetime-calendar-icon:before {
  content: "\e609"; }

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

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

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

.oj-fwk-icon-hamburger:before {
  content: "\e60f"; }

.oj-fwk-icon-drag:before, .oj-listview-card-layout .oj-listview-drag-handle:before {
  content: "\e610"; }

.oj-fwk-icon-folderhierarchy:before {
  content: "\e611"; }

.oj-fwk-icon-grid:before {
  content: "\e900"; }

.oj-fwk-icon-list:before {
  content: "\e901"; }

.oj-fwk-icon-arrowbox-n:before {
  content: "\e902"; }

.oj-fwk-icon-checkmark:before {
  content: "\e905"; }

.oj-fwk-icon-info:before {
  content: "\e904"; }

.oj-fwk-icon-warning:before {
  content: "\e903"; }

.oj-fwk-icon-dots-vertical:before, .oj-select-multiple-open-icon:before,
.oj-fwk-icon-dots-horizontal:before {
  content: "\e617"; }

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

.oj-fwk-icon-minimize:before {
  content: "\e613"; }
  html[dir="rtl"] .oj-fwk-icon-minimize:before {
    transform: scale(-1, 1); }

.oj-fwk-icon-maximize:before {
  content: "\e614"; }
  html[dir="rtl"] .oj-fwk-icon-maximize:before {
    transform: scale(-1, 1); }

.oj-fwk-icon-arrow-e:before, .oj-fwk-icon-arrow-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-end:before, html[dir="rtl"] .oj-collapsible-close-icon:before, html[dir="rtl"] .oj-listview-collapse-icon:before, .oj-fwk-icon-arrow-n:before, .oj-fwk-icon-arrow-s:before, html[dir="rtl"] .oj-fwk-icon-arrow-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-end:before, html:not([dir="rtl"]) .oj-collapsible-close-icon:before, html:not([dir="rtl"]) .oj-listview-collapse-icon:before {
  content: "\e600"; }

.oj-fwk-icon-arrow-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-end:before, html[dir="rtl"] .oj-collapsible-close-icon:before, html[dir="rtl"] .oj-listview-collapse-icon:before {
  transform: scale(-1, 1); }

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

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

.oj-fwk-icon-arrow-se:before, .oj-fwk-icon-arrow-sw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-s-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-s-end:before, html[dir="rtl"] .oj-collapsible-open-icon:before, html[dir="rtl"] .oj-listview-expand-icon:before, .oj-fwk-icon-arrow-nw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-end:before, .oj-fwk-icon-arrow-ne:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-end:before, html[dir="rtl"] .oj-fwk-icon-arrow-s-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-s-end:before, html:not([dir="rtl"]) .oj-collapsible-open-icon:before, html:not([dir="rtl"]) .oj-listview-expand-icon:before {
  content: "\e601"; }

.oj-fwk-icon-arrow-sw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-s-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-s-end:before, html[dir="rtl"] .oj-collapsible-open-icon:before, html[dir="rtl"] .oj-listview-expand-icon:before {
  transform: scale(-1, 1); }

.oj-fwk-icon-arrow-nw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-end:before {
  transform: scale(-1, -1); }

.oj-fwk-icon-arrow-ne:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-end:before {
  transform: scale(1, -1); }

.oj-fwk-icon-arrow02-s:before, .oj-fwk-icon-arrow02-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow02-start:before, html[dir="rtl"] .oj-fwk-icon-arrow02-end:before, .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, .oj-combobox-open-icon:before, .oj-select-open-icon:before {
  content: "\e602"; }

.oj-fwk-icon-arrow02-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow02-start:before, html[dir="rtl"] .oj-fwk-icon-arrow02-end:before {
  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-inputnumber-down-icon:before, .oj-fwk-icon-caret-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-start:before, html:not([dir="rtl"]) .oj-fwk-icon-back:before, html[dir="rtl"] .oj-fwk-icon-caret-end:before, html[dir="rtl"] .oj-fwk-icon-next:before, html[dir="rtl"] .oj-listview-drill-icon:before, html:not([dir="rtl"]) .oj-datepicker-prev-icon:before, html[dir="rtl"] .oj-datepicker-next-icon:before, .oj-fwk-icon-caret-n:before, .oj-inputnumber-up-icon:before, html[dir="rtl"] .oj-fwk-icon-caret-start:before, html[dir="rtl"] .oj-fwk-icon-back:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-end:before, html:not([dir="rtl"]) .oj-fwk-icon-next:before, html:not([dir="rtl"]) .oj-listview-drill-icon:before, html[dir="rtl"] .oj-datepicker-prev-icon:before, html:not([dir="rtl"]) .oj-datepicker-next-icon:before {
  content: "\e605"; }

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

.oj-fwk-icon-caret-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-start:before, html:not([dir="rtl"]) .oj-fwk-icon-back:before, html[dir="rtl"] .oj-fwk-icon-caret-end:before, html[dir="rtl"] .oj-fwk-icon-next:before, html[dir="rtl"] .oj-listview-drill-icon:before, html:not([dir="rtl"]) .oj-datepicker-prev-icon:before, html[dir="rtl"] .oj-datepicker-next-icon:before {
  transform: scale(-1, 1); }

.oj-fwk-icon-caret-n:before, .oj-inputnumber-up-icon:before {
  transform: rotate(-90deg); }

.oj-fwk-icon-caret02-e:before, .oj-fwk-icon-caret02-s: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, .oj-fwk-icon-caret02-n:before, html[dir="rtl"] .oj-fwk-icon-caret02-start:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02-end:before {
  content: "\e606"; }

.oj-fwk-icon-caret02-s: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 {
  transform: scale(-1, 1); }

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

.oj-fwk-icon-caret02end-e:before, .oj-fwk-icon-caret02end-s: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, .oj-fwk-icon-caret02end-n:before, html[dir="rtl"] .oj-fwk-icon-caret02end-start:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02end-end:before {
  content: "\e607"; }

.oj-fwk-icon-caret02end-s: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 {
  transform: scale(-1, 1); }

.oj-fwk-icon-caret02end-n: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, .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 {
  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 {
  transform: scale(-1, 1); }

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

.oj-fwk-icon-cbsingle-hover-selected {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((0px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 1); }

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

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

/* 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("../images/cbsingle_hover_selected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-cbsingle-hover-unselected {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-20px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 1); }

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

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

/* 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("../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("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-40px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../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("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-60px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../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("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-80px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/checkbox_ena_selected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-checkbox-ena-unselected, .oj-checkboxset .oj-radiocheckbox-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-100px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/checkbox_ena_unselected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-checkbox-pressed-selected, .oj-checkboxset-wrapper > .oj-active.oj-selected .oj-radiocheckbox-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-120px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/checkbox_pressed_selected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-checkbox-pressed-unselected, .oj-checkboxset-wrapper > .oj-active .oj-radiocheckbox-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-140px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/checkbox_pressed_unselected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-checkbox-tristate-partial {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-160px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 1); }

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

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

/* 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("../images/checkbox_tristate_partial.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-checkbox-tristate-selected {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-180px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 1); }

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

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

/* 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("../images/checkbox_tristate_selected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-checkbox-tristate-unselected {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-200px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 1); }

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

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

/* 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("../images/checkbox_tristate_unselected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-checkmark-blue {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-220px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 1); }

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

.oj-hicontrast .oj-fwk-icon-checkmark-blue:before {
  content: url("../images/checkmark_blue.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-checkmark-white {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-240px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 1); }

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

.oj-hicontrast .oj-fwk-icon-checkmark-white:before {
  content: url("../images/checkmark_white.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-move-handle, .oj-listview-drag-handle {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-260px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(28px * 1);
  height: calc(15px * 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("../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("../images/move_handle.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-radio-dis-selected, .oj-radioset .oj-disabled.oj-selected .oj-radiocheckbox-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-292px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/radio_dis_selected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-radio-dis-unselected, .oj-radioset .oj-disabled .oj-radiocheckbox-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-312px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/radio_dis_unselected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-radio-ena-selected, .oj-radioset .oj-selected .oj-radiocheckbox-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-332px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/radio_ena_selected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-radio-ena-unselected, .oj-radioset .oj-radiocheckbox-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-352px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/radio_ena_unselected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-radio-pressed-selected, .oj-radioset-wrapper > .oj-selected.oj-active .oj-radiocheckbox-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-372px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/radio_pressed_selected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-radio-pressed-unselected, .oj-radioset-wrapper > .oj-active .oj-radiocheckbox-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-392px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/radio_pressed_unselected.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-spinner-00 {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-412px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(40px * 1);
  height: calc(40px * 1); }

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

.oj-hicontrast .oj-fwk-icon-spinner-00:before {
  content: url("../images/spinner_00.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-spinner-10 {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-456px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(40px * 1);
  height: calc(40px * 1); }

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

.oj-hicontrast .oj-fwk-icon-spinner-10:before {
  content: url("../images/spinner_10.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-spinner-20 {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-500px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(40px * 1);
  height: calc(40px * 1); }

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

.oj-hicontrast .oj-fwk-icon-spinner-20:before {
  content: url("../images/spinner_20.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-spinner-30 {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-544px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(40px * 1);
  height: calc(40px * 1); }

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

.oj-hicontrast .oj-fwk-icon-spinner-30:before {
  content: url("../images/spinner_30.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-spinner-40 {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-588px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(40px * 1);
  height: calc(40px * 1); }

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

.oj-hicontrast .oj-fwk-icon-spinner-40:before {
  content: url("../images/spinner_40.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-spinner-50 {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-632px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(40px * 1);
  height: calc(40px * 1); }

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

.oj-hicontrast .oj-fwk-icon-spinner-50:before {
  content: url("../images/spinner_50.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-spinner-60 {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-676px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(40px * 1);
  height: calc(40px * 1); }

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

.oj-hicontrast .oj-fwk-icon-spinner-60:before {
  content: url("../images/spinner_60.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-spinner-70 {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-720px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(40px * 1);
  height: calc(40px * 1); }

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

.oj-hicontrast .oj-fwk-icon-spinner-70:before {
  content: url("../images/spinner_70.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-spinner-80 {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-764px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(40px * 1);
  height: calc(40px * 1); }

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

.oj-hicontrast .oj-fwk-icon-spinner-80:before {
  content: url("../images/spinner_80.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-spinner-90 {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-808px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(40px * 1);
  height: calc(40px * 1); }

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

.oj-hicontrast .oj-fwk-icon-spinner-90:before {
  content: url("../images/spinner_90.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-spinner-static {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-852px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(32px * 1);
  height: calc(32px * 1); }

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

.oj-hicontrast .oj-fwk-icon-spinner-static:before {
  content: url("../images/spinner_static.svg");
  width: 100%;
  height: 100%; }

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

.oj-fwk-icon-status-confirmation, .oj-message-status-icon.oj-message-confirmation-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-888px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/status_confirmation.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-status-error, .oj-message-status-icon.oj-message-error-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-908px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/status_error.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-status-info, .oj-message-status-icon.oj-message-info-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-928px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/status_info.svg");
    width: 100%;
    height: 100%; } }

.oj-fwk-icon-status-warning, .oj-message-status-icon.oj-message-warning-icon {
  background-image: url("../images/sprites/sprite.svg");
  background-size: calc(968px * 1) calc(44px * 1);
  background-position: calc((-948px - 2px) * 1) calc((0px - 2px) * 1);
  width: calc(16px * 1);
  height: calc(16px * 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("../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("../images/status_warning.svg");
    width: 100%;
    height: 100%; } }

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

oj-collapsible {
  display: block; }

.oj-collapsible {
  margin-bottom: 10px;
  -webkit-tap-highlight-color: transparent; }

/* collapsible with "showDetail" style */
/* ------------------------------------*/
/*
     * this is the default style for collapsible header
     */
.oj-collapsible-header {
  color: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 0 3px 0;
  margin: 0; }

/*
     * this is the default style for collapsible content
     */
.oj-collapsible-content {
  color: rgba(0, 0, 0, 0.8);
  background-color: transparent;
  padding: 4px 0 0;
  margin: 0; }

/*
     * add more padding between header and collapsible content when header has a border
     */
.oj-header-border + .oj-collapsible-wrapper > .oj-collapsible-content {
  padding-top: 7px;
  padding-bottom: 4px; }

/*
     * specify sizes for h1 - h4 collapsible header
     */
h1.oj-collapsible-header {
  font-size: 2.42857rem; }

h2.oj-collapsible-header {
  font-size: 1.71429rem; }

h3.oj-collapsible-header {
  font-size: 1.42857rem; }

h4.oj-collapsible-header {
  font-size: 1.28571rem; }

/*
     * applied to the disabled collapsible header
     */
.oj-collapsible.oj-disabled > .oj-collapsible-header {
  color: rgba(0, 0, 0, 0.38); }

/*
     * remove top padding for the first nested collapsible
     */
.oj-collapsible-content > .oj-collapsible:first-child > .oj-collapsible-header {
  padding-top: 0; }

/* collapsible content transition effects */
/* -------------------------------------- */
/*
     * transtion properties and duration
     */
.oj-collapsible-transition {
  transition: max-height 0.4s; }

/*
     * applied to the wrapper of the collapsible content.
     */
.oj-collapsible-wrapper {
  border: 0;
  padding: 0;
  margin: 0; }

/* suppress all browser decorations of anchors in the header */
/* --------------------------------------------------------- */
.oj-collapsible-header a,
.oj-collapsible-header a:active,
.oj-collapsible-header a:visited,
.oj-collapsible-header a:hover,
.oj-collapsible-header a:focus {
  text-decoration: none; }

/* disclosure icons for headers */
/* -----------------------------*/
.oj-collapsible-header-icon {
  padding: 5px 3px 5px 5px;
  outline-offset: -5px; }

.oj-collapsible-header-icon:not(.oj-focus-highlight):focus {
  outline: none; }

/*
     * set hand cursor while over the clickable area
     */
.oj-collapsible-header.oj-hover,
.oj-collapsible-header-icon.oj-hover {
  cursor: pointer; }

/*
     * applied to the disclosure icon
     */
.oj-collapsible-header .oj-collapsible-header-icon,
.oj-collapsible-header .oj-collapsible-header-icon:hover {
  color: #8a8d8f; }

/*
     * applied to the disclosure icon when it's hovered
     * add .oj-collapsible-header .oj-collapsible-header-icon.oj-hover
     * to override color set in a:hover.oj-clickable-icon-nocontext
     */
.oj-collapsible-header.oj-hover .oj-collapsible-header-icon,
.oj-collapsible-header .oj-collapsible-header-icon.oj-hover {
  color: #89b4d1; }

/*
     * applied to the disclosure icon when it's active
     */
.oj-collapsible-header.oj-active .oj-collapsible-header-icon,
.oj-collapsible-header .oj-collapsible-header-icon.oj-active {
  color: #2574a9; }

/*
     * For disabled header icons
     */
.oj-collapsible.oj-disabled > .oj-collapsible-header > .oj-collapsible-header-icon {
  color: #cbcccd;
  opacity: 1; }

.oj-collapsible-header a,
.oj-collapsible-header .oj-collapsible-header-icon {
  /*
       * For a basic collapsible (not in an accordion)
       * the closed font icon has some whitespace on the left side,
       * use a negative margin to move over the icon
       */ }
  html:not([dir="rtl"]) .oj-collapsible-header a, html:not([dir="rtl"])
  .oj-collapsible-header .oj-collapsible-header-icon {
    margin-left: -7px; }
  html[dir="rtl"] .oj-collapsible-header a, html[dir="rtl"]
  .oj-collapsible-header .oj-collapsible-header-icon {
    margin-right: -7px; }

/* accordion */
/* --------------------------------------------------------------- */
oj-accordion:not(.oj-complete) {
  visibility: hidden; }

oj-accordion {
  display: block; }

/*
     * applied to the disabled accordion headerd
     */
.oj-accordion-collapsible.oj-disabled > .oj-collapsible-header {
  color: rgba(0, 0, 0, 0.38);
  background-color: #fafafa;
  background-image: none; }

/*
     * need to reset margin (bottom) here because it's being set in collapsible
     */
.oj-collapsible.oj-accordion-collapsible {
  margin: 0; }

/*
     * applied to the accordion header but not to any nested collapsible headers
     */
.oj-accordion-collapsible > .oj-collapsible-header {
  padding-top: 3px;
  padding-bottom: 3px;
  border: 0 solid #e5e6e6;
  border-width: 1px;
  font-size: 1.42857rem;
  background-color: #f2f2f3;
  background-image: none; }

/*
     * need to restore top padding for the first nested collapsible,
     * because it's being reset in collapsible
     */
.oj-collapsible-content > .oj-accordion-collapsible.oj-collapsible:first-child > .oj-collapsible-header {
  padding-top: 3px; }

/*
     * need to reset margin because it's being set in collapsible to -7px
     */
.oj-accordion-collapsible > .oj-collapsible-header > .oj-collapsible-header-icon {
  padding: 9px;
  outline-offset: -9px; }
  html:not([dir="rtl"]) .oj-accordion-collapsible > .oj-collapsible-header > .oj-collapsible-header-icon {
    margin: 0; }
  html[dir="rtl"] .oj-accordion-collapsible > .oj-collapsible-header > .oj-collapsible-header-icon {
    margin: 0; }

/*
     * applied to the accordion content but not to any nested collapsible contents
     */
.oj-accordion-collapsible > .oj-collapsible-wrapper > .oj-collapsible-content {
  padding: 0.85714rem; }

/*
     * applied to the accordion header border bottom when collapsed
     */
.oj-accordion-collapsible.oj-collapsed > .oj-collapsible-header {
  border-width: 1px 1px 0; }

/*
     * applied to the accordion header border for the last child when collapsed
     */
.oj-accordion-collapsible.oj-collapsed:last-child > .oj-collapsible-header {
  border-bottom-width: 1px; }

/* tabs */
/* --------------------------------------------------------------- */
oj-tabs:not(.oj-complete) {
  visibility: hidden; }

/*
     * applied to the tabs
     */
.oj-tabs {
  position: relative;
  font-size: 1rem; }

/*
     * use flexbox so that vertial tabs automatically lay out correctly on resize
     */
.oj-tabs.oj-tabs-vertical {
  display: flex; }

/*
     * applied to the tab bar
     */
.oj-tabs-nav {
  white-space: nowrap;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.oj-tabs-tab:not(.oj-focus-highlight):focus {
  outline: none; }

/*
     * applied to a tab when it's selected
     */
.oj-tabs-tab.oj-selected {
  background-color: white; }

.oj-tabs,
.oj-tabs-tab .oj-tabs-close-icon,
.oj-tabs-tab .oj-tabs-anchor {
  -webkit-tap-highlight-color: transparent; }

.oj-tabs-tab a:active {
  background-color: transparent; }

/*
     * applied to the tab header
     */
.oj-tabs-anchor {
  cursor: pointer;
  outline: none;
  display: inline-block;
  padding: .55rem .85rem .65rem .85rem;
  vertical-align: middle; }

/*
     * applied to the tab title text
     * display inline so the close icon is aligned with the title text
     */
.oj-tabs-title {
  display: inline-block;
  min-width: 1rem;
  line-height: 1rem;
  vertical-align: middle;
  font-weight: normal;
  text-decoration: none;
  color: #1e5d87; }

/*
     * applied to the tab title text when it's overflow
     */
.oj-tabs-title-overflow {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/*
     * applied to the tab anchor when it's disabled
     */
.oj-tabs-tab.oj-disabled .oj-tabs-anchor {
  cursor: text;
  text-decoration: none; }

/* suppress all browser decorations of anchors in the tab */
.oj-tabs-tab a,
.oj-tabs-tab a:active,
.oj-tabs-tab a:visited,
.oj-tabs-tab a:hover,
.oj-tabs-tab a:focus {
  text-decoration: none; }

/*
     * applied to the icon font in the tab title

    .oj-tabs-tab-icon {
      @extend .oj-clickable-icon;
    }
     */
/*
     * applied to the icon font in the tab title and close icon
     * add .oj-tabs-tab .oj-tabs-close-icon:hover to
     * override color set in a:hover.oj-clickable-icon-nocontext
     */
.oj-tabs-tab .oj-tabs-tab-icon,
.oj-tabs-tab .oj-tabs-close-icon,
.oj-tabs-tab .oj-tabs-close-icon:hover {
  color: #8a8d8f; }

/*
     * applied to the icon font in the tab title and close icon when hovered
     */
.oj-tabs-tab.oj-hover .oj-tabs-tab-icon,
.oj-tabs-tab .oj-tabs-close-icon.oj-hover {
  color: #89b4d1; }

/*
     * applied to the icon font in the tab title and close icon when active
     */
.oj-tabs-tab.oj-active .oj-tabs-tab-icon,
.oj-tabs-tab .oj-tabs-close-icon.oj-active {
  color: #2574a9; }

/*
     * applied to the icon font in the tab title and close icon when selected
     */
.oj-tabs-tab.oj-selected .oj-tabs-tab-icon {
  color: #2574a9; }

/*
     * applied to the icon font in the tab title and close icon when disabled
     */
.oj-tabs-tab.oj-disabled .oj-tabs-tab-icon {
  color: #cbcccd;
  opacity: 1; }

/*
     * applied to the horizontal tab
     * need to set overflow-x to hidden to avoid the scrollbar from showing up
     * temporarily while adding a new tab.
     */
.oj-tabs-horizontal.oj-tabs {
  overflow-x: hidden; }

.oj-tabs-horizontal > .oj-tabs-nav-root .oj-tabs-tab {
  display: inline-block;
  position: relative; }

/*
     * applied to the tab placeholder created when reordering
     */
.oj-tabs-horizontal > .oj-tabs-nav-root .oj-tabs-tab.oj-sortable-placeholder {
  margin-bottom: -1rem; }

.oj-tabs-horizontal.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab.oj-sortable-placeholder {
  margin-top: -1rem; }

/*
     * Bug 18283133 - ER for placing buttons alongside tabs
     */
/*
     * For the facet after the tab bar, grow but no shrink when resized
     */
.oj-tabs-facet {
  flex: 1 0 auto; }

/*
     * For the facet before the tab bar, no grow or shrink when resized
     */
.oj-tabs-facet.oj-start {
  flex: 0 0 auto; }

/*
     * For the conveyor belt, set flex-basis in JS
     * set min-width to allow the content to be shrunk smaller than its content size
     */
.oj-tabs-conveyorbelt-wrapper {
  min-width: 1px; }

/*
     * Use flex layout only if the tab bar contains any facets
     */
.oj-tabs-horizontal > .oj-tabs-nav-root:not(.oj-conveyorbelt) {
  display: flex; }

/*
     * Container of the horizontal tab bar
     */
.oj-tabs-conveyor {
  display: inline-block; }

/*
     * applied to the conveyorbelt buttons
     */
html:not([dir="rtl"]) .oj-tabs-nav-root .oj-conveyorbelt-overflow-indicator.oj-start {
  margin-right: 5px; }

html[dir="rtl"] .oj-tabs-nav-root .oj-conveyorbelt-overflow-indicator.oj-start {
  margin-left: 5px; }

html:not([dir="rtl"]) .oj-tabs-nav-root .oj-conveyorbelt-overflow-indicator.oj-end {
  margin-left: 5px; }

html[dir="rtl"] .oj-tabs-nav-root .oj-conveyorbelt-overflow-indicator.oj-end {
  margin-right: 5px; }

/*
     * applied to the panel body
     */
.oj-tabs-panel {
  display: block;
  padding: 0.85714rem;
  color: rgba(0, 0, 0, 0.8);
  background-color: white; }

/* vertical tabs */
/* --------------------------------------------------------------- */
/*
     * applied to the vertical tab bar
     */
.oj-tabs-vertical > .oj-tabs-nav-root {
  margin: 0;
  flex: 0 0 auto;
  position: relative;
  white-space: nowrap; }

/*
     * applied to the vertical tab
     */
.oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab {
  list-style: none;
  position: relative;
  top: 0;
  margin: 0;
  white-space: nowrap; }

/*
     * apply to the selected tab
     */
html:not([dir="rtl"]) .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  margin-right: -1px; }

html[dir="rtl"] .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  margin-left: -1px; }

html:not([dir="rtl"]) .oj-tabs-vertical.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  margin-right: 0;
  margin-left: -1px; }

html[dir="rtl"] .oj-tabs-vertical.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  margin-left: 0;
  margin-right: -1px; }

/*
     * applied to the body of vertical tabs
     */
.oj-tabs-vertical > .oj-tabs-panel {
  margin-top: 0;
  flex: 1 1;
  min-width: 0;
  min-height: 0; }

/* Tabs with the oj-tabs-icon-only class specified */
/* --------------------------------------------------------------- */
/*
     * override background setting in
     * .oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab
     */
.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected,
.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected.oj-hover,
.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected,
.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected.oj-hover {
  background-color: white;
  background-image: none; }

.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-close-icon {
  padding-top: 4px; }

.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-anchor {
  padding: 0.68rem; }

.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-anchor {
  padding: 0.7rem 0.6rem 0.7rem 0.6rem; }

/*
     * applied to the vertical tabs with icon only in the tab header
     */
.oj-tabs-vertical.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-anchor {
  padding: 0.68rem 0.6rem 0.68rem 0.6rem; }

/*
     * applied to the vertical tabs with text and icon in the tab header
     */
.oj-tabs-vertical.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-anchor {
  padding: 0.8rem 0.6rem 0.8rem 0.6rem; }

/*
     * applied to the tab bar
     */
.oj-tabs-nav {
  padding: 0;
  border: 0; }

/*
     * applied to each tab
     */
.oj-tabs-tab {
  border-color: transparent;
  border-style: solid; }

/*
     * applied to a selected tab
     */
.oj-tabs-tab.oj-selected {
  border-color: #2574a9; }

/*
     * applied to the selected tab icon, needed for icon font icons
     */
.oj-tabs-tab.oj-selected .oj-tabs-tab-icon {
  font-weight: normal; }

/*
     * applied to the tab title when it's hovered
     */
.oj-tabs-tab.oj-hover .oj-tabs-title {
  text-decoration: underline; }

.oj-tabs-tab.oj-hover .oj-tabs-tab-icon {
  text-decoration: none; }

/*
     * applied to the tab title text when it's disabled
     */
.oj-tabs-tab.oj-disabled .oj-tabs-title {
  color: rgba(0, 0, 0, 0.38); }

/*
     * applied to the tab content
     */
.oj-tabs-tab-content {
  white-space: nowrap;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-radius: 0 0 0 0; }

/*
     * used to display the left and right borders of the selected tab
     */
.oj-tabs-tab.oj-selected .oj-tabs-tab-content {
  border-color: #cbcccd; }

/*
     * applied to the horizontal tab when it is selected
     */
.oj-tabs-horizontal > .oj-tabs-nav-root .oj-tabs-tab-content,
.oj-tabs-horizontal.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab-content {
  border-width: 0 1px 0 1px; }

/*
     * applied to a horizontal tab
     */
.oj-tabs-horizontal > .oj-tabs-nav-root .oj-tabs-tab {
  top: 0;
  margin: 0;
  border-width: 3px 0 0 0;
  border-radius: 0 0 0 0; }

/*
     * applied to a horizontal tab when edge = bottom
     */
.oj-tabs-horizontal.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 0 0 3px 0; }

.oj-tabs-horizontal.oj-tabs-text-icon.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab,
.oj-tabs-horizontal.oj-tabs-icon-only.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 0 0 1px 0; }

/*
     * In alta horizontal tabs
     * make the start border on the first selected tab match the container
     */
html:not([dir="rtl"]) .oj-first-child-selected > .oj-tabs-nav-root .oj-tabs-tab.oj-selected .oj-tabs-tab-content {
  border-left-color: #e0e1e1; }

html[dir="rtl"] .oj-first-child-selected > .oj-tabs-nav-root .oj-tabs-tab.oj-selected .oj-tabs-tab-content {
  border-right-color: #e0e1e1; }

/* close icon for tabs */
/* -----------------------------*/
/*
     * close icon style
     */
.oj-tabs-close-icon {
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  width: 1.84rem;
  line-height: 2.2rem; }
  html:not([dir="rtl"]) .oj-tabs-close-icon {
    margin-left: -0.75rem; }
  html[dir="rtl"] .oj-tabs-close-icon {
    margin-right: -0.75rem; }

/*
     * applied to the panel body
     */
.oj-tabs-panel {
  border: 1px solid #e0e1e1;
  border-radius: 3px;
  margin-top: -1px; }

/*
     * applied to the panel body when edge = bottom
     */
.oj-tabs-bottom > .oj-tabs-panel {
  margin-top: 0;
  margin-bottom: -1px; }

/*
     * don't apply top left border radius when the 1st tab is selected
     */
html:not([dir="rtl"]) .oj-first-child-selected > .oj-tabs-panel {
  border-top-left-radius: 0; }

html[dir="rtl"] .oj-first-child-selected > .oj-tabs-panel {
  border-top-right-radius: 0; }

/*
     * applied to the panel body when 1st tab is selected and edge = bottom
     */
html:not([dir="rtl"]) .oj-tabs-bottom.oj-first-child-selected > .oj-tabs-panel {
  border-bottom-left-radius: 0; }

html[dir="rtl"] .oj-tabs-bottom.oj-first-child-selected > .oj-tabs-panel {
  border-bottom-right-radius: 0; }

/* vertical tabs */
/* --------------------------------------------------------------- */
/*
     * applied to the vertical tab bar
     */
.oj-tabs-vertical > .oj-tabs-nav-root {
  padding: 15px 0 0; }

/*
     * applied to the vertical tab
     */
.oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab {
  line-height: 1rem; }
  html:not([dir="rtl"]) .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab {
    border-width: 0 0 0 3px;
    border-radius: 0 0 0 0; }
  html[dir="rtl"] .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab {
    border-width: 0 3px 0 0;
    border-radius: 0 0 0 0; }

/*
     * applied to the vertical tab when edge = end
     */
html[dir="rtl"] .oj-tabs-vertical.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 0 0 0 3px;
  border-radius: 0 0 0 0; }

html:not([dir="rtl"]) .oj-tabs-vertical.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 0 3px 0 0;
  border-radius: 0 0 0 0; }

html:not([dir="rtl"]) .oj-tabs-vertical.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab, html:not([dir="rtl"])
.oj-tabs-vertical.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 1px; }

html[dir="rtl"] .oj-tabs-vertical.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab, html[dir="rtl"]
.oj-tabs-vertical.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 1px; }

/*
     * applied to the vertical tab
     */
.oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab-content {
  border-width: 1px 0 1px 0; }
  html:not([dir="rtl"]) .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab-content {
    border-radius: 0 0 0 0; }
  html[dir="rtl"] .oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-tab-content {
    border-radius: 0 0 0 0; }

/*
     * applied to the vertical tab header
     */
.oj-tabs-vertical > .oj-tabs-nav-root .oj-tabs-anchor {
  padding: 1.1rem 0.8rem 1.1rem 0.8rem; }

/* Tabs with the oj-tabs-icon-only class specified */
/* --------------------------------------------------------------- */
.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab,
.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab {
  border-width: 1px;
  border-radius: 0; }

.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab-content,
.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab-content {
  border-width: 0;
  border-radius: 0; }

.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected,
.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-color: #e0e1e1; }

/* vertical tabs with the oj-tabs-icon-only class specified */
/* --------------------------------------------------------------- */
/*
     * display top, bottom and left border and border radius on the selected tab
     */
html:not([dir="rtl"]) .oj-tabs-vertical.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected, html:not([dir="rtl"])
.oj-tabs-vertical.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-radius: 2px 0 0 2px;
  border-right-color: transparent; }

html[dir="rtl"] .oj-tabs-vertical.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected, html[dir="rtl"]
.oj-tabs-vertical.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-radius: 0 2px 2px 0;
  border-left-color: transparent; }

/*
     * display top, bottom and right border and border radius on the selected tab
     * when edge = end
     */
html:not([dir="rtl"]) .oj-tabs-vertical.oj-tabs-text-icon.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected, html:not([dir="rtl"])
.oj-tabs-vertical.oj-tabs-icon-only.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-radius: 0 2px 2px 0;
  border-color: #e0e1e1;
  margin-left: -1px;
  border-left-color: transparent; }

html[dir="rtl"] .oj-tabs-vertical.oj-tabs-text-icon.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected, html[dir="rtl"]
.oj-tabs-vertical.oj-tabs-icon-only.oj-tabs-end > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-radius: 2px 0 0 2px;
  border-color: #e0e1e1;
  margin-right: -1px;
  border-right-color: transparent; }

/* horizontal tabs with the oj-tabs-icon-only class specified */
/* --------------------------------------------------------------- */
/*
     * display top, right and left border and border radius on the selected tab
     */
.oj-tabs-horizontal.oj-tabs-text-icon > .oj-tabs-nav-root .oj-tabs-tab.oj-selected,
.oj-tabs-horizontal.oj-tabs-icon-only > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-bottom-color: transparent;
  border-radius: 2px 2px 0 0; }

.oj-tabs-horizontal.oj-tabs-text-icon.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab.oj-selected,
.oj-tabs-horizontal.oj-tabs-icon-only.oj-tabs-bottom > .oj-tabs-nav-root .oj-tabs-tab.oj-selected {
  border-top-color: transparent;
  border-color: #e0e1e1;
  border-radius: 0 0 2px 2px; }

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

.oj-component-layer, .oj-menu-layer, .oj-dialog-layer, .oj-popup-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.4;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* 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: rgba(0, 0, 0, 0.8);
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent; }

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

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

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

.oj-menu-dropdown.oj-component {
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35); }

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

.oj-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  display: list-item; }

.oj-menu-dropdown .oj-menu-item:first-child,
.oj-menu-dropdown .oj-menu-item:first-child > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

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

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

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

.oj-menu-sheet .oj-menu-item-after-divider,
.oj-menu-sheet .oj-menu-item-after-divider > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.oj-menu-sheet .oj-menu-item-before-divider,
.oj-menu-sheet .oj-menu-item-before-divider > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.oj-menu-divider {
  margin: 1px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-style: solid;
  display: list-item; }

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

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

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

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

.oj-menu-sheet .oj-menu-item > a {
  height: 2.5rem;
  line-height: 2.5rem;
  background: transparent;
  color: black;
  border-top-width: 0px;
  border-top-color: transparent;
  border-top-style: solid; }

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

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

/* 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(0.57143rem + 16px + 0.57143rem); }

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

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

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

.oj-menu-text-only .oj-menu-item > a {
  text-align: initial; }
  html:not([dir="rtl"]) .oj-menu-text-only .oj-menu-item > a {
    padding-left: calc(0.57143rem + 16px + 0.57143rem); }
  html[dir="rtl"] .oj-menu-text-only .oj-menu-item > a {
    padding-right: calc(0.57143rem + 16px + 0.57143rem); }

.oj-menu-text-only .oj-menu-cancel-icon {
  display: none; }

.oj-menu-divider + .oj-menu-item > a {
  border-top-width: 0; }

.oj-menu-item.oj-focus-highlight > a {
  outline: dotted 1px rgba(0, 0, 0, 0.8);
  outline: -webkit-focus-ring-color auto; }

.oj-menu-dropdown .oj-menu-item.oj-focus > a,
.oj-menu-dropdown .oj-menu-item.oj-focus-ancestor > a {
  background: #ededee; }

.oj-menu-dropdown .oj-menu-item.oj-focus > a,
.oj-menu-dropdown .oj-menu-item.oj-focus-ancestor > a,
.oj-menu-dropdown .oj-menu-item.oj-focus + .oj-menu-item > a,
.oj-menu-dropdown .oj-menu-item.oj-focus-ancestor + .oj-menu-item > a {
  border-top-color: transparent; }

.oj-menu-dropdown .oj-menu-item:last-child.oj-focus > a,
.oj-menu-dropdown .oj-menu-item:last-child.oj-focus-ancestor > a {
  border-bottom-color: transparent; }

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

.oj-menu-sheet .oj-menu-item.oj-focus > a,
.oj-menu-sheet .oj-menu-item.oj-focus + .oj-menu-item > a {
  border-top-color: transparent; }

.oj-menu-sheet .oj-menu-item:last-child.oj-focus > a {
  border-bottom-color: transparent; }

.oj-menu.oj-disabled .oj-menu-item > a,
.oj-menu-item.oj-disabled > a {
  cursor: default; }

.oj-menu-dropdown.oj-disabled .oj-menu-item > a,
.oj-menu-dropdown .oj-menu-item.oj-disabled > a {
  color: rgba(0, 0, 0, 0.38); }

.oj-menu-sheet.oj-disabled .oj-menu-item > a,
.oj-menu-sheet .oj-menu-item.oj-disabled > a {
  color: rgba(0, 0, 0, 0.38); }

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

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

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

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

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

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

.oj-menu.oj-disabled .oj-menu-item-icon,
.oj-menu.oj-disabled .oj-menu-item-end-icon,
.oj-menu-item.oj-disabled .oj-menu-item-icon,
.oj-menu-item.oj-disabled .oj-menu-item-end-icon {
  color: #cbcccd;
  opacity: 1; }

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

.oj-menu-context-menu-launcher {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.oj-hicontrast .oj-menu-item.oj-focus > a,
.oj-hicontrast .oj-menu-item.oj-focus-ancestor > a {
  outline: dotted 3px; }

.oj-hicontrast .oj-menu-item.oj-focus.oj-disabled > a {
  outline: dotted 1px; }

.oj-menu-option-defaults {
  font-family: '{"animation":{"dropdown":{"open":{"effect":"zoomIn","transformOrigin":"#myPosition","duration":"0.25s"},"close":{"effect":"none"}},"sheet":{"open":{"effect":"slideIn","direction":"top","duration":"0.25s"},"close":{"effect":"slideOut","direction":"bottom","duration":"0.25s"}},"submenu":{"open":{"effect":"zoomIn","transformOrigin":"#myPosition","duration":"0.25s"},"close":{"effect":"none"}}}}'; }

.oj-menu-config {
  font-family: '{"dropDownThresholdWidth":"768px","sheetCancelAffordance":"none","dropDownModality":"modeless","sheetModality":"modal","sheetSwipeDownBehavior":"none","sheetMarginBottom":14}'; }

/* resizable */
/* --------------------------------------------------------------- */
.oj-resizable {
  position: relative; }

.oj-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  z-index: 900;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-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; }

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

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

.oj-button,
.oj-button-nocomp {
  height: 2.28571rem;
  margin-bottom: 4px;
  font-size: 1rem;
  display: inline-flex;
  vertical-align: middle; }

.oj-button-button {
  width: 100%;
  height: 100%; }

.oj-button-jqui,
.oj-button-nocomp,
.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-nocomp,
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,
.oj-button-nocomp {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.oj-button.oj-button-sm,
.oj-button-nocomp.oj-button-sm,
.oj-buttonset.oj-button-sm .oj-button-jqui {
  height: 2rem;
  line-height: 2rem;
  font-size: 1rem; }

.oj-button.oj-button-lg,
.oj-button-nocomp.oj-button-lg,
.oj-buttonset.oj-button-lg .oj-button-jqui {
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem; }

.oj-button.oj-button-xl,
.oj-button-nocomp.oj-button-xl,
.oj-buttonset.oj-button-xl .oj-button-jqui {
  height: 3.42857rem;
  line-height: 3.42857rem;
  font-size: 1rem; }

.oj-button-jqui,
.oj-button-button,
.oj-button-nocomp,
.oj-button-jqui:link,
.oj-button-button:link,
.oj-button-nocomp:link,
.oj-button-jqui:visited,
.oj-button-button:visited,
.oj-button-nocomp:visited,
.oj-button-jqui:hover,
.oj-button-button:hover,
.oj-button-nocomp:hover,
.oj-button-jqui:active,
.oj-button-button:active,
.oj-button-nocomp:active {
  text-decoration: none; }

.oj-button-jqui:not(.oj-focus-highlight):focus,
.oj-button-nocomp: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-nocomp.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-nocomp: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-nocomp.oj-button-full-chrome,
.oj-button-nocomp.oj-button-full-chrome:link,
.oj-button-nocomp.oj-button-full-chrome:visited,
.oj-button-nocomp.oj-button-full-chrome:hover,
.oj-button-nocomp.oj-button-full-chrome:active,
.oj-button.oj-button-full-chrome .oj-button-button,
.oj-button.oj-button-full-chrome .oj-button-button:link,
.oj-button.oj-button-full-chrome .oj-button-button:visited,
.oj-button.oj-button-full-chrome .oj-button-button:hover,
.oj-button.oj-button-full-chrome .oj-button-button:active {
  font-weight: normal; }

/* oj-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-nocomp.oj-button-full-chrome,
.oj-button.oj-default.oj-button-full-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {
  background-color: #ededee;
  background-image: none;
  border-color: #cbcccd;
  color: black;
  box-shadow: none;
  text-shadow: none; }

.oj-button.oj-default.oj-button-full-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-full-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon {
  color: #8a8d8f; }

.oj-button-jqui.oj-hover.oj-button-full-chrome,
.oj-button-nocomp.oj-button-full-chrome:hover,
.oj-button.oj-hover.oj-button-full-chrome .oj-button-button {
  background-color: #f7f7f8;
  background-image: none;
  border-color: #cbcccd;
  color: #1e5d87;
  box-shadow: none;
  text-shadow: none; }

.oj-button.oj-hover.oj-button-full-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-full-chrome:hover .oj-button-icon {
  color: #89b4d1; }

/* 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-nocomp.oj-button-full-chrome:active,
.oj-button-nocomp.oj-active.oj-button-full-chrome,
.oj-button.oj-active.oj-button-full-chrome .oj-button-button {
  background-color: #2574a9;
  background-image: none;
  border-color: #2574a9;
  color: white;
  box-shadow: none;
  text-shadow: none;
  opacity: 1; }

.oj-button.oj-active.oj-button-full-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-full-chrome:active .oj-button-icon,
.oj-button-nocomp.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: #2574a9;
  background-image: none;
  border-color: #2574a9;
  color: white;
  box-shadow: none;
  text-shadow: none; }

.oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome,
.oj-button.oj-selected.oj-hover.oj-button-full-chrome .oj-button-button {
  color: #89b4d1;
  background-color: #2574a9;
  border-color: #2574a9; }

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

.oj-button-jqui.oj-disabled.oj-button-full-chrome,
.oj-button-nocomp.oj-button-full-chrome:disabled,
.oj-button.oj-disabled.oj-button-full-chrome .oj-button-button {
  background-color: #f7f7f8;
  border-color: #e5e6e6;
  color: rgba(0, 0, 0, 0.38);
  box-shadow: none;
  opacity: 1;
  background-image: none; }

.oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-full-chrome:disabled .oj-button-icon {
  color: #cbcccd; }

.oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome,
.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-button {
  color: white;
  background-color: #cbcccd;
  border-color: #cbcccd; }

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

/* 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-nocomp.oj-button-half-chrome,
.oj-button-nocomp.oj-button-half-chrome:disabled,
.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-nocomp.oj-button-half-chrome,
.oj-button.oj-default.oj-button-half-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-half-chrome .oj-button-button {
  text-shadow: none;
  color: black; }

.oj-button-jqui.oj-hover.oj-button-half-chrome,
.oj-button-nocomp.oj-button-half-chrome:hover,
.oj-button.oj-hover.oj-button-half-chrome .oj-button-button {
  color: #1e5d87;
  background-color: #f7f7f8;
  border-color: #cbcccd;
  box-shadow: none; }

.oj-button-jqui.oj-active.oj-button-half-chrome,
.oj-button-nocomp.oj-button-half-chrome:active,
.oj-button-nocomp.oj-active.oj-button-half-chrome,
.oj-button.oj-active.oj-button-half-chrome .oj-button-button {
  color: white;
  background-color: #2574a9;
  border-color: #2574a9;
  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: #2574a9;
  border-color: #2574a9;
  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: #89b4d1;
  background-color: #2574a9;
  border-color: #2574a9; }

.oj-button-jqui.oj-disabled.oj-button-half-chrome,
.oj-button-nocomp.oj-button-half-chrome:disabled,
.oj-button.oj-disabled.oj-button-half-chrome .oj-button-button {
  color: rgba(0, 0, 0, 0.38);
  opacity: 1; }

.oj-button-jqui.oj-disabled.oj-selected.oj-button-half-chrome,
.oj-button.oj-disabled.oj-selected.oj-button-half-chrome .oj-button-button {
  color: white;
  background-color: #cbcccd;
  border-color: #cbcccd; }

.oj-button-jqui.oj-button-half-chrome,
.oj-button-jqui.oj-button-half-chrome:link,
.oj-button-jqui.oj-button-half-chrome:visited,
.oj-button-jqui.oj-button-half-chrome:hover,
.oj-button-jqui.oj-button-half-chrome:active,
.oj-button-nocomp.oj-button-half-chrome,
.oj-button-nocomp.oj-button-half-chrome:link,
.oj-button-nocomp.oj-button-half-chrome:visited,
.oj-button-nocomp.oj-button-half-chrome:hover,
.oj-button-nocomp.oj-button-half-chrome:active,
.oj-button.oj-button-half-chrome .oj-button-button,
.oj-button.oj-button-half-chrome .oj-button-button:link,
.oj-button.oj-button-half-chrome .oj-button-button:visited,
.oj-button.oj-button-half-chrome .oj-button-button:hover,
.oj-button.oj-button-half-chrome .oj-button-button:active {
  font-weight: normal; }

.oj-button.oj-default.oj-button-half-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-half-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-half-chrome .oj-button-icon {
  color: #8a8d8f; }

.oj-button.oj-hover.oj-button-half-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-half-chrome:hover .oj-button-icon {
  color: #89b4d1; }

.oj-button.oj-active.oj-button-half-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-half-chrome:active .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: #89b4d1; }

.oj-button.oj-disabled.oj-button-half-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-half-chrome:disabled .oj-button-icon {
  color: #cbcccd; }

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

/* 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-nocomp.oj-button-outlined-chrome,
.oj-button-nocomp.oj-button-outlined-chrome:disabled,
.oj-button.oj-default.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-disabled.oj-button-outlined-chrome .oj-button-button {
  border-color: #cbcccd;
  background-image: none;
  box-shadow: none;
  background-color: transparent; }

.oj-button-jqui.oj-default.oj-button-outlined-chrome,
.oj-button-jqui.oj-focus-only.oj-button-outlined-chrome,
.oj-button-nocomp.oj-button-outlined-chrome,
.oj-button.oj-default.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-outlined-chrome .oj-button-button {
  text-shadow: none;
  color: black; }

.oj-button-jqui.oj-hover.oj-button-outlined-chrome,
.oj-button-nocomp.oj-button-outlined-chrome:hover,
.oj-button.oj-hover.oj-button-outlined-chrome .oj-button-button {
  color: #1e5d87;
  background-color: #f7f7f8;
  border-color: #cbcccd;
  box-shadow: none; }

.oj-button-jqui.oj-active.oj-button-outlined-chrome,
.oj-button-nocomp.oj-button-outlined-chrome:active,
.oj-button-nocomp.oj-active.oj-button-outlined-chrome,
.oj-button.oj-active.oj-button-outlined-chrome .oj-button-button {
  color: white;
  background-color: #2574a9;
  border-color: #2574a9;
  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: #2574a9;
  border-color: #2574a9;
  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: #89b4d1;
  background-color: #2574a9;
  border-color: #2574a9; }

.oj-button-jqui.oj-disabled.oj-button-outlined-chrome,
.oj-button-nocomp.oj-button-outlined-chrome:disabled,
.oj-button.oj-disabled.oj-button-outlined-chrome .oj-button-button {
  color: rgba(0, 0, 0, 0.38);
  border-color: #cbcccd;
  opacity: 1; }

.oj-button-jqui.oj-disabled.oj-selected.oj-button-outlined-chrome,
.oj-button.oj-disabled.oj-selected.oj-button-outlined-chrome .oj-button-button {
  color: white;
  background-color: #cbcccd;
  border-color: #cbcccd; }

.oj-button-jqui.oj-button-outlined-chrome,
.oj-button-jqui.oj-button-outlined-chrome:link,
.oj-button-jqui.oj-button-outlined-chrome:visited,
.oj-button-jqui.oj-button-outlined-chrome:hover,
.oj-button-jqui.oj-button-outlined-chrome:active,
.oj-button-nocomp.oj-button-outlined-chrome,
.oj-button-nocomp.oj-button-outlined-chrome:link,
.oj-button-nocomp.oj-button-outlined-chrome:visited,
.oj-button-nocomp.oj-button-outlined-chrome:hover,
.oj-button-nocomp.oj-button-outlined-chrome:active,
.oj-button.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-button-outlined-chrome .oj-button-button:link,
.oj-button.oj-button-outlined-chrome .oj-button-button:visited,
.oj-button.oj-button-outlined-chrome .oj-button-button:hover,
.oj-button.oj-button-outlined-chrome .oj-button-button:active {
  font-weight: normal; }

.oj-button.oj-default.oj-button-outlined-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-outlined-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-outlined-chrome .oj-button-icon {
  color: #8a8d8f; }

.oj-button.oj-hover.oj-button-outlined-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-outlined-chrome:hover .oj-button-icon {
  color: #89b4d1; }

.oj-button.oj-active.oj-button-outlined-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-outlined-chrome:active .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: #89b4d1; }

.oj-button.oj-disabled.oj-button-outlined-chrome .oj-button-icon,
.oj-button-nocomp.oj-button-outlined-chrome:disabled .oj-button-icon {
  color: #cbcccd; }

.oj-button.oj-disabled.oj-selected.oj-button-outlined-chrome .oj-button-icon {
  color: white; }

/* 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-button-nocomp.oj-button-text-only,
.oj-buttonset .oj-button-text-only .oj-button-text,
.oj-button-text-only .oj-button-text {
  padding: 0 1.667rem; }

/* 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 1.667rem 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 1.667rem 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 1.667rem; }

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

/* 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.42857rem;
  margin-left: 0.85714rem; }

html[dir="rtl"] .oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 0.85714rem; }

/* 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.42857rem;
  margin-left: 0.57143rem; }

html[dir="rtl"] .oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 0.57143rem; }

/* 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-nocomp .oj-button-icon-only,
.oj-button-icon-only .oj-button-icon {
  margin-right: 0.57143rem;
  margin-left: 0.57143rem; }

/* 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.85714rem;
  margin-left: 0.42857rem; }

html[dir="rtl"] .oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 0.85714rem;
  margin-left: 0.42857rem; }

/* 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.57143rem; }

html[dir="rtl"] .oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-icons-only .oj-button-icon.oj-start {
  margin-right: 0.57143rem; }

/* 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-button-nocomp.oj-button-text-only,
.oj-button-sm.oj-buttonset .oj-button-text-only .oj-button-text,
.oj-button-sm.oj-button-text-only .oj-button-text {
  padding: 0 0.78571rem; }

/* 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.78571rem 0 0; }

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-end .oj-button-text, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-end .oj-button-text {
  padding: 0 0.78571rem 0 0; }

/* 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.78571rem; }

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-start .oj-button-text, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-start .oj-button-text {
  padding: 0 0 0 0.78571rem; }

/* 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.42857rem;
  margin-left: 0.78571rem; }

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 0.78571rem; }

/* 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.42857rem;
  margin-left: 0.42857rem; }

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 0.42857rem; }

/* 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-nocomp .oj-button-icon-only,
.oj-button-sm.oj-button-icon-only .oj-button-icon {
  margin-right: 0.42857rem;
  margin-left: 0.42857rem; }

/* 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.78571rem;
  margin-left: 0.42857rem; }

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 0.78571rem;
  margin-left: 0.42857rem; }

/* 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.42857rem; }

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-button-icons-only .oj-button-icon.oj-start {
  margin-right: 0.42857rem; }

/* 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-button-nocomp.oj-button-text-only,
.oj-button-lg.oj-buttonset .oj-button-text-only .oj-button-text,
.oj-button-lg.oj-button-text-only .oj-button-text {
  padding: 0 1.42857rem; }

/* 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 1.42857rem 0 0; }

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-end .oj-button-text, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-end .oj-button-text {
  padding: 0 1.42857rem 0 0; }

/* 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 1.42857rem; }

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-start .oj-button-text, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-start .oj-button-text {
  padding: 0 0 0 1.42857rem; }

/* 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.42857rem;
  margin-left: 1.07143rem; }

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 1.07143rem; }

/* 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.42857rem;
  margin-left: 0.85714rem; }

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 0.85714rem; }

/* 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-nocomp .oj-button-icon-only,
.oj-button-lg.oj-button-icon-only .oj-button-icon {
  margin-right: 0.85714rem;
  margin-left: 0.85714rem; }

/* 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: 1.07143rem;
  margin-left: 0.42857rem; }

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 1.07143rem;
  margin-left: 0.42857rem; }

/* 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.85714rem; }

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-button-icons-only .oj-button-icon.oj-start {
  margin-right: 0.85714rem; }

/* 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-button-nocomp.oj-button-text-only,
.oj-button-xl.oj-buttonset .oj-button-text-only .oj-button-text,
.oj-button-xl.oj-button-text-only .oj-button-text {
  padding: 0 1.42857rem; }

/* 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 1.42857rem 0 0; }

html[dir="rtl"] .oj-button-xl.oj-buttonset .oj-button-text-icon-end .oj-button-text, html[dir="rtl"]
.oj-button-xl.oj-button-text-icon-end .oj-button-text {
  padding: 0 1.42857rem 0 0; }

/* 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 1.42857rem; }

html[dir="rtl"] .oj-button-xl.oj-buttonset .oj-button-text-icon-start .oj-button-text, html[dir="rtl"]
.oj-button-xl.oj-button-text-icon-start .oj-button-text {
  padding: 0 0 0 1.42857rem; }

/* 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.42857rem;
  margin-left: 1.07143rem; }

html[dir="rtl"] .oj-button-xl.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-xl.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-xl.oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-xl.oj-button-text-icons .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 1.07143rem; }

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

html[dir="rtl"] .oj-button-xl.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-xl.oj-button-icons-only .oj-button-icon.oj-end {
  margin-right: 0.42857rem;
  margin-left: 1rem; }

/* 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-nocomp .oj-button-icon-only,
.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: 1.07143rem;
  margin-left: 0.42857rem; }

html[dir="rtl"] .oj-button-xl.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-xl.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-xl.oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-xl.oj-button-text-icons .oj-button-icon.oj-start {
  margin-right: 1.07143rem;
  margin-left: 0.42857rem; }

/* 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":"full"}'; }

.oj-button-primary.oj-buttonset .oj-button-jqui.oj-default.oj-button-full-chrome,
.oj-button-primary.oj-buttonset .oj-button-jqui.oj-focus-only.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-default.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-focus-only.oj-button-full-chrome,
.oj-button-primary.oj-button.oj-default.oj-button-full-chrome .oj-button-button,
.oj-button-primary.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {
  background-color: #2574a9;
  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: #2574a9;
  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: #2574a9;
  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: #2574a9;
  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: #2574a9;
  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: #2574a9;
  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: #2574a9;
  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; }

/* 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: 1px 1px 10px 0 hsla(0, 0%, 0%,0.45);
  background: #fcfcfd;
  border: 1px solid #cbcccd;
  border-radius: 1px; }

.oj-dialog-header {
  border-width: 0 0 1px 0;
  border-style: solid;
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0.85714rem 0.85714rem 0.85714rem;
  background-color: #f2f2f3;
  background-image: none;
  border-bottom-color: #cbcccd;
  font-size: 1.42857rem;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  min-height: 2rem; }

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

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

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

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

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

.oj-dialog-title {
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-self: center;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0; }

html:not([dir="rtl"]) .oj-dialog-header-close .oj-dialog-title {
  padding-right: .2rem; }

html[dir="rtl"] .oj-dialog-header-close .oj-dialog-title {
  padding-left: .2rem; }

.oj-dialog-content > p:last-child {
  margin-bottom: 0; }

.oj-dialog-content {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto; }

.oj-dialog-body {
  position: relative;
  overflow: auto;
  box-sizing: border-box;
  padding: 0.85714rem;
  text-align: start; }

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

.oj-dialog-footer {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  padding: 0.85714rem; }
  html:not([dir="rtl"]) .oj-dialog-footer {
    text-align: right; }
  html[dir="rtl"] .oj-dialog-footer {
    text-align: left; }

.oj-dialog-footer > .oj-button,
.oj-dialog-footer > .oj-button > .oj-button-button {
  height: 2.28571rem;
  font-weight: normal;
  margin-left: 5px; }

.oj-dialog:focus, .oj-dialog-header-close-wrapper:focus {
  outline: none; }

.oj-dialog.oj-focus-highlight,
.oj-dialog-header-close-wrapper.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }

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

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

/* buttonset */
/* --------------------------------------------------------------- */
oj-buttonset-one:not(.oj-complete), oj-buttonset-many:not(.oj-complete) {
  visibility: hidden; }

/* oj-buttonset-multi is present iff it's a multi-button buttonset, which is the only kind of buttonset to which 
       buttonset styling should be applied.  When a single button is wrapped in a buttonset (typically for use with 
       the "checked" option), that's an implementation detail; users still see it as a standalone button, so it 
       should be themed as such. */
.oj-buttonset-multi {
  display: inline-flex;
  align-items: center;
  white-space: nowrap; }

.oj-buttonset-width-equal .oj-buttonset-multi .oj-button,
.oj-buttonset-width-equal.oj-buttonset-multi .oj-button {
  flex: 1;
  overflow: hidden; }

.oj-buttonset-width-equal .oj-buttonset-multi,
.oj-buttonset-width-equal.oj-buttonset-multi {
  width: 100%; }

.oj-buttonset-width-auto .oj-buttonset-multi .oj-button,
.oj-buttonset-width-auto.oj-buttonset-multi .oj-button {
  flex: auto; }

.oj-buttonset-multi .oj-button {
  justify-content: center;
  overflow: hidden;
  flex: auto; }

.oj-buttonset-multi.oj-button-full-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) {
  width: initial; }
  .oj-buttonset-multi.oj-button-full-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) .oj-button {
    flex: auto; }

.oj-buttonset-multi.oj-button-half-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) {
  width: initial; }
  .oj-buttonset-multi.oj-button-half-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) .oj-button {
    flex: auto; }

.oj-buttonset-multi.oj-button-outlined-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) {
  width: initial; }
  .oj-buttonset-multi.oj-button-outlined-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) .oj-button {
    flex: auto; }

/* Due to limitations in CSS syntax, the buttonset rules that depend on the chroming level check whether 
       the buttonset itself has .oj-button-XXX-chrome.  This is why we put those classes on the buttonset itself.*/
.oj-buttonset-multi.oj-button-full-chrome .oj-button,
.oj-buttonset-multi.oj-button-outlined-chrome .oj-button {
  border-radius: 0;
  border-right-width: 0;
  margin-left: 0;
  margin-right: 0; }

.oj-buttonset-multi.oj-button-half-chrome .oj-button {
  margin-left: 0;
  margin-right: 0.25em; }

.oj-buttonset-multi.oj-button-half-chrome .oj-buttonset-last {
  margin-right: 0; }

/* .oj-buttonset-first is applied to the first button of the buttonset. */
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-first, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-first {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-first, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-first {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

/* .oj-buttonset-last is applied to the last button of the buttonset. */
html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-last, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-last {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-last, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-last {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-default, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-focus-only, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-hover, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-disabled {
  border-left-color: #cbcccd; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-default, html[dir="rtl"]
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-focus-only, html[dir="rtl"]
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-hover, html[dir="rtl"]
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-disabled {
  border-left-color: #cbcccd; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-active {
  border-left-color: #cbcccd; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-active {
  border-left-color: #cbcccd; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-selected {
  border-left-color: #cbcccd; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-selected {
  border-left-color: #cbcccd; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-selected.oj-disabled {
  border-left-color: #e5e6e6; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-selected.oj-disabled {
  border-left-color: #e5e6e6; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-default, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-focus-only {
  border-left-color: #cbcccd; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-default, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-focus-only {
  border-left-color: #cbcccd; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-hover {
  border-left-color: #cbcccd; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-hover {
  border-left-color: #cbcccd; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-disabled {
  border-left-color: #e5e6e6; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-disabled {
  border-left-color: #e5e6e6; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-active {
  border-left-color: #cbcccd; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-active {
  border-left-color: #cbcccd; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-selected {
  border-left-color: #cbcccd; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-selected {
  border-left-color: #cbcccd; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-selected.oj-disabled {
  border-left-color: #cbcccd; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-selected.oj-disabled {
  border-left-color: #cbcccd; }

.oj-buttonset-option-defaults {
  font-family: '{"chroming":"full"}'; }

.oj-dvtbase {
  display: block;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Open Sans", "Times New Roman" Helvetica, Arial, sans-serif;
  animation-duration: 0.5s; }

.oj-dvtbase svg {
  overflow: hidden; }

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

.oj-dvt-category1 {
  color: #237bb1; }

.oj-dvt-category2 {
  color: #68c182; }

.oj-dvt-category3 {
  color: #fad55c; }

.oj-dvt-category4 {
  color: #ed6647; }

.oj-dvt-category5 {
  color: #8561c8; }

.oj-dvt-category6 {
  color: #6ddbdb; }

.oj-dvt-category7 {
  color: #ffb54d; }

.oj-dvt-category8 {
  color: #e371b2; }

.oj-dvt-category9 {
  color: #47bdef; }

.oj-dvt-category10 {
  color: #a2bf39; }

.oj-dvt-category11 {
  color: #a75dba; }

.oj-dvt-category12 {
  color: #f7f37b; }

.oj-dvt-tooltip {
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  background-color: #fcfcfd;
  color: rgba(0, 0, 0, 0.8);
  border-color: black;
  font-size: 1rem;
  font-family: "Open Sans", "Times New Roman" Helvetica, Arial, sans-serif; }

.oj-dvt-datatip {
  border-style: solid;
  border-width: 2px;
  padding: 2px;
  background-color: #fcfcfd;
  color: rgba(0, 0, 0, 0.8);
  border-color: black;
  border-radius: 1px;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35);
  font-size: 0.85714rem;
  font-family: "Open Sans", "Times New Roman" Helvetica, Arial, sans-serif; }

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

oj-legend {
  display: block; }

.oj-legend {
  font-size: 0.85714rem;
  color: rgba(0, 0, 0, 0.8);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

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

.oj-legend-section-title {
  font-size: 0.85714rem;
  color: rgba(0, 0, 0, 0.8); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.oj-dvt-no-data-message {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.85714rem; }

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

.oj-timeline {
  outline: none;
  border-color: #e5e6e6;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.oj-timeline-item {
  background-color: white;
  border-color: #8a8d8f; }

.oj-timeline-item.oj-hover {
  border-color: #89b4d1; }

.oj-timeline-item.oj-selected {
  border-color: black; }

.oj-timeline-item-description {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.85714rem;
  white-space: nowrap; }

.oj-timeline-item-title {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.85714rem;
  white-space: nowrap;
  font-weight: bold; }

.oj-timeline-major-axis-label {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1rem;
  white-space: nowrap;
  font-weight: bold; }

.oj-timeline-major-axis-separator {
  color: #c6c7c8; }

.oj-timeline-minor-axis {
  background-color: #f2f2f3;
  border-color: #e5e6e6; }

.oj-timeline-minor-axis-label {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.85714rem;
  white-space: nowrap; }

.oj-timeline-minor-axis-separator {
  color: #c6c7c8; }

.oj-timeline-overview {
  background-color: #e5e6e6; }

.oj-timeline-overview-label {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.85714rem;
  white-space: nowrap;
  font-weight: bold; }

.oj-timeline-overview-window {
  background-color: white;
  border-color: #4b4d4e; }

.oj-timeline-overview-window-handle-horizontal {
  background-image: url("../images/jet/dvt/common/drag_horizontal.png"); }

.oj-timeline-overview-window-handle-vertical {
  background-image: url("../images/jet/dvt/common/drag_vertical.png"); }

.oj-timeline-reference-object {
  color: #ed6647; }

.oj-timeline-series {
  background-color: #fafafa; }

.oj-timeline-series-label {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1rem;
  white-space: nowrap;
  font-weight: bold; }

.oj-timeline-series-empty-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.85714rem;
  white-space: nowrap; }

.oj-timeline-tooltip-label {
  font-size: 0.85714rem;
  color: rgba(0, 0, 0, 0.6); }

.oj-timeline-zoomin-icon {
  background-image: url("../images/jet/dvt/common/func_plus_16_ena.png");
  background-color: white;
  border-color: #e5e6e6; }

.oj-timeline-zoomin-icon.oj-hover {
  background-image: url("../images/jet/dvt/common/func_plus_16_hov.png"); }

.oj-timeline-zoomin-icon.oj-active {
  background-image: url("../images/jet/dvt/common/func_plus_16_act.png");
  background-color: white;
  border-color: #e5e6e6; }

.oj-timeline-zoomin-icon.oj-disabled {
  background-image: url("../images/jet/dvt/common/func_plus_16_dis.png"); }

.oj-timeline-zoomout-icon {
  background-image: url("../images/jet/dvt/common/func_minus_16_ena.png");
  background-color: white;
  border-color: #e5e6e6; }

.oj-timeline-zoomout-icon.oj-hover {
  background-image: url("../images/jet/dvt/common/func_minus_16_hov.png"); }

.oj-timeline-zoomout-icon.oj-active {
  background-image: url("../images/jet/dvt/common/func_minus_16_act.png");
  background-color: white;
  border-color: #e5e6e6; }

.oj-timeline-zoomout-icon.oj-disabled {
  background-image: url("../images/jet/dvt/common/func_minus_16_dis.png"); }

/* 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.6);
  font-size: 1rem;
  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: 0.5em; }
  html[dir="rtl"] .oj-label.oj-label-nowrap, html[dir="rtl"]
  .oj-label-nocomp.oj-label-nowrap {
    padding-left: 0.5em; }

.oj-label.oj-label-nowrap .oj-label-group {
  overflow: inherit;
  text-overflow: inherit; }

.oj-label-inline {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.55em;
  box-sizing: border-box; }
  html:not([dir="rtl"]) .oj-label-inline {
    padding-right: 0.5em; }
  html[dir="rtl"] .oj-label-inline {
    padding-left: 0.5em; }

.oj-form-non-control-inline {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.55em;
  box-sizing: border-box; }

.oj-label-inline label {
  float: right; }
  html[dir="rtl"] .oj-label-inline label {
    float: left; }

.oj-label-inline .oj-label-required-icon,
.oj-label-inline .oj-label-help-icon {
  float: left; }
  html[dir="rtl"] .oj-label-inline .oj-label-required-icon, html[dir="rtl"]
  .oj-label-inline .oj-label-help-icon {
    float: right; }
  html:not([dir="rtl"]) .oj-label-inline .oj-label-required-icon, html:not([dir="rtl"])
  .oj-label-inline .oj-label-help-icon {
    margin-right: 6px;
    margin-left: 0; }
  html[dir="rtl"] .oj-label-inline .oj-label-required-icon, html[dir="rtl"]
  .oj-label-inline .oj-label-help-icon {
    margin-left: 6px;
    margin-right: 0; }

.oj-label-inline .oj-label-help-icon-anchor {
  float: left; }
  html[dir="rtl"] .oj-label-inline .oj-label-help-icon-anchor {
    float: right; }

.oj-label-inline.oj-label-inline-top {
  margin-top: 0; }

.oj-label-accesskey {
  text-decoration: underline; }

.oj-label-required-icon:before {
  content: "*"; }

.oj-label-required-icon {
  color: #1e5d87;
  font-size: 1.28571rem;
  font-weight: normal;
  line-height: 1rem;
  font-family: inherit;
  background-color: transparent;
  border-radius: 0;
  height: auto;
  width: auto; }

/* Component option defaults. */
.oj-form-control-option-defaults {
  font-family: '{"showIndicatorDelay":"250"}'; }

/* form-control classes */
/* --------------------------------------------------------------- */
/************************* oj-form-control-inherit OVERRIDES *************************/
.oj-form-control-inherit:not(.oj-form-control-default) .oj-form-control {
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  max-width: 100%;
  min-width: 100%; }

/************************* END OF oj-form-control-inherit OVERRIDES *************************/
html .oj-form-control {
  margin-bottom: 4px;
  vertical-align: middle; }

/** for all hints */
.oj-form-control-hint {
  color: rgba(0, 0, 0, 0.8);
  padding: 0;
  word-wrap: break-word; }

.oj-form-control-title {
  color: rgba(0, 0, 0, 0.8); }

.oj-form-control input::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

oj-form-layout {
  display: block; }

.oj-form-cols-labels-inline {
  column-width: 22rem;
  column-gap: normal; }

.oj-form-cols {
  column-width: 18.45rem;
  column-gap: normal; }

.oj-form-cols-max2 {
  column-count: 2; }

.oj-form-cols > .oj-flex,
.oj-form-cols-labels-inline > .oj-flex {
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid; }

.oj-form > hr,
.oj-form > h1,
.oj-form > h2,
.oj-form > h3,
.oj-form > h4 {
  margin: 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:not(.oj-formlayout-nested-formlayout):nth-child(even),
.oj-form > .oj-flex > .oj-flex-item:not(.oj-formlayout-nested-formlayout):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: transparent;
  border-style: solid;
  border-width: 0 0 0; }

.oj-form-layout-inset {
  margin: 0;
  border-width: 0; }

.oj-form > .oj-flex {
  border-style: solid;
  border-color: transparent;
  border-width: 0 0 0 0;
  padding: 0 0 0; }

.oj-form-layout > .oj-form[class*="oj-form-cols-"] > .oj-flex:last-child {
  border-width: 0 0 0 0; }

.oj-form > .oj-flex:last-child {
  border-width: 0; }

.oj-form-no-dividers > .oj-flex,
.oj-form-layout > .oj-form-no-dividers[class*="oj-form-cols-"] > .oj-flex:last-child,
.oj-form-layout > .oj-flex-item > .oj-form-no-dividers > .oj-flex:last-child {
  border-width: 0; }

.oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-formlayout-label-nowrap,
.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp,
.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item > .oj-label-value .oj-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right; }
  html[dir="rtl"] .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label, html[dir="rtl"]
  .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
    text-align: left; }

.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
  text-align: left; }
  html[dir="rtl"] .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
    text-align: right; }

.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
  margin-top: 1px; }

.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
  float: none; }

html:not([dir="rtl"]) .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
  margin-left: 0;
  margin-right: 6px; }

html[dir="rtl"] .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
  margin-right: 0;
  margin-left: 6px; }

.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.4em;
  box-sizing: border-box; }
  html:not([dir="rtl"]) .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html:not([dir="rtl"])
  .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
    padding-right: 0.5em; }
  html[dir="rtl"] .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html[dir="rtl"]
  .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
    padding-left: 0.5em; }

.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label-inline-top,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp.oj-label-for-non-control {
  margin-top: 0; }

.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-radioset-label,
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-checkboxset-label {
  margin-top: 0.19rem;
  margin-bottom: 0; }

.oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-formlayout-label-nowrap .oj-label-group,
.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
  width: inherit;
  overflow: inherit;
  text-overflow: inherit; }

.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
  width: inherit;
  overflow: inherit;
  text-overflow: inherit;
  line-height: 1.6em; }

.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) >
.oj-label-nocomp:not(.oj-label-for-non-control) {
  line-height: 1.6em; }

html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
  padding-left: 0.5em; }

html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(odd) {
  padding-right: 0.5em; }

html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
  padding-right: 0.5em; }

html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
  padding-left: 0.5em; }

.oj-form.oj-formlayout-form-across > .oj-flex {
  padding-left: 0;
  padding-right: 0; }

html:not([dir="rtl"]) .oj-form.oj-formlayout-form-across {
  padding-left: 0; }

html[dir="rtl"] .oj-form.oj-formlayout-form-across {
  padding-right: 0; }

html:not([dir="rtl"]) .oj-form.oj-formlayout-form-across > .oj-flex {
  padding-right: 0; }

html[dir="rtl"] .oj-form.oj-formlayout-form-across > .oj-flex {
  padding-left: 0; }

.oj-formlayout-labels-inline > .oj-flex {
  flex-wrap: nowrap; }

.oj-form-layout > .oj-form.oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-formlayout-nested-labelvalue.oj-flex-item {
  padding-left: 0px;
  padding-right: 0px; }

html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-label-comp-flex-item.oj-flex-item:nth-child(odd) {
  padding-left: 0px; }

html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-label-comp-flex-item.oj-flex-item:nth-child(odd) {
  padding-right: 0px; }

.oj-form-layout > .oj-form > .oj-flex > .oj-formlayout-nested-formlayout > .oj-form-layout > .oj-form,
.oj-form-layout > .oj-form.oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-formlayout-nested-formlayout.oj-flex-item {
  padding-left: 0px;
  padding-right: 0px; }

.oj-form-layout > .oj-form.oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-formlayout-nested-formlayout.oj-flex-item > .oj-form-layout > .oj-form.oj-formlayout-form-across {
  padding-left: 0px;
  padding-right: 0px; }

html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-label-comp-flex-item.oj-flex-item {
  padding-left: 0.5em; }

html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-label-comp-flex-item.oj-flex-item {
  padding-right: 0.5em; }

.oj-form-layout > .oj-form.oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex-item {
  padding-left: 0px;
  padding-right: 0px; }

html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value > .oj-flex > .oj-flex-item:nth-child(odd) {
  padding-left: 0.5em; }

html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value > .oj-flex > .oj-flex-item:nth-child(odd) {
  padding-right: 0.5em; }

html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value > .oj-flex > .oj-flex-item:nth-child(even) {
  padding-right: 0.5em; }

html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value > .oj-flex > .oj-flex-item:nth-child(even) {
  padding-left: 0.5em; }

html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value:not(.oj-formlayout-labels-inline) > .oj-flex > .oj-flex-item:nth-child(odd) {
  padding-right: 0.5em; }

html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value:not(.oj-formlayout-labels-inline) > .oj-flex > .oj-flex-item:nth-child(odd) {
  padding-left: 0.5em; }

html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value:not(.oj-formlayout-labels-inline) > .oj-flex > .oj-flex-item:nth-child(even) {
  padding-left: 0.5em; }

html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value:not(.oj-formlayout-labels-inline) > .oj-flex > .oj-flex-item:nth-child(even) {
  padding-right: 0.5em; }

.oj-label-value.oj-form > .oj-flex {
  padding-top: 0; }

.oj-form.oj-label-value > .oj-flex > .oj-flex-item:nth-child(even),
.oj-form.oj-label-value > .oj-flex > .oj-flex-item:last-child,
.oj-form > .oj-flex > .oj-flex-item.oj-formlayout-nested-formlayout:nth-child(even),
.oj-form > .oj-flex > .oj-flex-item.oj-formlayout-nested-formlayout:last-child {
  margin: 0; }

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

/* 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: 5px;
  border-top-width: 1px; }

.oj-switch .oj-messaging-inline-container .oj-message:first-child,
.oj-slider .oj-messaging-inline-container .oj-message:first-child {
  border-top-width: 1px; }

.oj-switch .oj-messaging-inline-container .oj-message:first-child,
.oj-slider .oj-messaging-inline-container .oj-message:first-child {
  margin-top: 5px; }

.oj-slider-vertical .oj-messaging-inline-container .oj-message:first-child {
  margin-top: 18px; }

.oj-messaging-inline-container .oj-message.oj-message-error {
  background-color: #FCF3F4;
  border-color: #F8D3D6; }

.oj-messaging-inline-container .oj-message.oj-message-warning {
  background-color: #FEF5E4;
  border-color: #FCE7C1; }

.oj-messaging-inline-container .oj-message.oj-message-info {
  background-color: #E9F4F8;
  border-color: #CAE4EF; }

.oj-messaging-inline-container .oj-message.oj-message-confirmation {
  background-color: #ECF5E7;
  border-color: #D9EACF; }

/** 
     * 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"}}}'; }

.oj-message-status-icon:before {
  width: 16px;
  /* Needed for old versions of IE11 */ }

/* 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 #cbcccd;
  border-radius: 1px;
  background-color: white;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35);
  will-change: top, left; }

.oj-popup.oj-popup-tail-simple {
  box-shadow: 1px 1px 5px 0 hsla(0, 0%, 0%,0.4);
  border-width: 1px;
  border-color: #cbcccd;
  background-color: #fcfcfd;
  will-change: top, left, bottom, right; }

.oj-popup.oj-popup-no-chrome {
  border-width: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0; }

.oj-popup-content {
  padding: 0.85714rem; }

.oj-popup-no-chrome > .oj-popup-content {
  padding: 0; }

.oj-popup:not(.oj-focus-highlight):focus {
  outline: none; }

.oj-popup.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }

.oj-popup-tail {
  position: absolute;
  pointer-events: none; }

.oj-popup-tail.oj-popup-tail-simple {
  height: 14px;
  width: 14px;
  font-size: 0; }

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom {
  left: 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,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMTQsMTQgMCwwIDE0LDQnIHN0eWxlPSdmaWxsOiNmY2ZjZmQ7c3Ryb2tlOiNmY2ZjZmQ7c3Ryb2tlLXdpZHRoOjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7Jy8+PGcgc3R5bGU9J3N0cm9rZTojY2JjY2NkO3N0cm9rZS13aWR0aDoxOyc+PGxpbmUgeDE9JzE0JyB5MT0nMTQnIHgyPScwJyB5Mj0nMCcvPjxsaW5lIHgxPScxNCcgeTE9JzQnIHgyPScwJyB5Mj0nMCcvPjwvZz48L3N2Zz4="); }

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMTQsMCAwLDcgMTQsMTQnIHN0eWxlPSdmaWxsOiNmY2ZjZmQ7c3Ryb2tlOiNmY2ZjZmQ7c3Ryb2tlLXdpZHRoOjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7Jy8+PGcgc3R5bGU9J3N0cm9rZTojY2JjY2NkO3N0cm9rZS13aWR0aDoxOyc+PGxpbmUgeDE9JzE0JyB5MT0nMCcgeDI9JzAnIHkyPSc3Jy8+PGxpbmUgeDE9JzE0JyB5MT0nMTQnIHgyPScwJyB5Mj0nNycvPjwvZz48L3N2Zz4="); }

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

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

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

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMCwwIDE0LDE0IDAsMTEnIHN0eWxlPSdmaWxsOiNmY2ZjZmQ7c3Ryb2tlOiNmY2ZjZmQ7c3Ryb2tlLXdpZHRoOjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7Jy8+PGcgc3R5bGU9J3N0cm9rZTojY2JjY2NkO3N0cm9rZS13aWR0aDoxOyc+PGxpbmUgeDE9JzAnIHkxPScwJyB4Mj0nMTQnIHkyPScxNCcvPjxsaW5lIHgxPScwJyB5MT0nMTEnIHgyPScxNCcgeTI9JzE0Jy8+PC9nPjwvc3ZnPg=="); }

.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top {
  top: calc(0px - 14px); }
  .oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMCwxNCA3LDAgMTQsMTQnIHN0eWxlPSdmaWxsOiNmY2ZjZmQ7c3Ryb2tlOiNmY2ZjZmQ7c3Ryb2tlLXdpZHRoOjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7Jy8+PGcgc3R5bGU9J3N0cm9rZTojY2JjY2NkO3N0cm9rZS13aWR0aDoxOyc+PGxpbmUgeDE9JzAnIHkxPScxNCcgeDI9JzcnIHkyPScwJy8+PGxpbmUgeDE9JzE0JyB5MT0nMTQnIHgyPSc3JyB5Mj0nMCcvPjwvZz48L3N2Zz4="); }

.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom {
  bottom: calc(0px - 14px); }
  .oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNHB4JyBoZWlnaHQ9JzE0cHgnPjxwb2x5Z29uIHBvaW50cz0nMCwwIDcsMTQgMTQsMCcgc3R5bGU9J2ZpbGw6I2ZjZmNmZDtzdHJva2U6I2ZjZmNmZDtzdHJva2Utd2lkdGg6MTtmaWxsLXJ1bGU6ZXZlbm9kZDsnLz48ZyBzdHlsZT0nc3Ryb2tlOiNjYmNjY2Q7c3Ryb2tlLXdpZHRoOjE7Jz48bGluZSB4MT0nMCcgeTE9JzAnIHgyPSc3JyB5Mj0nMTQnLz48bGluZSB4MT0nMTQnIHkxPScwJyB4Mj0nNycgeTI9JzE0Jy8+PC9nPjwvc3ZnPg=="); }

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle:before,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom:before,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle:before,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom:before,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom:before {
  display: block; }

.oj-popup-option-defaults {
  font-family: '{"animation":{"open":[{"effect":"zoomIn","transformOrigin":"#myPosition"},"fadeIn"],"close":[{"effect":"zoomOut","transformOrigin":"#myPosition"},"fadeOut"]}}'; }

/************************* oj-form-control-inherit OVERRIDES *************************/
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input, html:not([dir="rtl"])
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp, html:not([dir="rtl"])
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input, html:not([dir="rtl"])
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp, html:not([dir="rtl"])
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input, html:not([dir="rtl"])
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input, html[dir="rtl"]
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp, html[dir="rtl"]
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input, html[dir="rtl"]
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp, html[dir="rtl"]
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input, html[dir="rtl"]
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp {
    text-align: inherit; }

.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext:not(.oj-disabled):not(.oj-read-only) .oj-inputtext-input:focus,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword:not(.oj-disabled):not(.oj-read-only) .oj-inputpassword-input:focus,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea:not(.oj-disabled):not(.oj-read-only) .oj-textarea-input:focus,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp:not([disabled]):not([readonly]):focus,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp:not([disabled]):not([readonly]):focus,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp:not([disabled]):not([readonly]):focus {
  border-width: 0; }

/************************* END OF oj-form-control-inherit OVERRIDES *************************/
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: 18em;
  min-width: 8em;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .oj-inputtext,
    .oj-inputpassword,
    .oj-textarea,
    .oj-inputtext-nocomp,
    .oj-inputpassword-nocomp,
    .oj-textarea-nocomp {
      -webkit-text-size-adjust: 124%; } }

.oj-form-control-full-width.oj-inputtext,
.oj-form-control-full-width.oj-inputpassword,
.oj-form-control-full-width.oj-textarea,
.oj-form-control-full-width.oj-inputtext-nocomp,
.oj-form-control-full-width.oj-inputpassword-nocomp,
.oj-form-control-full-width.oj-textarea-nocomp,
.oj-form-control-full-width .oj-inputtext,
.oj-form-control-full-width .oj-inputpassword,
.oj-form-control-full-width .oj-textarea,
.oj-form-control-full-width .oj-inputtext-nocomp,
.oj-form-control-full-width .oj-inputpassword-nocomp,
.oj-form-control-full-width .oj-textarea-nocomp {
  max-width: 100%; }

.oj-inputtext {
  position: relative; }

.oj-inputtext .oj-inputtext-clear-icon-btn {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.28571rem;
  width: 25px;
  text-decoration: none;
  cursor: default; }
  html:not([dir="rtl"]) .oj-inputtext .oj-inputtext-clear-icon-btn {
    right: 0px; }
  html[dir="rtl"] .oj-inputtext .oj-inputtext-clear-icon-btn {
    left: 0px; }

a.oj-inputtext-clear-icon-btn:active {
  background-color: transparent; }

.oj-inputtext-clear-icon {
  margin-top: 1px;
  color: inherit; }

.oj-inputtext .oj-inputtext-clear-icon-btn:focus {
  outline: none; }

.oj-inputtext.oj-focus:not(.oj-form-control-empty-clearicon).oj-inputtext-clearicon-conditional .oj-inputtext-clear-icon-btn,
.oj-inputtext.oj-hover:not(.oj-form-control-empty-clearicon).oj-inputtext-clearicon-conditional .oj-inputtext-clear-icon-btn {
  visibility: visible; }

.oj-inputtext.oj-inputtext-clearicon-conditional .oj-inputtext-clear-icon-btn {
  visibility: hidden; }

html:not([dir="rtl"]) .oj-inputtext.oj-inputtext-clearicon-visible .oj-inputtext-input, html:not([dir="rtl"])
.oj-inputtext.oj-focus.oj-inputtext-clearicon-conditional .oj-inputtext-input, html:not([dir="rtl"])
.oj-inputtext.oj-hover.oj-inputtext-clearicon-conditional .oj-inputtext-input {
  padding-right: 21px; }

html[dir="rtl"] .oj-inputtext.oj-inputtext-clearicon-visible .oj-inputtext-input, html[dir="rtl"]
.oj-inputtext.oj-focus.oj-inputtext-clearicon-conditional .oj-inputtext-input, html[dir="rtl"]
.oj-inputtext.oj-hover.oj-inputtext-clearicon-conditional .oj-inputtext-input {
  padding-left: 21px; }

.oj-inputtext-input,
.oj-inputpassword-input,
.oj-textarea-input,
.oj-inputtext-nocomp,
.oj-inputpassword-nocomp,
.oj-textarea-nocomp {
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-weight: normal;
  width: 100%; }
  html[dir="rtl"] .oj-inputtext-input, html[dir="rtl"]
  .oj-inputpassword-input, html[dir="rtl"]
  .oj-textarea-input, html[dir="rtl"]
  .oj-inputtext-nocomp, html[dir="rtl"]
  .oj-inputpassword-nocomp, html[dir="rtl"]
  .oj-textarea-nocomp {
    text-align: right; }
  .oj-inputtext-input:-ms-input-placeholder,
  .oj-inputpassword-input:-ms-input-placeholder,
  .oj-textarea-input:-ms-input-placeholder,
  .oj-inputtext-nocomp:-ms-input-placeholder,
  .oj-inputpassword-nocomp:-ms-input-placeholder,
  .oj-textarea-nocomp:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputtext-input::-ms-input-placeholder,
  .oj-inputpassword-input::-ms-input-placeholder,
  .oj-textarea-input::-ms-input-placeholder,
  .oj-inputtext-nocomp::-ms-input-placeholder,
  .oj-inputpassword-nocomp::-ms-input-placeholder,
  .oj-textarea-nocomp::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputtext-input::placeholder,
  .oj-inputpassword-input::placeholder,
  .oj-textarea-input::placeholder,
  .oj-inputtext-nocomp::placeholder,
  .oj-inputpassword-nocomp::placeholder,
  .oj-textarea-nocomp::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }

/* 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.28571rem;
  padding: 0 5px;
  padding-bottom: calc(1px - 1px + 0px); }

.oj-textarea-input,
.oj-textarea-nocomp {
  padding: 0.5rem 5px;
  line-height: inherit;
  height: auto;
  padding-top: 6px;
  resize: none; }

.oj-inputtext.oj-invalid .oj-inputtext-input,
.oj-inputpassword.oj-invalid .oj-inputpassword-input,
.oj-textarea.oj-invalid .oj-textarea-input {
  border-width: 2px 2px 2px 2px;
  border-color: #E65A66;
  border-style: solid; }

.oj-inputtext.oj-warning .oj-inputtext-input,
.oj-inputpassword.oj-warning .oj-inputpassword-input,
.oj-textarea.oj-warning .oj-textarea-input {
  border-width: 2px 2px 2px 2px;
  border-color: #F8CA75;
  border-style: solid; }

.oj-inputtext.oj-disabled .oj-inputtext-input,
.oj-inputpassword.oj-disabled .oj-inputpassword-input,
.oj-textarea.oj-disabled .oj-textarea-input,
.oj-inputtext-nocomp[disabled],
.oj-inputpassword-nocomp[disabled],
.oj-textarea-nocomp[disabled] {
  border-style: solid;
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }

.oj-inputtext.oj-read-only .oj-inputtext-input,
.oj-inputpassword.oj-read-only .oj-inputpassword-input,
.oj-textarea.oj-read-only .oj-textarea-input,
.oj-inputtext-nocomp[readonly],
.oj-inputpassword-nocomp[readonly],
.oj-textarea-nocomp[readonly] {
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: normal;
  padding: 0; }

.oj-textarea.oj-read-only .oj-textarea-input,
.oj-textarea-nocomp[readonly] {
  padding-top: 6px; }

.oj-inputtext.oj-loading .oj-inputtext-input,
.oj-textarea.oj-loading .oj-textarea-input {
  background-image: linear-gradient(90deg, #ededee 0%, #fafafa 10%, #ededee 20%);
  animation: LoadingGradientAnimation 3s infinite;
  background-size: 200% 200%;
  opacity: 1; }

.oj-inputtext:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning) .oj-inputtext-input:focus,
.oj-inputpassword:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning) .oj-inputpassword-input:focus,
.oj-textarea:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning) .oj-textarea-input:focus,
.oj-inputtext-nocomp:not([disabled]):not([readonly]):focus,
.oj-inputpassword-nocomp:not([disabled]):not([readonly]):focus,
.oj-textarea-nocomp:not([disabled]):not([readonly]):focus {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px; }

.oj-inputtext:not(.oj-disabled):not(.oj-read-only) .oj-inputtext-input:focus,
.oj-inputpassword:not(.oj-disabled):not(.oj-read-only) .oj-inputpassword-input:focus,
.oj-inputtext-nocomp:not([disabled]):not([readonly]):focus,
.oj-inputpassword-nocomp:not([disabled]):not([readonly]):focus {
  padding-bottom: 0; }

/* inputnumber */
/* --------------------------------------------------------------- */
/************************* oj-form-control-inherit OVERRIDES *************************/
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input {
    text-align: inherit; }

.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-wrapper {
  height: 100%; }

.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber:not(.oj-read-only).oj-focus .oj-inputnumber-input {
  border-width: 0; }

/************************* END OF oj-form-control-inherit OVERRIDES *************************/
oj-input-number:not(.oj-complete) {
  visibility: hidden; }

/* We need to support this sizing use cases: 
       - width on root dom element should be the width of input and buttons, not just input. */
/* Root dom element for inputnumber. 
     It wraps the input and the down/up buttons */
.oj-inputnumber {
  display: inline-block;
  width: 100%;
  max-width: 18em;
  min-width: 8em;
  font-size: 1rem; }
  @media screen and (max-width: 767px) {
    .oj-inputnumber {
      -webkit-text-size-adjust: 124%; } }

.oj-form-control-full-width.oj-inputnumber,
.oj-form-control-full-width .oj-inputnumber {
  max-width: 100%; }

.oj-inputnumber-wrapper {
  width: 100%;
  white-space: nowrap;
  display: inline-flex;
  box-sizing: border-box;
  height: 2.28571rem;
  border-radius: 2px; }

/* Input field for inputnumber */
.oj-inputnumber-input {
  border-style: solid;
  flex: 1;
  width: 1em;
  min-width: 1em;
  outline: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  padding: 0 5px;
  padding-bottom: calc(1px - 1px + 0px); }
  html[dir="rtl"] .oj-inputnumber-input {
    text-align: right; }
  .oj-inputnumber-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputnumber-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputnumber-input::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  html:not([dir="rtl"]) .oj-inputnumber-input {
    border-radius: 2px 0 0 2px;
    border-right-width: 0; }
  html[dir="rtl"] .oj-inputnumber-input {
    border-radius: 0 2px 2px 0;
    border-left-width: 0; }

html:not([dir="rtl"]) .oj-inputnumber-input {
  margin-right: 0; }

html[dir="rtl"] .oj-inputnumber-input {
  margin-left: 0; }

/* Invalid/warning styling */
/* ----------------------- */
.oj-inputnumber.oj-invalid .oj-inputnumber-input {
  border-color: #E65A66;
  border-style: solid; }

.oj-inputnumber.oj-warning .oj-inputnumber-input {
  border-color: #F8CA75;
  border-style: solid; }

html:not([dir="rtl"]) .oj-inputnumber.oj-invalid .oj-inputnumber-input, html:not([dir="rtl"])
.oj-inputnumber.oj-warning .oj-inputnumber-input {
  border-width: 2px 0 2px 2px; }

html[dir="rtl"] .oj-inputnumber.oj-invalid .oj-inputnumber-input, html[dir="rtl"]
.oj-inputnumber.oj-warning .oj-inputnumber-input {
  border-width: 2px 2px 2px 0; }

html:not([dir="rtl"]) .oj-inputnumber.oj-invalid .oj-buttonset, html:not([dir="rtl"])
.oj-inputnumber.oj-warning .oj-buttonset {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .oj-inputnumber.oj-invalid .oj-buttonset, html[dir="rtl"]
.oj-inputnumber.oj-warning .oj-buttonset {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.oj-inputnumber.oj-invalid .oj-buttonset {
  border-style: solid;
  border-color: #E65A66; }

.oj-inputnumber.oj-warning .oj-buttonset {
  border-style: solid;
  border-color: #F8CA75; }

html:not([dir="rtl"]) .oj-inputnumber.oj-invalid .oj-buttonset, html:not([dir="rtl"])
.oj-inputnumber.oj-warning .oj-buttonset {
  border-width: 2px 2px 2px 0; }

html[dir="rtl"] .oj-inputnumber.oj-invalid .oj-buttonset, html[dir="rtl"]
.oj-inputnumber.oj-warning .oj-buttonset {
  border-width: 2px 0 2px 2px; }

/* Disabled styling for the widget */
.oj-inputnumber.oj-disabled .oj-inputnumber-input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee; }

.oj-inputnumber.oj-disabled .oj-inputnumber-input {
  border-style: solid;
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }

/* readonly styling for the widget */
.oj-inputnumber.oj-read-only .oj-inputnumber-input {
  border-color: transparent; }

.oj-inputnumber.oj-read-only .oj-inputnumber-input {
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: normal;
  padding: 0; }

.oj-inputnumber.oj-loading .oj-inputnumber-input {
  background-color: transparent;
  opacity: 1; }

/* Styling for focus state */
.oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputnumber-input {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  padding-bottom: 0; }

/* styling for inputNumber's buttonset/buttons */
.oj-inputnumber .oj-buttonset {
  height: 100%;
  box-sizing: border-box; }

.oj-inputnumber .oj-inputnumber-button.oj-button {
  height: 100%;
  line-height: normal;
  margin-bottom: 0; }

.oj-inputnumber .oj-button {
  width: auto; }

.oj-inputnumber.oj-read-only .oj-buttonset {
  display: none; }

.oj-inputnumber-button.oj-button.oj-focus {
  outline-style: none; }

/* Styling for text-align */
.oj-form-control-text-align-right.oj-inputnumber .oj-inputnumber-input,
.oj-form-control-text-align-right .oj-inputnumber .oj-inputnumber-input {
  text-align: right; }

.oj-form-control-text-align-start.oj-inputnumber .oj-inputnumber-input,
.oj-form-control-text-align-start .oj-inputnumber .oj-inputnumber-input {
  text-align: left; }
  html[dir="rtl"] .oj-form-control-text-align-start.oj-inputnumber .oj-inputnumber-input, html[dir="rtl"]
  .oj-form-control-text-align-start .oj-inputnumber .oj-inputnumber-input {
    text-align: right; }

.oj-form-control-text-align-end.oj-inputnumber .oj-inputnumber-input,
.oj-form-control-text-align-end .oj-inputnumber .oj-inputnumber-input {
  text-align: right; }
  html[dir="rtl"] .oj-form-control-text-align-end.oj-inputnumber .oj-inputnumber-input, html[dir="rtl"]
  .oj-form-control-text-align-end .oj-inputnumber .oj-inputnumber-input {
    text-align: left; }

html:not([dir="rtl"]) .oj-inputnumber .oj-buttonset {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .oj-inputnumber .oj-buttonset {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-first, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-first {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-first, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-first {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html:not([dir="rtl"]) .oj-inputnumber .oj-buttonset {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

html[dir="rtl"] .oj-inputnumber .oj-buttonset {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-last, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-last {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-last, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-last {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.oj-inputnumber .oj-inputnumber-button.oj-buttonset-first {
  border-top-width: 0;
  border-bottom-width: 0; }

.oj-inputnumber .oj-inputnumber-button.oj-buttonset-last {
  border-top-width: 0;
  border-bottom-width: 0; }
  html:not([dir="rtl"]) .oj-inputnumber .oj-inputnumber-button.oj-buttonset-last {
    border-right-width: 0; }
  html[dir="rtl"] .oj-inputnumber .oj-inputnumber-button.oj-buttonset-last {
    border-left-width: 0; }

.oj-inputnumber.oj-disabled .oj-buttonset {
  border-color: #ededee; }

.oj-inputnumber.oj-disabled .oj-inputnumber-button {
  border-color: #e5e6e6; }

.oj-inputnumber .oj-buttonset {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-style: solid; }
  html:not([dir="rtl"]) .oj-inputnumber .oj-buttonset {
    border-left-width: 0; }
  html[dir="rtl"] .oj-inputnumber .oj-buttonset {
    border-right-width: 0; }

.oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputnumber-input {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px; }
  html:not([dir="rtl"]) .oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputnumber-input {
    border-right-width: 0; }
  html[dir="rtl"] .oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputnumber-input {
    border-left-width: 0; }

.oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-buttonset {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px; }
  html:not([dir="rtl"]) .oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-buttonset {
    border-left-width: 0; }
  html[dir="rtl"] .oj-inputnumber:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-buttonset {
    border-right-width: 0; }

.oj-inputnumber-up-icon {
  margin-bottom: 1px; }

.oj-inputnumber .oj-inputnumber-down-icon,
.oj-inputnumber .oj-inputnumber-up-icon {
  font-size: 12px; }

.oj-inputnumber.oj-loading {
  background-image: linear-gradient(90deg, #ededee 0%, #fafafa 10%, #ededee 20%);
  animation: LoadingGradientAnimation 3s infinite;
  background-size: 200% 200%; }

/* listbox */
/* --------------------------------------------------------------- */
/************************* oj-form-control-inherit OVERRIDES *************************/
.oj-form-control-inherit:not(.oj-form-control-default) .oj-listbox-input {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-listbox-input {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-listbox-input {
    text-align: inherit; }

/************************* END OF oj-form-control-inherit OVERRIDES *************************/
/*
     * 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 #cbcccd;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 0%,0.35);
  border-top: 0; }

/*
     * applied to the dropdown when it is open above the component
     */
.oj-listbox-drop-above {
  border-top: 1px solid #cbcccd;
  border-bottom: 0;
  margin-top: -1px; }

/*
     * applied to placeholder in the dropdown
     */
.oj-listbox-placeholder {
  color: rgba(0, 0, 0, 0.55); }

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

/*
     * 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;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-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: #8a8d8f; }

/*
     * 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: #fcfcfd;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  border-style: solid; }

/*
     * Applied to the search text
     */
.oj-listbox-input {
  box-sizing: border-box;
  width: 100%;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  box-shadow: none;
  outline: none;
  border: 0;
  background-color: inherit;
  padding-top: 6px;
  padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-listbox-input {
    padding-right: 2rem;
    padding-left: 5px; }
  html[dir="rtl"] .oj-listbox-input {
    padding-left: 2rem;
    padding-right: 5px; }

/*
     * 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: #fcfcfd; }

/*
     * 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.7);
  font-size: 0.85714rem;
  padding-top: 5px;
  padding-bottom: 5px; }

/*
     * Applied to the filter message separator
     */
.oj-listbox-filter-message-separator {
  border-bottom: 1px solid #cbcccd; }

/*
     * 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("../images/spinner_full.gif");
    transform: translate(-42.5%, -42.5%) scale(0.15); }

.oj-hicontrast .oj-listbox-results .oj-hover {
  border: 1px solid #e5e6e6; }

.oj-hicontrast .oj-listbox-results .oj-disabled {
  border: 1px dotted #e5e6e6; }

/*
     * 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 black;
  outline: -webkit-focus-ring-color auto; }

/*
     * Applied to the matching text in the dropdown options
     */
.oj-listbox-highlighter {
  font-weight: bold; }

/* 
     * 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: 500;
  color: rgba(0, 0, 0, 0.85); }

/************************* oj-form-control-inherit OVERRIDES *************************/
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
    text-align: inherit; }

.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime-input-container,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input-trigger {
  height: 100%;
  background-color: inherit;
  border-width: 0; }

/************************* END OF oj-form-control-inherit OVERRIDES *************************/
oj-input-time:not(.oj-complete) {
  visibility: hidden; }

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

oj-input-date-time:not(.oj-complete) {
  visibility: hidden; }

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

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

.oj-inputdatetime,
.oj-inputdatetime-date-time,
.oj-inputdatetime-date-only,
.oj-inputdatetime-time-only {
  /* 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: 18em;
  min-width: 8em;
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  position: relative; }
  @media screen and (max-width: 767px) {
    .oj-inputdatetime,
    .oj-inputdatetime-date-time,
    .oj-inputdatetime-date-only,
    .oj-inputdatetime-time-only {
      -webkit-text-size-adjust: 124%; } }

.oj-form-control-full-width.oj-inputdatetime,
.oj-form-control-full-width.oj-inputdatetime-date-time,
.oj-form-control-full-width.oj-inputdatetime-date-only,
.oj-form-control-full-width.oj-inputdatetime-time-only,
.oj-form-control-full-width .oj-inputdatetime,
.oj-form-control-full-width .oj-inputdatetime-date-time,
.oj-form-control-full-width .oj-inputdatetime-date-only,
.oj-form-control-full-width .oj-inputdatetime-time-only {
  max-width: 100%; }

.oj-inputdatetime-inline {
  /* 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: calc(275px + 2px);
  min-width: 8em;
  width: 100%; }

.oj-inputdatetime-input-container {
  box-sizing: border-box;
  display: inline-flex;
  width: 100%; }

.oj-inputdatetime-input {
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  padding: 0 5px;
  height: 2.28571rem;
  box-sizing: border-box;
  flex: 1;
  width: 1em;
  min-width: 1em;
  font-family: inherit;
  font-weight: normal;
  outline: 0; }
  html[dir="rtl"] .oj-inputdatetime-input {
    text-align: right; }
  .oj-inputdatetime-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputdatetime-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputdatetime-input::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  html:not([dir="rtl"]) .oj-inputdatetime-input {
    border-width: 1px 0 1px 1px;
    border-radius: 2px 0 0 2px; }
  html[dir="rtl"] .oj-inputdatetime-input {
    border-width: 1px 1px 1px 0;
    border-radius: 0 2px 2px 0; }

.oj-inputdatetime-input-trigger {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  border-style: solid;
  border-color: #e5e6e6;
  background-color: #fcfcfd;
  height: 2.28571rem;
  line-height: 2.28571rem;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  outline: 0; }
  html:not([dir="rtl"]) .oj-inputdatetime-input-trigger {
    border-width: 1px 1px 1px 0;
    border-radius: 0 2px 2px 0; }
  html[dir="rtl"] .oj-inputdatetime-input-trigger {
    border-width: 1px 0 1px 1px;
    border-radius: 2px 0 0 2px; }

.oj-inputdatetime.oj-warning .oj-inputdatetime-input,
.oj-inputdatetime.oj-warning .oj-inputdatetime-input-trigger {
  border-color: #F8CA75; }

.oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input {
  border-color: #e5e6e6; }
  html:not([dir="rtl"]) .oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input {
    border-width: 1px 0 1px 1px; }
  html[dir="rtl"] .oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input {
    border-width: 1px 1px 1px 0; }

.oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input-trigger {
  border-color: #e5e6e6; }
  html:not([dir="rtl"]) .oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input-trigger {
    border-width: 1px 1px 1px 0; }
  html[dir="rtl"] .oj-inputdatetime:not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-inputdatetime-input-trigger {
    border-width: 1px 0 1px 1px; }

.oj-inputdatetime.oj-invalid .oj-inputdatetime-input,
.oj-inputdatetime.oj-invalid .oj-inputdatetime-input-trigger {
  border-color: #E65A66; }

html:not([dir="rtl"]) .oj-inputdatetime.oj-invalid .oj-inputdatetime-input, html:not([dir="rtl"])
.oj-inputdatetime.oj-warning .oj-inputdatetime-input {
  border-width: 2px 0 2px 2px; }

html[dir="rtl"] .oj-inputdatetime.oj-invalid .oj-inputdatetime-input, html[dir="rtl"]
.oj-inputdatetime.oj-warning .oj-inputdatetime-input {
  border-width: 2px 2px 2px 0; }

html:not([dir="rtl"]) .oj-inputdatetime.oj-invalid .oj-inputdatetime-input-trigger, html:not([dir="rtl"])
.oj-inputdatetime.oj-warning .oj-inputdatetime-input-trigger {
  border-width: 2px 2px 2px 0; }

html[dir="rtl"] .oj-inputdatetime.oj-invalid .oj-inputdatetime-input-trigger, html[dir="rtl"]
.oj-inputdatetime.oj-warning .oj-inputdatetime-input-trigger {
  border-width: 2px 0 2px 2px; }

.oj-inputdatetime.oj-active .oj-inputdatetime-input-trigger,
.oj-inputdatetime.oj-active .oj-inputdatetime-input {
  background-color: #fcfcfd; }

.oj-inputdatetime.oj-disabled .oj-inputdatetime-input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }

.oj-inputdatetime.oj-loading .oj-inputdatetime-input-container,
.oj-inputdatetime-date-only.oj-loading .oj-datepicker-popup {
  background-image: linear-gradient(90deg, #ededee 0%, #fafafa 10%, #ededee 20%);
  animation: LoadingGradientAnimation 3s infinite;
  background-size: 200% 200%; }

.oj-inputdatetime.oj-loading .oj-inputdatetime-input,
.oj-inputdatetime-date-only.oj-loading .oj-datepicker-inline .oj-datepicker-content {
  background-color: transparent; }

/* Styling for text-align */
.oj-form-control-text-align-right.oj-inputdatetime .oj-inputdatetime-input,
.oj-form-control-text-align-right .oj-inputdatetime .oj-inputdatetime-input {
  text-align: right; }

.oj-form-control-text-align-start.oj-inputdatetime .oj-inputdatetime-input,
.oj-form-control-text-align-start .oj-inputdatetime .oj-inputdatetime-input {
  text-align: left; }
  html[dir="rtl"] .oj-form-control-text-align-start.oj-inputdatetime .oj-inputdatetime-input, html[dir="rtl"]
  .oj-form-control-text-align-start .oj-inputdatetime .oj-inputdatetime-input {
    text-align: right; }

.oj-form-control-text-align-end.oj-inputdatetime .oj-inputdatetime-input,
.oj-form-control-text-align-end .oj-inputdatetime .oj-inputdatetime-input {
  text-align: right; }
  html[dir="rtl"] .oj-form-control-text-align-end.oj-inputdatetime .oj-inputdatetime-input, html[dir="rtl"]
  .oj-form-control-text-align-end .oj-inputdatetime .oj-inputdatetime-input {
    text-align: left; }

.oj-inputdatetime.oj-disabled .oj-inputdatetime-input-trigger {
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }

.oj-inputdatetime.oj-read-only .oj-inputdatetime-input {
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: normal;
  padding: 0; }

.oj-inputdatetime.oj-read-only .oj-inputdatetime-input-trigger {
  display: none; }

.oj-inputdatetime-calendar-clock-icon,
.oj-inputdatetime-calendar-icon,
.oj-inputdatetime-time-icon {
  cursor: pointer;
  padding: 0 5px;
  vertical-align: middle;
  line-height: inherit; }

.oj-inputdatetime-calendar-clock-icon.oj-disabled,
.oj-inputdatetime-calendar-icon.oj-disabled,
.oj-inputdatetime-time-icon.oj-disabled {
  background-color: #ededee;
  cursor: default; }

.oj-datepicker-popup .oj-popup-content {
  padding: 0; }

.oj-datepicker-wrapper {
  padding-bottom: 15px; }

/* Class for the root node that contains the floating calendar */
.oj-datepicker-content {
  position: relative;
  overflow: hidden;
  box-sizing: border-box; }
  html[dir="rtl"] .oj-datepicker-content {
    direction: rtl; }

.oj-datepicker-header {
  margin: 15px 15px 0;
  color: rgba(0, 0, 0, 0.85);
  position: relative;
  background: none;
  border: 0; }

.oj-datepicker-prev-icon,
.oj-datepicker-next-icon {
  position: absolute;
  line-height: calc((275px - 2 * 15px) / 7); }

html:not([dir="rtl"]) .oj-datepicker-prev-icon {
  left: 2px; }

html[dir="rtl"] .oj-datepicker-prev-icon {
  right: 2px; }

html:not([dir="rtl"]) .oj-datepicker-next-icon {
  right: 2px; }

html[dir="rtl"] .oj-datepicker-next-icon {
  left: 2px; }

.oj-datepicker-title {
  margin: 0 2.2em;
  height: calc((275px - 2 * 15px) / 7);
  line-height: calc((275px - 2 * 15px) / 7);
  text-align: center; }

.oj-datepicker-title select {
  font-size: 1rem;
  margin: 1px 0;
  background-color: inherit;
  color: inherit; }

.oj-datepicker-header a.oj-enabled,
.oj-datepicker-buttonpane a.oj-enabled {
  text-decoration: none;
  color: #1e5d87; }

.oj-datepicker-header a.oj-enabled.oj-hover,
.oj-datepicker-buttonpane a.oj-enabled.oj-hover {
  color: #89b4d1; }

.oj-datepicker-header a.oj-enabled.oj-active,
.oj-datepicker-buttonpane a.oj-enabled.oj-active {
  color: #1e5d87; }

.oj-datepicker-month-year {
  width: 100%; }

.oj-datepicker-month {
  margin-right: 20px; }

.oj-datepicker-month,
.oj-datepicker-year {
  font-size: 18px;
  width: 48%;
  min-width: 0; }

.oj-datepicker-calendar {
  border-collapse: collapse;
  height: calc(275px - 2 * 15px);
  margin: 0 15px;
  outline: 0 none; }

.oj-datepicker-calendar th,
.oj-datepicker-calendar td {
  border: 0;
  text-align: center; }

.oj-datepicker-calendar th {
  padding: 0;
  height: calc((275px - 2 * 15px) / 7);
  color: rgba(0, 0, 0, 0.55);
  text-transform: uppercase;
  font-weight: normal; }

.oj-datepicker-calendar td {
  padding: 0; }

.oj-datepicker-calendar td span,
.oj-datepicker-calendar td a {
  display: block;
  padding: 0;
  border-radius: 50%;
  box-sizing: border-box;
  width: calc((275px - 2 * 15px) / 7);
  height: calc((275px - 2 * 15px) / 7);
  line-height: calc((275px - 2 * 15px) / 7 - 4px);
  text-align: center; }

.oj-datepicker-calendar.oj-datepicker-weekdisplay td span,
.oj-datepicker-calendar.oj-datepicker-weekdisplay td a {
  width: calc((275px - 2 * 15px) / 8);
  height: calc((275px - 2 * 15px) / 8);
  line-height: calc((275px - 2 * 15px) / 8 - 4px); }

.oj-datepicker-calendar.oj-datepicker-monthview,
.oj-datepicker-calendar.oj-datepicker-yearview {
  /* Take up space on right and bottom to make it same size as day view */
  margin-right: calc(15px + 20px);
  margin-bottom: 5px; }

.oj-datepicker-calendar.oj-datepicker-monthview td,
.oj-datepicker-calendar.oj-datepicker-yearview td {
  padding: 8px 3px 3px 23px; }

.oj-datepicker-calendar.oj-datepicker-monthview td span,
.oj-datepicker-calendar.oj-datepicker-monthview td a,
.oj-datepicker-calendar.oj-datepicker-yearview td span,
.oj-datepicker-calendar.oj-datepicker-yearview td a {
  width: 49px;
  height: 49px;
  line-height: 45px;
  white-space: nowrap; }

.oj-datepicker-calendar td a:focus {
  outline: none; }

.oj-datepicker-calendar td a.oj-enabled {
  background: none;
  border: 2px solid transparent;
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none; }

.oj-datepicker-calendar td.oj-datepicker-today a.oj-hover,
.oj-datepicker-calendar td a.oj-hover {
  background-color: #89b4d1;
  color: white; }

.oj-datepicker-calendar td.oj-datepicker-today a.oj-selected,
.oj-datepicker-calendar td a.oj-selected {
  font-weight: bold;
  background: #2574a9;
  color: white; }

.oj-datepicker-calendar td.oj-disabled {
  opacity: 1; }

.oj-datepicker-calendar td.oj-disabled span {
  color: rgba(0, 0, 0, 0.38); }

.oj-datepicker-calendar td.oj-datepicker-other-month a.oj-enabled {
  color: rgba(0, 0, 0, 0.55); }

.oj-datepicker-calendar td.oj-datepicker-today a {
  background-color: #f2f2f3;
  border: 2px solid #cbcccd; }

.oj-datepicker-buttonpane {
  box-sizing: border-box;
  height: calc((275px - 2 * 15px) / 7);
  line-height: calc((275px - 2 * 15px) / 7);
  font-size: 18px;
  text-align: center;
  display: inline-block;
  width: 100%; }
  html[dir="rtl"] .oj-datepicker-buttonpane {
    clear: right; }

.oj-datepicker-buttonpane a {
  width: auto;
  overflow: visible; }

.oj-datepicker-buttonpane .oj-datepicker-single-button {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* with multiple calendars, need to override the width */
.oj-datepicker-content.oj-datepicker-multi {
  width: auto; }

.oj-datepicker-group {
  box-sizing: border-box; }

.oj-datepicker-multi .oj-datepicker-group {
  float: left; }
  html[dir="rtl"] .oj-datepicker-multi .oj-datepicker-group {
    float: right; }

.oj-datepicker-multi-2 .oj-datepicker-group {
  width: 50%; }

.oj-datepicker-multi-3 .oj-datepicker-group {
  width: 33.3%; }

.oj-datepicker-multi-4 .oj-datepicker-group {
  width: 25%; }

html:not([dir="rtl"]) .oj-datepicker-multi .oj-datepicker-group-last .oj-datepicker-header, html:not([dir="rtl"])
.oj-datepicker-multi .oj-datepicker-group-middle .oj-datepicker-header {
  border-left-width: 0; }

html[dir="rtl"] .oj-datepicker-multi .oj-datepicker-group-last .oj-datepicker-header, html[dir="rtl"]
.oj-datepicker-multi .oj-datepicker-group-middle .oj-datepicker-header {
  border-right-width: 0; }

.oj-datepicker-multi .oj-datepicker-buttonpane {
  clear: left; }

.oj-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

.oj-datepicker-unselectable {
  opacity: 0.35; }

.oj-datepicker-calendar.oj-focus-highlight td.oj-datepicker-days-cell-over a {
  border: 2px solid #89b4d1; }

.oj-datepicker-week-col {
  color: rgba(0, 0, 0, 0.6);
  width: calc((275px - 2 * 15px) / 8); }

th.oj-datepicker-week-col {
  background-color: #fafafa; }

td.oj-datepicker-week-col {
  background-color: #ededee; }

.oj-datepicker-inline {
  margin-bottom: 6px; }

html .oj-inputdatetime-inline .oj-inputdatetime-time-only {
  margin-bottom: 0; }

.oj-datetimepicker-switcher {
  background-color: #f2f2f3;
  border-radius: 0 0 1px 1px;
  padding: 5px 15px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between; }

.oj-datetimepicker-switcher a.oj-enabled {
  display: inline-block;
  color: #1e5d87;
  text-decoration: none;
  vertical-align: middle; }

.oj-datetimepicker-switcher a.oj-enabled.oj-hover {
  color: #89b4d1; }

.oj-datetimepicker-switcher a.oj-enabled.oj-active {
  color: #1e5d87; }

html:not([dir="rtl"]) .oj-datetimepicker-switcher .oj-inputdatetime-calendar-icon, html:not([dir="rtl"])
.oj-datetimepicker-switcher .oj-inputdatetime-time-icon {
  padding-left: 0; }

html[dir="rtl"] .oj-datetimepicker-switcher .oj-inputdatetime-calendar-icon, html[dir="rtl"]
.oj-datetimepicker-switcher .oj-inputdatetime-time-icon {
  padding-right: 0; }

html:not([dir="rtl"]) .oj-datetimepicker-switcher-buttons a:first-child {
  padding-right: 20px; }

html[dir="rtl"] .oj-datetimepicker-switcher-buttons a:first-child {
  padding-left: 20px; }

.oj-datepicker-inline .oj-datepicker-content {
  background-color: white;
  border: 1px solid #e0e1e1; }

.oj-timepicker-popup .oj-popup-content {
  padding: 0; }

.oj-timepicker-content {
  height: calc((275px - 2 * 15px) * 9 / 7 + 15px);
  padding: 15px;
  min-width: 275px;
  position: relative;
  box-sizing: border-box; }

.oj-timepicker-header,
.oj-timepicker-footer {
  color: #2574a9;
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  background: none;
  border: 0; }

.oj-timepicker-header {
  position: relative; }

.oj-timepicker-cancel-button {
  position: absolute; }
  html:not([dir="rtl"]) .oj-timepicker-cancel-button {
    left: 0; }
  html[dir="rtl"] .oj-timepicker-cancel-button {
    right: 0; }

.oj-timepicker-ok-button {
  position: absolute; }
  html:not([dir="rtl"]) .oj-timepicker-ok-button {
    right: 0; }
  html[dir="rtl"] .oj-timepicker-ok-button {
    left: 0; }

.oj-timepicker-footer {
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  width: 100%; }

.oj-timepicker-header a.oj-enabled,
.oj-timepicker-footer a.oj-enabled {
  text-decoration: none;
  color: #2574a9; }

.oj-timepicker-header a.oj-enabled.oj-hover,
.oj-timepicker-footer a.oj-enabled.oj-hover {
  color: #89b4d1; }

.oj-timepicker-header a.oj-enabled.oj-active,
.oj-timepicker-footer a.oj-enabled.oj-active {
  color: #2574a9; }

.oj-timepicker-wheel-group {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 15px 0; }

.oj-timepicker-wheel {
  position: relative;
  height: 215px;
  width: 79px;
  overflow: hidden;
  box-sizing: border-box;
  outline: 0; }

.oj-timepicker-wheel.oj-timepicker-minute,
.oj-timepicker-wheel.oj-timepicker-meridian {
  margin-left: 4px; }

.oj-timepicker-wheel-item {
  transition: all 0.15s;
  top: -100px;
  position: absolute;
  opacity: 0;
  width: 79px;
  text-align: center;
  color: #2574a9;
  display: flex;
  align-items: center;
  justify-content: center; }

.oj-timepicker-wheel-item.oj-disabled {
  color: rgba(0, 0, 0, 0.38); }

.oj-timepicker-wheel-item-content {
  text-align: center;
  white-space: nowrap; }

.oj-timepicker-wheel.oj-focus .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0 {
  border-radius: 2px;
  background-color: #ebf2f7;
  color: black; }

.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1,
.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2,
.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1,
.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2 {
  opacity: 1; }

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0 {
  font-size: 46px;
  height: 54px;
  top: 78px;
  opacity: 1; }

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1 {
  font-size: 34px;
  height: 40px; }

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2 {
  font-size: 24px;
  height: 30px; }

.oj-timepicker-wheel-item {
  height: 20px; }

.oj-timepicker-meridian .oj-timepicker-wheel-item-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1 {
  top: 136px; }

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2 {
  top: 180px; }

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position3,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position4,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position5,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position6,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position7 {
  top: 214px;
  visibility: hidden; }

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1 {
  top: 34px; }

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2 {
  top: 0; }

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-3,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-4,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-5,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-6,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-7 {
  top: -24px;
  visibility: hidden; }

/* Override default options*/
.oj-inputdatetime-option-defaults {
  font-family: '{"renderMode":"jet","keyboardEdit":"enabled","datePicker":{"footerLayout":"today"}}'; }

.oj-datetimepicker-config {
  font-family: '{"dateTimePickerDropDownThresholdWidth":"768px"}'; }

/* radioset and checkboxset styles */
/* this styles the radio, checkbox, and their labels */
/* --------------------------------------------------------------- */
/************************* oj-form-control-inherit OVERRIDES *************************/
.oj-form-control-inherit:not(.oj-form-control-default) .oj-checkboxset-single.oj-choice-direction-column .oj-choice-item,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-checkboxset-single .oj-checkboxset-wrapper,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-checkboxset-single .oj-choice-row {
  margin-bottom: 0;
  height: 100%;
  min-height: 100%; }

html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-checkbox-label {
  text-align: inherit; }

html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-checkbox-label {
  text-align: inherit; }

/************************* END OF oj-form-control-inherit OVERRIDES *************************/
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: auto;
  width: auto; }

.oj-radio-label,
.oj-checkbox-label,
.oj-checkbox-label-nocomp {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent; }

.oj-radio-label.oj-disabled .oj-radiocheckbox-label-text,
.oj-checkbox-label.oj-disabled .oj-radiocheckbox-label-text,
.oj-checkbox-nocomp[disabled] + .oj-checkbox-label-nocomp {
  color: rgba(0, 0, 0, 0.38);
  opacity: 1; }

.oj-radio-label.oj-selected,
.oj-checkbox-label.oj-selected {
  color: rgba(0, 0, 0, 0.8); }

.oj-radio,
.oj-checkbox,
.oj-checkbox-nocomp {
  display: inline-block; }

.oj-radioset-wrapper,
.oj-checkboxset-wrapper {
  box-sizing: border-box;
  background-color: transparent; }

.oj-checkboxset-no-chrome .oj-checkboxset-wrapper,
.oj-radioset-no-chrome .oj-radioset-wrapper {
  background-color: inherit; }

.oj-radioset-wrapper,
.oj-checkboxset-wrapper {
  border-color: transparent;
  border-style: solid;
  border-width: 0px;
  border-radius: 2px; }

.oj-checkboxset-no-chrome .oj-checkboxset-wrapper,
.oj-radioset-no-chrome .oj-radioset-wrapper {
  border-width: 0; }

.oj-radioset .oj-choice-item.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-item.oj-active,
.oj-radioset .oj-choice-row.oj-active,
.oj-radioset .oj-choice-row-inline.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-row.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single).oj-choice-row-inline.oj-active {
  background-color: transparent; }

.oj-radioset.oj-choice-direction-column .oj-choice-item.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single).oj-choice-direction-column .oj-choice-item.oj-active {
  border-top: 1px solid transparent; }

.oj-radioset.oj-choice-direction-column .oj-choice-item:first-child,
.oj-checkboxset.oj-choice-direction-column .oj-choice-item:first-child,
.oj-radioset .oj-choice-row:first-child,
.oj-checkboxset .oj-choice-row:first-child {
  border-top: 1px transparent solid; }

.oj-radioset.oj-choice-direction-column .oj-choice-item,
.oj-checkboxset.oj-choice-direction-column .oj-choice-item,
.oj-radioset .oj-choice-row,
.oj-checkboxset .oj-choice-row {
  border-top: 1px transparent solid;
  padding-top: 0; }

.oj-radioset.oj-choice-direction-column .oj-choice-item.oj-active + .oj-choice-item,
.oj-checkboxset:not(.oj-checkboxset-single).oj-choice-direction-column .oj-choice-item.oj-active + .oj-choice-item,
.oj-radioset .oj-choice-row.oj-active + .oj-choice-row,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-row.oj-active + .oj-choice-row {
  border-top: 1px solid transparent; }

.oj-radioset.oj-choice-direction-column .oj-choice-item:last-child.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single).oj-choice-direction-column .oj-choice-item:last-child.oj-active,
.oj-radioset .oj-choice-row:last-child.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-row:last-child.oj-active {
  border-bottom: 1px solid transparent; }

.oj-choice-direction-column .oj-choice-item:last-child,
.oj-choice-row:last-child {
  border-bottom: 1px solid transparent; }

/*  oj-choice-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: 1.9rem; }

html:not([dir="rtl"]) .oj-radiocheckbox-label-text, html:not([dir="rtl"])
.oj-checkbox-label-nocomp {
  padding: 0 0 0 0; }

html[dir="rtl"] .oj-radiocheckbox-label-text, html[dir="rtl"]
.oj-checkbox-label-nocomp {
  padding: 0 0 0 0; }

html:not([dir="rtl"]) .oj-checkboxset-input-end .oj-radiocheckbox-label-text, html:not([dir="rtl"])
.oj-checkboxset-input-end .oj-checkbox-label-nocomp, html:not([dir="rtl"])
.oj-radioset-input-end .oj-radiocheckbox-label-text {
  padding: 0 0 0 0; }

html[dir="rtl"] .oj-checkboxset-input-end .oj-radiocheckbox-label-text, html[dir="rtl"]
.oj-checkboxset-input-end .oj-checkbox-label-nocomp, html[dir="rtl"]
.oj-radioset-input-end .oj-radiocheckbox-label-text {
  padding: 0 0 0 0; }

html:not([dir="rtl"]) .oj-checkboxset-input-start .oj-radiocheckbox-label-text, html:not([dir="rtl"])
.oj-checkboxset-input-start .oj-checkbox-label-nocomp, html:not([dir="rtl"])
.oj-radioset-input-start .oj-radiocheckbox-label-text {
  padding: 0 0 0 0; }

html[dir="rtl"] .oj-checkboxset-input-start .oj-radiocheckbox-label-text, html[dir="rtl"]
.oj-checkboxset-input-start .oj-checkbox-label-nocomp, html[dir="rtl"]
.oj-radioset-input-start .oj-radiocheckbox-label-text {
  padding: 0 0 0 0; }

.oj-radioset-input-end .oj-radiocheckbox-icon,
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  order: 1; }

.oj-radioset-input-start .oj-radio-label,
.oj-checkboxset-input-start .oj-checkbox-label {
  order: 1; }

.oj-label-inline.oj-radioset-label,
.oj-label-inline.oj-checkboxset-label {
  margin-top: calc(1.9rem / 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 {
  left: 0; }

html[dir="rtl"] .oj-radio, html[dir="rtl"]
.oj-checkbox {
  right: 0;
  left: auto; }

html:not([dir="rtl"]) .oj-radioset-input-start .oj-radio, html:not([dir="rtl"])
.oj-checkboxset-input-start .oj-checkbox {
  left: 0; }

html[dir="rtl"] .oj-radioset-input-start .oj-radio, html[dir="rtl"]
.oj-checkboxset-input-start .oj-checkbox {
  right: 0;
  left: auto; }

html:not([dir="rtl"]) .oj-radioset-input-end .oj-radio, html:not([dir="rtl"])
.oj-checkboxset-input-end .oj-checkbox {
  right: 0;
  left: auto; }

html[dir="rtl"] .oj-radioset-input-end .oj-radio, html[dir="rtl"]
.oj-checkboxset-input-end .oj-checkbox {
  left: 0; }

.oj-choice-item.oj-focus-highlight .oj-radiocheckbox-icon,
.oj-choice-row.oj-focus-highlight .oj-radiocheckbox-icon,
.oj-choice-row-inline.oj-focus-highlight .oj-radiocheckbox-icon {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }

html:not([dir="rtl"]) .oj-radio-label, html:not([dir="rtl"])
.oj-checkbox-label, html:not([dir="rtl"])
.oj-checkbox-label-nocomp {
  text-align: left; }

html[dir="rtl"] .oj-radio-label, html[dir="rtl"]
.oj-checkbox-label, html[dir="rtl"]
.oj-checkbox-label-nocomp {
  text-align: right; }

html:not([dir="rtl"]) .oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-radio-label, html:not([dir="rtl"])
.oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-checkbox-label, html:not([dir="rtl"])
.oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-right: 1.5rem; }

html[dir="rtl"] .oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-radio-label, html[dir="rtl"]
.oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-checkbox-label, html[dir="rtl"]
.oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-left: 1.5rem; }

html:not([dir="rtl"]) .oj-choice-direction-row.oj-radioset-input-start .oj-choice-item:not(:last-child) > .oj-radio-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:last-child) > .oj-checkbox-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-right: 1.5rem; }

html[dir="rtl"] .oj-choice-direction-row.oj-radioset-input-start .oj-choice-item:not(:last-child) > .oj-radio-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:last-child) > .oj-checkbox-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-left: 1.5rem; }

html:not([dir="rtl"]) .oj-choice-direction-row.oj-radioset-input-end .oj-choice-item:not(:first-child) > .oj-radio-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:first-child) > .oj-checkbox-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:first-child) > .oj-checkbox-label-nocomp {
  margin-left: 1.5rem; }

html[dir="rtl"] .oj-choice-direction-row.oj-radioset-input-end .oj-choice-item:not(:first-child) > .oj-radio-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:first-child) > .oj-checkbox-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:first-child) > .oj-checkbox-label-nocomp {
  margin-right: 1.5rem; }

.oj-choice-direction-row .oj-choice-item,
.oj-choice-row-inline {
  border-top-width: 0; }

.oj-radio-label,
.oj-checkbox-label {
  height: 100%;
  order: 1; }

.oj-form .oj-checkboxset-single .oj-choice-item,
.oj-form .oj-checkboxset-single .oj-choice-row {
  justify-content: flex-start; }

.oj-form .oj-checkboxset-single .oj-radiocheckbox-label-text {
  flex: 0 1 auto; }

.oj-radiocheckbox-icon {
  box-sizing: border-box;
  background-repeat: no-repeat;
  flex: 0 0 auto;
  order: 0; }

html:not([dir="rtl"]) .oj-radiocheckbox-icon {
  margin: 0 0.6rem 0 0; }

html[dir="rtl"] .oj-radiocheckbox-icon {
  margin: 0 0 0 0.6rem; }

html:not([dir="rtl"]) .oj-radioset-input-start .oj-radiocheckbox-icon, html:not([dir="rtl"])
.oj-checkboxset-input-start .oj-radiocheckbox-icon {
  margin: 0 0.6rem 0 0; }

html[dir="rtl"] .oj-radioset-input-start .oj-radiocheckbox-icon, html[dir="rtl"]
.oj-checkboxset-input-start .oj-radiocheckbox-icon {
  margin: 0 0 0 0.6rem; }

html:not([dir="rtl"]) .oj-radioset-input-end .oj-radiocheckbox-icon, html:not([dir="rtl"])
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  margin: 0 0 0 0.6rem; }

html[dir="rtl"] .oj-radioset-input-end .oj-radiocheckbox-icon, html[dir="rtl"]
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  margin: 0 0.6rem 0 0; }

.oj-radioset-input-start .oj-radio-label,
.oj-checkboxset-input-start .oj-checkbox-label,
.oj-radioset-input-end .oj-radiocheckbox-icon,
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  order: 1; }

.oj-radioset-input-start .oj-radiocheckbox-icon,
.oj-checkboxset-input-start .oj-radiocheckbox-icon,
.oj-radioset-input-end .oj-radio-label,
.oj-checkboxset-input-end .oj-checkbox-label {
  order: 0; }

.oj-radioset.oj-invalid .oj-radioset-wrapper,
.oj-checkboxset.oj-invalid .oj-checkboxset-wrapper {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #E65A66; }

.oj-radioset.oj-warning .oj-radioset-wrapper,
.oj-checkboxset.oj-warning .oj-checkboxset-wrapper {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #F8CA75; }

.oj-radioset.oj-invalid .oj-radioset-wrapper,
.oj-checkboxset.oj-invalid .oj-checkboxset-wrapper,
.oj-radioset.oj-warning .oj-radioset-wrapper,
.oj-checkboxset.oj-warning .oj-checkboxset-wrapper {
  padding: 0.3rem 0.6rem 0.3rem 0.6rem; }

html:not([dir="rtl"]) .oj-choice-direction-row.oj-radioset-input-start .oj-choice-item:not(:first-child) > .oj-radio-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:first-child) > .oj-checkbox-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:first-child) > .oj-checkbox-label-nocomp {
  margin-left: 0; }

html[dir="rtl"] .oj-choice-direction-row.oj-radioset-input-start .oj-choice-item:not(:first-child) > .oj-radio-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:first-child) > .oj-checkbox-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:first-child) > .oj-checkbox-label-nocomp {
  margin-right: 0; }

html:not([dir="rtl"]) .oj-choice-direction-row.oj-radioset-input-end .oj-choice-item:not(:last-child) > .oj-radio-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:last-child) > .oj-checkbox-label, html:not([dir="rtl"])
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-right: 0; }

html[dir="rtl"] .oj-choice-direction-row.oj-radioset-input-end .oj-choice-item:not(:last-child) > .oj-radio-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:last-child) > .oj-checkbox-label, html[dir="rtl"]
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:last-child) > .oj-checkbox-label-nocomp {
  margin-left: 0; }

/* Send to the client the renderInputAs variable value  */
.oj-radioset-option-defaults {
  font-family: '{"renderInputAs":"backgroundImage"}'; }

.oj-checkboxset-option-defaults {
  font-family: '{"renderInputAs":"backgroundImage"}'; }

/* combobox */
/* --------------------------------------------------------------- */
/************************* oj-form-control-inherit OVERRIDES *************************/
.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox-input {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice, html:not([dir="rtl"])
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices, html:not([dir="rtl"])
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox-input {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice, html[dir="rtl"]
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices, html[dir="rtl"]
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox-input {
    text-align: inherit; }

/************************* END OF oj-form-control-inherit OVERRIDES *************************/
oj-combobox:not(.oj-complete) {
  visibility: hidden; }

.oj-combobox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 18em;
  min-width: 8em;
  font-size: 1rem;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .oj-combobox {
      -webkit-text-size-adjust: 124%; } }

.oj-form-control-full-width.oj-combobox,
.oj-form-control-full-width .oj-combobox {
  max-width: 100%; }

/* single-select */
/* 
     * Applied to the single-select box which includes the input field and the dropdown open icon
     */
.oj-combobox-choice {
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: 2.28571rem;
  padding-bottom: calc(1px - 1px + 0px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  outline: 0;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box; }
  html[dir="rtl"] .oj-combobox-choice {
    text-align: right; }
  .oj-combobox-choice:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-choice::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-choice::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  html:not([dir="rtl"]) .oj-combobox-choice {
    padding-left: 5px; }
  html[dir="rtl"] .oj-combobox-choice {
    padding-right: 5px; }

/* 
     * Applied to the input field
     */
.oj-combobox-input {
  flex: 1;
  width: 1em;
  min-width: 1em;
  border: 0;
  outline: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fcfcfd;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  box-shadow: none; }
  @media screen and (max-width: 767px) {
    .oj-combobox-input {
      -webkit-text-size-adjust: 124%; } }
  .oj-combobox-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-input::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }

/* Styling for readonly mode */
.oj-combobox.oj-read-only .oj-combobox-choice,
.oj-combobox.oj-read-only .oj-combobox-choices {
  background-color: transparent;
  border-color: transparent;
  outline: none; }
  html:not([dir="rtl"]) .oj-combobox.oj-read-only .oj-combobox-choice, html:not([dir="rtl"])
  .oj-combobox.oj-read-only .oj-combobox-choices {
    padding-left: 0; }
  html[dir="rtl"] .oj-combobox.oj-read-only .oj-combobox-choice, html[dir="rtl"]
  .oj-combobox.oj-read-only .oj-combobox-choices {
    padding-right: 0; }

/* apply to the selected entries */
.oj-combobox.oj-read-only .oj-combobox-input,
.oj-combobox.oj-read-only .oj-combobox-selected-choice {
  outline: none;
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: normal; }

/* apply to the first selected entry in readonly mode */
html:not([dir="rtl"]) .oj-combobox.oj-read-only li.oj-combobox-selected-choice:first-child {
  padding-left: 0; }

html[dir="rtl"] .oj-combobox.oj-read-only li.oj-combobox-selected-choice:first-child {
  padding-right: 0; }

/* don't show dropdown trigger */
.oj-combobox.oj-read-only .oj-combobox-arrow,
.oj-combobox.oj-read-only .oj-combobox-divider {
  display: none; }

/* don't show clear entry trigger and search field button */
.oj-combobox.oj-read-only .oj-combobox-clear-entry,
.oj-combobox.oj-read-only .oj-combobox-search-field {
  display: none; }

.oj-combobox-multi.oj-loading .oj-combobox-choices,
.oj-combobox.oj-loading .oj-combobox-choice {
  background-image: linear-gradient(90deg, #ededee 0%, #fafafa 10%, #ededee 20%);
  animation: LoadingGradientAnimation 3s infinite;
  background-size: 200% 200%;
  opacity: 1; }

.oj-combobox-multi.oj-loading .oj-combobox-input,
.oj-combobox.oj-loading .oj-combobox-input {
  background-color: transparent; }

/* Styling for text-align */
.oj-form-control-text-align-right .oj-combobox .oj-combobox-input {
  text-align: right; }

.oj-form-control-text-align-start .oj-combobox .oj-combobox-input {
  text-align: left; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-combobox .oj-combobox-input {
    text-align: right; }

.oj-form-control-text-align-end .oj-combobox .oj-combobox-input {
  text-align: right; }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-combobox .oj-combobox-input {
    text-align: left; }

.oj-form-control-text-align-right .oj-combobox .oj-combobox-choices li {
  float: right; }

.oj-form-control-text-align-start .oj-combobox .oj-combobox-choices li {
  float: left; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-combobox .oj-combobox-choices li {
    float: right; }

.oj-form-control-text-align-end .oj-combobox .oj-combobox-choices li {
  float: right; }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-combobox .oj-combobox-choices li {
    float: left; }

html:not([dir="rtl"]) .oj-form-control-text-align-right .oj-combobox-selected-choice, html:not([dir="rtl"])
.oj-form-control-text-align-end .oj-combobox-selected-choice {
  margin: 5px 0 0 6px; }

html[dir="rtl"] .oj-form-control-text-align-end .oj-combobox-selected-choice {
  margin: 5px 6px 0 0; }

/* 
     * Applied to the single-select drop down arrow
     */
.oj-combobox-arrow {
  box-sizing: border-box;
  display: inline-flex;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none; }

.oj-combobox-arrow:hover, .oj-combobox-arrow:focus {
  text-decoration: none; }

/*
     * Applied to the divider between the input and drop down arrow
     */
.oj-combobox-divider {
  box-sizing: border-box;
  display: inline-flex;
  border-left: solid 1px #e5e6e6;
  height: 80%;
  vertical-align: middle; }
  html:not([dir="rtl"]) .oj-combobox-divider {
    margin-left: 5px; }
  html[dir="rtl"] .oj-combobox-divider {
    margin-right: 5px; }

/* multi-select */
/* 
     * Applied to the multi-select box which includes the input field and the selected choices
     */
.oj-combobox-choices {
  box-sizing: border-box;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  min-height: 2.28571rem;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  height: auto;
  margin: 0;
  position: relative;
  cursor: text;
  overflow: hidden; }
  html[dir="rtl"] .oj-combobox-choices {
    text-align: right; }
  .oj-combobox-choices:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-choices::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-combobox-choices::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }

/* 
     * Applied to the multi-select box list items which include the search field and the selected choices
     */
.oj-combobox-choices li {
  list-style: none; }
  html:not([dir="rtl"]) .oj-combobox-choices li {
    float: left; }
  html[dir="rtl"] .oj-combobox-choices li {
    float: right; }

/* 
     * Applied to the multi-select search field which is an li to wrap the input
     */
.oj-combobox-search-field {
  margin-top: 5px;
  padding: 0;
  white-space: nowrap;
  line-height: calc(2.28571rem * 0.9); }

/* 
     * Applied to the multi-select selected choice
     */
.oj-combobox-selected-choice {
  line-height: 1.8rem;
  cursor: default;
  border-radius: 2px;
  border: 1px solid #cbcccd;
  color: black;
  background-clip: padding-box; }
  html:not([dir="rtl"]) .oj-combobox-selected-choice {
    padding: 0 4px 0 7px;
    margin: 5px 6px 0 0; }
  html[dir="rtl"] .oj-combobox-selected-choice {
    padding: 0 7px 0 4px;
    margin: 5px 0 0 6px; }

/* 
     * Applied to the multi-select selected choice when getting focus
     */
.oj-combobox-selected-choice.oj-focus {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }

/* 
     * Applied to the label of the selected choice
     */
.oj-combobox-selected-choice-label {
  display: inline-block;
  vertical-align: middle; }

/*
     * Applied to the clear entry field of the selected choice
     */
.oj-combobox-clear-entry {
  display: inline-block;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: 100%; }
  html:not([dir="rtl"]) .oj-combobox-clear-entry {
    right: 3px; }
  html[dir="rtl"] .oj-combobox-clear-entry {
    left: 3px; }

/* end multiselect */
/* 
     * Invalid styling for the widget 
     */
.oj-combobox.oj-invalid .oj-combobox-choice,
.oj-combobox-multi.oj-invalid .oj-combobox-choices {
  border-width: 2px 2px 2px 2px;
  border-color: #E65A66;
  border-style: solid; }

/* 
     * Warning styling for the widget 
     */
.oj-combobox.oj-warning .oj-combobox-choice,
.oj-combobox-multi.oj-warning .oj-combobox-choices {
  border-width: 2px 2px 2px 2px;
  border-color: #F8CA75;
  border-style: solid; }

/* 
     * Disabled styles for single-select 
     */
.oj-combobox.oj-disabled .oj-combobox-choice,
.oj-combobox.oj-disabled input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }

.oj-combobox.oj-disabled input {
  border: 0; }

.oj-combobox.oj-disabled .oj-combobox-arrow {
  cursor: default; }

.oj-combobox.oj-disabled .oj-combobox-divider {
  border-color: #ededee; }

/* 
     * Disabled styles for multi-select 
     */
.oj-combobox-multi.oj-disabled .oj-combobox-choices,
.oj-combobox-multi.oj-disabled .oj-combobox-selected-choice,
.oj-combobox-multi.oj-disabled .oj-combobox-selected-choice.oj-focus,
.oj-combobox-multi.oj-disabled input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1;
  outline: 0; }

.oj-combobox-multi.oj-disabled input {
  border: 0; }

.oj-combobox-multi.oj-disabled .oj-combobox-clear-entry {
  display: none;
  background: none; }

/*
     * Styling for focus state
     */
.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choice,
.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choices {
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px; }

.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choice {
  padding-bottom: 0; }

.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choices {
  padding-bottom: 5px; }

/* icon */
/* -----------------------------*/
/* 
     * Applied to the clear entry icon
     */
.oj-combobox-clear-entry-icon {
  text-align: center;
  vertical-align: middle;
  cursor: pointer; }

/* icon */
/* -----------------------------*/
/* 
     * Applied to the single-select drop down open icon
     */
.oj-combobox-open-icon {
  line-height: inherit;
  padding-right: 5px;
  padding-left: 5px; }

/* clear entry icon for combobox */
.oj-combobox .oj-button {
  margin-bottom: 0; }

/* select */
/* --------------------------------------------------------------- */
/************************* oj-form-control-inherit OVERRIDES *************************/
.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice, html:not([dir="rtl"])
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice, html[dir="rtl"]
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices {
    text-align: inherit; }

.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-chosen {
  background-color: inherit;
  border-width: 0; }

.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select {
  height: 100%; }

/************************* END OF oj-form-control-inherit OVERRIDES *************************/
oj-select:not(.oj-complete) {
  visibility: hidden; }

.oj-select {
  position: relative;
  display: inline-block;
  max-width: 18em;
  min-width: 8em;
  font-size: 1rem;
  width: 100%;
  box-sizing: border-box; }
  @media screen and (max-width: 767px) {
    .oj-select {
      -webkit-text-size-adjust: 124%; } }

.oj-form-control-full-width.oj-select,
.oj-form-control-full-width .oj-select {
  max-width: 100%; }

/* 
     * Suppress focus ring around the select box 
     */
.oj-select .oj-select-choice:not(.oj-focus-highlight):focus,
.oj-select .oj-select-choices:not(.oj-focus-highlight):focus {
  outline: none; }

/* 
     * Applied to the select box which includes the selected text and the dropdown open icon
     */
.oj-select-choice {
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: 2.28571rem;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box;
  text-overflow: ellipsis; }
  html[dir="rtl"] .oj-select-choice {
    text-align: right; }
  .oj-select-choice:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-choice::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-choice::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  html:not([dir="rtl"]) .oj-select-choice {
    padding-left: 5px;
    padding-right: 0; }
  html[dir="rtl"] .oj-select-choice {
    padding-left: 0;
    padding-right: 5px; }

/* Styling for readonly mode */
.oj-select.oj-read-only .oj-select-choice,
.oj-select.oj-read-only .oj-select-choices {
  background-color: transparent;
  border-color: transparent;
  outline: none; }
  html:not([dir="rtl"]) .oj-select.oj-read-only .oj-select-choice, html:not([dir="rtl"])
  .oj-select.oj-read-only .oj-select-choices {
    padding-left: 0; }
  html[dir="rtl"] .oj-select.oj-read-only .oj-select-choice, html[dir="rtl"]
  .oj-select.oj-read-only .oj-select-choices {
    padding-right: 0; }

/* apply to the selected entries */
.oj-select.oj-read-only .oj-select-chosen,
.oj-select.oj-read-only .oj-select-selected-choice {
  outline: none;
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: normal; }

/* apply to the first selected entry in readonly mode */
html:not([dir="rtl"]) .oj-select.oj-read-only li.oj-select-selected-choice:first-child {
  padding-left: 0; }

html[dir="rtl"] .oj-select.oj-read-only li.oj-select-selected-choice:first-child {
  padding-right: 0; }

/* don't show dropdown trigger */
.oj-select.oj-read-only .oj-select-arrow {
  display: none; }

/* don't show clear entry trigger */
.oj-select.oj-read-only .oj-select-clear-entry {
  display: none; }

/* Styling for text-align */
.oj-form-control-text-align-right .oj-select .oj-select-choice {
  text-align: right; }

.oj-form-control-text-align-start .oj-select .oj-select-choice {
  text-align: left; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-select .oj-select-choice {
    text-align: right; }

.oj-form-control-text-align-end .oj-select .oj-select-choice {
  text-align: right; }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-select .oj-select-choice {
    text-align: left; }

/* Styling for native render mode text-align */
.oj-form-control-text-align-right .oj-select .oj-select-select {
  text-align: right;
  direction: rtl; }
  html:not([dir="rtl"]) .oj-form-control-text-align-right .oj-select .oj-select-select {
    padding-right: calc(16px + 5px + 5px); }

.oj-form-control-text-align-start .oj-select .oj-select-select {
  text-align: left; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-select .oj-select-select {
    text-align: right; }
  html:not([dir="rtl"]) .oj-form-control-text-align-start .oj-select .oj-select-select {
    direction: ltr; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-select .oj-select-select {
    direction: rtl; }

.oj-form-control-text-align-end .oj-select .oj-select-select {
  text-align: right; }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-select .oj-select-select {
    text-align: left; }
  html:not([dir="rtl"]) .oj-form-control-text-align-end .oj-select .oj-select-select {
    direction: rtl;
    padding-right: calc(16px + 5px + 5px); }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-select .oj-select-select {
    direction: ltr;
    padding-left: calc(16px + 5px + 5px); }

.oj-form-control-text-align-right .oj-select .oj-select-choices li {
  float: right; }

.oj-form-control-text-align-start .oj-select .oj-select-choices li {
  float: left; }
  html[dir="rtl"] .oj-form-control-text-align-start .oj-select .oj-select-choices li {
    float: right; }

.oj-form-control-text-align-end .oj-select .oj-select-choices li {
  float: right; }
  html[dir="rtl"] .oj-form-control-text-align-end .oj-select .oj-select-choices li {
    float: left; }

html:not([dir="rtl"]) .oj-form-control-text-align-right .oj-select-selected-choice, html:not([dir="rtl"])
.oj-form-control-text-align-end .oj-select-selected-choice {
  margin: 5px 0 0 6px; }

html[dir="rtl"] .oj-form-control-text-align-end .oj-select-selected-choice {
  margin: 5px 6px 0 0; }

/* multi-select */
/* 
     * Applied to the multi-select box which includes the input field and the selected choices
     */
.oj-select-choices {
  box-sizing: border-box;
  height: auto;
  min-height: calc(2.28571rem * 1.28);
  padding: 0 5px 5px;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  position: relative;
  cursor: text;
  overflow: hidden; }
  html[dir="rtl"] .oj-select-choices {
    text-align: right; }
  .oj-select-choices:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-choices::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-choices::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }

/* 
     * Applied to the multi-select box list items which include the search field and the selected choices
     */
.oj-select-choices li {
  list-style: none; }
  html:not([dir="rtl"]) .oj-select-choices li {
    float: left; }
  html[dir="rtl"] .oj-select-choices li {
    float: right; }

/* 
     * Applied to the multi-select placeholder
     */
.oj-select-multi .oj-select-default {
  margin-top: 5px;
  padding: 0;
  line-height: calc(2.28571rem * 0.9);
  color: rgba(0, 0, 0, 0.55);
  font-style: italic; }

/* 
     * Applied to the input field. Override default .oj-listbox-input
     */
.oj-select-multi .oj-listbox-input {
  background-color: #fcfcfd;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 0;
  padding-bottom: 0; }
  @media screen and (max-width: 767px) {
    .oj-select-multi .oj-listbox-input {
      -webkit-text-size-adjust: 124%; } }
  html:not([dir="rtl"]) .oj-select-multi .oj-listbox-input {
    padding-right: 0;
    padding-left: 0; }
  html[dir="rtl"] .oj-select-multi .oj-listbox-input {
    padding-left: 0;
    padding-right: 0; }

/* 
     * Applied to the multi-select selected choice
     */
.oj-select-selected-choice {
  position: relative;
  line-height: 1.8rem;
  cursor: default;
  border-radius: 2px;
  border: 1px solid #cbcccd;
  color: black;
  background-clip: padding-box; }
  html:not([dir="rtl"]) .oj-select-selected-choice {
    padding: 0 4px 0 7px;
    margin: 5px 6px 0 0; }
  html[dir="rtl"] .oj-select-selected-choice {
    padding: 0 7px 0 4px;
    margin: 5px 0 0 6px; }

/* 
     * Applied to the multi-select selected choice when getting focus
     */
.oj-select-selected-choice.oj-focus {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto; }

/* 
     * Applied to the label of the selected choice
     */
.oj-select-selected-choice-label {
  display: inline-block;
  vertical-align: middle; }

/*
     * Applied to the clear entry field of the selected choice
     */
.oj-select-clear-entry {
  display: inline-block;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: 100%; }
  html:not([dir="rtl"]) .oj-select-clear-entry {
    right: 3px; }
  html[dir="rtl"] .oj-select-clear-entry {
    left: 3px; }

/* end multiselect */
/* Invalid styling for the widget */
.oj-select.oj-invalid .oj-select-choice,
.oj-select-native.oj-invalid .oj-select-select,
.oj-select-multi.oj-invalid .oj-select-choices {
  border-width: 2px 2px 2px 2px;
  border-color: #E65A66;
  border-style: solid; }

/* Warning styling for the widget */
.oj-select.oj-warning .oj-select-choice,
.oj-select-native.oj-warning .oj-select-select,
.oj-select-multi.oj-warning .oj-select-choices {
  border-width: 2px 2px 2px 2px;
  border-color: #F8CA75;
  border-style: solid; }

/* disabled styles  for single-select */
.oj-select.oj-disabled .oj-select-choice {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }

/* 
     * Disabled styles for multi-select 
     */
.oj-select-multi.oj-disabled .oj-select-choices,
.oj-select-multi.oj-disabled .oj-select-selected-choice,
.oj-select-multi.oj-disabled .oj-select-selected-choice.oj-focus,
.oj-select-multi.oj-disabled input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1;
  outline: 0; }

.oj-select-multi.oj-disabled .oj-select-clear-entry {
  display: none;
  background: none; }

/* 
     * Applied to the place holder text
     */
.oj-select-chosen.oj-select-default {
  color: rgba(0, 0, 0, 0.55);
  font-style: italic; }

/* 
     * Applied to the selected text
     */
.oj-select-chosen {
  border: 0;
  outline: 0;
  white-space: nowrap;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none; }
  html:not([dir="rtl"]) .oj-select-chosen {
    padding-right: 5px; }
  html[dir="rtl"] .oj-select-chosen {
    padding-left: 5px; }

/* 
     * Applied to the dropdown open icon in jet theme
     */
.oj-select-jet .oj-select-arrow {
  flex: 0 0 auto;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle; }

.oj-hicontrast .oj-select.oj-disabled {
  border-style: dotted; }

/* 
     * Applied to the dropdown open icon
     */
html[dir="rtl"] .oj-select-open-icon {
  padding-left: 5px;
  padding-right: 5px; }

html:not([dir="rtl"]) .oj-select-open-icon {
  padding-right: 5px;
  padding-left: 5px; }

.oj-select-open-icon,
.oj-select-open-icon:hover,
.oj-select-open-icon:focus {
  text-decoration: none; }

.oj-select-multiple-open-icon {
  font-size: 24px; }
  html[dir="rtl"] .oj-select-multiple-open-icon {
    padding-left: 5px;
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-select-multiple-open-icon {
    padding-right: 5px;
    padding-left: 5px; }

/* clear entry icon */
/* Override default options*/
.oj-select-option-defaults {
  font-family: '{"renderMode":"jet"}'; }

.oj-select-native .oj-select-arrow {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: calc(50% - 1rem);
  line-height: 2.28571rem;
  color: #8a8d8f;
  pointer-events: none; }
  html:not([dir="rtl"]) .oj-select-native .oj-select-arrow {
    right: 0; }
  html[dir="rtl"] .oj-select-native .oj-select-arrow {
    left: 0; }

.oj-select-native.oj-disabled .oj-select-arrow {
  opacity: 1; }

.oj-select-native.oj-invalid .oj-select-arrow,
.oj-select-native.oj-warning .oj-select-arrow {
  top: 0; }

.oj-select-select {
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: 2.28571rem;
  padding: 0 5px;
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  background-clip: padding-box; }
  html[dir="rtl"] .oj-select-select {
    text-align: right; }
  .oj-select-select:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-select::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-select-select::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }

select.oj-select-select.oj-select-default:not([multiple]) {
  color: rgba(0, 0, 0, 0.55);
  font-style: italic; }

.oj-select-select[disabled] {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }

.oj-select-select option {
  background-color: #fcfcfd; }

/* 
     * Applied to focus ring around the select box 
     */
.oj-select-select:not(.oj-focus-highlight):focus {
  outline: none; }

.oj-select-jet:not(.oj-read-only).oj-enabled .oj-select-choice:active,
.oj-select-native.oj-enabled .oj-select-select:active {
  background-color: #fcfcfd; }

.oj-select-jet .oj-select-arrow.oj-select-open-icon:not(.oj-disabled) {
  color: #8a8d8f; }

.oj-select-native .oj-select-arrow {
  display: none; }

.oj-select-select {
  -webkit-appearance: menulist; }
  html:not([dir="rtl"]) .oj-select-select {
    padding-left: 0;
    padding-right: 0; }
  html[dir="rtl"] .oj-select-select {
    padding-left: 0;
    padding-right: 0; }

.oj-select-native .oj-select-select[multiple] {
  -webkit-appearance: listbox;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 10rem;
  padding-left: 0;
  padding-right: 0; }

.oj-select-native .oj-select-select[multiple] option {
  padding: 0.5rem 5px; }

/* InputSearch */
/* --------------------------------------------------------------- */
/************************* oj-form-control-inherit OVERRIDES *************************/
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputsearch-choice,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputsearch-input {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0; }
  html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputsearch-choice, html:not([dir="rtl"])
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputsearch-input {
    text-align: inherit; }
  html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputsearch-choice, html[dir="rtl"]
  .oj-form-control-inherit:not(.oj-form-control-default) .oj-inputsearch-input {
    text-align: inherit; }

.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputsearch:not(.oj-disabled):not(.oj-read-only).oj-focus .oj-inputsearch-choice {
  border-width: 0; }

/************************* END OF oj-form-control-inherit OVERRIDES *************************/
oj-input-search:not(.oj-complete) {
  visibility: hidden; }

.oj-inputsearch {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  max-width: 18em;
  min-width: 8em;
  font-size: 1rem;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .oj-inputsearch {
      -webkit-text-size-adjust: 124%; } }

.oj-form-control-full-width.oj-inputsearch,
.oj-form-control-full-width .oj-inputsearch {
  max-width: 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: rgba(0, 0, 0, 0.8);
  background-color: #fcfcfd;
  border-style: solid;
  border-color: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: 2.28571rem;
  padding-bottom: calc(1px - 1px + 0px);
  width: 100%;
  outline: 0;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box; }
  html[dir="rtl"] .oj-inputsearch-choice {
    text-align: right; }
  .oj-inputsearch-choice:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputsearch-choice::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputsearch-choice::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }

.oj-inputsearch-choice {
  background-color: #fcfcfd; }

/* 
     * Applied to the input field
     */
.oj-inputsearch-input {
  flex: 1;
  border: 0;
  outline: 0;
  box-shadow: none;
  padding: 0 5px;
  background-color: #fcfcfd;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  @media screen and (max-width: 767px) {
    .oj-inputsearch-input {
      -webkit-text-size-adjust: 124%; } }
  .oj-inputsearch-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputsearch-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }
  .oj-inputsearch-input::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1;
    font-style: italic; }

/* 
     * 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: 124%; } }
  html:not([dir="rtl"]) .oj-inputsearch-search-icon {
    padding-left: 0;
    padding-right: 5px; }
  html[dir="rtl"] .oj-inputsearch-search-icon {
    padding-right: 0;
    padding-left: 5px; }

/*
     * 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: #e5e6e6;
  border-width: 1px 1px 1px 1px;
  padding-bottom: 0; }

/* 
     * Invalid styling for the widget 
     */
.oj-inputsearch.oj-invalid .oj-inputsearch-choice {
  border-color: #E65A66;
  border-width: 2px 2px 2px 2px;
  border-style: solid; }

/* 
     * Warning styling for the widget 
     */
.oj-inputsearch.oj-warning .oj-inputsearch-choice {
  border-color: #F8CA75;
  border-width: 2px 2px 2px 2px;
  border-style: solid; }

/* 
     * Disabled styles for single-select 
     */
.oj-inputsearch.oj-disabled .oj-inputsearch-choice,
.oj-inputsearch.oj-disabled input {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
  opacity: 1; }

.oj-inputsearch.oj-disabled .oj-inputsearch-choice,
.oj-inputsearch.oj-disabled input {
  background-color: #ededee; }

.oj-inputsearch.oj-disabled input {
  border: 0; }

.oj-inputsearch.oj-disabled .oj-inputsearch-search-button {
  cursor: default; }

/* 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: 2.28571rem;
  width: 4.28571rem; }

.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( 2.28571rem - 1px - 1px);
  width: calc( 3.71428rem - 1px - 1px);
  margin-top: calc(0px - 2.28571rem / 2);
  border-radius: 2.28571rem; }

.oj-switch.oj-read-only .oj-switch-track {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc( 2.28571rem - 1px - 1px);
  width: calc( 3.71428rem - 1px - 1px);
  margin-top: calc(0px - 2.28571rem / 2);
  border-radius: 2.28571rem; }

.oj-switch .oj-switch-track,
.oj-switch.oj-default .oj-switch-track {
  background-color: #f7f7f8;
  border-color: #e5e6e6; }

.oj-switch .oj-switch-thumb,
.oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc( 2.14285rem - 1px - 1px);
  width: calc( 2.14285rem - 1px - 1px);
  margin-top: calc(0px - 2.14285rem / 2);
  border-radius: 2.14285rem;
  box-shadow: 0 2px 2px -2px hsla(0, 0%, 0%,0.9);
  background-color: white;
  border-color: #c6c7c8; }

.oj-switch.oj-selected .oj-switch-track {
  background-color: #2574a9;
  border-color: #2574a9; }

.oj-switch.oj-selected .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc( 2.0rem - 1px - 1px);
  width: calc( 2.0rem - 1px - 1px);
  margin-top: calc(0px - 2.0rem / 2);
  border-radius: 2.0rem;
  box-shadow: 0 2px 2px -2px hsl(0, 0%, 0%);
  background-color: white;
  border-color: white; }

.oj-switch.oj-hover .oj-switch-track {
  background-color: #e0e1e1;
  border-color: #e0e1e1; }

.oj-switch.oj-hover .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc( 2.14285rem - 1px - 1px);
  width: calc( 2.14285rem - 1px - 1px);
  margin-top: calc(0px - 2.14285rem / 2);
  border-radius: 2.14285rem;
  box-shadow: none;
  background-color: #fcfcfd;
  border-color: #c6c7c8; }

.oj-switch.oj-selected.oj-hover .oj-switch-track {
  background-color: #89b4d1;
  border-color: #89b4d1; }

.oj-switch.oj-selected.oj-hover .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc( 2.0rem - 1px - 1px);
  width: calc( 2.0rem - 1px - 1px);
  margin-top: calc(0px - 2.0rem / 2);
  border-radius: 2.0rem;
  box-shadow: none;
  background-color: white;
  border-color: white; }

.oj-switch.oj-active .oj-switch-track,
.oj-switch.oj-hover.oj-active .oj-switch-thumb .oj-switch-track {
  background-color: #f7f7f8;
  border-color: #e5e6e6; }

.oj-switch.oj-active .oj-switch-thumb,
.oj-switch.oj-hover.oj-active .oj-switch-thumb .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc( 2.14285rem - 1px - 1px);
  width: calc( 2.42857rem - 1px - 1px);
  margin-top: calc(0px - 2.14285rem / 2);
  border-radius: 2.14285rem;
  box-shadow: none;
  background-color: white;
  border-color: #c6c7c8; }

.oj-switch.oj-selected.oj-active .oj-switch-track,
.oj-switch.oj-selected.oj-hover.oj-active .oj-switch-thumb .oj-switch-track {
  background-color: #2574a9;
  border-color: #2574a9; }

.oj-switch.oj-selected.oj-active .oj-switch-thumb,
.oj-switch.oj-selected.oj-hover.oj-active .oj-switch-thumb .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc( 2.0rem - 1px - 1px);
  width: calc( 2.42857rem - 1px - 1px);
  margin-top: calc(0px - 2.0rem / 2);
  border-radius: 2.0rem;
  box-shadow: none;
  background-color: white;
  border-color: white; }

.oj-switch.oj-read-only .oj-switch-track {
  background-color: transparent;
  border-color: transparent; }

.oj-switch.oj-read-only .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc( 2.14285rem - 1px - 1px);
  width: calc( 2.14285rem - 1px - 1px);
  margin-top: calc(0px - 2.14285rem / 2);
  border-radius: 2.14285rem;
  box-shadow: none;
  background-color: transparent;
  border-color: transparent; }

.oj-switch.oj-selected.oj-read-only .oj-switch-track {
  background-color: transparent;
  border-color: transparent; }

.oj-switch.oj-selected.oj-read-only .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc( 2.14285rem - 1px - 1px);
  width: calc( 2.14285rem - 1px - 1px);
  margin-top: calc(0px - 2.14285rem / 2);
  border-radius: 2.14285rem;
  box-shadow: none;
  background-color: transparent;
  border-color: transparent; }

.oj-switch.oj-disabled .oj-switch-track {
  background-color: #ededee;
  border-color: #ededee; }

.oj-switch.oj-disabled .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc( 2.0rem - 1px - 1px);
  width: calc( 2.0rem - 1px - 1px);
  margin-top: calc(0px - 2.0rem / 2);
  border-radius: 2.0rem;
  box-shadow: none;
  background-color: #cbcccd;
  border-color: #cbcccd; }

.oj-switch.oj-disabled.oj-selected .oj-switch-track {
  background-color: #cbcccd;
  border-color: #cbcccd; }

.oj-switch.oj-disabled.oj-selected .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc( 2.0rem - 1px - 1px);
  width: calc( 2.0rem - 1px - 1px);
  margin-top: calc(0px - 2.0rem / 2);
  border-radius: 2.0rem;
  box-shadow: none;
  background-color: #ededee;
  border-color: #ededee; }

.oj-switch-thumb:not(.oj-focus-highlight):focus {
  outline: none; }

/* switch specific */
/* --------------------------------------------------------------- */
.oj-switch.oj-read-only .oj-switch-thumb,
.oj-switch.oj-selected.oj-read-only .oj-switch-thumb {
  font-size: 1rem;
  margin-top: -0.5rem; }

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

.oj-slider {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }
  html:not([dir="rtl"]) .oj-slider {
    text-align: left; }
  html[dir="rtl"] .oj-slider {
    text-align: right; }

.oj-slider.oj-slider-horizontal {
  /* 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: 18em;
  min-width: 8em;
  width: 100%; }

.oj-form-control-full-width.oj-slider.oj-slider-horizontal,
.oj-form-control-full-width .oj-slider.oj-slider-horizontal {
  max-width: 100%; }

.oj-slider.oj-slider-horizontal {
  /* This ensures that the slider bounding box will include
   the thumb radius - important for form controls. */
  padding-left: calc(24px / 2);
  padding-right: calc(24px / 2); }

.oj-slider.oj-slider-vertical {
  padding-left: calc(24px / 2);
  padding-right: calc(24px / 2); }

.oj-slider-vertical > .oj-slider-container {
  margin-top: calc(24px / 2);
  margin-bottom: calc(24px / 2); }

.oj-slider.oj-invalid .oj-slider-thumb {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #E65A66; }

.oj-slider.oj-warning .oj-slider-thumb {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #F8CA75; }

.oj-slider-horizontal.oj-form-control .oj-slider-container {
  height: 2.28571rem; }

.oj-slider-vertical.oj-form-control .oj-slider-container {
  height: 150px;
  min-height: calc(24px * 2); }

.oj-slider-container {
  position: relative; }

.oj-slider-thumb {
  position: absolute;
  box-sizing: border-box;
  cursor: default;
  touch-action: none;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #b1b3b4;
  box-shadow: none; }

.oj-disabled .oj-slider-thumb {
  background-color: #e0e1e1;
  border-color: #e0e1e1; }

.oj-slider-range {
  position: absolute;
  border: 0;
  background-position: 0 0; }

.oj-slider-bar {
  border-radius: 4px;
  background-color: #e0e1e1;
  box-sizing: border-box;
  position: absolute; }

.oj-slider-vertical .oj-slider-bar, .oj-slider-vertical .oj-slider-bar-value {
  width: 4px; }

.oj-slider-vertical .oj-slider-bar {
  height: 100%; }

.oj-slider-horizontal .oj-slider-bar {
  width: 100%; }

.oj-slider-horizontal .oj-slider-bar, .oj-slider-horizontal .oj-slider-bar-value {
  height: 4px;
  margin-top: calc(0px - 4px / 2);
  top: 50%; }

.oj-slider-vertical .oj-slider-bar, .oj-slider-vertical .oj-slider-bar-value {
  width: 4px;
  margin-left: calc(0px - 4px / 2);
  left: 50%; }

.oj-slider-bar:after {
  content: '';
  position: absolute;
  top: calc(0px - (36px / 2) + (4px / 2));
  bottom: calc(0px - (36px / 2) + (4px / 2));
  left: calc(0px - (36px / 2) + (4px / 2));
  right: calc(0px - (36px / 2) + (4px / 2)); }

.oj-slider-bar-value {
  border-radius: 4px;
  background: #2574a9; }

.oj-hicontrast .oj-slider-bar,
.oj-hicontrast .oj-slider-bar-value {
  border: 1px solid; }

.oj-hicontrast .oj-slider-horizontal .oj-slider-bar-value {
  margin-top: calc(0px - (4px / 2 + 1px)); }

.oj-hicontrast .oj-slider-vertical .oj-slider-bar-value {
  margin-left: calc(0px - (4px / 2 + 1px)); }

.oj-slider-bar-value.oj-active {
  background: #2574a9; }

.oj-disabled .oj-slider-bar {
  opacity: 1;
  background: #e0e1e1; }

.oj-disabled .oj-slider-bar-value {
  opacity: 1;
  background: #e0e1e1; }

.oj-hicontrast .oj-disabled .oj-slider-bar,
.oj-hicontrast .oj-disabled .oj-slider-bar-value {
  border-style: dotted; }

.oj-slider-horizontal .oj-slider-thumb {
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: calc(0px - (24px / 2));
  margin-left: calc(0px - (24px / 2)); }

html:not([dir="rtl"]) .oj-slider-horizontal .oj-slider-range-min {
  left: 0; }

html[dir="rtl"] .oj-slider-horizontal .oj-slider-range-min {
  right: 0; }

html:not([dir="rtl"]) .oj-slider-horizontal .oj-slider-range-max {
  right: 0; }

html[dir="rtl"] .oj-slider-horizontal .oj-slider-range-max {
  left: 0; }

.oj-slider-vertical .oj-slider-thumb {
  width: 24px;
  height: 24px;
  margin-bottom: calc(0px - 24px / 2);
  margin-top: calc(0px - 24px / 2); }
  html:not([dir="rtl"]) .oj-slider-vertical .oj-slider-thumb {
    margin-left: calc(0px - 24px / 2);
    left: 50%; }
  html[dir="rtl"] .oj-slider-vertical .oj-slider-thumb {
    margin-right: calc(0px - 24px / 2);
    right: 50%; }

.oj-slider-vertical .oj-slider-range-min {
  bottom: 0; }

.oj-slider-vertical .oj-slider-range-max {
  top: 0; }

.oj-hicontrast .oj-slider-thumb.oj-focus {
  border: 3px solid; }

.oj-hicontrast .oj-slider-thumb.oj-selected {
  border: 3px double; }

.oj-hicontrast .oj-disabled .oj-slider-thumb {
  border: 1px dotted; }

.oj-slider-thumb.oj-hover {
  background-color: #ededee; }

.oj-slider-thumb.oj-active {
  background-color: #ededee;
  border-color: #b1b3b4; }

.oj-slider-horizontal .oj-slider-thumb:after {
  content: '';
  position: absolute;
  top: calc(0px - (28px - 24px) / 2);
  bottom: calc(0px - (28px - 24px) / 2);
  left: calc(0px - (28px - 24px) / 2);
  right: calc(0px - (28px - 24px) / 2); }

.oj-slider-vertical .oj-slider-thumb:after {
  content: '';
  position: absolute;
  top: calc(0px - (28px - 24px) / 2);
  bottom: calc(0px - (28px - 24px) / 2);
  left: calc(0px - (28px - 24px) / 2);
  right: calc(0px - (28px - 24px) / 2); }

.oj-slider-horizontal .oj-slider-thumb.oj-active {
  margin-left: calc(0px - 24px / 2);
  margin-top: calc(0px - 24px / 2); }

html:not([dir="rtl"]) .oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-left: calc(0px - 24px / 2); }

html[dir="rtl"] .oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-right: calc(0px - 24px / 2); }

.oj-slider-thumb.oj-active {
  width: 24px;
  height: 24px; }

.oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-bottom: calc(0px - 24px / 2);
  margin-top: calc(0px - 24px / 2);
  width: 24px;
  height: 24px; }

.oj-slider-thumb.oj-active {
  background-color: #ededee;
  border-color: #b1b3b4; }

.oj-slider-thumb:not(.oj-focus-highlight):focus {
  outline: none; }

.oj-slider-wrapper {
  display: flex;
  align-items: center; }

.oj-slider-wrapper .oj-slider.oj-form-control {
  margin-bottom: 0; }

.oj-slider-block-item {
  text-align: center; }

.oj-slider-color-picker.oj-slider-horizontal {
  /* This ensures that the slider bounding box will include
     the thumb radius - important for form controls. */
  padding-left: calc(24px / 2);
  padding-right: calc(24px / 2); }

.oj-slider-color-picker.oj-slider-vertical {
  padding-left: calc(24px / 2);
  padding-right: calc(24px / 2); }

.oj-slider-color-picker.oj-slider-vertical > .oj-slider-container {
  margin-top: calc(24px / 2);
  margin-bottom: calc(24px / 2); }

.oj-slider-color-picker.oj-slider-vertical.oj-form-control .oj-slider-container {
  min-height: calc(24px * 2); }

.oj-slider-color-picker .oj-slider-thumb,
.oj-warning .oj-slider-color-picker .oj-slider-thumb,
.oj-invalid .oj-slider-color-picker .oj-slider-thumb {
  background-color: transparent;
  border-radius: 17px;
  border: 3px solid white;
  box-shadow: 1px 1px 5px 0 hsla(0, 0%, 0%,0.4); }

.oj-disabled .oj-slider-color-picker .oj-slider-thumb {
  border: 3px solid #e0e1e1; }

.oj-slider-color-picker .oj-slider-bar {
  border-radius: 10px; }

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-bar, .oj-slider-color-picker.oj-slider-horizontal .oj-slider-bar-value {
  height: 10px;
  margin-top: calc(0px - 10px / 2); }

.oj-slider-color-picker.oj-slider-vertical .oj-slider-bar, .oj-slider-color-picker.oj-slider-vertical .oj-slider-bar-value {
  width: 10px;
  margin-left: calc(0px - 10px / 2); }

.oj-slider-color-picker .oj-slider-bar:after {
  top: calc(0px - 36px / 2 + 10px / 2);
  bottom: calc(0px - 36px / 2 + 10px / 2);
  left: calc(0px - 36px / 2 + 10px / 2);
  right: calc(0px - 36px / 2 + 10px / 2); }

.oj-slider-color-picker .oj-slider-bar-value {
  border-radius: 10px; }

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb {
  width: 24px;
  height: 24px;
  margin-top: calc(0px - 24px / 2);
  margin-left: calc(0px - 24px / 2); }

.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
  width: 24px;
  height: 24px;
  margin-bottom: calc(0px - 24px / 2);
  margin-top: calc(0px - 24px / 2); }
  html:not([dir="rtl"]) .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
    margin-left: calc(0px - 24px / 2); }
  html[dir="rtl"] .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
    margin-right: calc(0px - 24px / 2); }

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb:after {
  top: calc(0px - (28px - 24px) / 2);
  bottom: calc(0px - (28px - 24px) / 2);
  left: calc(0px - (28px - 24px) / 2);
  right: calc(0px - (28px - 24px) / 2); }

.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb:after {
  top: calc(0px - (28px - 24px) / 2);
  bottom: calc(0px - (28px - 24px) / 2);
  left: calc(0px - (28px - 24px) / 2);
  right: calc(0px - (28px - 24px) / 2); }

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb.oj-active {
  margin-left: calc(0px - 24px / 2);
  margin-top: calc(0px - 24px / 2); }

html:not([dir="rtl"]) .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-left: calc(0px - 24px / 2); }

html[dir="rtl"] .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-right: calc(0px - 24px / 2); }

.oj-slider-color-picker .oj-slider-thumb.oj-active {
  width: 24px;
  height: 24px; }

.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-bottom: calc(0px - 24px / 2);
  margin-top: calc(0px - 24px / 2); }

.oj-slider-color-picker .oj-slider-bar-value {
  display: none; }

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;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-color: #e0e1e1;
  min-height: 2.28571rem; }

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

/* 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.85714rem;
  background-image: linear-gradient(#e0e1e1, #e0e1e1);
  background-position: 0 0;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  border-top: 1px solid transparent; }

/* 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: #ebf2f7;
  border-top: 1px solid transparent;
  background-size: 0; }

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

.oj-listview.oj-focus-ancestor ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-selected + li.oj-listview-item {
  border-top: 1px solid transparent;
  background-size: 0; }

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

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

/* 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% - 2px);
  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: normal;
  color: rgba(0, 0, 0, 0.85);
  padding: 0.85714rem;
  border: 0 solid #e5e6e6;
  border-width: 1px;
  font-size: 1.28571rem;
  background-color: #f2f2f3;
  opacity: 1;
  box-sizing: border-box; }
  html[dir="rtl"] .oj-listview-group-item {
    right: 0; }

.oj-listview-item-element.oj-expanded .oj-listview-group-item,
.oj-listview-item-element.oj-collapsed .oj-listview-group-item {
  padding: 3px 0; }

/* 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: 1px 1px 0; }

/* 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;
  position: sticky;
  top: 0;
  z-index: 1; }

/* 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.85714rem;
  display: none; }

/* Styling for the empty list text */
.oj-listview-no-data-message {
  padding: 0.85714rem;
  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: 10px; }

/* 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: 1px;
  margin-top: 10px;
  margin-bottom: 0;
  background-size: 0;
  box-sizing: border-box; }
  html[dir="rtl"] .oj-listview-card-layout li.oj-listview-item {
    margin-right: 0;
    margin-left: 10px; }
  html:not([dir="rtl"]) .oj-listview-card-layout li.oj-listview-item {
    margin-left: 0;
    margin-right: 10px; }

/* 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: 10px; }

html:not([dir="rtl"]) .oj-listview.oj-full-width.oj-listview-card-layout > .oj-listview-element > li > .oj-listview-group, html:not([dir="rtl"])
.oj-listview.oj-full-width > .oj-listview-card-layout > li > .oj-listview-group {
  margin-right: 0;
  margin-left: 10px; }

/* 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: #2574a9; }

/* Styling for the drill icon when item is selected */
.oj-listview.oj-focus-ancestor .oj-listview-item.oj-selected .oj-listview-drill-icon {
  color: #2574a9; }

/* Styling for the drill icon when hover over an item */
.oj-listview-item.oj-hover .oj-listview-drill-icon {
  color: #89b4d1; }

/* 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("../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":"none"}},"showIndicatorDelay":"250"}'; }

/* Styling addition for group items */
.oj-listview-group-item {
  padding-top: 0.5715rem;
  padding-bottom: 0.5715rem; }

/* Styling for the expand icon */
/* Styling for the collapse icon */
/* Color Palette */
/* --------------------------------------------------------------- */
oj-color-palette:not(.oj-complete) {
  visibility: hidden; }

.oj-colorpalette {
  display: inline-block; }

.oj-colorpalette-container {
  height: inherit;
  /* required by ListView for scrollbar */ }

.oj-colorpalette-swatch-entry {
  display: inline-block; }

.oj-colorpalette-list .oj-colorpalette-swatch-entry {
  display: flex;
  align-items: center; }

.oj-colorpalette-list .oj-colorpalette-swatch,
.oj-colorpalette-list .oj-colorpalette-swatch-text {
  flex-shrink: 0; }

/* A palette color swatch  */
.oj-colorpalette-swatch-container,
.oj-colorpalette-swatch {
  vertical-align: middle;
  display: inline-block;
  border-style: solid;
  box-sizing: border-box; }

.oj-colorpalette-swatch-container {
  border-width: 3px;
  border-color: transparent;
  /* reduce line height so extra small swatches remain square */
  line-height: 0; }

.oj-colorpalette-swatch {
  border-width: 1px;
  border-color: #4b4d4e;
  background-clip: padding-box;
  -webkit-print-color-adjust: exact; }

.oj-colorpalette-swatch-none-icon {
  /* Color Hardcoded because this value is not related to theming and regardless of theme the swatch for none will be white */
  background-color: #ffffff;
  display: inline-block;
  background-image: url("../images/jet/none.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  -webkit-print-color-adjust: exact; }

.oj-colorpalette-grid .oj-colorpalette-swatchsize-lg .oj-colorpalette-swatch {
  width: 64px;
  height: 64px; }

.oj-colorpalette-grid .oj-colorpalette-swatchsize-lg.oj-colorpalette-swatch-showlabel .oj-colorpalette-swatch {
  width: 64px;
  height: 64px; }

.oj-colorpalette-grid .oj-colorpalette-swatchsize-sm .oj-colorpalette-swatch {
  width: 29px;
  height: 29px; }

.oj-colorpalette-grid .oj-colorpalette-swatchsize-xs .oj-colorpalette-swatch {
  width: 22px;
  height: 22px; }

.oj-colorpalette-list .oj-colorpalette-swatchsize-sm .oj-colorpalette-swatch {
  width: 84px;
  height: 22px; }

.oj-colorpalette-list .oj-colorpalette-swatchsize-lg .oj-colorpalette-swatch {
  width: 274px;
  height: 22px; }

/*  Hover swatch  */
.oj-colorpalette-container .oj-listview-item.oj-hover .oj-colorpalette-swatch-container {
  border-color: transparent; }

/*  Selected swatch  */
.oj-colorpalette-container .oj-selected .oj-colorpalette-swatch-container,
.oj-colorpalette-container .oj-listview-item.oj-hover.oj-selected .oj-colorpalette-swatch-container {
  border-color: #1e5d87; }

.oj-colorpalette-container .oj-selected .oj-colorpalette-swatch,
.oj-colorpalette-container .oj-listview-item.oj-hover.oj-selected .oj-colorpalette-swatch {
  border-color: transparent; }

/*  Disabled swatch  */
.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch-container,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-selected .oj-colorpalette-swatch-container,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-selected .oj-colorpalette-swatch,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-listview-item.oj-hover .oj-colorpalette-swatch-container,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-listview-item.oj-hover .oj-colorpalette-swatch,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch-none .oj-colorpalette-swatch-none-icon {
  border-color: transparent; }

.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch-none .oj-colorpalette-swatch-none-icon {
  background-color: transparent;
  background-image: none; }

.oj-colorpalette-swatch-text {
  display: block;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  width: inherit;
  max-width: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.oj-colorpalette-grid .oj-colorpalette-swatch-text {
  font-size: 0.85714rem; }

.oj-colorpalette-list .oj-colorpalette-swatch-text {
  display: inline-block;
  max-width: 155px;
  vertical-align: middle; }
  html:not([dir="rtl"]) .oj-colorpalette-list .oj-colorpalette-swatch-text {
    margin-left: 15px; }
  html[dir="rtl"] .oj-colorpalette-list .oj-colorpalette-swatch-text {
    margin-right: 15px; }

/*  Constrain text width for ellipsis generation  */
.oj-colorpalette-grid .oj-colorpalette-swatchsize-lg .oj-colorpalette-swatch-text {
  width: 64px;
  /* account for border of swatch container */
  padding-left: 3px;
  padding-right: 3px; }

/*  Disabled  */
.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch,
.oj-colorpalette-container .oj-listview.oj-disabled .oj-colorpalette-swatch-text {
  color: rgba(0, 0, 0, 0.38);
  cursor: default; }

.oj-colorpalette-container .oj-listview-item {
  background-size: 0;
  /* required to remove selection listitem borders */
  background-image: none;
  padding: 0;
  border-width: 0;
  cursor: pointer; }

.oj-colorpalette-container .oj-listview-card-layout li.oj-listview-item {
  width: auto;
  height: auto;
  border-width: 0;
  border-color: transparent;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0; }
  html:not([dir="rtl"]) .oj-colorpalette-container .oj-listview-card-layout li.oj-listview-item {
    margin-left: 0;
    margin-right: 0; }
  html[dir="rtl"] .oj-colorpalette-container .oj-listview-card-layout li.oj-listview-item {
    margin-left: 0;
    margin-right: 0; }

.oj-colorpalette-container .oj-listview-card-layout .oj-listview-group {
  margin-bottom: 0; }

.oj-colorpalette-container .oj-listview-item.oj-focus-highlight::after {
  height: calc(100% - 2px); }

/*  Remove listview item background and outline  */
.oj-colorpalette-container .oj-listview.oj-focus-ancestor .oj-listview-item.oj-selected,
.oj-colorpalette-container .oj-listview-item.oj-selected {
  background-color: transparent;
  border-width: 0;
  outline-style: none; }

/*  Remove listview top/bottom borders  */
.oj-colorpalette-container .oj-listview {
  border-style: none; }

/*  Remove listview selection border  */
.oj-colorpalette-container .oj-listview-item.oj-selected {
  border-color: transparent; }

/*  Remove listview item top border  */
.oj-colorpalette-container ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-hover + li.oj-listview-item,
.oj-colorpalette-container .oj-listview.oj-focus-ancestor ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-focus + li.oj-listview-item,
.oj-colorpalette-container .oj-listview.oj-focus-ancestor ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-selected + li.oj-listview-item,
.oj-colorpalette-container .oj-listview.oj-focus-ancestor ul.oj-listview-element:not(.oj-listview-card-layout) .oj-listview-item.oj-focus,
.oj-colorpalette-container .oj-listview-item.oj-hover {
  border-color: transparent;
  border-width: 0; }

.oj-colorpalette.oj-warning .oj-colorpalette-container {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #F8CA75; }

.oj-colorpalette.oj-invalid .oj-colorpalette-container {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #E65A66; }

/* Color  Spectrum */
/* --------------------------------------------------------------- */
oj-color-spectrum:not(.oj-complete) {
  visibility: hidden; }

.oj-colorspectrum {
  display: inline-block;
  position: relative; }

/*  The spectrum rectangle containing the saturation/luminosity spectrum for the hue */
.oj-colorspectrum-spectrum {
  width: 230px;
  height: 230px;
  border-color: #e0e1e1;
  margin-top: calc(24px / 2);
  margin-left: calc(24px / 2);
  border-style: solid;
  border-width: 1px;
  margin-right: 15px;
  box-sizing: border-box;
  display: inline-block;
  position: relative; }

.oj-colorspectrum-container {
  white-space: nowrap; }

.oj-colorspectrum-container > .oj-slider-vertical {
  display: inline-block;
  vertical-align: top; }

/*  Horizontal opacity slider  */
.oj-colorspectrum-container > .oj-slider-horizontal {
  display: block; }

/*  Horizontal opacity slider  - length  */
.oj-colorspectrum-container > .oj-slider-horizontal > .oj-slider-container {
  width: 230px; }

/*  Vertical Hue slider  - height  */
.oj-colorspectrum-container > .oj-slider-vertical > .oj-slider-container {
  height: 230px; }

/*  Remove bottom margins from sliders  */
html .oj-colorspectrum-container .oj-form-control {
  margin-bottom: 0; }

/*  Spectrum thumb   */
.oj-colorspectrum-thumb {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border-width: 3px;
  border-color: white;
  box-shadow: 1px 1px 5px 0 hsla(0, 0%, 0%,0.4);
  border-style: solid;
  background-color: transparent;
  cursor: pointer;
  box-sizing: border-box;
  position: absolute; }

.oj-colorspectrum-thumb:not(.oj-focus-highlight):focus {
  outline: none; }

.oj-colorspectrum.oj-disabled .oj-colorspectrum-thumb {
  border-color: #e0e1e1; }

.oj-colorspectrum.oj-warning .oj-colorspectrum-container {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #F8CA75; }

.oj-colorspectrum.oj-invalid .oj-colorspectrum-container {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #E65A66; }

.oj-colorspectrum-alpha-bg {
  background-image: url("../images/jet/spectrum-opacity-slider-bg.png");
  position: absolute;
  height: 0;
  width: 0;
  display: none; }

/* --------------------------------------------------------------- */
oj-validation-group:not(.oj-complete) {
  visibility: hidden; }

/* option and optgroup */
/* --------------------------------------------------------------- */
oj-option:not(.oj-complete) {
  visibility: hidden; }

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

/* Grid HTML Classes */
.oj-flex {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap; }

.oj-flex-item {
  flex: auto;
  box-sizing: border-box; }

.deprecated-col-default-width {
  flex: 0 1 100%;
  max-width: 100%;
  width: 100%; }

.oj-flex-bar {
  position: relative; }

.oj-flex-bar,
.oj-flex-bar-start,
.oj-flex-bar-middle,
.oj-flex-bar-end,
.oj-flex-bar-center-absolute {
  box-sizing: border-box;
  display: flex; }

.oj-flex-bar-middle {
  flex: auto; }

html:not([dir="rtl"]) .oj-flex-bar-end {
  margin-left: auto; }

html[dir="rtl"] .oj-flex-bar-end {
  margin-right: auto; }

.oj-flex-bar-center-absolute {
  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 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 {
    align-items: center; }
  .oj-sm-align-items-baseline {
    align-items: baseline; }
  .oj-sm-align-items-flex-start {
    align-items: flex-start; }
  .oj-sm-align-items-flex-end {
    align-items: flex-end; }
  .oj-sm-align-self-center {
    align-self: center; }
  .oj-sm-align-self-flex-start {
    align-self: flex-start; }
  .oj-sm-align-self-flex-end {
    align-self: flex-end; }
  .oj-sm-flex-direction-column {
    flex-direction: column; }
  .oj-sm-flex-wrap-nowrap {
    flex-wrap: nowrap; } }

@media 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, 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 print {
  .oj-print-flex-items-0 > .oj-flex-item,
  .oj-print-flex-0 {
    flex: 0; }
  .oj-print-flex-items-1 > .oj-flex-item,
  .oj-print-flex-1 {
    flex: 1; }
  .oj-print-flex-items-initial > .oj-flex-item,
  .oj-print-flex-initial {
    flex: 0 1 auto; }
  .oj-print-order-0 {
    order: 0; }
  .oj-print-order-1 {
    order: 1; }
  .oj-print-order-2 {
    order: 2; }
  .oj-print-order-3 {
    order: 3; }
  .oj-print-order-4 {
    order: 4; }
  .oj-print-order-5 {
    order: 5; }
  .oj-print-justify-content-flex-start {
    justify-content: flex-start; }
  .oj-print-justify-content-flex-end {
    justify-content: flex-end; }
  .oj-print-justify-content-center {
    justify-content: center; }
  .oj-print-justify-content-space-between {
    justify-content: space-between; }
  .oj-print-justify-content-space-around {
    justify-content: space-around; }
  .oj-print-align-items-center {
    align-items: center; }
  .oj-print-align-items-baseline {
    align-items: baseline; }
  .oj-print-align-items-flex-start {
    align-items: flex-start; }
  .oj-print-align-items-flex-end {
    align-items: flex-end; }
  .oj-print-align-self-center {
    align-self: center; }
  .oj-print-align-self-flex-start {
    align-self: flex-start; }
  .oj-print-align-self-flex-end {
    align-self: flex-end; }
  .oj-print-flex-direction-column {
    flex-direction: column; }
  .oj-print-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 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, 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 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 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, 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 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, 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: 1281px) {
  .oj-xl-down-hide {
    display: none; }
  .oj-xl-down-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-xl-down-text-align-end {
      text-align: left; }
  .oj-xl-down-float-end {
    float: right; }
    html[dir="rtl"] .oj-xl-down-float-end {
      float: left; }
  .oj-xl-down-float-start {
    float: left; }
    html[dir="rtl"] .oj-xl-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 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, 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; } }

@media print {
  /* print layout helpers */
  .oj-print-hide {
    display: none; }
  .oj-print-margin-1x {
    margin: 5px; }
  .oj-print-margin-1x-horizontal {
    margin-left: 5px;
    margin-right: 5px; }
  .oj-print-margin-1x-vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  .oj-print-margin-1x-top {
    margin-top: 5px; }
  .oj-print-margin-1x-bottom {
    margin-bottom: 5px; }
  html:not([dir="rtl"]) .oj-print-margin-1x-start {
    margin-left: 5px; }
  html[dir="rtl"] .oj-print-margin-1x-start {
    margin-right: 5px; }
  html:not([dir="rtl"]) .oj-print-margin-1x-end {
    margin-right: 5px; }
  html[dir="rtl"] .oj-print-margin-1x-end {
    margin-left: 5px; }
  .oj-print-padding-1x {
    padding: 5px; }
  .oj-print-padding-1x-horizontal {
    padding-left: 5px;
    padding-right: 5px; }
  .oj-print-padding-1x-vertical {
    padding-top: 5px;
    padding-bottom: 5px; }
  .oj-print-padding-1x-top {
    padding-top: 5px; }
  .oj-print-padding-1x-bottom {
    padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-print-padding-1x-start {
    padding-left: 5px; }
  html[dir="rtl"] .oj-print-padding-1x-start {
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-print-padding-1x-end {
    padding-right: 5px; }
  html[dir="rtl"] .oj-print-padding-1x-end {
    padding-left: 5px; }
  .oj-print-margin-2x {
    margin: 10px; }
  .oj-print-margin-2x-horizontal {
    margin-left: 10px;
    margin-right: 10px; }
  .oj-print-margin-2x-vertical {
    margin-top: 10px;
    margin-bottom: 10px; }
  .oj-print-margin-2x-top {
    margin-top: 10px; }
  .oj-print-margin-2x-bottom {
    margin-bottom: 10px; }
  html:not([dir="rtl"]) .oj-print-margin-2x-start {
    margin-left: 10px; }
  html[dir="rtl"] .oj-print-margin-2x-start {
    margin-right: 10px; }
  html:not([dir="rtl"]) .oj-print-margin-2x-end {
    margin-right: 10px; }
  html[dir="rtl"] .oj-print-margin-2x-end {
    margin-left: 10px; }
  .oj-print-padding-2x {
    padding: 10px; }
  .oj-print-padding-2x-horizontal {
    padding-left: 10px;
    padding-right: 10px; }
  .oj-print-padding-2x-vertical {
    padding-top: 10px;
    padding-bottom: 10px; }
  .oj-print-padding-2x-top {
    padding-top: 10px; }
  .oj-print-padding-2x-bottom {
    padding-bottom: 10px; }
  html:not([dir="rtl"]) .oj-print-padding-2x-start {
    padding-left: 10px; }
  html[dir="rtl"] .oj-print-padding-2x-start {
    padding-right: 10px; }
  html:not([dir="rtl"]) .oj-print-padding-2x-end {
    padding-right: 10px; }
  html[dir="rtl"] .oj-print-padding-2x-end {
    padding-left: 10px; }
  .oj-print-margin-3x {
    margin: 15px; }
  .oj-print-margin-3x-horizontal {
    margin-left: 15px;
    margin-right: 15px; }
  .oj-print-margin-3x-vertical {
    margin-top: 15px;
    margin-bottom: 15px; }
  .oj-print-margin-3x-top {
    margin-top: 15px; }
  .oj-print-margin-3x-bottom {
    margin-bottom: 15px; }
  html:not([dir="rtl"]) .oj-print-margin-3x-start {
    margin-left: 15px; }
  html[dir="rtl"] .oj-print-margin-3x-start {
    margin-right: 15px; }
  html:not([dir="rtl"]) .oj-print-margin-3x-end {
    margin-right: 15px; }
  html[dir="rtl"] .oj-print-margin-3x-end {
    margin-left: 15px; }
  .oj-print-padding-3x {
    padding: 15px; }
  .oj-print-padding-3x-horizontal {
    padding-left: 15px;
    padding-right: 15px; }
  .oj-print-padding-3x-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }
  .oj-print-padding-3x-top {
    padding-top: 15px; }
  .oj-print-padding-3x-bottom {
    padding-bottom: 15px; }
  html:not([dir="rtl"]) .oj-print-padding-3x-start {
    padding-left: 15px; }
  html[dir="rtl"] .oj-print-padding-3x-start {
    padding-right: 15px; }
  html:not([dir="rtl"]) .oj-print-padding-3x-end {
    padding-right: 15px; }
  html[dir="rtl"] .oj-print-padding-3x-end {
    padding-left: 15px; }
  .oj-print-margin-4x {
    margin: 20px; }
  .oj-print-margin-4x-horizontal {
    margin-left: 20px;
    margin-right: 20px; }
  .oj-print-margin-4x-vertical {
    margin-top: 20px;
    margin-bottom: 20px; }
  .oj-print-margin-4x-top {
    margin-top: 20px; }
  .oj-print-margin-4x-bottom {
    margin-bottom: 20px; }
  html:not([dir="rtl"]) .oj-print-margin-4x-start {
    margin-left: 20px; }
  html[dir="rtl"] .oj-print-margin-4x-start {
    margin-right: 20px; }
  html:not([dir="rtl"]) .oj-print-margin-4x-end {
    margin-right: 20px; }
  html[dir="rtl"] .oj-print-margin-4x-end {
    margin-left: 20px; }
  .oj-print-padding-4x {
    padding: 20px; }
  .oj-print-padding-4x-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  .oj-print-padding-4x-vertical {
    padding-top: 20px;
    padding-bottom: 20px; }
  .oj-print-padding-4x-top {
    padding-top: 20px; }
  .oj-print-padding-4x-bottom {
    padding-bottom: 20px; }
  html:not([dir="rtl"]) .oj-print-padding-4x-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-print-padding-4x-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-print-padding-4x-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-print-padding-4x-end {
    padding-left: 20px; }
  .oj-print-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-print-text-align-end {
      text-align: left; }
  .oj-print-float-end {
    float: right; }
    html[dir="rtl"] .oj-print-float-end {
      float: left; }
  .oj-print-float-start {
    float: left; }
    html[dir="rtl"] .oj-print-float-start {
      float: right; } }

/**
     * This idea/code is from zurb foundation, thanks zurb!
     *
     * In the jet sass files there are variables for
     * responsive screen sizes, these look something like
     *    $screenSmallRange:  0, 767px !default;
     *    $screenMediumRange: 768px, 1023px !default;
     *    $screenLargeRange:  1024px, 1280px !default;
     *    $screenXlargeRange: 1281px, null !default;
     *
     * These variables in turn are used to generate responsive media queries in variables like
     * $responsiveQuerySmallUp, $responsiveQueryMediumUp, etc.
     *
     * we send down these media queries as the font family in classes
     * that look something like this:
     *
     * .oj-mq-md {
     *    font-family: "/screen and (min-width: 768px)/";
     * }
     *
     * This function applies the class and then reads the font family off a dom
     * element to get the media query string
     *
     * example usage:
     *   var md_media_query = oj.ResponsiveUtils._getMediaQueryFromClass('oj-mq-md');
     */
.oj-mq-sm-up {
  font-family: "/screen/"; }

.oj-mq-md-up {
  font-family: "/screen and (min-width: 768px)/"; }

.oj-mq-lg-up {
  font-family: "/print, screen and (min-width: 1024px)/"; }

.oj-mq-xl-up {
  font-family: "/screen and (min-width: 1281px)/"; }

.oj-mq-xxl-up {
  font-family: "/null/"; }

.oj-mq-sm-only {
  font-family: "/screen and (max-width: 767px)/"; }

.oj-mq-md-only {
  font-family: "/screen and (min-width: 768px) and (max-width: 1023px)/"; }

.oj-mq-lg-only {
  font-family: "/print, screen and (min-width: 1024px) and (max-width: 1280px)/"; }

.oj-mq-xl-only {
  font-family: "/null/"; }

.oj-mq-md-down {
  font-family: "/screen and (max-width: 1023px)/"; }

.oj-mq-lg-down {
  font-family: "/print, screen and (max-width: 1280px)/"; }

.oj-mq-xl-down {
  font-family: "/screen and (max-width: 1281px)/"; }

.oj-mq-high-resolution {
  font-family: "/(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx)/"; }

:root{--viewport-height: 100vh}@font-face{font-family:'Open Sans';src:url("../fonts/OpenSans-Regular.woff2") format("woff2"),url("../fonts/OpenSans-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Open Sans';src:url("../fonts/OpenSans-SemiBold.woff2") format("woff2"),url("../fonts/OpenSans-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:'Open Sans';src:url("../fonts/OpenSans-Bold.woff2") format("woff2"),url("../fonts/OpenSans-Bold.woff") format("woff");font-weight:700;font-style:normal}html{font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:13px}h1{font-size:33px}h2{font-size:27px}h3{font-size:23px}h4{font-size:17px}h5{font-size:13px}h6{font-size:12px}a{color:#1176aa;text-decoration:none}a:hover{color:#1176aa}dl,dt,dd,ol,ul,li{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}.txt-center{text-align:center}.txt-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%}.txt-lowercase{text-transform:lowercase}.loading-spinner::after{animation:spinner .6s linear infinite;-webkit-animation:spinner .6s linear infinite;border:4px solid rgba(0,0,0,0.3);border-radius:50%;border-top-color:rgba(0,0,0,0.6);content:'';height:50px;left:50%;margin-left:-25px;margin-top:-25px;position:absolute;top:50%;width:50px}.loading-spinner app{display:none}@keyframes slide-up-animation{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slide-down-animation{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fade-out-animation{0%{opacity:1}100%{opacity:0}}@keyframes fade-in-animation{0%{opacity:0}100%{opacity:1}}.app-loading .app-loading-spinner{display:block}.app-loading .app{display:none}.app-loaded .app-loading-spinner{display:none}.app-loaded .app{display:block}body.scroll-locked{overflow:hidden;position:fixed;top:0;left:0;right:0}html{position:relative}body{background-color:transparent}@media screen and (max-width: 1023px){body{-ms-overflow-style:none}}.app-container{color:#4a4a4a;height:initial;overflow-x:hidden;position:relative}@media print{.app-container{overflow:visible}}a{color:#2574a9}input[type="text"],input[type="search"],input[type="button"],input[type="submit"]{-webkit-appearance:none !important}.form-control-wrapper{flex-grow:1}.form-control{background-color:rgba(0,0,0,0);border:1px solid #c4c4c4;border-radius:2px;box-sizing:border-box;color:#353535;font-size:13px;height:30px;padding:0 9px;width:100%;max-width:340px}.oj-form-control.oj-disabled.is-invalid{border:0}.oj-inputsearch-input{background-color:rgba(0,0,0,0)}.oj-inputsearch,.oj-select{max-width:340px}.oj-select-choice{padding:0 9px}.oj-select-chosen.oj-select-default{color:#6d6d6d}html .oj-inputdatetime{max-width:none}.file-form-element{display:flex;width:100%;justify-content:center}.file-form-element__input{opacity:0;width:.1px;height:.1px;overflow:hidden;position:absolute}.form ::-webkit-input-placeholder{color:#6d6d6d;font-weight:300}.form ::-moz-placeholder{color:#6d6d6d;font-weight:300}.form :-ms-input-placeholder{color:#6d6d6d;font-weight:300}.form-header{color:#666;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:15px;font-weight:200}.no-left-padding{padding-left:0}.form-legend{color:#595959}input[type="search"]::-webkit-search-cancel-button{display:none}@font-face{font-family:"cxicon";src:url("../fonts/cxicon.eot?8ee5e672879eecda3142a82abf814d07?#iefix") format("embedded-opentype"),url("../fonts/cxicon.woff?8ee5e672879eecda3142a82abf814d07") format("woff"),url("../fonts/cxicon.ttf?8ee5e672879eecda3142a82abf814d07") format("truetype"),url("../fonts/cxicon.svg?8ee5e672879eecda3142a82abf814d07#cxicon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]::before,[class*=" icon-"]::before{font-family:"cxicon";font-style:normal;font-weight:normal;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-af-add::before{content:"\f101"}.apply-flow-profile-item-button--add::after,.attachment-upload-button-mobile--waiting::after,.attachment-upload-button-mobile__cancel-upload::after{font-family:"cxicon";content:"\f101"}.icon-af-arrow-up::before{content:"\f102"}.icon-af-check::before{content:"\f103"}.cx-notifications__item--success .cx-notifications__item-icon::before,.apply-flow-input-checkbox__button--checked::before,.input-row__hidden-control:checked+.apply-flow-input-checkbox .apply-flow-input-checkbox__button::before,.attachment-upload-button-mobile--saved::after{font-family:"cxicon";content:"\f103"}.icon-af-edit::before{content:"\f104"}.apply-flow-profile-item-tile__summary::after{font-family:"cxicon";content:"\f104"}.icon-af-import-success::before{content:"\f105"}.completed-communicate::before,.attachment-upload-button__success::before,.attachment-upload-button__filled::before{font-family:"cxicon";content:"\f105"}.icon-af-radio-button-checked::before{content:"\f106"}.apply-flow-input-radio__button--checked::before{font-family:"cxicon";content:"\f106"}.icon-af-radio-button-unchecked::before{content:"\f107"}.apply-flow-input-radio__button--unchecked::before{font-family:"cxicon";content:"\f107"}.icon-af-remove::before{content:"\f108"}.cx-notifications__item--error .cx-notifications__item-icon::before,.cx-notifications__remove-item::before,.locations-chosen-location__remove::before,.cs-talent-community-multiselect-pill__remove::before,.multi-select-pill__value-remove::before{font-family:"cxicon";content:"\f108"}.icon-af-smart-nav-mobile-cancel::before{content:"\f109"}.apply-flow-navigation-toggle.apply-flow-navigation-toggle--active::after{font-family:"cxicon";content:"\f109"}.icon-af-smart-nav-mobile::before{content:"\f10a"}.apply-flow-navigation-toggle::after{font-family:"cxicon";content:"\f10a"}.icon-af-warning::before{content:"\f10b"}.apply-flow-navigation-multipage .apply-flow-navigation-section__link--has-errors::before,.apply-flow-navigation-singlepage .apply-flow-navigation-section__link.apply-flow-navigation-section__link--has-errors::before,.apply-flow-navigation-toggle--has-errors::before,.cs-application-actions__action--warning::before{font-family:"cxicon";content:"\f10b"}.icon-alert-minimal::before{content:"\f10c"}.icon-alert-reversed::before{content:"\f10d"}.icon-alert::before{content:"\f10e"}.icon-align-center::before{content:"\f10f"}.icon-align-left::before{content:"\f110"}.icon-align-right::before{content:"\f111"}.icon-angle-down::before{content:"\f112"}.icon-angle-left::before{content:"\f113"}.icon-angle-right::before{content:"\f114"}.icon-arrow-combo::before{content:"\f115"}.icon-arrow-down::before{content:"\f116"}.icon-arrow-left-thin::before{content:"\f117"}.icon-arrow-top-thin::before{content:"\f118"}.icon-attach::before{content:"\f119"}.icon-bookmark::before{content:"\f11a"}.icon-calendar::before{content:"\f11b"}.icon-cancel-circled::before{content:"\f11c"}.icon-cancel-thin::before{content:"\f11d"}.icon-cancel::before{content:"\f11e"}.icon-candidate-avatar::before{content:"\f11f"}.icon-cc-arrow-circle-left::before{content:"\f120"}.icon-cc-arrow-circle-right::before{content:"\f121"}.icon-cc-element-button::before{content:"\f122"}.icon-cc-element-headline::before{content:"\f123"}.icon-cc-element-image::before{content:"\f124"}.icon-cc-element-paragraph::before{content:"\f125"}.icon-cc-element-spacer::before{content:"\f126"}.icon-cc-element-video::before{content:"\f127"}.icon-chain::before{content:"\f128"}.icon-check-rounded-empty::before{content:"\f129"}.icon-check-rounded::before{content:"\f12a"}.icon-check::before{content:"\f12b"}input:checked+.cx-checkbox-label .cx-checkbox::before,.cs-application-actions__action--success::before{font-family:"cxicon";content:"\f12b"}.icon-circle-checked::before{content:"\f12c"}.icon-circle-exclamation-mark::before{content:"\f12d"}.icon-close-circled::before{content:"\f12e"}.icon-close-thin::before{content:"\f12f"}.attachment-upload-button-mobile__cancel-upload::before,.attachment-upload-button-mobile__remove::before{font-family:"cxicon";content:"\f12f"}.icon-close::before{content:"\f130"}.location-bar-dropdown__close::before,.filter-container .filter .filter-cancel-button::before,.tc-dialog__close::before{font-family:"cxicon";content:"\f130"}.icon-collapse::before{content:"\f131"}.icon-cover-letter::before{content:"\f132"}.icon-cv::before{content:"\f133"}.icon-desktop::before{content:"\f134"}.icon-dot-single::before{content:"\f135"}.icon-dots::before{content:"\f136"}.icon-down-open::before{content:"\f137"}.navbar-menu-item-expand-icon::before,.navbar-lang-select .oj-select-open-icon::before,.location-bar-button::after,.search-box .block--filters .filters-toggle-button-label::after,.favourite-navbar-btn::after{font-family:"cxicon";content:"\f137"}.icon-download::before{content:"\f138"}.icon-downloadpdf::before{content:"\f139"}.icon-drag-and-drop-hand::before{content:"\f13a"}.attachment-upload-button__drag-and-drop::before{font-family:"cxicon";content:"\f13a"}.icon-drag-and-drop::before{content:"\f13b"}.icon-drag-indicator::before{content:"\f13c"}.icon-employee::before{content:"\f13d"}.icon-expand::before{content:"\f13e"}.icon-facebook::before{content:"\f13f"}.icon-file-doc-text::before{content:"\f140"}.icon-file-doc::before{content:"\f141"}.icon-file-open-office::before{content:"\f142"}.icon-file-pdf::before{content:"\f143"}.icon-file-word::before{content:"\f144"}.icon-filter::before{content:"\f145"}.icon-flag::before{content:"\f146"}.icon-full-screen::before{content:"\f147"}.icon-gear::before{content:"\f148"}.icon-generic-url::before{content:"\f149"}.icon-globe::before{content:"\f14a"}.icon-go-to-site::before{content:"\f14b"}.icon-history-item::before{content:"\f14c"}.icon-home::before{content:"\f14d"}.icon-image-reverse::before{content:"\f14e"}.icon-image::before{content:"\f14f"}.icon-jobalerts-off::before{content:"\f150"}.icon-jobalerts-on::before{content:"\f151"}.icon-landscape::before{content:"\f152"}.error-404__image::before{font-family:"cxicon";content:"\f152"}.icon-layout::before{content:"\f153"}.icon-left-open-big::before{content:"\f154"}.icon-left-open-mini::before{content:"\f155"}.icon-link-flipped::before{content:"\f156"}.icon-link::before{content:"\f157"}.icon-linkedin::before{content:"\f158"}.icon-list-view::before{content:"\f159"}.icon-location-pin::before{content:"\f15a"}.icon-location::before{content:"\f15b"}.icon-magnifier::before{content:"\f15c"}.icon-menu::before{content:"\f15d"}.btn-menu-toggler::before{font-family:"cxicon";content:"\f15d"}.icon-minimal-home::before{content:"\f15e"}.icon-minimal-spinner-thin::before{content:"\f15f"}.icon-minimal-spinner::before{content:"\f160"}.icon-mobile::before{content:"\f161"}.icon-page::before{content:"\f162"}.icon-pencil-edit::before{content:"\f163"}.icon-pencil::before{content:"\f164"}.icon-pin::before{content:"\f165"}.favourite-panel-icon-symbol::after,.favourite-pin::before{font-family:"cxicon";content:"\f165"}.icon-play-outline::before{content:"\f166"}.icon-plus::before{content:"\f167"}.icon-print::before{content:"\f168"}.icon-profile::before{content:"\f169"}.icon-radio-button-checked::before{content:"\f16a"}.location-bar-radius-unit:checked+.location-bar-radius-unit-label::before{font-family:"cxicon";content:"\f16a"}.icon-radio-button-unchecked::before{content:"\f16b"}.location-bar-radius-unit-label::before{font-family:"cxicon";content:"\f16b"}.icon-reference::before{content:"\f16c"}.icon-right-open-big::before{content:"\f16d"}.icon-right-open-mini::before{content:"\f16e"}.icon-save::before{content:"\f16f"}.icon-search-thin::before{content:"\f170"}.icon-search::before{content:"\f171"}.icon-share::before{content:"\f172"}.icon-spinner::before{content:"\f173"}.inline-spinner__icon::before{font-family:"cxicon";content:"\f173"}.icon-split-screen::before{content:"\f174"}.icon-stack-horizontal::before{content:"\f175"}.icon-stack-vertical::before{content:"\f176"}.icon-star-empty::before{content:"\f177"}.icon-star-filled::before{content:"\f178"}.icon-star::before{content:"\f179"}.icon-submenu-flipped::before{content:"\f17a"}.icon-submenu::before{content:"\f17b"}.icon-tablet::before{content:"\f17c"}.icon-trash-empty::before{content:"\f17d"}.attachment-upload-button-mobile__remove::before,.misc-attachment-list__item-remove::before,.cs-job-status__remove-button::before{font-family:"cxicon";content:"\f17d"}.icon-trash-thin::before{content:"\f17e"}.icon-trash::before{content:"\f17f"}.icon-triangle-down::before{content:"\f180"}.icon-triangle-left::before{content:"\f181"}.icon-triangle-right::before{content:"\f182"}.media-tile-overlay--video::before{font-family:"cxicon";content:"\f182"}.icon-triangle-up::before{content:"\f183"}.icon-twitter::before{content:"\f184"}.icon-unchain::before{content:"\f185"}.icon-up-open::before{content:"\f186"}.icon-upload::before{content:"\f187"}.icon-vcard::before{content:"\f188"}.icon-view-collapse::before{content:"\f189"}.default-bg{background-size:cover;background-position:center 0;height:100vh;position:relative;background-color:#264653}.app-background{position:fixed;width:100%;height:100vh;top:0;backface-visibility:hidden}.app-background--with-custom-header{position:absolute}.header-background{position:absolute;top:0;width:100%;height:50px;overflow:hidden}.search-box-background{position:absolute;top:0;width:100%;height:106px;overflow:hidden}@media screen and (min-width: 768px){.search-box-background{height:67px}}.search-box-background .default-bg{background-position:center -50px}.custom-header,.app-header{width:100%;top:0;z-index:900;position:relative}@media print{.custom-header,.app-header{position:static}}.custom-footer{position:relative}.app-header{position:fixed;height:50px}@media print{.app-header{top:-50px;position:absolute}}.app-header--safari9{top:1px}.app-header--with-custom-header{position:absolute;top:-50px}.app-container .content{margin-top:50px;position:relative}.app-container .main-view{min-height:calc(100vh - 50px)}@media print{.app-container .main-view{min-height:100%}}.focused-with-keyboard .file-form-element__input:focus+label,.focused-with-keyboard *:focus,.focused-with-keyboard .cx-checkbox-input:focus+label,.focused-with-keyboard .cx-radio-input:focus+label,.focused-with-keyboard .input-row__hidden-control:focus+label,.focused-with-keyboard .input-row--checkbox .input-row__hidden-control:focus+.input-row__control-container .apply-flow-input-checkbox,.input-row--checkbox .input-row__hidden-control:focus+.input-row__control-container .focused-with-keyboard .apply-flow-input-checkbox,.focused-with-keyboard .input-row__hidden-control:focus ~ .apply-flow-input-radio--focus-enabled,.focused-with-keyboard .input-row__hidden-control:focus ~ .apply-flow-input-checkbox--focus-enabled,.focused-with-keyboard .apply-flow-profile-import__file-upload:focus+.apply-flow-profile-import__button,.focused-with-keyboard .apply-flow-profile-import__file-upload.focused-with-keyboard+.apply-flow-profile-import__button,.focused-with-keyboard .apply-flow-profile-import-awli__file-upload:focus+.apply-flow-profile-import-awli__button,.focused-with-keyboard .apply-flow-profile-import-awli__file-upload.focused-with-keyboard+.apply-flow-profile-import-awli__button,.focused-with-keyboard *:focus+.location-bar-radius-unit-label,.focused-with-keyboard .location-bar-dropdown .ui-draggable:focus,.location-bar-dropdown .focused-with-keyboard .ui-draggable:focus,.focused-with-keyboard .cs-job-info__context-menu-button.oj-button-jqui.oj-focus-only.oj-button-full-chrome{outline:-webkit-focus-ring-color auto 5px}@-moz-document url-prefix(){.focused-with-keyboard .file-form-element__input:focus+label,.focused-with-keyboard *:focus,.focused-with-keyboard .cx-checkbox-input:focus+label,.focused-with-keyboard .cx-radio-input:focus+label,.focused-with-keyboard .input-row__hidden-control:focus+label,.focused-with-keyboard .input-row--checkbox .input-row__hidden-control:focus+.input-row__control-container .apply-flow-input-checkbox,.input-row--checkbox .input-row__hidden-control:focus+.input-row__control-container .focused-with-keyboard .apply-flow-input-checkbox,.focused-with-keyboard .input-row__hidden-control:focus ~ .apply-flow-input-radio--focus-enabled,.focused-with-keyboard .input-row__hidden-control:focus ~ .apply-flow-input-checkbox--focus-enabled,.focused-with-keyboard .apply-flow-profile-import__file-upload:focus+.apply-flow-profile-import__button,.focused-with-keyboard .apply-flow-profile-import__file-upload.focused-with-keyboard+.apply-flow-profile-import__button,.focused-with-keyboard .apply-flow-profile-import-awli__file-upload:focus+.apply-flow-profile-import-awli__button,.focused-with-keyboard .apply-flow-profile-import-awli__file-upload.focused-with-keyboard+.apply-flow-profile-import-awli__button,.focused-with-keyboard *:focus+.location-bar-radius-unit-label,.focused-with-keyboard .location-bar-dropdown .ui-draggable:focus,.location-bar-dropdown .focused-with-keyboard .ui-draggable:focus,.focused-with-keyboard .cs-job-info__context-menu-button.oj-button-jqui.oj-focus-only.oj-button-full-chrome{outline:1px solid rgba(91,157,217,0.7);outline-offset:-1px;box-shadow:0 0 5px 0 #5b9dd9;-moz-outline-radius:2px}}@media screen and (min-width: 0){.focused-with-keyboard .file-form-element__input:focus+label,.focused-with-keyboard *:focus,.focused-with-keyboard .cx-checkbox-input:focus+label,.focused-with-keyboard .cx-radio-input:focus+label,.focused-with-keyboard .input-row__hidden-control:focus+label,.focused-with-keyboard .input-row--checkbox .input-row__hidden-control:focus+.input-row__control-container .apply-flow-input-checkbox,.input-row--checkbox .input-row__hidden-control:focus+.input-row__control-container .focused-with-keyboard .apply-flow-input-checkbox,.focused-with-keyboard .input-row__hidden-control:focus ~ .apply-flow-input-radio--focus-enabled,.focused-with-keyboard .input-row__hidden-control:focus ~ .apply-flow-input-checkbox--focus-enabled,.focused-with-keyboard .apply-flow-profile-import__file-upload:focus+.apply-flow-profile-import__button,.focused-with-keyboard .apply-flow-profile-import__file-upload.focused-with-keyboard+.apply-flow-profile-import__button,.focused-with-keyboard .apply-flow-profile-import-awli__file-upload:focus+.apply-flow-profile-import-awli__button,.focused-with-keyboard .apply-flow-profile-import-awli__file-upload.focused-with-keyboard+.apply-flow-profile-import-awli__button,.focused-with-keyboard *:focus+.location-bar-radius-unit-label,.focused-with-keyboard .location-bar-dropdown .ui-draggable:focus,.location-bar-dropdown .focused-with-keyboard .ui-draggable:focus,.focused-with-keyboard .cs-job-info__context-menu-button.oj-button-jqui.oj-focus-only.oj-button-full-chrome{outline:0;box-shadow:0 0 5px 2px #5b9dd9}}*:focus{outline:none;box-shadow:none}.hidden-accessible-focus-fix{bottom:65536px}.ui-autocomplete{box-shadow:0 0 6px 0 rgba(0,0,0,0.24);position:absolute;padding:5px 0;background:#fff;z-index:150;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.suggestion-type{width:40px;display:inline-block;color:#adadad;text-align:center}.ui-menu{list-style:none;display:block;outline:none}.ui-menu .ui-menu-item{color:#333;cursor:pointer;font-weight:normal}.ui-menu .ui-menu-item-wrapper{padding:5px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{background:#ececec}.autocomplete-spinner{position:absolute;right:10px;top:10px;display:none}.ui-autocomplete-loading+.autocomplete-spinner{display:block}.ui-autocomplete-mark{color:#757575;font-weight:bold}.spinner{display:flex}.sk-fading-circle{width:5em;height:calc(5em + 4px);position:relative;align-self:center;margin:auto}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle::before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;animation:sk-circleFadeDelay 1.2s infinite both}.spinner--primary .sk-fading-circle .sk-circle::before{background-color:#2574a9}.sk-fading-circle .sk-circle2{transform:rotate(30deg)}.sk-fading-circle .sk-circle2::before{animation-delay:-1.1s}.sk-fading-circle .sk-circle3{transform:rotate(60deg)}.sk-fading-circle .sk-circle3::before{animation-delay:-1s}.sk-fading-circle .sk-circle4{transform:rotate(90deg)}.sk-fading-circle .sk-circle4::before{animation-delay:-.9s}.sk-fading-circle .sk-circle5{transform:rotate(120deg)}.sk-fading-circle .sk-circle5::before{animation-delay:-.8s}.sk-fading-circle .sk-circle6{transform:rotate(150deg)}.sk-fading-circle .sk-circle6::before{animation-delay:-.7s}.sk-fading-circle .sk-circle7{transform:rotate(180deg)}.sk-fading-circle .sk-circle7::before{animation-delay:-.6s}.sk-fading-circle .sk-circle8{transform:rotate(210deg)}.sk-fading-circle .sk-circle8::before{animation-delay:-.5s}.sk-fading-circle .sk-circle9{transform:rotate(240deg)}.sk-fading-circle .sk-circle9::before{animation-delay:-.4s}.sk-fading-circle .sk-circle10{transform:rotate(270deg)}.sk-fading-circle .sk-circle10::before{animation-delay:-.3s}.sk-fading-circle .sk-circle11{transform:rotate(300deg)}.sk-fading-circle .sk-circle11::before{animation-delay:-.2s}.sk-fading-circle .sk-circle12{transform:rotate(330deg)}.sk-fading-circle .sk-circle12::before{animation-delay:-.1s}@keyframes sk-circleFadeDelay{0%,66%,100%{opacity:0}33%{opacity:1}}.app-loading-spinner{position:fixed;top:calc(50% - .5em);left:calc(50% - .5em);font-size:15px;width:1em;height:1em;border-radius:50%;text-indent:-9999em;animation:load5 1.1s infinite ease;transform:translateZ(0)}@keyframes load5{0%,100%{box-shadow:0 -2.6em 0 0 #595959,1.8em -1.8em 0 0 rgba(89,89,89,0.2),2.5em 0 0 0 rgba(89,89,89,0.2),1.75em 1.75em 0 0 rgba(89,89,89,0.2),0 2.5em 0 0 rgba(89,89,89,0.2),-1.8em 1.8em 0 0 rgba(89,89,89,0.2),-2.6em 0 0 0 rgba(89,89,89,0.5),-1.8em -1.8em 0 0 rgba(89,89,89,0.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(89,89,89,0.7),1.8em -1.8em 0 0 #595959,2.5em 0 0 0 rgba(89,89,89,0.2),1.75em 1.75em 0 0 rgba(89,89,89,0.2),0 2.5em 0 0 rgba(89,89,89,0.2),-1.8em 1.8em 0 0 rgba(89,89,89,0.2),-2.6em 0 0 0 rgba(89,89,89,0.2),-1.8em -1.8em 0 0 rgba(89,89,89,0.5)}25%{box-shadow:0 -2.6em 0 0 rgba(89,89,89,0.5),1.8em -1.8em 0 0 rgba(89,89,89,0.7),2.5em 0 0 0 #595959,1.75em 1.75em 0 0 rgba(89,89,89,0.2),0 2.5em 0 0 rgba(89,89,89,0.2),-1.8em 1.8em 0 0 rgba(89,89,89,0.2),-2.6em 0 0 0 rgba(89,89,89,0.2),-1.8em -1.8em 0 0 rgba(89,89,89,0.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(89,89,89,0.2),1.8em -1.8em 0 0 rgba(89,89,89,0.5),2.5em 0 0 0 rgba(89,89,89,0.7),1.75em 1.75em 0 0 #595959,0 2.5em 0 0 rgba(89,89,89,0.2),-1.8em 1.8em 0 0 rgba(89,89,89,0.2),-2.6em 0 0 0 rgba(89,89,89,0.2),-1.8em -1.8em 0 0 rgba(89,89,89,0.2)}50%{box-shadow:0 -2.6em 0 0 rgba(89,89,89,0.2),1.8em -1.8em 0 0 rgba(89,89,89,0.2),2.5em 0 0 0 rgba(89,89,89,0.5),1.75em 1.75em 0 0 rgba(89,89,89,0.7),0 2.5em 0 0 #595959,-1.8em 1.8em 0 0 rgba(89,89,89,0.2),-2.6em 0 0 0 rgba(89,89,89,0.2),-1.8em -1.8em 0 0 rgba(89,89,89,0.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(89,89,89,0.2),1.8em -1.8em 0 0 rgba(89,89,89,0.2),2.5em 0 0 0 rgba(89,89,89,0.2),1.75em 1.75em 0 0 rgba(89,89,89,0.5),0 2.5em 0 0 rgba(89,89,89,0.7),-1.8em 1.8em 0 0 #595959,-2.6em 0 0 0 rgba(89,89,89,0.2),-1.8em -1.8em 0 0 rgba(89,89,89,0.2)}75%{box-shadow:0 -2.6em 0 0 rgba(89,89,89,0.2),1.8em -1.8em 0 0 rgba(89,89,89,0.2),2.5em 0 0 0 rgba(89,89,89,0.2),1.75em 1.75em 0 0 rgba(89,89,89,0.2),0 2.5em 0 0 rgba(89,89,89,0.5),-1.8em 1.8em 0 0 rgba(89,89,89,0.7),-2.6em 0 0 0 #595959,-1.8em -1.8em 0 0 rgba(89,89,89,0.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(89,89,89,0.2),1.8em -1.8em 0 0 rgba(89,89,89,0.2),2.5em 0 0 0 rgba(89,89,89,0.2),1.75em 1.75em 0 0 rgba(89,89,89,0.2),0 2.5em 0 0 rgba(89,89,89,0.2),-1.8em 1.8em 0 0 rgba(89,89,89,0.5),-2.6em 0 0 0 rgba(89,89,89,0.7),-1.8em -1.8em 0 0 #595959}}@keyframes isLoading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.scroll-top{border-radius:4px;position:fixed;bottom:10px;left:3%;height:47px;width:50px;padding-top:3px;background:rgba(0,0,0,0.55);color:#fff;text-align:center;opacity:0;visibility:hidden;cursor:default;transform:scale(0.4);transition:opacity 0.12s cubic-bezier(0.25, 0.25, 0, 1),visibility 0.12s}@media screen and (min-width: 768px){.scroll-top{left:calc(50% - 330px);height:37px;width:40px}}.scroll-top.active{display:block;opacity:1;visibility:visible;transform:scale(1);cursor:pointer}.scroll-top:hover{background:rgba(0,0,0,0.75)}.input-row .input-row__help-tooltip{position:absolute;top:calc(100% + 10px);box-sizing:border-box;display:flex;align-items:center;width:100%;padding:20px;border-radius:5px;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);animation:.4s slide-up-animation 1 forwards;z-index:2}.input-row .input-row__help-tooltip{top:auto;bottom:calc(100% + 10px);animation:.4s slide-down-animation 1 forwards}.input-row .input-row__help-tooltip-pointer{position:absolute;top:-10px;left:50%;width:20px;height:10px;margin-left:-10px;overflow:hidden}.input-row .input-row__help-tooltip-pointer::before{position:absolute;top:13px;right:0;bottom:0;left:0;width:14px;height:14px;margin:auto;transform:rotate(45deg);background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,0.1);content:'';display:block}.input-row .input-row__help-tooltip-pointer{top:auto;bottom:-10px;transform:rotate(180deg)}.input-row .input-row__help-tooltip-content{flex-grow:1;line-height:1.2;font-size:1rem}.input-row .input-row__help{display:inline-block;width:15px;height:15px;margin:0;padding:0;border:0;border-radius:50%;background-color:#80909f}.input-row .input-row__help::after{display:block;content:'\003F';color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:15px}.cx-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;background:none;cursor:pointer;border:1px solid;border-radius:3px;box-sizing:border-box;font-size:15px;padding:10px 1em;text-align:center;transition:background .2s;letter-spacing:1.6px;max-width:100%;vertical-align:top}.cx-button.cx-button--disabled{background:#efefef;color:#646464}.cx-button.cx-button--disabled:hover,.cx-button.cx-button--disabled:focus{background:#efefef;color:#646464}.cx-button--primary,.admin-button--primary{background:#2574a9;color:#fff;border-color:transparent}.cx-button--primary:hover,.cx-button--primary:focus,.admin-button--primary:hover,.admin-button--primary:focus,.primary-button--active{color:#fff;background:#2a82be}.cx-button--secondary,.admin-button--secondary{background:#fff;color:#333;border-color:#c4c4c4}.cx-button--secondary:hover,.cx-button--secondary:focus,.admin-button--secondary:hover,.admin-button--secondary:focus{color:#333;background:#f2f2f2}.cx-button--transparent{background:transparent;border:0;max-width:none}.cx-button--transparent.cx-button--disabled{background:transparent}.cx-button--transparent.cx-button--disabled:hover,.cx-button--transparent.cx-button--disabled:focus{background:transparent}.admin-button--primary{background:#24a1ce}.admin-button--primary:hover,.admin-button--primary:focus{background:#31aedb}.admin-button--secondary{background:#fff}.admin-button--secondary:hover,.admin-button--secondary:focus{background:#f2f2f2}.checkbox-label{cursor:pointer;line-height:20px;display:flex;align-items:flex-start;align-content:flex-start}.cx-checkbox-input{clip:rect(0, 0, 0, 0);position:absolute}.cx-checkbox{color:#000;border:1px solid #545454;cursor:pointer;height:16px;line-height:16px;width:16px;margin:0 12px 0 0;text-align:center;flex-shrink:0}input:checked+.cx-checkbox-label .cx-checkbox{background-color:#2574a9}.cx-checkbox-label{cursor:pointer;line-height:20px}.cx-checkbox-label-flex{display:flex;align-items:flex-start;align-content:flex-start;width:100%}.cx-radio-input{clip:rect(0, 0, 0, 0);position:absolute}.cx--radio-button{font-size:20px;margin-right:12px;line-height:1}.cx--radio-button.icon-radio-button-unchecked{color:#bababa}.cx--radio-button.icon-radio-button-checked{color:#2574a9}.cx--radio-button::before{margin:0;padding:0}.cx-radio-label-inline-flex{display:inline-flex;cursor:pointer;padding:1px 0;align-items:flex-start;width:100%}.cx-radio-label-dq{margin:0 5px 0 0}.cx-radio-label-dq .cx--radio-button{margin-right:8px}.cx-overlay{background-color:rgba(0,0,0,0.75);position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}.cx-overlay__wrapper{position:absolute;top:0;left:-100px}.indeterminate-progress-bar__container{width:100%;margin:auto;max-width:450px;height:3px;border-radius:5px;background:#dfdfdf;position:relative;overflow:hidden}.indeterminate-progress-bar__line{height:100%;background:#2574a9;width:120%;position:absolute;left:0;animation:isLoading 2.5s infinite cubic-bezier(0.19, 1, 0.22, 1)}@keyframes isLoading{0%{left:-120%}100%{left:101%}}.inline-spinner{display:inline-block;position:relative;margin:0 .8em}.inline-spinner--right{text-align:right}html:not([dir="rtl"]) .inline-spinner--right{margin:0 0 0 1.76em}html[dir="rtl"] .inline-spinner--right{margin:0 1.76em 0 0}.inline-spinner--left{text-align:left}html:not([dir="rtl"]) .inline-spinner--left{margin:0 1.76em 0 0}html[dir="rtl"] .inline-spinner--left{margin:0 0 0 1.76em}.inline-spinner__label{transition:transform .4s;transform:translateX(0);display:inline-block}.inline-spinner--loading .inline-spinner__label{transform:translateX(-.8em)}.inline-spinner--loading.inline-spinner--left .inline-spinner__label{transform:translateX(0)}.inline-spinner--loading.inline-spinner--right .inline-spinner__label{transform:translateX(-1.76em)}.inline-spinner__icon-wrapper{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;opacity:0;visibility:hidden;transform:translateX(0);transition:transform .4s, opacity .4s, visibility .4s;width:1.1em}.inline-spinner--loading .inline-spinner__icon-wrapper{opacity:1;visibility:visible;transform:translateX(.8em)}.inline-spinner--loading.inline-spinner--left .inline-spinner__icon-wrapper{transform:translateX(1.76em)}.inline-spinner--loading.inline-spinner--right .inline-spinner__icon-wrapper{transform:translateX(0)}@keyframes rotate-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.inline-spinner__icon{animation:rotate-spinner .6s linear infinite;font-size:1.1em}.inline-spinner__icon::before{line-height:2em;width:auto;margin:0}.cx-notifications{top:122px;right:20px}.cx-notifications{position:fixed;width:500px;z-index:2000;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .8s, visibility .8s, opacity .8s}.cx-notifications--active{visibility:visible;opacity:1;transform:translateX(0)}@media screen and (max-width: 767px){.cx-notifications{width:100%;max-width:500px;top:inherit;margin:0 auto;left:0;right:0;bottom:20px;transform:translateY(100%)}.cx-notifications--active{transform:translateY(0)}.cx-notifications .cx-notification__list{margin:0 15px}}.cx-notifications__item{margin:10px 0 0;background:#aaa;color:#fff;padding:20px;border-radius:8px;display:flex;align-items:center;font-size:13px;opacity:1;visibility:visible;transition:opacity .4s, visibility .4s}.cx-notifications__item--success{background:#40806a}.cx-notifications__item--error{background:#dc2a2a}.cx-notifications__item--dismiss{opacity:0;visibility:hidden}.cx-notifications__item-message{font-size:16px;padding:0 20px;flex:1 1 auto}.cx-notifications__item-icon{flex:0 0 auto;height:26px;width:26px;text-align:center;line-height:26px;background:#fff;border-radius:50%;font-size:12px}.cx-notifications__item--success .cx-notifications__item-icon{color:#40806a}.cx-notifications__item--error .cx-notifications__item-icon{color:#dc2a2a}.cx-notifications__remove-item{color:#fff;opacity:.5;flex:0 0 auto;background:transparent;border:0;transition:opacity .2s}.cx-notifications__remove-item:hover{opacity:1}.month-picker{position:relative;margin:0}.picker-container{position:absolute;left:0;top:30px;box-shadow:2px 2px 5px 0 rgba(50,50,50,0.75);width:calc(100% - 2px);border:1px solid #545454;background:#fff;z-index:110}.picker-container .year{width:100%;text-align:center;padding-bottom:5px;padding-top:5px;height:50px;display:flex;justify-content:center;align-items:center;position:relative}.picker-container .year .arrow{position:absolute;background:transparent;border:0;height:calc(100% - 1px);top:0;font-size:24px;color:#c4c4c4}.picker-container .year .arrow:focus{outline:1px dotted #000}.picker-container .year .arrow:hover{color:#1f1f1f}.picker-container .year .arrow--left{left:0}.picker-container .year .arrow--right{right:0}.picker-container .year .month-picker-year-select{height:20px;width:100px;border:1px solid #c4c4c4;border-radius:2px;text-align:center;-moz-appearance:textfield}.picker-container .year .month-picker-year-select:focus{outline:1px dotted #000}.picker-container .year .month-picker-year-select::-webkit-inner-spin-button,.picker-container .year .month-picker-year-select::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.picker-container .month-list{background:rgba(0,0,0,0);list-style-type:none;overflow:hidden}.picker-container .month-row{box-sizing:border-box;float:left;height:50px;width:25%;border:0}.picker-container .month-row:nth-of-type(4n+1) .month{border-left:0}.picker-container .month-row .month{border:0;border-top:1px solid #c4c4c4;border-left:1px solid #c4c4c4;background-color:rgba(0,0,0,0);height:100%;text-align:center;width:100%;font-weight:900;padding:0}.picker-container .month-row .month:hover,.picker-container .month-row .month:focus{background-color:#4a4a4a;color:#fff;border:0;outline:none;box-shadow:none}.picker-container .month-row .selected-month{background-color:#4a4a4a;color:#fff;outline:none;border:0}.menu{background-color:#fff;position:fixed;z-index:80}.menu .arrow-up{height:20px;overflow:hidden;position:relative}.menu .arrow-up::after{box-shadow:-1px -1px 10px -2px rgba(0,0,0,0.5);background-color:#fff;content:'';height:20px;left:50%;margin-left:-10px;position:absolute;top:10px;transform:rotate(45deg);width:20px;z-index:90}.menu .menu-options{box-shadow:0 0 10px 0 rgba(50,50,50,0.5);border:1px #808080;border-radius:3px;box-sizing:border-box;font-weight:400;list-style:none;padding:10px}.menu .option{background-color:#fff;border-radius:3px}.menu .option .menu-option{color:#000;cursor:pointer;display:block;font-size:16px;padding:10px 8px}.menu .option .selected{color:#c35100}.menu .option:focus,.menu .option:hover{background-color:#c35100}.menu .option:focus .menu-option,.menu .option:hover .menu-option{color:#fff}.menu-wrapper{display:inline-block;margin:0;padding:0}.modal-spinner{width:100vw;height:100vh;padding:50px 23px 40px;overflow:hidden;background-color:#fff;box-sizing:border-box}@media screen and (min-width: 768px){.modal-spinner{width:400px;height:auto;box-sizing:content-box;padding:25px;box-shadow:0 0 7px 0 rgba(255,255,255,0.25)}}.modal-spinner .sk-circle::before{background-color:#2574a9}.modal-spinner-message{color:#9a9a9a;text-align:center;margin:25px 0 0}.cx-overlay--spinner{background-color:rgba(0,0,0,0.25)}.home-page{min-height:calc(100vh - 156px);height:calc(100vh - 156px);display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding-top:106px}@media screen and (min-width: 768px){.home-page{min-height:calc(100vh - 117px);height:calc(100vh - 117px);padding-top:67px}}.home-page .view-all-jobs-button{width:50vw}@media screen and (max-width: 767px){.home-page .view-all-jobs-button{min-width:0}}@media screen and (min-width: 768px){.home-page .view-all-jobs-button{width:auto;min-width:440px}}.home-page--with-custom-header{padding-top:0}.welcome-text{color:#fff;font-size:3.5em;font-weight:400;margin:-.5em 0 .3em;text-align:center;max-width:100%}@media screen and (min-width: 768px){.welcome-text{font-size:7.5em;font-weight:200}}@media screen and (max-width: 767px){.welcome-text{margin-top:.5em}}.cc-element .welcome-text{padding:0}.navigation-languages{align-items:center;display:flex;height:100%;list-style-type:none;margin:0 8px}.navigation-language{color:#777;margin:8px}.navigation-language--active{font-weight:bold}.view-all-jobs-button{display:inline-block;box-sizing:border-box;width:auto;min-width:340px;padding:10px;border:1px solid #fff;border-radius:3px;font-size:1.1em;font-weight:bold;text-align:center;color:#fff;background:rgba(0,0,0,0.5);text-transform:uppercase}.view-all-jobs-button:hover{color:#fff;background:rgba(0,0,0,0.7)}.cx-footer-container--job-preview{margin-right:60%}@media screen and (max-width: 1023px){.cx-footer-container--job-preview{display:block;margin-right:0}}@media screen and (min-width: 1480px){.cx-footer-container--job-preview{margin-right:50%}}@media screen and (min-width: 1920px){.cx-footer-container--job-preview{margin-right:43%}}@media screen and (min-width: 768px){.cx-footer-container--opened-filters{margin-left:300px}}.cx-footer{flex-flow:row wrap;align-content:center;justify-content:center;padding:50px;background-color:#3b4151}@media screen and (max-width: 767px){.cx-footer{padding:30px}}@media print, screen and (min-width: 1024px){.cx-footer{padding:30px 0}}@media print{.cx-footer{width:100%;padding:50px 0;background-color:#fff}}.cx-footer .cx-footer__section{margin:18px 28px;padding-bottom:18px}@media print{.cx-footer .cx-footer__section{margin:0 20px}}.cx-footer .cx-footer__section-title{margin:0 0 24px;line-height:1.2em;font-size:15px;font-weight:600;color:#fff}@media screen and (min-width: 768px) and (max-width: 1023px){.cx-footer .cx-footer__section-title{margin-bottom:10px;font-size:14px}}@media print{.cx-footer .cx-footer__section-title{color:#000}}.cx-footer .cx-footer__section-link{font-size:14px;color:#fff;line-height:14px}.cx-footer .links-list{list-style:none}@media screen and (max-width: 1023px){.cx-footer .links-list{display:flex;flex-wrap:wrap;justify-content:center}}.cx-footer .links-list__entry{margin:0 10px 10px;font-size:15px;font-weight:600;color:#d8d8d8;line-height:1.1}@media screen and (max-width: 1023px){.cx-footer .links-list__entry{text-align:center}}@media print, screen and (min-width: 1024px){.cx-footer .links-list__entry{color:#fff;margin-right:20px;font-size:14px;white-space:nowrap;font-weight:normal}}@media print{.cx-footer .links-list__entry{color:#000}}.cx-footer .links-list__link{color:inherit;padding:0 5px}.cx-footer--desktop{display:none;padding-top:40px}@media print, screen and (min-width: 1024px){.cx-footer--desktop{display:flex}}.cx-footer--mobile{display:flex}@media print, screen and (min-width: 1024px){.cx-footer--mobile{display:none}}.add-this-inline-follow p{margin:0 0 38px;line-height:1.2em;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;color:#fff}.safari-bottom-bar-spacer{padding-bottom:44px}.skip-navigation-link{position:fixed;top:0;left:0;z-index:1001;transition:transform .5s;transform:translateY(0)}.skip-navigation-link:not(:focus){transform:translateY(-1000%)}.unsupported-browser-message-overlay{position:fixed;display:block;width:100%;min-height:100%;background-color:#f6f6f6}.unsupported-browser-message{position:absolute;top:0;right:0;bottom:0;left:0;max-width:600px;max-height:100px;margin:auto;padding:150px;text-align:center;background-color:#fff}.unsupported-browser-message .unsupported-browser-message-title{font-size:32px;font-weight:bold;margin-bottom:20px}.unsupported-browser-message .unsupported-browser-message-content{color:#999}@media screen and (min-width: 768px){.cookie-consent__bar{width:100%;display:flex;min-height:40px;align-items:center}}.cookie-consent__bar-wrapper{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);color:#fff;z-index:1500;padding:10px 17px;will-change:transform}@media screen and (min-width: 768px){.cookie-consent__bar-wrapper{display:flex;padding:10px 35px}}.cookie-consent__abstract{font-size:14px}@media screen and (min-width: 768px){.cookie-consent__abstract{flex:1 1 auto}html:not([dir="rtl"]) .cookie-consent__abstract{padding-right:2em}html[dir="rtl"] .cookie-consent__abstract{padding-left:2em}}.cookie-consent__actions{text-align:center;padding:10px 0 0}@media screen and (min-width: 768px){.cookie-consent__actions{padding-top:0}html:not([dir="rtl"]) .cookie-consent__actions{text-align:right}html[dir="rtl"] .cookie-consent__actions{text-align:left}}@media screen and (min-width: 768px){.cookie-consent__actions-wrapper{flex:0 0 auto}html:not([dir="rtl"]) .cookie-consent__actions-wrapper{text-align:right;margin-right:-20px}html[dir="rtl"] .cookie-consent__actions-wrapper{text-align:left;margin-left:-20px}}.cookie-consent__read-more{border:0;background:none;color:inherit;padding:0}.cookie-consent__read-more::after{content:'';display:block;border-bottom:1px solid #fff}.cookie-consent__button{border:1px solid transparent;border-radius:3px;background:none;color:inherit;padding:4px 10px;margin:10px 10px 0;font-size:15px}@media screen and (min-width: 768px){.cookie-consent__button{margin-top:0;font-size:16px}}.cookie-consent__button:hover{border-color:rgba(255,255,255,0.4)}.cookie-consent__button--primary{font-weight:600}.cookie-consent__popup-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;background:rgba(255,255,255,0.4);overflow:auto}@media screen and (min-width: 768px){.cookie-consent__popup-wrapper{display:flex;align-items:center;justify-content:center}}.cookie-consent__popup{width:100%;max-width:900px;background:#fff;box-shadow:0 0 10px rgba(120,120,120,0.4);box-sizing:border-box;padding:20px;font-size:16px}@media screen and (min-width: 768px){.cookie-consent__popup{padding:50px;width:90%}}.cookie-consent__popup .oj-dialog-header-close-wrapper{position:absolute;top:0;float:none}html:not([dir="rtl"]) .cookie-consent__popup .oj-dialog-header-close-wrapper{right:0;margin:0}html[dir="rtl"] .cookie-consent__popup .oj-dialog-header-close-wrapper{left:0;margin:0}.cookie-consent__popup-header{text-align:center;font-size:1.65em;margin:-20px -20px 10px;padding:20px 20px 0}@media screen and (min-width: 768px){.cookie-consent__popup-header{margin:-50px -50px 10px;padding:50px 50px 0}}.cookie-consent__popup-body{padding:0}.cookie-consent__details{line-height:1.5}@media screen and (min-width: 768px){.cookie-consent__details{max-height:50vh;overflow:auto}}.cookie-consent__details-buttons{display:flex;justify-content:space-between;flex-wrap:wrap;margin:40px 0 0}@media screen and (min-width: 768px){.cookie-consent__details-buttons{flex-wrap:nowrap}}.cookie-consent__details-buttons .cx-button{width:100%;margin-top:10px}@media screen and (min-width: 768px){.cookie-consent__details-buttons .cx-button{width:auto}.cookie-consent__details-buttons .cx-button:first-child:last-child{margin:0 auto;flex:1 1 auto}.cookie-consent__details-buttons .cx-button:first-child:nth-last-child(2),.cookie-consent__details-buttons .cx-button:first-child:nth-last-child(2) ~ *{flex-basis:49.5%}}.oj-component-overlay{background-color:#e9eff3;opacity:.5}.cx-dialog{border:1px solid #d8e3e9;border-radius:0;box-shadow:0 0 2px #d8e3e9;box-sizing:border-box}.cx-dialog-body{align-items:center;display:flex;flex-direction:column;justify-content:center}.cx-dialog-body .material-link{color:#24a1ce;font-size:12px;font-weight:bold;line-height:14px}.cx-dialog-header{font-size:30px;line-height:37px;font-weight:600}.cx-dialog-subheader{font-size:18px;line-height:22px}.cx-dialog-text{color:#999;font-size:13px;line-height:15px}.cx-dialog-footer{align-content:center;align-items:center;border-color:#e9eff3;box-sizing:border-box;display:flex;height:91px;justify-content:space-between}.admin .cx-dialog-body{background:#f9f9f9}.cx-context-menu{display:none;background:#fff;border:0;border-radius:5px;z-index:10;padding:10px 20px;min-width:100px;text-align:right}html:not([dir="rtl"]) .cx-context-menu>.oj-menu-item>a{padding:7px 20px;line-height:inherit;color:inherit}html:not([dir="rtl"]) .cx-context-menu .cx-context-menu__item-button{height:auto}.cx-context-menu.oj-component{box-shadow:0 0 18px rgba(0,0,0,0.35)}.cx-context-menu__item{white-space:nowrap;margin:0 -20px}.cx-context-menu__item-button{border:0;background:none;color:inherit;display:block;padding:7px 20px;width:100%;text-align:inherit;font-weight:inherit}@media screen and (max-width: 767px){.cx-context-menu__item-button{text-align:center}}.basic-formatter i{font-style:italic}.basic-formatter b,.basic-formatter strong{font-weight:700}.basic-formatter u{text-decoration:underline}.basic-formatter ul{list-style:inside disc;padding:0;margin-left:0}.basic-formatter ul ul{padding-left:1.5em;list-style-type:circle}.basic-formatter ol{list-style:inside decimal;padding:0;margin-left:0}.basic-formatter ol ol{padding-left:1.5em}.basic-formatter a{text-decoration:underline}.basic-formatter *+ul,.basic-formatter *+ol,.basic-formatter *+div,.basic-formatter *+p{margin-top:1em}.apply-flow{min-height:100vh;position:relative}@media screen and (max-width: 1023px){.apply-flow .apply-flow__header-wrapper--navigation-visible,.apply-flow .apply-flow__content-wrapper--navigation-visible{filter:blur(10px);transition:filter .3s linear}}.apply-flow__content{background-color:#fff;padding:75px 0;margin:0 23px}.apply-flow-section{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto}.apply-flow-page{background-color:#fff;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.apply-flow__content{padding-bottom:75px}@media screen and (min-width: 768px){.apply-flow__content{margin:0 70px}}.apply-flow-block{display:block}.apply-flow-block__title{font-weight:bold;text-align:center;text-transform:uppercase;position:relative}.apply-flow-block__instructions{text-align:center;line-height:1.75em}.apply-flow-block__instructions--empty{margin:50px auto 25px}.apply-flow-block--timeline{max-width:900px}.apply-flow-block--summary{max-width:none;padding:0}.apply-flow-block--profile-import{padding-bottom:5px}.apply-flow-block__error-message{font-size:14px;color:#dd1d1d;margin:30px auto 50px;text-align:center}.apply-flow-block{max-width:400px;margin:0 auto 60px;padding:0}.apply-flow-block__title{font-size:14px;margin:25px auto}.apply-flow-profile-import--success .apply-flow-block__header{display:none}.apply-flow-block--apply-flow-e-signature .apply-flow-block__header{max-width:400px}.apply-flow-block--agreements .apply-flow-block__form-list,.apply-flow-block--apply-flow-e-signature .apply-flow-block__form-list{width:100%;max-width:440px}.apply-flow-block__component{margin:10px 0;padding:10px 20px}.apply-flow-block__instructions{font-size:14px;margin:30px auto 60px;text-align:center;line-height:1.75em}.apply-flow-block__title,.apply-flow-block__instructions{color:#1b1921}.apply-flow-block__instructions--empty{margin:50px auto 25px}.apply-flow-block--timeline{max-width:900px}.apply-flow-block--summary{max-width:none;padding:0}.apply-flow-block--profile-import{padding-bottom:5px}.apply-flow-block--work-and-education{max-width:none;padding:0}.apply-flow-block--work-and-education .apply-flow-block,.apply-flow-block--work-and-education .apply-flow-block__instructions{max-width:400px}.apply-flow-block--work-and-education .apply-flow-block__title{font-weight:600;position:relative;color:#707070}.apply-flow-block--work-and-education .apply-flow-block__title::before{content:'';border-top:2px solid #ccc;position:absolute;top:8px;left:0;right:0}.apply-flow-block--work-and-education .apply-flow-block__title-content{position:relative;background-color:#fff;padding:0 20px}.apply-flow-block--work-and-education .apply-flow-block__instructions{margin-top:37px;margin-bottom:37px}.apply-flow-block--agreements,.apply-flow-block--apply-flow-e-signature{background:#f7f7f7;margin:5px 0;box-sizing:border-box;width:100%;max-width:100%;display:flex;justify-content:center}.apply-flow-block--apply-flow-e-signature{flex-direction:column;align-items:center}.apply-flow-block__error-message{margin:30px auto 50px}.apply-flow-dialog__button{background:none;cursor:pointer;border:1px solid;box-sizing:border-box;font-size:14px;padding:16px 23px;text-align:center;text-transform:uppercase;transition:background .2s}.apply-flow-dialog__button--link{background:#fff;border-color:transparent;color:#2574a9;text-transform:none;padding:5px}.apply-flow-dialog__button--link:hover,.apply-flow-dialog__button--link:focus{color:#2574a9}.apply-flow-dialog__header{color:#1b1921;font-size:30px;font-weight:300;text-align:center;margin:0}.apply-flow-dialog__content{margin:32px auto}@media screen and (min-width: 768px){.apply-flow-dialog__content{width:75%;max-width:650px}}.apply-flow-dialog__form{max-width:400px;margin:60px auto}.apply-flow-dialog__form--invalid .input-row__control-container .input-row__control{border-color:#dd1d1d}.apply-flow-dialog__text{font-size:14px;text-align:center;line-height:1.66em;margin:1em auto;color:#707070;display:block}html:not([dir="rtl"]) .apply-flow-dialog__text--no-align{text-align:left}html[dir="rtl"] .apply-flow-dialog__text--no-align{text-align:right}.apply-flow-dialog__footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:35px -5px 0}.apply-flow-dialog__button{border-radius:6px;flex:0 1 auto;width:400px;max-width:400px;margin:10px 5px 0;height:54px}@media screen and (max-width: 767px){.apply-flow-dialog__button{width:100%}}.apply-flow-dialog__button--primary{background:#2574a9;border-color:transparent;color:#fff}.apply-flow-dialog__button--primary:hover,.apply-flow-dialog__button--primary:focus{color:#fff;background:#2a82be}.apply-flow-dialog__button--primary:disabled{background:#f5f5f5;color:#707070}.apply-flow-dialog__button--primary:disabled:hover,.apply-flow-dialog__button--primary:disabled:focus{background:#f5f5f5;color:#707070}.apply-flow-dialog__button--secondary{background:#fff;color:#2574a9}.apply-flow-dialog__button--secondary:hover,.apply-flow-dialog__button--secondary:focus{color:#fff;background:#2a82be;border:0}.apply-flow-esign__description{display:block;color:#1b1921}.apply-flow-header{background-color:#1b1921;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:"Open Sans","Open Sans",Helvetica,Arial,sans-serif;min-height:158px;width:100%;transition:opacity .3s, visibility .3s;z-index:15;position:relative}@media screen and (min-width: 768px){.apply-flow-header{padding:0 40px}}.apply-flow-header--pinned{align-items:center;border:0;flex-direction:row;min-height:70px;position:fixed;opacity:0;visibility:hidden;z-index:10;top:0;will-change:transform}.apply-flow-header--pinned-visible{opacity:1;visibility:visible;transition:opacity .6s}@media screen and (min-width: 768px){.apply-flow-header:not(.apply-flow-header--pinned){min-height:186px}}.apply-flow-header__nav{align-items:center;display:flex;justify-content:space-between}.apply-flow-header__nav-logo{width:150px;margin-left:13px}.apply-flow-header--pinned .apply-flow-header__nav-logo{display:none}@media screen and (min-width: 768px){.apply-flow-header--single-click .apply-flow-header__nav-logo{display:block}}.apply-flow-header__nav-close{display:flex;justify-content:flex-end}.apply-flow-header__nav-link{align-items:center;display:flex;font-size:12px;height:70px;justify-content:center;min-width:70px;color:#2574a9;background:none;border:0;padding:0}.apply-flow-header__nav-link::before{font-size:13px;margin:0 3px}.apply-flow-header__content{align-items:center;display:flex;flex:1 1 auto;justify-content:center}.apply-flow-header__job-details{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding:13px 30px;max-width:100%;min-width:0;text-align:center}.apply-flow-header__job-details--pinned{padding:0}@media screen and (max-width: 767px){.apply-flow-header__job-details--single-click{align-items:normal;padding-left:23px}}.apply-flow-header__job-details--pinned:not(.apply-flow-header__job-details--single-click){display:none}@media screen and (min-width: 768px){.apply-flow-header__job-details--pinned:not(.apply-flow-header__job-details--single-click){display:flex;align-items:flex-start;max-width:calc(50% - 60px);padding-right:45px}}@media screen and (min-width: 768px){.apply-flow-header__job-details{padding-left:70px;padding-right:70px}.apply-flow-header__job-details:not(.apply-flow-header__job-details--pinned){align-self:center;max-width:750px}}.apply-flow-header__job-title{font-size:30px;font-weight:lighter;margin:0}.apply-flow-header__job-title--pinned{font-size:18px}@media screen and (max-width: 767px){.apply-flow-header__job-title--pinned{text-align:left}}.apply-flow-header__job-location{font-size:12px;font-weight:normal;margin:8px 0}@media screen and (min-width: 768px){.apply-flow-header__job-location{margin:5px 0}}.apply-flow-header__job-location::before{font-size:18px;margin:-1px 0 0;text-indent:-6px;vertical-align:middle}.apply-flow-header__information{font-size:12px;font-weight:normal;margin:8px 0}@media screen and (min-width: 768px){.apply-flow-header__information{margin:5px 0}}.apply-flow-header__navigation{display:flex;flex:1 1 auto;justify-content:center}.apply-flow-header__navigation--pinned{justify-content:flex-start;padding-left:23px}@media screen and (min-width: 768px){.apply-flow-header__navigation--pinned{padding-left:0}}@media screen and (min-width: 768px){.apply-flow-header__navigation:not(.apply-flow-header__navigation--pinned){padding-top:15px}}.agreements-dialog{width:100%;height:100%;padding:20px;background-color:#fff;box-shadow:0 0 7px 0 rgba(255,255,255,0.75);display:flex;flex-direction:column;box-sizing:border-box}@media screen and (min-width: 768px){.agreements-dialog{width:90%;max-width:900px;height:600px;padding:80px 80px 40px}}.agreements-dialog__header{flex:0 0 auto;text-align:center;padding:0 0 20px}@media screen and (min-width: 768px){.agreements-dialog__header{padding:0 0 40px;position:relative}}.agreements-dialog__footer{flex:0 0 auto;text-align:center;padding:40px 0 0}@media screen and (min-width: 768px){.agreements-dialog__footer{padding:60px 0 0}}.agreements-dialog__headline{margin:0;color:#1b1921;font-size:30px;font-weight:300}@media screen and (max-width: 767px){.agreements-dialog__headline{font-size:18px;margin:15px 0}}.agreements-label-text{cursor:text}.agreements-dialog__content{box-sizing:border-box;font-size:14px;line-height:1.7em;overflow-y:auto;flex:1 1 auto}.agreements-dialog__agree-button{width:100%;max-width:400px}@media screen and (max-width: 767px){.agreements-dialog__agree-button{height:48px}}.agreements-dialog__agree-button:last-child{margin:auto}.agreements-dialog__back-link{display:flex;align-items:center;justify-content:center;color:#2574a9;margin:auto;border:none;background:none;cursor:pointer;padding:15px}@media screen and (min-width: 768px){.agreements-dialog__back-link{position:absolute;top:-68px;right:-68px}.agreements-dialog__back-link::before{content:"\f108";color:#a6a6a6}}.agreements-dialog__back-link-text{margin-left:5px}@media screen and (min-width: 768px){.agreements-dialog__back-link-text{display:none}}.agreements-label-text-link{cursor:pointer;color:#2574a9}.apply-flow-page-list{list-style:none;padding:0}.apply-flow-page-header{display:none}@media print, screen and (min-width: 1024px){.apply-flow-page-header{display:block}}.apply-flow-mobile-header{display:block}@media print, screen and (min-width: 1024px){.apply-flow-mobile-header{display:none}}.apply-flow-pagination{padding:0}.apply-flow-pagination__buttons{display:flex}.apply-flow-pagination__error-message{box-sizing:border-box;width:100%;text-align:center;color:#dd1d1d}.apply-flow-pagination{margin-top:30px;position:relative}.apply-flow-pagination__error-message{padding:16px}.apply-flow-pagination__buttons{justify-content:center}@media screen and (max-width: 767px){.apply-flow-pagination__buttons{flex-direction:column-reverse}}@media screen and (max-width: 767px){.apply-flow-pagination__button,.apply-flow-pagination__submit-button{margin:10px 0 0;flex:1 1;min-width:100%}}.apply-flow-section{flex:1 1 1150px;max-width:1150px}@media screen and (max-width: 767px){.apply-flow-section{max-width:100vw}}.apply-flow-section__trainstop-name{text-transform:uppercase;text-align:center;font-size:30px;font-weight:bold;margin:120px auto 100px;padding-bottom:30px;line-height:30px;position:relative;color:#1b1921}.apply-flow-section__trainstop-name::after{content:'';width:50px;height:1px;background:#2574a9;position:absolute;bottom:0;left:calc(50% - 50px / 2)}.apply-flow-navigation-multipage{display:inline-flex;flex-wrap:nowrap}.apply-flow--legal-disclaimer-visible .apply-flow-navigation-multipage{display:none}.apply-flow-navigation-multipage .apply-flow-navigation-sections{display:flex;flex-wrap:nowrap;align-items:center;height:48px;list-style-type:none}.apply-flow-navigation-multipage .apply-flow-navigation-section{width:10px;height:10px;margin:0 7px}.apply-flow-navigation-multipage .apply-flow-navigation-section__link{display:block;width:10px;height:10px;border-radius:50%;border:1px solid;color:#707070;background-color:transparent;cursor:default}.apply-flow-navigation-multipage .apply-flow-navigation-section__link--active{color:#707070;background-color:#707070;cursor:pointer}.apply-flow-navigation-multipage .apply-flow-navigation-section__link--has-errors{line-height:10px;font-size:8px;text-align:center;color:#dd1d1d;background-color:#dd1d1d}.apply-flow-navigation-multipage .apply-flow-navigation-section__link--has-errors::before{color:#fff}.apply-flow-navigation-multipage .apply-flow-navigation-section__link--current{color:#2574a9;background-color:#2574a9;cursor:pointer}.apply-flow-navigation-multipage .apply-flow-navigation-section__link--current::before{display:none}.apply-flow-navigation-singlepage{position:fixed;top:50%;right:0;display:block;padding:20px 0 20px 20px;z-index:2;transform:translate(0, -50%);will-change:transform}.apply-flow--legal-disclaimer-visible .apply-flow-navigation-singlepage{display:none}.apply-flow-navigation-singlepage::before{content:'';display:block;border-radius:50% 0 0 50%;color:#fff;background:currentColor;box-shadow:0 0 100px 100px currentColor;position:absolute;top:50%;bottom:0;right:0;height:150px;width:150px;margin:-75px 0 0;visibility:hidden;opacity:0;transform:scale(0.2);transform-origin:100% 50%;transition:opacity .6s, visibility .6s, transform .6s}@media screen and (max-width: 1023px){.apply-flow-navigation-singlepage::before{display:none}}.apply-flow-navigation-singlepage:hover::before{visibility:visible;opacity:.95;transform:scale(1)}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section__name{max-width:500px;opacity:1;visibility:visible}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(1n) .apply-flow-navigation-section__name{transition-delay:.06s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(2n) .apply-flow-navigation-section__name{transition-delay:.12s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(3n) .apply-flow-navigation-section__name{transition-delay:.18s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(4n) .apply-flow-navigation-section__name{transition-delay:.24s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(5n) .apply-flow-navigation-section__name{transition-delay:.3s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(6n) .apply-flow-navigation-section__name{transition-delay:.36s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(7n) .apply-flow-navigation-section__name{transition-delay:.42s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(8n) .apply-flow-navigation-section__name{transition-delay:.48s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(9n) .apply-flow-navigation-section__name{transition-delay:.54s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(10n) .apply-flow-navigation-section__name{transition-delay:.6s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(11n) .apply-flow-navigation-section__name{transition-delay:.66s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(12n) .apply-flow-navigation-section__name{transition-delay:.72s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(13n) .apply-flow-navigation-section__name{transition-delay:.78s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(14n) .apply-flow-navigation-section__name{transition-delay:.84s}.apply-flow-navigation-singlepage:hover .apply-flow-navigation-section:nth-child(15n) .apply-flow-navigation-section__name{transition-delay:.9s}.apply-flow-navigation-singlepage .apply-flow-navigation-sections{display:flex;flex-direction:column;list-style-type:none}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link{position:relative;display:block;height:14px;padding:5px 50px 5px 0;cursor:pointer}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link::before{position:absolute;top:50%;right:0;display:block;width:10px;height:10px;margin-right:20px;border-radius:50%;transform:translate(0, -50%);content:''}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link:hover{color:#2574a9}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link:hover::before{background-color:#2574a9}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link--active{color:#2574a9}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link--active::before{background-color:#2574a9}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link--active::after{position:absolute;top:50%;right:0;display:block;width:14px;height:14px;margin-right:17px;border:1px solid;color:#2574a9;border-radius:50%;transform:translate(0, -50%);background-color:transparent;content:''}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link.apply-flow-navigation-section__link--has-errors::before{line-height:10px;font-size:8px;text-align:center;color:#fff;background-color:#dd1d1d}.apply-flow-navigation-singlepage .apply-flow-navigation-section__name{display:block;float:right;height:14px;line-height:12px;text-align:right;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out, visibility .4s}.apply-flow-navigation-singlepage .apply-flow-navigation-section__error-info{color:#dd1d1d}.apply-flow-navigation-singlepage .apply-flow-navigation-section__error-info-count{display:inline}.apply-flow-navigation-singlepage .apply-flow-navigation-section__error-info-label{display:none}@media screen and (max-width: 1023px){.apply-flow-navigation-singlepage{display:block;top:0;bottom:0;left:0;right:0;height:0;padding:0;overflow:hidden;transform:none;background-color:rgba(255,255,255,0.8);opacity:0;visibility:hidden}.apply-flow-navigation-singlepage .apply-flow-navigation-sections{position:fixed;top:50%;right:0;height:0;margin:23px;overflow:hidden;transform:translate(0, -50%)}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link{height:auto;margin:20px 0;padding:0}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link::after,.apply-flow-navigation-singlepage .apply-flow-navigation-section__link::before{display:none}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link--active{color:#2574a9}.apply-flow-navigation-singlepage .apply-flow-navigation-section__name{float:none;height:auto;max-width:100%;line-height:normal;font-size:20px;font-weight:bold;text-align:right;text-transform:uppercase}.apply-flow-navigation-singlepage .apply-flow-navigation-section__error-info{display:block;font-size:14px;font-weight:normal;text-transform:none;color:#dd1d1d}.apply-flow-navigation-singlepage .apply-flow-navigation-section__error-info-count{display:none}.apply-flow-navigation-singlepage .apply-flow-navigation-section__error-info-label{display:inline}.apply-flow-navigation-singlepage--visible{height:auto;opacity:1;visibility:visible;transition:opacity .3s ease-in-out, visibility .3s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-sections{height:auto}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section__name{opacity:1;visibility:visible}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(1n) .apply-flow-navigation-section__name{transition-delay:0s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(2n) .apply-flow-navigation-section__name{transition-delay:.05s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(3n) .apply-flow-navigation-section__name{transition-delay:.1s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(4n) .apply-flow-navigation-section__name{transition-delay:.15s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(5n) .apply-flow-navigation-section__name{transition-delay:.2s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(6n) .apply-flow-navigation-section__name{transition-delay:.25s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(7n) .apply-flow-navigation-section__name{transition-delay:.3s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(8n) .apply-flow-navigation-section__name{transition-delay:.35s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(9n) .apply-flow-navigation-section__name{transition-delay:.4s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(10n) .apply-flow-navigation-section__name{transition-delay:.45s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(11n) .apply-flow-navigation-section__name{transition-delay:.5s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(12n) .apply-flow-navigation-section__name{transition-delay:.55s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(13n) .apply-flow-navigation-section__name{transition-delay:.6s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(14n) .apply-flow-navigation-section__name{transition-delay:.65s}.apply-flow-navigation-singlepage--visible .apply-flow-navigation-section:nth-child(15n) .apply-flow-navigation-section__name{transition-delay:.7s}}.apply-flow-navigation-toggle{position:fixed;bottom:23px;right:23px;display:none;width:50px;height:50px;border:0;border-radius:50%;box-shadow:4px 4px 20px #888;background-color:#2574a9;z-index:2}.apply-flow-navigation-toggle::after{line-height:44px;font-size:20px;color:#fff}.apply-flow-navigation-toggle--has-errors::before{position:absolute;top:0;left:0;display:block;width:20px;height:20px;line-height:20px;border-radius:50%;font-size:12px;text-align:center;color:#fff;background-color:#dd1d1d}.apply-flow-navigation-toggle--active{color:#2574a9;border:1px solid;box-shadow:none;background-color:#fff;transition:background-color, box-shadow .4s ease-in-out}.apply-flow-navigation-toggle--active::before{display:none}.apply-flow-navigation-toggle.apply-flow-navigation-toggle--active::after{line-height:44px;font-size:20px;color:#2574a9}@media screen and (max-width: 1023px){.apply-flow-navigation-toggle{display:block}}.apply-flow-navigation-singlepage .apply-flow-navigation-section__link{color:#707070}.apply-flow-navigation-section__link::before{background-color:#707070}.apply-flow-submission-progress-overlay__dialog{height:240px;width:750px;padding:70px 115px 90px;box-sizing:border-box;background:#fff;margin:auto}@media screen and (max-width: 767px){.apply-flow-submission-progress-overlay__dialog{height:100vh;width:100vw;padding:calc(60% - 1px) 15px 0}}.apply-flow-submission-progress-overlay__header{text-align:center;margin-bottom:60px;font-size:16px;font-weight:600}.apply-flow-submission-progress-overlay__progress-bar-wrapper{background:#dfdfdf;border-radius:5px;height:3px}.apply-flow-submission-progress-overlay__progress-bar-line{height:100%;max-width:100%;transition:width .2s ease}.apply-flow-submission-progress-overlay__progress-bar-line{background-color:#2574a9}.apply-flow-profile-item-button{background:none;cursor:pointer;border:1px solid;box-sizing:border-box;font-size:14px;font-weight:600;color:#2574a9;padding:5px 23px;text-align:left;text-transform:uppercase;transition:background .3s;height:54px;width:100%;line-height:normal;position:relative;display:flex;align-items:center;min-width:0}.apply-flow-profile-item-button::after{font-style:normal;font-weight:normal;font-size:17px}.apply-flow-profile-item-button:not(.apply-flow-profile-item-button--disabled):hover{background:#2574a9}.apply-flow-profile-item-button:not(.apply-flow-profile-item-button--disabled):hover::after,.apply-flow-profile-item-button:not(.apply-flow-profile-item-button--disabled):hover .apply-flow-profile-item-button__label{color:#fff}.apply-flow-profile-item-button__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;overflow:hidden;min-width:0}html:not([dir="rtl"]) .apply-flow-profile-item-button__label{padding:0 10px 0 0}html[dir="rtl"] .apply-flow-profile-item-button__label{padding:0 0 0 10px}.apply-flow-profile-item-button{margin:23px auto 10px;border-radius:6px}.apply-flow-profile-item-button--hide{margin:0 auto 10px}.apply-flow-profile-item-button--show{margin:23px auto 10px}.apply-flow-profile-item-button--disabled{color:#707070}.apply-flow-profile-item-tile__summary-content{display:flex;flex-direction:column;overflow:hidden;text-align:left}.apply-flow-profile-item-tile__summary-title{color:#1b1921;font-size:17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.apply-flow-profile-item-tile__summary-subtitle{margin-top:10px;color:#707070;font-size:14px;font-weight:300;line-height:18px;white-space:pre;text-overflow:ellipsis;overflow:hidden}.apply-flow-profile-item-tile__summary-validation{margin-top:10px;font-size:14px;font-weight:400;color:#dd1d1d;text-align:left}.apply-flow-profile-item-tile--active .apply-flow-profile-item-tile__summary{display:none}.apply-flow-profile-item-tile__form{overflow:hidden;opacity:0;max-height:0;visibility:hidden;transform:translateY(25px);position:relative}.apply-flow-profile-item-tile__form .input-row:first-child{margin-top:0}.apply-flow-profile-item-tile--animated .apply-flow-profile-item-tile__form{transition-property:opacity, transform;transition-duration:.2s, .3s;transition-timing-function:linear, linear;transition-delay:.2s, .2s}@keyframes apply-flow-profile-form-animation{0%{max-height:0}99%{max-height:120vh}100%{max-height:none}}.apply-flow-profile-item-tile--active .apply-flow-profile-item-tile__form{animation:1s apply-flow-profile-form-animation 1;overflow:visible;opacity:1;max-height:none;visibility:visible;transform:translateY(0)}.apply-flow-profile-item-tile__actions{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.apply-flow-profile-item-tile{margin:10px 0;width:100%;background:#f5f5f5;box-sizing:border-box;border-style:solid;border-width:0 0 0 1px;color:#707070;padding-left:1px;position:relative}.apply-flow-profile-item-tile:hover{border-left-width:2px;color:#2574a9}.apply-flow-profile-item-tile:hover .apply-flow-profile-item-tile__summary:hover::after{color:#2574a9}.apply-flow-profile-item-tile:not(.apply-flow-profile-item-tile--active):hover{padding-left:0}.apply-flow-profile-item-tile--show{margin:10px 0}.apply-flow-profile-item-tile--active{padding:20px 0 10px;border-left-width:2px;color:#2574a9}.apply-flow-profile-item-tile__summary{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;min-height:39px;padding:20px 23px;background:none;border:none;width:100%;box-sizing:border-box}.apply-flow-profile-item-tile__summary::after{color:#707070;font-size:20px;margin-left:27px}.apply-flow-profile-item-tile__form{overflow:hidden;padding:0 23px 0 22px}.apply-flow-profile-item-tile__button{text-transform:uppercase;border:0;padding:8px;font-weight:bold;background:none;cursor:pointer}.apply-flow-profile-item-tile__button:disabled{color:#707070}.apply-flow-profile-item-tile__button--done{margin-right:-8px;color:#2574a9}.apply-flow-profile-item-tile__button--remove{margin-left:-8px;color:#dd1d1d}.apply-flow-profile-item-dob-form{margin-bottom:20px}.input-row .oj-inputsearch-choice,.input-row .oj-select-choice,.input-row .input-row__control{background-color:transparent;border-width:0 0 1px;border-radius:0;border-color:#707070;border-style:solid;height:33px;padding:7px 0}.input-row .oj-select.oj-disabled .oj-select-choice,.input-row--empty-disabled .input-row__control{border-style:dotted;border-color:#e6e6e6;color:#707070}.input-row .oj-select-choice::after,.input-row .input-row__control-decorator{left:0;width:100%;height:2px;background-color:#2574a9;transition-duration:.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scaleX(0);visibility:hidden}.input-row .oj-select-choice.oj-focus::after,.input-row--focused .input-row__control-decorator{transform:scaleX(1);visibility:visible}.input-row__listbox .oj-listbox-result-label,.input-row__listbox .oj-listbox-input{font-size:14px;font-family:"Open Sans","Open Sans",Helvetica,Arial,sans-serif}.input-row__listbox .oj-listbox-spyglass-box{padding-top:3px}.input-row__listbox .oj-listbox-result.oj-disabled .oj-listbox-result-label{cursor:default}.input-row{position:relative;margin:10px 0;padding:15px 0 20px;width:100%;box-sizing:border-box;display:block}html:not([dir="rtl"]) .input-row .oj-select-open-icon{color:#707070;padding-right:0}html:not([dir="rtl"]) .input-row .oj-listbox-result-label{padding-left:7px}html:not([dir="rtl"]) .input-row .oj-inputdatetime-input{border-radius:0;border-width:0 0 1px}.apply-flow-block--agreements .input-row{margin:0;padding:10px 0}.input-row .oj-form-control{font-size:14px;margin:0}.input-row .oj-label-group{display:block}.input-row .oj-inputsearch,.input-row .oj-select{max-width:none;display:block;-webkit-text-size-adjust:100%}.input-row .oj-clickable-icon-nocontext{color:#1b1921}.input-row .oj-label,.input-row .oj-label-nocomp{margin-bottom:0}.input-row .oj-datepicker-prev-icon,.input-row .oj-datepicker-next-icon{display:none}.input-row .oj-inputdatetime-input-trigger{position:absolute;right:-5px;border:0;background-color:transparent}.input-row .oj-inputsearch-input{font-size:14px;padding:0;color:#1b1921}.input-row .oj-inputsearch-search-button{display:none}.input-row .oj-inputsearch.oj-component.oj-enabled.oj-form-control.oj-focus .oj-inputsearch-choice{border-width:0 0 1px}.input-row .oj-inputsearch-label .oj-label-required-icon{display:none}.input-row .oj-select-choice{line-height:1.25em;vertical-align:top}html:not([dir="rtl"]) .input-row .oj-select-choice{padding:7px 0}html[dir="rtl"] .input-row .oj-select-choice{padding:7px 0}.input-row .oj-select-choice::after{position:absolute;bottom:0;content:''}.input-row .oj-select.oj-disabled .oj-select-choice{background-color:transparent;border-color:currentColor;border-style:solid}.input-row .oj-select.oj-disabled .oj-select-chosen{color:#707070}.input-row .input-row__label{display:block;font-size:14px;transition-duration:.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);position:relative;color:#707070;font-weight:normal;transform:translateY(24px) scale(1);transform-origin:0 100%;margin:-20px 0 0;float:none}.input-row .input-row__label--disabled{color:#707070}.input-row .input-row__label--required::after{font-size:1em;color:#dd1d1d;content:'*';margin-left:.3em}.input-row .input-row__label--fullwidth{width:100%}.input-row .input-row__help{position:absolute;top:0;right:0}.input-row .input-row__help-tooltip{display:none;color:#1b1921}.input-row .input-row__help-tooltip--visible{display:flex}.input-row .input-row__control{font-size:14px;color:#1b1921;width:100%;box-sizing:border-box;resize:none;position:relative;z-index:1;line-height:18px}.candidate-links__link .input-row .input-row__control{padding-right:60px}.candidate-links__link:first-of-type .input-row .input-row__control{padding-right:0}.input-row .input-row__control:disabled{color:#707070}.input-row .input-row__control--autoheight{overflow:hidden}.input-row .input-row__control-decorator{position:relative;z-index:2;bottom:2px}.input-row__validation{margin:0;line-height:20px;font-size:12px;color:#dd1d1d}.apply-flow-block--agreements .input-row__validation{margin-left:27px;margin-top:3px}.input-row--has-picker .input-row__label{padding-right:2em}.input-row--has-picker.input-row--with-placeholder .input-row__label{transform:translateY(0) scale(0.8)}.input-row--focused.input-row--with-placeholder .input-row__label,.input-row--focused:not(.input-row--with-placeholder) .input-row__label,.input-row--filled.input-row--with-placeholder .input-row__label,.input-row--filled:not(.input-row--with-placeholder) .input-row__label{transform:translateY(0) scale(0.8)}.input-row--focused .input-row__label{color:#2574a9}.input-row--focused.input-row--invalid .input-row__label{color:#dd1d1d;transform:translateY(0) scale(0.8)}.input-row--invalid{padding-bottom:0}.input-row--invalid .input-row__control{border-color:#dd1d1d}.input-row--invalid .input-row__control-decorator{background-color:#dd1d1d}.input-row--invalid .oj-select-choice{border-color:#dd1d1d}.input-row--invalid .oj-select-choice::after{background-color:#dd1d1d}.input-row--pin-code .input-row__label,.input-row--radiogroup .input-row__label{transform:none;font-size:14px;margin:0 0 10px}.input-row--textarea .input-row__control{overflow:hidden;transition:height .4s;display:block}.input-row--textarea .input-row__control--helper{position:absolute;right:0;bottom:0;visibility:hidden;z-index:-1}.input-row--textarea .input-row__control--huge-content{max-height:350px;overflow-y:scroll}.input-row__hidden-control{clip:rect(0, 0, 0, 0);position:absolute}.input-row-composite__inputs{display:flex}.input-row-composite__inputs .oj-select{position:relative;min-width:100%}.input-row-composite__inputs .oj-select-chosen{cursor:pointer}.input-row-composite__inputs .oj-select-default{font-style:normal}.input-row-composite__inputs .oj-listbox-dropdown-open+.input-row__control-decorator{left:0;visibility:visible;width:100%}.apply-flow-block--agreements .apply-flow-input-checkbox{margin:0}.apply-flow-input-checkbox--disabled .apply-flow-input-checkbox__button,.apply-flow-input-checkbox--disabled .apply-flow-input-checkbox__label{color:#707070}.apply-flow-input-checkbox__label--required::after{font-size:1em;color:#dd1d1d;content:'*';margin-left:3px}.apply-flow-input-radio,.apply-flow-input-checkbox{display:inline-flex;cursor:pointer;align-items:flex-start;margin-bottom:10px}.apply-flow-input-radio__button,.apply-flow-input-checkbox__button{font-size:22px;margin-right:8px;color:#2574a9;line-height:1em}.apply-flow-input-radio__button::before,.apply-flow-input-checkbox__button::before{margin:0;padding:0}.apply-flow-input-radio__label,.apply-flow-input-checkbox__label{font-size:14px;line-height:20px;cursor:pointer;color:#1b1921}.apply-flow-input-checkbox__button{border:1px solid;cursor:pointer;height:16px;width:16px;flex-shrink:0;border-radius:3px;position:relative;margin-top:1px}.apply-flow-input-checkbox__button--checked::before,.input-row__hidden-control:checked+.apply-flow-input-checkbox .apply-flow-input-checkbox__button::before{font-size:13px;position:absolute;top:-3px;left:2px}.datepicker-row__input{flex:1 1 auto;margin-left:10px;padding:0}.datepicker-row__input:first-child{margin-left:0}.datepicker-row__input--day{width:25%}.datepicker-row__input--month{width:50%}.datepicker-row__input--year{width:25%}.phone-row__prefix{flex:1 0 0%;max-width:60%}.phone-row__number{position:relative;margin-left:10px;flex:2 0 0%}.geo-hierarchy-form-element .inline-spinner{position:absolute;top:28px;right:2px;z-index:10}.geo-hierarchy-form-element .inline-spinner__icon{font-size:16.4px}.geo-hierarchy-form-element .inline-spinner__icon-wrapper{transition:transform .4s, opacity 0s, visibility .4s}.geo-hierarchy-form-element .oj-select-chosen.oj-select-default{color:#6d6d6d}.geo-hierarchy-form-element .oj-select.oj-disabled .oj-select-choice{border-color:#d3d3d3}.geo-hierarchy-form-element.input-row .oj-clickable-icon-nocontext.oj-disabled{color:transparent}.apply-flow-fixer--multipage{position:fixed;left:0;right:0;bottom:0;width:100%;background-color:#2574a9;z-index:2;box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}.apply-flow-fixer--multipage .apply-flow-fixer__pointer{display:none}.apply-flow-fixer--multipage .apply-flow-fixer__button{box-sizing:border-box;width:100%;height:58px;border:0;text-transform:uppercase;font-size:16px;color:#fff;background-color:transparent;cursor:pointer}.apply-flow-fixer--singlepage{position:fixed;top:50%;left:auto;right:60px;width:320px;height:58px;margin-top:-29px;white-space:nowrap;z-index:2}@media screen and (max-width: 1023px){.apply-flow-fixer--singlepage{top:auto;bottom:20px;right:100px}}.apply-flow--navigation-visible .apply-flow-fixer--singlepage{opacity:0}.apply-flow-fixer--singlepage .apply-flow-fixer__pointer{position:absolute;top:50%;left:100%;width:10px;height:20px;margin:-10px -10px 0 0;overflow:hidden}.apply-flow-fixer--singlepage .apply-flow-fixer__pointer::before{position:absolute;top:0;right:0;bottom:0;left:-10px;display:block;width:14px;height:14px;margin:auto;transform:rotate(45deg);background-color:#2574a9;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);content:''}.apply-flow-fixer--singlepage .apply-flow-fixer__button{box-sizing:border-box;width:320px;padding:20px 80px;border:0;text-transform:uppercase;font-size:16px;color:#fff;background-color:#2574a9;box-shadow:0 0 10px 0 rgba(0,0,0,0.5);border-radius:5px;cursor:pointer}.apply-flow-verify-method{display:flex;justify-content:center;margin:20px 0;max-width:545px;list-style-type:none}.apply-flow-verify-method__item{margin:0 12px}.apply-flow-verify-method__button{display:inline-block;opacity:.7;text-transform:uppercase;font-size:1.08rem;position:relative;padding:.35em 0;transition-property:color, opacity;transition-duration:.4s;border:0;background:none}.apply-flow-verify-method__button::before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);visibility:hidden;transition-property:background, transform, visibility;transition-duration:.4s}.apply-flow-verify-method__button--active{opacity:1}.apply-flow-verify-method__button--active::before{transform:scaleX(1);visibility:visible}.apply-flow-verify-method__message{line-height:1.4em;font-size:14px;color:#707070}.apply-flow-verify-method__message-link{border:none;background:none;color:#2574a9}.beautiful-timeline{position:relative;display:flex;padding-top:20px;margin:0 auto;z-index:0}.beautiful-timeline::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#b3b3b3}.beautiful-timeline::before{bottom:auto;height:17px}.beautiful-timeline__column{flex:1 1 0%;position:relative;margin:0;padding:0;list-style-type:none}.beautiful-timeline__years{width:40px;text-align:center}.beautiful-timeline__year{position:relative;height:120px}.beautiful-timeline__year::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#b3b3b3}.beautiful-timeline__year::before{top:25px;bottom:0}.beautiful-timeline__year-title{padding:5px;color:#9a9a9a;font-size:10px;position:relative;font-weight:600;display:block;box-sizing:border-box}@media screen and (min-width: 768px){.beautiful-timeline__year-title{font-size:12px}}.beautiful-timeline-item{cursor:pointer;position:absolute;box-sizing:border-box;background:transparent;padding:0 0 2px;margin:0;display:flex;align-items:stretch;min-height:32px;transition:opacity 300ms, color 300ms}.beautiful-timeline-item--faded{opacity:.5;color:transparent}.beautiful-timeline-item--color-0{background-color:#ba2a37}.beautiful-timeline-item--color-0:hover{background-color:#cf2f3d}.beautiful-timeline-item--color-1{background-color:#7462e0}.beautiful-timeline-item--color-1:hover{background-color:#8777e4}.beautiful-timeline-item--color-2{background-color:#007faa}.beautiful-timeline-item--color-2:hover{background-color:#0092c4}.beautiful-timeline-item--color-3{background-color:#40806a}.beautiful-timeline-item--color-3:hover{background-color:#499178}.beautiful-timeline-item--color-4{background-color:#cf3772}.beautiful-timeline-item--color-4:hover{background-color:#d44c80}.beautiful-timeline-item--color-5{background-color:#9b59b6}.beautiful-timeline-item--color-5:hover{background-color:#a66bbe}.beautiful-timeline-item--color-6{background-color:#1460aa}.beautiful-timeline-item--color-6:hover{background-color:#176dc1}.beautiful-timeline-item--color-7{background-color:#048668}.beautiful-timeline-item--color-7:hover{background-color:#059f7b}.beautiful-timeline-item--color-8{background-color:#cf3754}.beautiful-timeline-item--color-8:hover{background-color:#d44c66}.beautiful-timeline-item--color-9{background-color:#9932cc}.beautiful-timeline-item--color-9:hover{background-color:#a346d2}.beautiful-timeline-item--color-10{background-color:#3d4592}.beautiful-timeline-item--color-10:hover{background-color:#454ea4}.beautiful-timeline-item--color-11{background-color:#4b7b4b}.beautiful-timeline-item--color-11:hover{background-color:#558b55}.beautiful-timeline-item--color-12{background-color:#a6232f}.beautiful-timeline-item--color-12:hover{background-color:#bb2735}.beautiful-timeline-item--color-13{background-color:#600060}.beautiful-timeline-item--color-13:hover{background-color:#7a007a}.beautiful-timeline-item--color-14{background-color:#34385e}.beautiful-timeline-item--color-14:hover{background-color:#3d426e}.beautiful-timeline-item--color-15{background-color:#156060}.beautiful-timeline-item--color-15:hover{background-color:#1a7575}.beautiful-timeline__column--left .beautiful-timeline-item{right:0}.beautiful-timeline__column--left .beautiful-timeline-item--level0{left:0px}.beautiful-timeline__column--left .beautiful-timeline-item--level1{left:23px}.beautiful-timeline__column--left .beautiful-timeline-item--level2{left:46px}.beautiful-timeline__column--left .beautiful-timeline-item--level3{left:69px}.beautiful-timeline__column--left .beautiful-timeline-item--level4{left:92px}.beautiful-timeline__column--left .beautiful-timeline-item--level5{left:115px}.beautiful-timeline__column--left .beautiful-timeline-item--level6{left:138px}.beautiful-timeline__column--left .beautiful-timeline-item--invalid::before{left:-10px}.beautiful-timeline__column--right .beautiful-timeline-item{left:0}.beautiful-timeline__column--right .beautiful-timeline-item--level0{right:0px}.beautiful-timeline__column--right .beautiful-timeline-item--level1{right:23px}.beautiful-timeline__column--right .beautiful-timeline-item--level2{right:46px}.beautiful-timeline__column--right .beautiful-timeline-item--level3{right:69px}.beautiful-timeline__column--right .beautiful-timeline-item--level4{right:92px}.beautiful-timeline__column--right .beautiful-timeline-item--level5{right:115px}.beautiful-timeline__column--right .beautiful-timeline-item--level6{right:138px}.beautiful-timeline__column--right .beautiful-timeline-item--invalid::before{right:-10px}.beautiful-timeline-item--invalid::before{position:absolute;content:'!';color:#fff;background:#dd1d1d;border-radius:50%;top:-10px;line-height:19px;text-align:center;border:1px solid #fff;font-weight:700;font-size:15px;height:22px;width:22px;box-sizing:border-box;letter-spacing:-1px}.beautiful-timeline-item__content{padding:9px 16px;color:#fff;overflow:hidden;font-weight:300;border-radius:5px;flex:1 0 0%}.beautiful-timeline-item--single-line .beautiful-timeline-item__content{padding-top:5px;padding-bottom:5px;display:flex;flex-direction:row;align-items:baseline}.beautiful-timeline-item--single-line .beautiful-timeline-item__title{margin-right:5px}.beautiful-timeline-item--single-line .beautiful-timeline-item__subtitle{flex:1 1 0%}.beautiful-timeline-item__title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:2px 0 2px 1px;font-size:12px}.beautiful-timeline-item--faded .beautiful-timeline-item__title{color:transparent}@media screen and (min-width: 768px){.beautiful-timeline-item__title{font-size:14px}}.beautiful-timeline-item__subtitle{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:2px 0 2px 1px;font-size:10px;color:rgba(255,255,255,0.5)}.beautiful-timeline-item--faded .beautiful-timeline-item__subtitle{color:transparent}@media screen and (min-width: 768px){.beautiful-timeline-item__subtitle{font-size:12px}}.beautiful-timeline{max-width:450px}.beautiful-timeline__column{max-width:205px}.timeline-form-dialog{padding:30px 23px 20px;background-color:#fff;box-sizing:border-box;overflow:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}@media screen and (min-width: 768px){.timeline-form-dialog{position:static;width:400px;height:auto;min-height:300px;box-sizing:content-box;padding:65px 80px 40px;box-shadow:0 0 7px 0 rgba(255,255,255,0.75)}}.timeline-form-dialog__mobile-nav{display:flex;flex:0 0 auto;justify-content:space-between;margin-bottom:25px}@media screen and (min-width: 768px){.timeline-form-dialog__mobile-nav{display:none}}.timeline-form-dialog__content{overflow-x:hidden;overflow-y:auto;display:block}@media screen and (min-width: 768px){.timeline-form-dialog__content{max-height:63vh;padding-bottom:1px}}.timeline-form-dialog__actions{margin-top:30px;width:100%;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center}.timeline-form-dialog__button{display:block;font-weight:bold;text-transform:uppercase;flex-basis:auto;margin-right:0}.timeline-form-dialog__button--remove{display:none}@media screen and (min-width: 768px){.timeline-form-dialog__button--remove{display:block;color:#dd1d1d}}.timeline-form-dialog__mobile-nav-button{color:#2574a9;margin:0;padding:5px 0;border:0;background-color:transparent}.timeline-form-dialog__mobile-nav-button--back{display:flex;align-items:center;font-size:12px}.timeline-form-dialog__mobile-nav-button--back::before{margin-left:0}.timeline-form-dialog__mobile-nav-button--remove::before{font-size:21px}.timeline-form-dialog__button:last-child{margin-top:10px}.input-row .pin-code-input{display:flex;justify-content:center;margin:0 -5px}.input-row .pin-code-input--inline{display:block;margin:0}.input-row .pin-code-input__segment{flex:1 0 0%;margin:0 5px;position:relative}.input-row .pin-code-input__input{text-align:center;padding-left:0;padding-right:0;-moz-appearance:textfield}.input-row .pin-code-input__input::-webkit-inner-spin-button,.input-row .pin-code-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pin-code-input__form{margin:20px auto 0}.pin-code-input--inline .pin-code-input__form{display:flex;flex-direction:column;justify-content:center;min-height:50px;margin-bottom:20px}.pin-code-input--inline .pin-code-input__form .input-row__label{display:none}.pin-code-input--inline .pin-code-input__submit{margin:0}.pin-code-input--inline .pin-code-input__text{margin-top:20px;line-height:1.5}.pin-code-input__action{max-width:545px;text-align:center;margin:15px auto 0}.pin-code-input--inline .pin-code-input__action{text-align:left}.pin-code-input__action-button{border:0;background:none;cursor:pointer}.pin-code-input--inline .pin-code-input__action-button{padding:0;color:#1176aa}.input-row__note{margin:0 0 20px;font-size:13px}.apply-flow-draft-saving-indicator{flex-grow:1;display:flex;justify-content:flex-end;font-size:1.1em}.apply-flow-draft-saving-indicator .apply-flow-draft-saving-indicator__icon{display:block;height:15px}.apply-flow-draft-saving-indicator__container{text-align:left}.apply-flow-draft-saving-indicator__message-progress{opacity:0;transition:opacity 500ms}.apply-flow-draft-saving-indicator__message-progress--visible{opacity:1}.apply-flow-draft-saving-indicator{color:#2574a9;font-size:1.1em}.completed-communicate{color:#22b290;font-size:28px;font-weight:400;margin:0 0 35px;text-align:center}.completed-communicate::before{display:block;font-size:98px;margin:8px 0}.attachment-upload-button{position:relative;display:flex;justify-content:center;align-content:center;align-items:center;height:346px;margin:5px 0;padding:32px;border:3px dashed #80909f;box-sizing:border-box;font-size:14px;line-height:1.3em;transition:background-color .4s}.attachment-upload-button--dragover{border-color:#2574a9;background-color:rgba(51,51,51,0.03)}.attachment-upload-button--uploading,.attachment-upload-button--saved,.attachment-upload-button--filled{border:1px solid rgba(51,51,51,0.07);background-color:rgba(51,51,51,0.03)}.attachment-upload-button__container{width:100%;text-align:center;pointer-events:none}.attachment-upload-button__drag-and-drop{font-size:60px;transition:.4s transform;animation:.4s fade-in-animation 1 forwards}.attachment-upload-button--dragover .attachment-upload-button__drag-and-drop:not(:only-child){transform:translateY(35px)}.attachment-upload-button__drag-and-drop::before{color:#9a9a9a;line-height:1}.attachment-upload-button__drag-and-drop-label{display:block;margin-top:15px;font-size:14px;text-align:center;text-transform:uppercase}.attachment-upload-button__upload-button{pointer-events:auto;animation:.4s fade-in-animation 1 forwards}.attachment-upload-button--dragover .attachment-upload-button__upload-button{animation:.4s fade-out-animation 1 forwards;pointer-events:none}.attachment-upload-button__or{display:block;margin:15px 0;font-size:12px;text-transform:lowercase}.attachment-upload-button__label{width:213px;height:18px;padding:5px 10px;font-size:14px;line-height:18px;text-align:center;color:#2574a9;border:0;text-transform:uppercase;cursor:pointer}.attachment-upload-button__uploading{animation:.4s fade-in-animation 1 forwards}.attachment-upload-button__top-message,.attachment-upload-button__bottom-button{position:absolute;top:45px;left:50%;display:block;margin:0 auto;font-size:14px;text-transform:uppercase;text-align:center;transform:translate(-50%, 0)}.attachment-upload-button__bottom-button{bottom:35px;top:auto;padding:5px 10px;background:none;border:0;cursor:pointer;pointer-events:auto}.attachment-upload-button__success,.attachment-upload-button__filled{margin-top:-60px;animation:.4s fade-in-animation 1 forwards}.attachment-upload-button__success::before,.attachment-upload-button__filled::before{padding-left:5px;font-size:86px;line-height:1;color:#34bb8c}.attachment-upload-button__success-label{display:block;margin-top:15px;font-size:14px;text-align:center}.attachment-upload-button__download{display:block;width:100%;margin-top:15px;text-align:center;pointer-events:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-upload-button__working{position:absolute;bottom:0;width:100%}.attachment-upload-button-mobile{width:100%;box-sizing:border-box}.attachment-upload-button-mobile::before{pointer-events:none}.attachment-upload-button-mobile .indeterminate-progress-bar,.attachment-upload-button-mobile .indeterminate-progress-bar__container{position:absolute;bottom:0;left:0;width:100%}.attachment-upload-button-mobile__label,.attachment-upload-button-mobile__uploading,.attachment-upload-button-mobile__success,.attachment-upload-button-mobile__filled{animation:.4s fade-in-animation 1 forwards}.attachment-upload-button-mobile__filled,.attachment-upload-button-mobile__uploading{display:flex;justify-content:space-between;width:100%}.attachment-upload-button-mobile__label{cursor:pointer}.attachment-upload-button-mobile__cancel-upload,.attachment-upload-button-mobile__remove{display:flex;justify-content:center;align-items:center;font-size:1.4rem;line-height:.8;cursor:pointer}.attachment-upload-button-mobile__remove{font-size:20px;margin:0;padding:0}.attachment-upload-button-mobile__remove .inline-spinner{display:none}.attachment-upload-button-mobile__remove--working{opacity:1;cursor:auto}.attachment-upload-button-mobile__remove--working::before{content:''}.attachment-upload-button-mobile__remove--working .inline-spinner{display:block}.attachment-upload-button-mobile__download{margin:0 20px 0 0;padding:0;text-align:left;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attachment-upload-button-mobile__download .indeterminate-progress-bar,.attachment-upload-button-mobile__download .indeterminate-progress-bar__container{width:calc(100% - 80px)}.attachment-upload-button{width:140%;margin:5px -20%}.file-upload-wrapper .attachment-upload-button{width:100%;margin:5px 0}.attachment-upload-button__download,.attachment-upload-button-mobile__download,.attachment-upload-button-mobile__remove{border:0;background:none;cursor:pointer}.attachment-upload-button-mobile__download,.attachment-upload-button-mobile__remove{color:#2574a9;line-height:22px}.attachment-upload-button-mobile{position:relative;display:flex;margin:5px auto;padding:16px 23px;border:1px solid;border-radius:6px;font-size:14px;font-weight:600;line-height:22px;text-transform:uppercase;transition:background-color .3s;color:#2574a9}.attachment-upload-button-mobile::after{position:absolute;top:16px;right:25px;width:1em;height:1em;font-size:17px;color:inherit}.attachment-upload-button-mobile--waiting{cursor:pointer;padding:0}.attachment-upload-button-mobile--waiting:hover{background-color:#2574a9;border-color:#2574a9;color:#fff}.attachment-upload-button-mobile--waiting::after{z-index:1}.attachment-upload-button-mobile .indeterminate-progress-bar__container{left:5px;width:calc(100% - 10px)}.attachment-upload-button-mobile__label{width:100%;padding:16px 23px;position:relative;z-index:2}.attachment-upload-button-mobile__cancel-upload{padding:0;border:0;color:#dd1d1d;transform:rotate(135deg);background:transparent;font-size:17px}.attachment-upload-button-mobile__cancel-upload::before{content:''}.attachment-upload-button-mobile__download .indeterminate-progress-bar,.attachment-upload-button-mobile__download .indeterminate-progress-bar__container{width:calc(100% - 70px)}.attachment-upload-button-mobile__remove .inline-spinner{position:absolute;right:20px}.file-upload-wrapper{width:100%}@media print, screen and (min-width: 1024px){.file-upload-wrapper{display:flex;justify-content:space-between}}*+.file-upload-wrapper__section{margin-top:15px}@media print, screen and (min-width: 1024px){.file-upload-wrapper__section{width:49%;margin-top:0}}.file-upload-attachment-referral-message,.file-upload-attachment-changed-message{margin:0 0 20px}.file-upload-attachment-changed-message{color:#22b290}.file-upload-attachments-preuploaded{margin-bottom:10px}.file-upload-attachments-preuploaded .apply-flow-dialog__button--link{padding:0;line-height:1.3}.file-upload-attachments-preuploaded__description{margin-bottom:5px}.file-upload-attachments-preuploaded__filename{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;cursor:pointer;min-width:0;flex:1 1 1px}html:not([dir="rtl"]) .file-upload-attachments-preuploaded__filename{padding-right:2em}html:not([dir="rtl"]) .file-upload-attachments-preuploaded__filename{padding-left:2em}.file-upload-attachments-preuploaded__use-button{flex:0 0 auto;border:0}.file-upload-attachments-preuploaded__item{display:flex;justify-content:space-between;margin-bottom:10px}.file-upload-attachments-preuploaded__item:last-of-type{margin-bottom:0}.referral-resume-information{display:block}.referral-resume-link,.use-referral-resume-button{color:#2574a9}.use-referral-resume-button{border:0;padding:0;background:none}.candidate-links{display:block;margin:60px auto 0}.candidate-links__link{position:relative}.candidate-links__add-link{background:none;border:0;padding:0;font-size:14px;font-weight:300;color:#2574a9}.candidate-links__add-link--hidden{display:none}.candidate-links__remove-link{background:none;border:0;position:absolute;z-index:5;padding:3px;cursor:pointer;color:#dd1d1d;font-size:12px}@media print, screen and (min-width: 1024px){.file-upload-wrapper{width:140%;margin:0 -20%}}.candidate-links__remove-link{top:17px;right:-3px}.file-upload-attachments-preuploaded{width:400px;max-width:90vw}.misc-attachment-list{margin-top:15px}.misc-attachment-list__item{display:flex;position:relative}*+.misc-attachment-list__item{margin-top:6px}.misc-attachment-list__item .indeterminate-progress-bar,.misc-attachment-list__item .indeterminate-progress-bar__container{position:absolute;bottom:0;left:0}.misc-attachment-list__item-name{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.misc-attachment-list__item-remove{width:30px;margin-left:10px;padding:0;border:0;font-size:24px;text-align:right;background:none;cursor:pointer;opacity:.7}.misc-attachment-list__item-remove:hover{opacity:1}.misc-attachment-list__item-remove .inline-spinner{display:none;position:absolute;right:0}.misc-attachment-list__item-remove--working{opacity:1;cursor:auto}.misc-attachment-list__item-remove--working::before{content:''}.misc-attachment-list__item-remove--working .inline-spinner{display:block}.misc-attachment-list__item{border-left:1px solid #707070;background:#f5f5f5}.misc-attachment-list__item-name{width:100%;padding:5px 23px;font-size:14px;text-align:left;line-height:54px;color:#1b1921;background:transparent;border:0;cursor:pointer}.misc-attachment-list__item-remove{color:#707070;opacity:1;width:60px;padding:0 15px}.misc-attachment-list__item-remove:hover{color:#2574a9}.misc-attachment-list__item-remove .inline-spinner{position:absolute;right:20px}.text-truncate :first-child{margin-top:0}.text-truncate--collapsed{overflow:hidden;max-height:3.75em}@supports ((-webkit-line-clamp: 1) or (line-clamp: 1)) and (-webkit-box-orient: vertical){.text-truncate--collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}}@supports not ((-webkit-line-clamp: 1) or (line-clamp: 1) or (-webkit-box-orient: vertical)){.text-truncate--collapsed{position:relative;max-height:5em}.text-truncate--collapsed::after{content:'';background:transparent linear-gradient(to top, #fff 0, transparent 150%);position:absolute;right:0;left:0;bottom:0;top:3.75em}}.text-truncate--collapsed *{line-height:1.25em;margin-top:0;margin-bottom:0}.apply-flow-block--apply-flow-e-signature .text-truncate__button{height:auto;padding:0;background:transparent}.text-truncate__button{background:transparent}.profile-item-button{border:1px solid #c4c4c4;height:2.2em;margin:5px 0 10px;min-width:90px;background:transparent;border-radius:3px;font-size:12px;font-weight:900;color:#666}.profile-item-button:hover{background:#d6d6d6}.profile-item-button--remove{margin-left:auto}.apply-flow-profile-import{display:block}.apply-flow-profile-import .apply-flow-block__instructions{margin-bottom:30px}.apply-flow-profile-import__content{text-align:center;display:flex}.apply-flow-profile-import__import-again-link{color:#2574a9;font-size:12px;cursor:pointer;align-self:center}.apply-flow-profile-import__validation{color:#dd1d1d;font-size:14px;margin:5px auto;max-width:600px;text-align:center;list-style-type:none}.apply-flow-profile-import__button{color:#2574a9;display:flex;flex-direction:row;font-weight:600;text-transform:none}.apply-flow-profile-import__button:hover,.apply-flow-profile-import__button:focus{background:#2a82be}.apply-flow-profile-import__button:hover .apply-flow-profile-import__button-label,.apply-flow-profile-import__button:focus .apply-flow-profile-import__button-label{color:#fff}.apply-flow-profile-import__button--file-upload{position:relative}.apply-flow-profile-import-awli__button{display:flex;flex-direction:row;text-transform:none}.apply-flow-profile-import-awli__button:hover,.apply-flow-profile-import-awli__button:focus{background:rgba(0,0,0,0.7)}.apply-flow-profile-import-awli__button:hover .apply-flow-profile-import-awli__button-label,.apply-flow-profile-import-awli__button:focus .apply-flow-profile-import-awli__button-label{color:#fff}.apply-flow-profile-import-awli__button--file-upload{position:relative}.apply-flow-profile-import__service-icon{background-repeat:no-repeat;display:block;height:20px;width:20px}@media screen and (min-width: 768px){.apply-flow-profile-import__service-icon{margin-right:20px}}.apply-flow-profile-import__service-icon--linkedin{background:url("../images/af-linkedin.svg") no-repeat}.apply-flow-profile-import__service-icon--indeed{background:url("../images/af-indeed.svg") no-repeat}.apply-flow-profile-import__service-icon--resume-parser{background:url("../images/af-cl.svg") no-repeat}.apply-flow-profile-import__button-label{flex:1}.apply-flow-profile-import__file-upload{bottom:0;cursor:pointer;left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;height:100%}.apply-flow-profile-import__file-upload:hover+.apply-flow-profile-import__button{background:#2a82be}.apply-flow-profile-import__file-upload:hover+.apply-flow-profile-import__button .apply-flow-profile-import__button-label{color:#fff}.apply-flow-profile-import__file-upload:focus+.apply-flow-profile-import__button,.apply-flow-profile-import__file-upload.focused-with-keyboard+.apply-flow-profile-import__button{background:#2a82be}.apply-flow-profile-import__file-upload:focus+.apply-flow-profile-import__button .apply-flow-profile-import__button-label,.apply-flow-profile-import__file-upload.focused-with-keyboard+.apply-flow-profile-import__button .apply-flow-profile-import__button-label{color:#fff}.apply-flow-profile-import-awli__button-label{flex:1}.apply-flow-profile-import-awli__file-upload{bottom:0;cursor:pointer;left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;height:100%}.apply-flow-profile-import-awli__file-upload:hover+.apply-flow-profile-import-awli__button{background:rgba(0,0,0,0.7)}.apply-flow-profile-import-awli__file-upload:hover+.apply-flow-profile-import-awli__button .apply-flow-profile-import-awli__button-label{color:#fff}.apply-flow-profile-import-awli__file-upload:focus+.apply-flow-profile-import-awli__button,.apply-flow-profile-import-awli__file-upload.focused-with-keyboard+.apply-flow-profile-import-awli__button{background:rgba(0,0,0,0.7)}.apply-flow-profile-import-awli__file-upload:focus+.apply-flow-profile-import-awli__button .apply-flow-profile-import-awli__button-label,.apply-flow-profile-import-awli__file-upload.focused-with-keyboard+.apply-flow-profile-import-awli__button .apply-flow-profile-import-awli__button-label{color:#fff}.apply-flow-profile-import__text-links{cursor:pointer;color:#2574a9}.apply-flow-profile-import__text{cursor:text}.apply-flow-block--profile-import{max-width:none;background-color:#f5f5f5;padding:23px}.apply-flow-profile-import__content{margin:22px auto;flex-direction:row;flex-wrap:wrap;justify-content:center}.apply-flow-profile-import__content--msg{flex-direction:column}@media screen and (max-width: 767px){.apply-flow-profile-import__content{justify-content:space-around}}.apply-flow-profile-import__awli-content{margin:22px 20px;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.apply-flow-profile-import__awli-content--msg{flex-direction:column}@media screen and (max-width: 767px){.apply-flow-profile-import__awli-content{justify-content:space-around;display:block}}.apply-flow-profile-import__button{background-color:#f5f5f5;border-radius:6px;max-width:400px;align-items:center;margin:8px;width:auto}.apply-flow-profile-import__button:last-child{margin-right:8px}@media screen and (min-width: 768px){.apply-flow-profile-import__button{min-width:190px}}.apply-flow-profile-import-awli__button{width:230px;height:48px;display:inline-block;background-color:rgba(0,0,0,0.55);border:0;color:#fff;text-align:center;font-weight:bold;font-size:19px;cursor:pointer;border-radius:2px;box-sizing:border-box;max-width:230px;align-items:center;margin:4px}.apply-flow-profile-import-awli__button:hover,.apply-flow-profile-import-awli__button:focus{background-color:rgba(0,0,0,0.7)}@media screen and (min-width: 768px){.apply-flow-profile-import-awli__button{min-width:190px;margin-right:20px;margin-top:39px}}.apply-flow-profile-import-referral-section{text-align:center}.apply-flow-profile-import-referral-block{width:100%;align-items:center;margin:auto}@media screen and (min-width: 768px){.apply-flow-profile-import-referral-block{width:60%}}.locations-form .input-row__validation{white-space:normal}.locations-form__pickers{display:flex}.locations-chosen{padding:0}.locations-chosen-location{display:flex;box-sizing:border-box;color:#fff;font-weight:300;justify-content:space-between}.locations-form__picker--preferred .locations-chosen-location{background-color:#40806a}.locations-form__picker--excluded .locations-chosen-location{background-color:#bc3e31}.locations-preferred{background-color:#40806a}.locations-chosen-location__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.locations-chosen-location__remove{background:none;padding:0;color:#fff;border:0;cursor:pointer}.locations-chosen-location__remove::before{position:relative;top:1px;padding:5px;font-size:12px}.locations-form{margin:-10px 0 20px}.locations-form__pickers{justify-content:space-between;margin:0 -10px}@media screen and (max-width: 767px){.locations-form__pickers{flex-wrap:wrap}}.locations-form__picker{width:50%;padding:0 10px;box-sizing:border-box}.locations-form__picker:only-child{width:100%}@media screen and (max-width: 767px){.locations-form__picker{width:100%}}.locations-chosen-location__label{width:calc(100% - 22px)}.locations-chosen-location{padding:18px 18px 18px 23px;border-radius:6px;margin:10px 0}.work-and-education-timeline__actions-container{margin:0 auto;box-sizing:border-box}@media screen and (max-width: 767px){.work-and-education-timeline__actions-container{height:83px}}.work-and-education-timeline__actions{position:relative;display:flex;justify-content:space-between;padding-bottom:40px}.work-and-education-timeline__actions::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#b3b3b3}@media screen and (max-width: 767px){.work-and-education-timeline__actions--pinned{position:fixed;background:#fff;left:0;right:0;padding:20px 23px;z-index:1;box-shadow:0 2px 5px 2px #b3b3b3}.work-and-education-timeline__actions--pinned::before{display:none}.apply-flow-page--one-page .work-and-education-timeline__actions--pinned{position:relative;box-shadow:none;background:none;padding:0 0 40px;z-index:auto;top:0}.apply-flow-page--one-page .work-and-education-timeline__actions--pinned::before{display:block}}.apply-flow-block--work-and-education-timeline{max-width:450px}.work-and-education-timeline__actions-container{max-width:450px;margin-top:20px}@media screen and (max-width: 767px){.work-and-education-timeline__actions--pinned{top:70px}}.work-and-education-timeline-add-button{height:auto}@media screen and (max-width: 767px){.work-and-education-timeline-add-button{max-width:155px;margin:0;font-size:12px;padding:13px 16px;height:auto}.work-and-education-timeline-add-button::after{font-size:13px;margin-top:1px}}@media screen and (min-width: 400px) and (max-width: 767px){.work-and-education-timeline-add-button{margin:0 auto}}@media screen and (min-width: 768px){.work-and-education-timeline-add-button{max-width:205px;font-size:14px;padding:16px 23px}.work-and-education-timeline-add-button:first-of-type{margin-left:0;margin-right:20px}.work-and-education-timeline-add-button:last-of-type{margin-left:20px;margin-right:0}}.work-and-education-timeline-add-button .apply-flow-profile-item-button__label{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible}.regulatory-disability .HcmRecDisaHdr15 td{background-color:transparent}.regulatory-disability table,.regulatory-disability tbody,.regulatory-disability tr,.regulatory-disability th{display:block;width:100%;height:auto}.regulatory-disability td{height:auto}.regulatory-disability .HcmRecDisaHdr15 br{display:none}.regulatory-disability .HcmRecDisaHdr15 td{width:100%;display:block}.regulatory-disability p.HcmRecDisaHdr16{display:none}.regulatory-disability p.HcmRecDisaHdr23,.regulatory-disability p.HcmRecDisaHdr17{margin-right:0}.regulatory-disability table.HcmRecDisaHdr31{margin:0}.regulatory-disability td.HcmRecDisaHdr13{display:block}.regulatory-disability td.HcmRecDisaHdr13 p.HcmRecDisaHdr30{margin-left:0}.regulatory-disability-footer .HcmRecDisaFtr10 embed,.regulatory-disability-footer p.HcmRecDisaFtr0{display:none}.regulatory-disability-footer table.HcmRecDisaHdr31{margin:0 auto}.regulatory-disability-footer p.HcmRecDisaFtr1{margin:0}.diversity-country-title{font-size:14px;margin:25px auto;font-weight:bold;text-align:center;position:relative}.partner-button{width:100%;padding:16px 23px;text-transform:uppercase;border-radius:6px;height:54px;font-size:14px;font-weight:600;letter-spacing:normal}.candidate-verification-dialog{padding-bottom:40px;min-width:300px;max-width:600px;width:90vw}.candidate-verification-header{color:#333;font-size:17px;font-weight:normal;margin-top:0;text-align:center}.candidate-verification-description{color:#5d5d5d;line-height:1.66em;margin:1em auto;text-align:center}@media screen and (min-width: 768px){.candidate-verification-description{max-width:450px}}.candidate-verification__footer{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;width:100%}.candidate-verification__footer .apply-flow-dialog__button--link{margin:0 auto}.candidate-verification__footer .apply-flow-dialog__button--link:last-child{margin-top:10px}.candidate-verification-dialog .sk-fading-circle .sk-circle::before{background-color:#2574a9}.candidate-verification__footer{justify-content:center;padding:0;margin:32px auto 0;min-height:60px}.candidate-verification__footer .apply-flow-dialog__button--link{padding:0}.token-expired .apply-flow-dialog__footer{margin-top:40px}.navbar{width:100%;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:space-between;position:absolute;z-index:20;box-sizing:border-box;box-shadow:0 0 20px rgba(0,0,0,0.7);will-change:transform}html:not([dir="rtl"]) .navbar{padding-right:10px}html[dir="rtl"] .navbar{padding-left:10px}.navbar--custom-content{background-color:#1b1921}@media screen and (min-width: 768px){.navbar{box-shadow:none}}@media print{.navbar{position:static}}.navbar-link{display:block}@media print, screen and (min-width: 1024px){.navbar-link--mobile{display:none}}.navbar-link--desktop{display:none}@media print, screen and (min-width: 1024px){.navbar-link--desktop{display:block}}.navbar-link--hidden{visibility:hidden}.navbar-logo-wrapper{flex:0 0 150px;height:50px}.navbar-logo--layout{max-width:150px;margin:10px;order:1}.navbar-logo--regular{display:block;height:30px}@media print{.navbar-logo--regular{margin-left:0}}.navbar-logo-image--mobile{display:block}@media print, screen and (min-width: 1024px){.navbar-logo-image--mobile{display:none}}.navbar-logo-image--desktop{display:none}@media print, screen and (min-width: 1024px){.navbar-logo-image--desktop{display:block}}.navbar-right{display:flex;align-items:center;height:50px;order:4}@media print{.navbar-right{display:none}}.navbar-menu-item-expand-icon{display:inline-block;transition:transform .3s;vertical-align:middle}.navbar-menu-item-expand-icon::before{position:relative;top:1px}.navbar-menu-item--opened .navbar-menu-item-expand-icon{transform:rotate(180deg)}.navbar-menu--desktop{flex:1 1 auto;display:flex;flex-flow:row nowrap;font-size:14px;letter-spacing:.3px;overflow:hidden;white-space:nowrap;align-items:center}@media print{.navbar-menu--desktop{font-size:10px}}.navbar-menu--desktop .navbar-menu-wrapper{height:50px;flex:1 1 auto;display:flex;margin-left:95px;min-width:0;overflow-x:auto;overflow-y:hidden;align-items:center}@media print{.navbar-menu--desktop .navbar-menu-wrapper{margin-left:10px}}.navbar-menu--desktop .navbar-menu-list{display:flex;flex:1 0 auto}.navbar-menu--desktop .navbar-submenu{background-color:#fff;position:absolute;width:100%;left:0;top:50px;box-sizing:border-box;padding-left:200px}@media print{.navbar-menu--desktop .non-printable{display:none}}.btn-menu-toggler{display:none}@media screen and (max-width: 1023px){.btn-menu-toggler{border:0;font-size:1.9em;height:34px;display:flex;align-items:center}}.btn-menu-toggler .menu-icon::before{vertical-align:top}.navbar-menu--mobile{position:fixed;display:flex;flex-flow:column;height:100%;background:#fff;z-index:950;top:0;right:0;transform:translateX(100%);transition:transform .2s;width:85%;max-width:320px;box-shadow:0 0 5px #999;order:5}.navbar-menu--mobile.navbar-menu--open{transition:transform .2s;transform:translateX(0)}.navbar-menu--mobile .navbar-submenu{padding-left:0;overflow:hidden;transition:max-height .2s ease}.navbar-menu--mobile .navbar-submenu-item{display:block}.menu-overlay{position:fixed;height:100vh;width:100vw;right:0;top:0;background:rgba(255,255,255,0.4);z-index:10;backface-visibility:hidden}.navbar-btn{border:0;background:transparent;color:#fff;border-radius:2px;margin:0 10px;padding:0}.navbar-btn:hover{background:rgba(255,255,255,0.3)}@media print{.navbar-btn{margin:0 5px}}.navbar-menu--desktop cx-header-links{display:flex;flex:0 0 auto}.navbar-menu--desktop .navbar-menu-item{display:flex;align-items:center;padding:0 10px;box-sizing:border-box}@media screen and (min-width: 1281px){.navbar-menu--desktop .navbar-menu-item{padding:0 20px}}.navbar-menu--desktop .navbar-menu-item.navbar-menu-header{display:none}.navbar-menu--desktop .navbar-menu-item:hover{background:rgba(255,255,255,0.7)}@media print{.navbar-menu--desktop .navbar-menu-item{padding:15px 0}}.navbar-menu--desktop .navbar-menu-item .navbar-menu-item-link{color:#fff;text-transform:uppercase;cursor:pointer}@media print{.navbar-menu--desktop .navbar-menu-item .navbar-menu-item-link{display:inline-block;vertical-align:middle;height:auto;color:#000}}.navbar-menu--desktop .navbar-menu-item .navbar-menu-item-toggle{margin-left:10px;padding:0;color:#fff;border:0;background-color:transparent}@media print{.navbar-menu--desktop .navbar-menu-item .navbar-menu-item-toggle{display:inline-block;vertical-align:middle;height:auto;line-height:normal;margin-left:0;padding:0 10px;color:#000}}.navbar-menu--desktop .navbar-menu-item .navbar-submenu{display:none}.navbar-menu--desktop .navbar-menu-item-my-selected-jobs{margin-left:auto;flex:0 0 auto;padding:0}@media print{.navbar-menu--desktop .navbar-menu-item-my-selected-jobs{visibility:hidden;width:0}}.navbar-menu--desktop .navbar-menu-item--no-hover:hover{background-color:transparent}.navbar-menu--desktop .navbar-menu-item--opened{background:#fff}.navbar-menu--desktop .navbar-menu-item--opened:hover{background:#fff}.navbar-menu--desktop .navbar-menu-item--opened .navbar-menu-item-link{color:#333}.navbar-menu--desktop .navbar-menu-item--opened .navbar-menu-item-toggle{color:#333}.navbar-menu--desktop .navbar-menu-item--opened .navbar-submenu{display:block}.navbar-menu--desktop .navbar-submenu-item{display:inline-block;padding:20px 10px}.navbar-menu--desktop .navbar-submenu-item .navbar-submenu-item-link{color:#333;height:20px;font-weight:bold;display:block}.navbar-menu--desktop .navbar-submenu-item .navbar-submenu-item-link:hover,.navbar-menu--desktop .navbar-submenu-item .navbar-submenu-item-link:focus{color:#000}.navbar-menu--mobile .navbar-menu-header{padding:25px 10px 25px 30px;display:flex;font-size:20px;font-weight:600;margin-bottom:20px;flex:0 0 auto}.navbar-menu--mobile .navbar-menu-header--sticked{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #ddd;justify-content:space-between}.navbar-menu--mobile .navbar-menu-header .navbar-menu-header-title{color:#525252;flex:1 1 auto;border-top:0}.navbar-menu--mobile .navbar-menu-header .navbar-menu-close-btn{display:flex;flex:0 0 auto;align-self:center;border:0;background:none;color:#737373;padding:0 15px 0 0}.navbar-menu--mobile .navbar-menu-list{display:block;list-style-type:none}.navbar-menu--mobile .navbar-menu-item{height:auto;padding:25px 10px;font-size:20px;font-weight:600;justify-content:space-between;margin:0 20px;border-top:1px solid #d9d9d9;box-sizing:border-box;text-transform:none;cursor:auto;line-height:inherit}.navbar-menu--mobile .navbar-menu-item:first-child{border-top-width:0}.navbar-menu--mobile .navbar-menu-item .navbar-submenu{visibility:hidden;max-height:0;margin:0 -30px;background:#fff;position:static;padding-left:0;overflow:hidden}.navbar-menu--mobile .navbar-menu-item--opened{background:#f5f0ec;border-top:1px solid transparent;margin:0;padding:25px 30px 10px}.navbar-menu--mobile .navbar-menu-item--opened .navbar-submenu{visibility:visible;max-height:500px;margin-top:20px;position:relative;border-bottom:0 solid transparent}.navbar-menu--mobile .navbar-menu-item--opened+.navbar-menu-item{border-top:0}.navbar-menu--mobile .navbar-menu-item-link{color:#525252}.navbar-menu--mobile .navbar-menu-item-toggle{float:right;color:#c6c6cb;padding:0;border:0;background-color:transparent}.navbar-menu--mobile .navbar-submenu-item{display:block;padding:0}.navbar-menu--mobile .navbar-submenu-item-link{color:#8e8e8e;display:flex;padding:14px 20px 14px 40px;font-size:16px;justify-content:space-between;background:#f5f0ec;height:auto;font-weight:normal}.navbar-menu--mobile .navbar-submenu-item-link:hover,.navbar-menu--mobile .navbar-submenu-item-link:focus{color:#8e8e8e;background:#fff;padding-left:50px;outline:0}.navbar-menu--mobile .navbar-menu-wrapper{flex:1 1 auto;overflow:auto;overflow-x:hidden;display:flex;flex-direction:column}.navbar-menu--mobile .navbar-menu__miscellaneous{flex:0 0 auto;padding:20px}.navbar-menu--mobile .navbar-menu__miscellaneous>*+*{margin-top:10px;display:block}.navbar-menu--mobile .add-this-container{height:80px;padding:20px;color:#fff;background-color:#3b4151}.navbar-menu--mobile .add-this-container__label{display:block;margin:0 0 10px;line-height:1.2em;text-align:center;font-size:14px;font-weight:600;color:#fff}.navbar-menu--mobile .add-this-inline-follow{width:100%;display:flex;align-items:center;justify-content:center}.navbar-menu--mobile .add-this-inline-follow p{margin:0 0 15px;font-size:14px;font-weight:bold;text-align:center}.navbar-lang-select{height:30px;display:block;min-width:200px}@media print, screen and (min-width: 1024px){.navbar-lang-select{margin:10px 20px 0}html:not([dir="rtl"]) .navbar-lang-select{margin:10px 0 10px 10px}html[dir="rtl"] .navbar-lang-select{margin:10px 10px 10px 0}}.navbar-lang-select .oj-select{margin:0;min-width:auto;max-width:none;text-transform:uppercase;-webkit-text-size-adjust:100%}.navbar-lang-select .oj-select.oj-disabled .oj-select-choice{background-color:transparent;opacity:.6}.navbar-lang-select .oj-select-open-icon{color:inherit;font-size:14px}.navbar-lang-select .oj-select-open-icon::before{position:relative;top:.1em}.navbar-lang-select .oj-select-choice{height:30px;font-size:15px;border:1px solid #535353;background:transparent}html:not([dir="rtl"]) .navbar-lang-select .oj-select-choice{padding-left:10px;padding-right:3px}html[dir="rtl"] .navbar-lang-select .oj-select-choice{padding-left:3px;padding-right:10px}.navbar-menu--desktop .navbar-lang-select .oj-select-choice{border-color:currentColor;color:#fff}.navbar-lang-select .oj-select-arrow.oj-disabled{color:#fff}.internal-user-login-button-wrapper{box-sizing:border-box;display:block}@media print, screen and (min-width: 1024px){.internal-user-login-button-wrapper{height:30px;margin:9px 10px}html:not([dir="rtl"]) .internal-user-login-button-wrapper{margin:10px 0 10px 10px}html[dir="rtl"] .internal-user-login-button-wrapper{margin:10px 10px 10px 0}}@media print{.internal-user-login-button-wrapper{margin-right:0}}.internal-user-login-button{border:1px solid currentColor;color:#535353;display:block;font-size:15px;margin:0;padding:6px 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}.internal-user-login-button:hover{background-color:#f5f0ec;color:inherit}@media print, screen and (min-width: 1024px){.internal-user-login-button{color:#fff;height:30px;line-height:30px;padding:0 7px}.internal-user-login-button:hover{background-color:transparent;color:#fff}.internal-user-login-button .icon-employee::before{margin:0;width:18px}}@media print{.internal-user-login-button{color:#000;border-color:#000}}@media print, screen and (min-width: 1024px){.internal-user-login-button__text{color:#fff}}.location-bar{display:flex;align-items:center;position:relative;width:100%;height:100%}.location-bar-button-wrapper{display:flex;justify-content:center;height:100%;margin:auto;min-width:0;flex:1 1 auto;padding:0 10px}@media screen and (min-width: 768px){.location-bar-button-wrapper{height:46px;border-left:2px solid rgba(95,95,95,0.7);padding:0 15px}.location-bar-button-wrapper:hover{color:#fff}}.location-bar-button{color:#333;border:0;background:0;font-size:13px;line-height:1em;font-weight:600;padding:0;text-transform:uppercase;display:flex;justify-content:center;align-items:center;min-width:0;flex:1 1 0%}@media screen and (min-width: 768px){.location-bar-button{color:#fff;font-size:17px;max-width:220px;flex:0 0 auto}}.location-bar-button::after{display:inline-block;margin-left:12px;transition:transform .1s;vertical-align:bottom}@media screen and (min-width: 768px){.location-bar-button::after{color:#c7c7c7;font-size:22px;line-height:22px;vertical-align:middle}}.location-bar-button--close::after{transform:rotate(180deg)}.location-bar-button--not-empty{background-color:#fff;border:0;border-radius:4px;box-shadow:0 0 2px #cacaca;cursor:pointer;position:relative;justify-content:space-between;width:100%}html:not([dir="rtl"]) .location-bar-button--not-empty{padding-right:5px}html[dir="rtl"] .location-bar-button--not-empty{padding-left:5px}@media screen and (min-width: 768px){.location-bar-button--not-empty{width:auto}}.location-bar-button--not-empty:hover{color:#000}.location-bar-button--not-empty .location-bar-button{color:#333;text-transform:none;font-size:15px}.location-bar-button--not-empty .location-bar-button::after{display:none}.location-bar-button__radius{flex:0 0 auto}.location-bar-button__location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:110px}.location-bar-input__container{position:relative}.location-bar-spinner{display:inline-block;height:20px;margin-left:8px;width:20px;vertical-align:middle}.location-bar-spinner .sk-fading-circle{height:100%;width:100%}.location-bar-spinner .sk-circle::before{background-color:#000}.location-bar-spinner--autocomplete,.location-bar-spinner--zipcode{position:absolute;right:15px;top:14px}.location-bar-spinner--autocomplete{display:none}.ui-autocomplete-loading ~ .location-bar-spinner--autocomplete{display:block}.location-bar-spinner--geo{height:14px;width:14px}.location-bar-input-group{background:#fff;height:46px;line-height:44px;position:relative}.location-bar-input-group .ui-autocomplete{color:#000;padding:0;max-height:calc(100vh - 50px - 106px - 41px - 46px - 12px)}@media screen and (min-width: 768px){.location-bar-input-group .ui-autocomplete{max-height:calc(100vh - 50px - 67px - 41px - 46px - 12px)}}.location-bar-input-group .ui-autocomplete .ui-menu-item{font-size:15px;font-weight:normal;color:#333}.location-bar-input-group .ui-autocomplete .ui-menu-item-wrapper{padding:6px 16px}.location-bar-input-group .ui-autocomplete .ui-autocomplete-mark{color:inherit;font-weight:normal}.location-bar-input-group .ui-autocomplete span:first-of-type{color:#757575;font-weight:bold}.location-bar-input,.location-bar-input-icon{border:1px solid #cacaca}.location-bar-input{background:none;border-width:1px 0;border-radius:0;color:#666;height:46px;line-height:normal;width:100%}.location-bar-input::-webkit-input-placeholder{color:#707070;opacity:1}.location-bar-input::-moz-placeholder{color:#707070;opacity:1}.location-bar-input:-ms-input-placeholder{color:#707070;opacity:1}.location-bar-input::-ms-clear{display:none}.location-bar-input[type="search"]{box-sizing:border-box}.location-bar-input[type="search"]:focus{position:relative;z-index:5}.location-bar-input--submit{border-width:1px 1px 1px 0;border-radius:0 4px 4px 0;font-weight:bold;height:46px;text-transform:uppercase;padding:0 18px;width:100%;letter-spacing:normal}.location-bar-input--zipcode{border-width:1px 0 1px 1px;border-radius:4px 0 0 4px;padding:10px}.location-bar-input-icon{border:1px solid #cacaca;border-right-width:0;border-radius:4px 0 0 4px;color:#8b8b8b;text-align:center;font-size:1.8em}.location-bar-input-icon::before{line-height:46px;padding:0 5px;width:auto;margin:0}@media screen and (min-width: 768px){.location-bar-input-icon::before{padding:0 10px}}.location-bar-input-icon.icon-search-thin::before{transform:scale(-1, 1)}.location-bar-info{color:#707070;font-size:12px;margin:8px 0}.location-bar-geo-button{color:#0471b2;cursor:pointer}.location-bar-country-search{margin-top:10px}.location-bar-country-search__select{max-width:100%;width:100%;font-size:16px}.location-bar-country-search__select .oj-select-choice{background:transparent;padding:10px;height:auto;border-radius:4px;border-color:#cacaca;color:#666}html:not([dir="rtl"]) .location-bar-country-search__select .oj-select-choice{padding-left:10px}.location-bar-input--radius{border-radius:4px;border-width:1px;width:50px;text-align:center;-moz-appearance:textfield}.location-bar-input--radius::-webkit-outer-spin-button,.location-bar-input--radius::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.location-bar-radius__preferences{display:flex;flex-wrap:wrap;align-items:center}.location-bar-radius{color:#595959;font-size:17px;margin-top:20px;display:flex}@media screen and (min-width: 768px){.location-bar-radius{margin-top:35px}}.location-bar-radius--disabled{position:relative}.location-bar-radius--disabled::before{background-color:rgba(255,255,255,0.4);bottom:0;content:'';display:block;left:0;position:absolute;right:0;top:0;z-index:40}.location-bar-radius-label{align-self:center;font-size:16px;font-weight:300;line-height:51px;padding-right:18px;margin-bottom:0}.location-bar-radius-slider{flex:2;overflow:hidden;padding:9px 0;min-width:7em}.location-bar-radius-units{flex:0 0 auto;width:100%;margin:15px 10px 0;line-height:1}@media screen and (min-width: 768px){.location-bar-radius-units{width:auto;margin:0 0 0 15px}}.location-bar-kilometers-wrapper{margin-top:6px}.location-bar-radius-unit-label{font-size:14px}.location-bar-radius-unit-label::before{font-size:1.2em;color:#666;margin-right:6px;vertical-align:middle}.location-bar-dropdown{background:#fff;padding:61px 17px 41px;position:fixed;top:50px;left:0;right:0;bottom:0;z-index:160;overflow:auto}@media screen and (min-width: 768px){.location-bar-dropdown{box-shadow:0 0 5px #777;border-radius:4px;padding:41px 32px;width:425px;position:absolute;bottom:auto;top:100%;margin-top:-5px;overflow:visible;z-index:10}html:not([dir="rtl"]) .location-bar-dropdown{right:50%;left:auto;margin-right:-120px}html[dir="rtl"] .location-bar-dropdown{left:50%;right:auto;margin-left:-120px}}.location-bar-dropdown .ui-draggable{border:1px solid #ddd;box-shadow:0 2px 7px -2px #ccc}.location-bar-dropdown .ui-draggable:hover{background-color:#fff}.location-bar-dropdown__triangle{width:28px;height:18px;position:absolute;right:25%;bottom:100%;margin-right:-14px;z-index:-1;overflow:hidden}@media screen and (min-width: 768px){.location-bar-dropdown__triangle{right:112px;margin-right:0}}.location-bar-dropdown__triangle::before{content:'';display:block;width:12px;height:12px;position:relative;top:12px;transform:rotate(-45deg);box-shadow:0 0 8px #000;background:#fff;margin:0 auto}.location-bar-dropdown__reset{background:none;border:0;padding:0;width:32px;line-height:19px;flex:0 0 auto}.location-bar-dropdown__reset .icon-cancel::before{vertical-align:top;font-size:24px;margin:0}.location-bar-dropdown__close{position:absolute;top:15px;right:10px;font-size:18px;border:0;background:0;display:flex;align-items:center;justify-content:center;height:30px;width:40px}@media screen and (min-width: 768px){.location-bar-dropdown__close{display:none}}.location-bar-tabs{list-style:none;display:flex;margin-top:-10px;margin-bottom:10px}.location-bar-tabs__tab{text-transform:uppercase;margin-right:20px}.location-bar-tabs__tab:first-of-type{margin-left:-10px}.location-bar-tabs__tab:last-of-type{margin-right:0}.location-bar-tabs__button{border:none;background:none;padding:10px;font-size:14px;text-transform:uppercase;cursor:pointer}.location-bar-tabs__tab--active .location-bar-tabs__button{font-weight:bold}.search-box{position:relative;z-index:1;box-sizing:border-box;display:flex;justify-content:space-between;align-items:stretch;font-size:16px;flex-wrap:wrap;position:relative;backface-visibility:hidden}.search-box::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:.65;background-color:#000}.search-box .search-box-block{display:flex;height:53px}@media screen and (min-width: 768px){.search-box .search-box-block{height:67px}}@media screen and (min-width: 768px){.search-box{height:67px;flex-wrap:nowrap}}.search-box .block--filters{flex:0 0 50%}@media screen and (min-width: 768px){.search-box .block--filters{flex-basis:190px}.search-box .block--filters.block--filters--opened{flex-basis:300px;min-width:0}}@media screen and (max-width: 767px){.search-box .block--filters--desktop{display:none}}@media screen and (min-width: 768px){.search-box .block--filters--mobile{display:none}}.search-box .block--filters .filters-toggle-button{background:#000;box-sizing:border-box;width:100%;padding:0 10px;font-size:13px;font-weight:bold;height:53px}@media screen and (min-width: 768px){.search-box .block--filters .filters-toggle-button{height:67px;padding:0 20px 0 30px;justify-content:space-between;font-size:16px;font-weight:normal}}@media screen and (min-width: 768px){.search-box .block--filters .filters-toggle-button--opened{font-size:20px}}.search-box .block--filters .filters-toggle-button-content-wrapper{width:100%;display:flex;justify-content:center}@media screen and (min-width: 768px){.search-box .block--filters .filters-toggle-button-content-wrapper{justify-content:space-between;align-items:center}}.search-box .block--filters .filters-toggle-button-icon{color:#969696;margin:0 0 0 6px;flex:0 0 auto;font-size:20px;line-height:0}.search-box .block--filters .filters-toggle-button-icon--open{transform:scaleX(-1)}.search-box .block--filters .filters-toggle-button-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;flex:0 1 auto}.search-box .block--filters .filters-toggle-button-label::after{display:inline-block;margin-left:12px;transition:transform .1s;vertical-align:middle;margin-bottom:1px}.search-box .block--filters .filters-toggle-button-label--opened::after{transform:rotate(180deg)}@media screen and (min-width: 768px){.search-box .block--filters .filters-toggle-button-label::after{display:none}}.search-box .block--keyword{flex:1 1 0%;position:relative;z-index:2}.search-box .block--keyword .keyword-input{font-size:1.2em;padding:0 10px;box-sizing:border-box;width:100%}.search-box .block--keyword .keyword-input::-webkit-input-placeholder{color:#8b8b8b;opacity:1}.search-box .block--keyword .keyword-input::-moz-placeholder{color:#8b8b8b;opacity:1}.search-box .block--keyword .keyword-input:-ms-input-placeholder{color:#8b8b8b;opacity:1}@media screen and (min-width: 768px){.search-box .block--keyword .keyword-input{font-size:1.5em;padding:0 30px}}.search-box .block--keyword .keyword-input[placeholder]{text-overflow:ellipsis}.search-box .block--keyword .keyword-input::-moz-placeholder{text-overflow:ellipsis}@media screen and (min-width: 768px){.search-box .block--keyword .ui-autocomplete{max-width:360px}}.search-box .block--location{flex:1 0 50%;min-width:0;align-items:center;background:#d9d9d9}@media screen and (min-width: 768px){.search-box .block--location{flex:0 0 auto;background:transparent}}.search-box .block--submit{flex:0 1 60px;justify-content:center;align-items:center}@media screen and (min-width: 768px){.search-box .block--submit{flex:0 0 80px}}@media print, screen and (min-width: 1024px){.search-box .block--submit{flex:0 0 115px}}.search-box .block--submit.search-btn{padding:0;font-size:24px;line-height:0}@media screen and (max-width: 767px){.search-box .block--submit.search-btn--desktop{display:none}}@media screen and (min-width: 768px){.search-box .block--submit.search-btn--mobile{display:none}}@media screen and (min-width: 768px){.search-box .block--submit.search-btn{font-size:36px}}.search-box .block--submit.search-btn--mobile .search-btn-icon{margin:0 auto}.search-box .block--sl-wrapper{width:100%}@media screen and (min-width: 768px){.search-box .block--sl-wrapper{width:auto;background:none;flex:0 0 auto}}.search-box .input--transparent{background:transparent;border:0;color:#fff}.search-box .ui-menu-item-wrapper{padding:6px 10px 6px 3%}.search-wrapper-home-page .search-box .block--filters{display:none}@media screen and (min-width: 768px){.search-wrapper-home-page .search-box .keyword-input{padding-left:10%}}.search-box-wrapper{position:absolute;z-index:110;top:0;width:100%}@media screen and (min-width: 768px){.search-box-wrapper{position:fixed;top:50px}}.search-box-wrapper--with-custom-header{position:static}.facet-view-all-wrapper--recent-search,.facet-item--recent-search{padding-bottom:10px}.recent-search-container{padding-left:0}.recent-search{font-size:13px;color:#979797}.recent-search:hover{color:#979797}.recent-search .recent-search{display:inline-block}.recent-search .recent-search--keyword{display:inline-block;vertical-align:middle}.recent-search .recent-search--location--name{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:75%;vertical-align:middle}.recent-search .recent-search--location--name.recent-search--location--full-width{max-width:100%}.recent-search .recent-search--location--radius{display:inline-block;overflow:hidden;max-width:25%;text-transform:lowercase;vertical-align:middle}.search-input-tooltip{background:#fff;min-width:320px;padding:17px;position:absolute;left:0;width:100%;text-align:left;z-index:160;box-sizing:border-box;box-shadow:0 0 5px #777;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}@media screen and (min-width: 768px){.search-input-tooltip{margin:10px 0 0;padding:12px 12px 18px 18px}}.search-input-tooltip::before{border:12px solid transparent;border-bottom-color:#fff;content:'';position:absolute;top:-23px;left:50px}.search-input-tooltip__close-button{color:#a6a6a6;border:0;background:none;padding:5px}.search-input-tooltip__close-button::before{margin:auto;display:block}.search-input-tooltip__close-button:hover{color:#4c4c4c}.search-input-tooltip{top:61px}@media screen and (min-width: 768px){.search-input-tooltip{border-radius:4px;width:425px}}.filter-container{margin:16px 20px 0 30px;display:flex;align-content:space-between;flex-wrap:wrap}@media screen and (max-width: 767px){.filter-container{margin:16px 0 0 10px}}.filter-container .filter{margin:0 10px 5px 0;display:flex;padding:6px 11px;border-radius:4px;color:#000;background-color:rgba(255,255,255,0.78);border:1px solid #fff;align-content:center;justify-content:space-between}.filter-container .filter .filter-title{font-size:12px;align-self:center;margin-right:11px}.filter-container .filter .filter-cancel-button{cursor:pointer;font-size:16px;font-weight:100;line-height:16px;color:#666;align-self:center;width:16px;height:16px;margin:0;padding:0}.filter-container .filter .filter-cancel-button::before{display:block}.filter-container .filter--clear-all{background:transparent;border:0;color:#fff;font-size:14px;font-weight:600;margin-left:10px}.search-filters-container{background-color:#000;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 35px 50px;position:absolute;width:100%;top:106px;left:0;height:calc(var(--viewport-height) - 156px);z-index:100;transform:translateX(-100%);transition:transform .3s ease, visibility .3s ease;box-sizing:border-box;visibility:hidden;backface-visibility:hidden}@media screen and (min-width: 768px){.search-filters-container{width:300px;top:67px;height:calc(100vh - 117px)}}.search-filters-container.visible-filters{transition:transform .3s ease;transform:translateX(0);visibility:visible}.search-filters-container .filter-separator{margin:0;box-sizing:border-box;border:0;border-bottom:1px solid #979797}.search-filters-container .facet-clear-wrapper{text-align:center;margin:8px 0 14px}@media screen and (max-width: 767px){.search-filters-container .facet-clear-wrapper{margin:24px 0}}.search-filters-container .facet-clear-button{width:230px;font-size:14px;box-sizing:border-box;display:block;color:#fff;padding:5px 1em;font-weight:200;border-color:#fff}@media screen and (max-width: 767px){.search-filters-container .facet-clear-button{width:100%}}.joblist-grid .search-results-similar__grid-item.joblist-grid-item{flex-grow:1;flex-basis:100%;max-width:100%}.joblist-grid .search-results-similar__grid-item.joblist-grid-item .search-result-item{box-shadow:0 0 5px 3px rgba(89,89,89,0.2)}.joblist-grid .search-results-similar__grid-item.joblist-grid-item .item-header{background:rgba(89,89,89,0.2)}@media screen and (min-width: 600px){.joblist-grid .search-results-similar__grid-item.joblist-grid-item{flex-grow:0;flex-basis:50%;max-width:50%}}.search-results-similar__header{font-weight:500;margin:30px auto;text-align:center;color:#595959}.search-results-similar__see-more-button{text-align:center;font-size:16px;margin:20px 0;display:block;width:100%}.search-results-similar__spinner{margin-top:30px}.search-results-similar__spinner .sk-fading-circle .sk-circle::before{background-color:#595959}.search-results-container{padding-top:67px;transition:flex .5s;order:0;align-self:auto;flex:1 1 100%;margin:0;box-sizing:border-box}@media screen and (max-width: 767px){.search-results-container{transition:flex 0s;padding-top:106px}}.search-results-container.hidden{display:none}.search-results-container:not(.loaded){background:rgba(73,83,110,0.8)}.search-results-container .search-results-title{margin:26px 30px;font-weight:100;font-size:22px;display:block;color:#fff}@media screen and (max-width: 767px){.search-results-container .search-results-title{margin:26px 10px;font-weight:900}}.search-results-container .ss-scrollbar-wrapper{visibility:hidden}.search-results-container--with-custom-header{padding-top:0}.search-results-container--job-full-view{display:none}.joblist-grid-item{display:flex;flex:1 1 100%;min-width:0;margin:10px 0;padding:0 10px;position:relative;box-sizing:border-box}@media screen and (min-width: 768px){.joblist-grid-item{margin:11px 0;padding:0 15px}}@media screen and (min-width: 740px){.joblist-grid-item{flex-grow:0;flex-basis:50%;max-width:50%}}@media screen and (min-width: 1110px){.joblist-grid-item{flex-grow:0;flex-basis:33.33333%;max-width:33.33333%}}@media screen and (min-width: 1480px){.joblist-grid-item{flex-grow:0;flex-basis:25%;max-width:25%}}@media screen and (min-width: 1850px){.joblist-grid-item{flex-grow:0;flex-basis:20%;max-width:20%}}@media screen and (min-width: 2220px){.joblist-grid-item{flex-grow:0;flex-basis:16.66667%;max-width:16.66667%}}.joblist-grid-item--talent-community-tile{flex-direction:column}.joblist-grid{display:flex;flex-flow:row wrap;align-content:center;justify-content:flex-start;align-items:stretch;margin-top:21px}.joblist-grid--single-result{justify-content:center}.favourite-pin-wrapper{position:absolute;right:23px;top:12px;font-size:2.3em}.joblist-grid--job-details-full-view-enabled{display:none}@media screen and (max-width: 1023px){.with-job-preview{display:none}}@media screen and (min-width: 740px){.job-selected .joblist-grid-item{flex-grow:1;flex-basis:100%;max-width:100%}.job-selected .job-details-container{width:60%}.with-job-preview{margin-right:60%}}@media screen and (min-width: 1480px){.job-selected .joblist-grid-item{flex-grow:0;flex-basis:50%;max-width:50%}.job-selected .job-details-container{width:50%}.with-job-preview{margin-right:50%}}@media screen and (min-width: 1920px){.job-selected .joblist-grid-item{flex-basis:33.33333%;max-width:33.33333%}.job-selected .job-details-container{width:43%}.with-job-preview{margin-right:43%}}.job-selected .job-details-container{transform:translateX(0)}@media screen and (max-width: 1023px){.job-selected .job-details-container{left:0;z-index:80;width:100%}}@media screen and (max-width: 767px){.job-selected .job-details-container{padding-top:106px}}@media screen and (min-width: 768px){.job-selected .job-details-container{padding-top:67px}}.job-selected .job-details-container.job-details-full-view{width:100%;z-index:80;position:static}@media screen and (max-width: 1023px){.job-selected .job-details-container--with-custom-header{padding-top:0}}@media print, screen and (min-width: 1024px){.job-selected .job-details-container--with-custom-header{padding-top:67px}}@media print, screen and (min-width: 1024px){.job-selected .job-details-container--with-custom-header.job-details-full-view{padding-top:0}}@media screen and (min-width: 768px){.with-opened-filters{margin-left:300px}}.with-opened-filters .joblist-grid-item{flex:1 1 100%}.with-opened-filters .no-results{padding-left:30px}@media screen and (min-width: 1040px){.with-opened-filters .joblist-grid-item{flex-grow:0;flex-basis:50%;max-width:50%}}@media screen and (min-width: 1410px){.with-opened-filters .joblist-grid-item{flex-grow:0;flex-basis:33.33333%;max-width:33.33333%}}@media screen and (min-width: 1780px){.with-opened-filters .joblist-grid-item{flex-grow:0;flex-basis:25%;max-width:25%}}@media screen and (min-width: 2150px){.with-opened-filters .joblist-grid-item{flex-grow:0;flex-basis:20%;max-width:20%}}@media screen and (min-width: 2520px){.with-opened-filters .joblist-grid-item{flex-grow:0;flex-basis:16.66667%;max-width:16.66667%}}.loaded .ss-scrollbar-wrapper{visibility:visible}.job-list-search-spinner{position:relative;top:200px;width:100px;left:50%}.job-list-search-spinner::before{width:100px;height:100px;border:5px solid rgba(255,255,255,0.5);border-top-color:#fff}.job-details-container{transform:translateX(100%);transition:transform .2s ease}@media print, screen and (min-width: 1024px){.job-details-container{position:fixed;top:50px;right:0}}@media screen and (max-width: 767px){.job-details-container{z-index:-1;transform:translateX(0);transition:transform .3s linear}.job-details-container.closing{transform:translateX(100%);z-index:80}}@media print, screen and (min-width: 1024px){.job-details-container--with-custom-header{position:absolute;top:0}}.search-results-loading-spinner{height:calc(var(--viewport-height) - 117px)}.search-results-load-more-container{display:flex;justify-content:center;z-index:1;position:relative}.search-results-load-more{position:relative;z-index:1;border:solid 1px #cdcdcd;border-radius:2px;flex:1 1 auto;font-size:14px;height:30px;line-height:30px;margin:39px 10px 31px;text-align:center}.search-results-load-more::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:.6;background-color:#000}@media screen and (min-width: 768px){.search-results-load-more{flex:0 1 410px;margin-left:23px;margin-right:23px}}@media print, screen and (min-width: 1024px){.search-results-load-more{flex:0 1 532px}}.search-results-loading-bar{position:relative;z-index:1;flex:1 1 auto;font-size:14px;color:#fff;height:42px;line-height:42px;margin:39px 10px 11px;text-transform:uppercase;text-align:center}.search-results-loading-bar::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:.6;background-color:#000}@media screen and (min-width: 768px){.search-results-loading-bar{margin-left:23px;margin-right:23px}}.search-results-load-spinner{display:inline-block;height:22px;margin-right:12px;width:22px;vertical-align:middle}.search-results-load-spinner .sk-fading-circle{height:100%;width:100%}.search-results-load-more-btn{background:none;border:0;box-sizing:border-box;color:#fff;height:100%;width:100%}.joblist-tile{display:flex;width:100%;min-height:200px;background:transparent;border-top-left-radius:4px;border-top-right-radius:4px;font-size:12px}.joblist-tile .job-title{color:#000}.joblist-tile .job-location,.joblist-tile .job-location-secondary,.joblist-tile .job-id,.joblist-tile .job-distance{color:#333}.joblist-tile.selected .item-header{transition:color .1s linear, background-color .1s linear;background:#2574a9}.joblist-tile.selected .search-result-item{color:#2574a9}.joblist-tile.selected .job-title,.joblist-tile.selected .job-location,.joblist-tile.selected .job-id{color:#fff}.joblist-tile:hover,.joblist-tile:focus,.joblist-tile.hover-preview{color:#2574a9;box-shadow:0 0 2px 2px;outline:0}.joblist-tile .search-result-item{display:flex;flex-direction:column;width:100%;color:#fff;border:1px solid;border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden}.joblist-tile .job-description-wrapper{background:#fff;flex:1 1 auto;display:flex;flex-direction:column;padding:30px 23px 35px}.joblist-tile .job-description-wrapper .job-description{overflow:hidden;max-height:4.8em;color:#595959}@supports ((-webkit-line-clamp: 1) or (line-clamp: 1)) and (-webkit-box-orient: vertical){.joblist-tile .job-description-wrapper .job-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}}@supports not ((-webkit-line-clamp: 1) or (line-clamp: 1) or (-webkit-box-orient: vertical)){.joblist-tile .job-description-wrapper .job-description{position:relative;max-height:6em}.joblist-tile .job-description-wrapper .job-description::after{content:'';background:transparent linear-gradient(to top, #fff 0, transparent 150%);position:absolute;right:0;left:0;bottom:0;top:4.8em}}.joblist-tile .item-header{flex:0 1 auto;background:rgba(255,255,255,0.8);padding:16px 70px 14px 23px}.joblist-tile .item-header .job-title{overflow:hidden;max-height:2.5em;display:inline-block;margin-top:0;margin-bottom:9px;font-size:1.33333em;max-height:2.66666em;font-weight:900;width:100%;word-wrap:break-word;overflow:hidden}@supports ((-webkit-line-clamp: 1) or (line-clamp: 1)) and (-webkit-box-orient: vertical){.joblist-tile .item-header .job-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}}.joblist-tile .item-header .job-id{font-size:1em;box-sizing:border-box;max-width:49%;padding-right:15px}.joblist-tile .job-locations,.joblist-tile .job-distance{position:relative;padding-left:12px}.joblist-tile .job-locations.icon-location-pin::before,.joblist-tile .job-locations.icon-flag::before,.joblist-tile .job-distance.icon-location-pin::before,.joblist-tile .job-distance.icon-flag::before{position:absolute;left:-3px;top:1px;color:#c9c6c6;margin:0}.joblist-tile .job-location,.joblist-tile .job-id,.joblist-tile .job-description,.joblist-tile .job-distance{line-height:1.2em}.no-results{padding:20px 20px 20px 220px;color:#fff;background-color:rgba(73,83,110,0.8);box-sizing:border-box;min-height:calc(var(--viewport-height) - 117px)}.no-results .no-results-header{font-size:18px;margin:0}.no-results .no-results-header:not(:only-child){margin-bottom:30px}.no-results .no-results-header::after{content:'';display:block;height:2px;background:currentColor;margin:20px 0 0;max-width:100px}.no-results .no-results-subheader{margin:0 0 20px;font-size:14px;font-weight:normal}.no-results .no-results-suggestions{margin:0 0 25px 15px;padding-left:30px}.no-results .no-results-suggestions .no-results-suggestions-item{padding:3px 0}@media screen and (max-width: 767px){.no-results{padding-left:20px;text-align:center;min-height:calc(var(--viewport-height) - 156px)}.no-results .no-results-suggestions{text-align:left}.no-results .view-all-jobs-button{width:100%;min-width:0}}.facet-container{margin:0 0 0 4px;display:flex;flex-wrap:wrap}.facet-container .facet-menu{margin:0;padding:0}.facet-container .menu-link{border:0;font-size:14px;display:block;margin-left:8px}.facet-container .arrow-up::after{left:9%}.facet-title-wrapper{color:#fff;cursor:pointer;margin:0;padding:11px 0 12px;width:100%;font-size:14px;font-weight:600;display:flex}.facet-title-wrapper .facet-list-expansion-button::before{vertical-align:middle;display:inline-block;float:right;margin-right:0}.facet-title-wrapper .facet-title{display:inline-block;flex:1 1 auto;text-align:center}@media screen and (min-width: 768px){.facet-title-wrapper .facet-title{text-align:left}}.expansion-button{background:transparent;border:0}.facet-list-expansion-button{margin-top:3px}.facet-view-all-link{cursor:pointer}.facet-list-wrapper{margin-top:-12px;margin-left:3px;transition:0.4s cubic-bezier(0.86, 0, 0.07, 1);list-style:none;max-height:0;width:100%;display:none}.facet-list-wrapper .facet-list{margin-top:5px}.facet-list-wrapper .facet-item{font-size:14px;display:block;margin-top:1px}.facet-list-wrapper .facet-view-all-wrapper{display:flex;justify-content:space-between;font-size:14px;font-weight:bold}.facet-list-wrapper .facet-view-all-wrapper .facet-current-view-mode{color:#fff}.facet-list-wrapper .facet-view-all-wrapper .facet-view-all-link{color:#fff}.facet-list-wrapper .facet-text-filter-wrapper{position:relative;text-align:center;margin:10px 0}.facet-list-wrapper .facet-text-filter-wrapper .facet-text-filter{border-radius:4px;border:1px solid #666;width:98%;box-sizing:border-box;padding:5px}.facet-list-wrapper .facet-text-filter-wrapper .icon-search::before{position:absolute;font-size:18px;right:5px;top:calc(50% - 9px)}.facet-list-wrapper.facet-list-expanded{max-height:750px;margin-top:0;margin-bottom:23px;display:block}.facet-list-wrapper .icon-down-open{display:block;color:#fff;text-align:center}.facet-list-wrapper .icon-down-open::before{transition:.4s ease}.facet-list-wrapper .icon-down-open.rotated::before{transform:rotate(180deg)}.facet-link,.facet-see-more-link{cursor:pointer;padding:2px 0}.facet-link{width:100%;border-radius:3px;color:#ddd;display:flex;align-items:flex-start;align-content:flex-start;font-size:14px;text-decoration:none;padding-left:3px}.facet-link .text--no-wrap{white-space:nowrap;display:inline-block}.facet-label{display:flex;align-items:flex-start}.job-details-summary{box-sizing:border-box;position:relative;border:1px solid #dedede;font-size:12px;background:#fafafa;color:#595959}@media screen and (max-width: 767px){.job-details-summary{font-size:12px}}.job-details-summary .job-details-list{margin:20px 10px 10px;display:flex;flex-wrap:wrap}@media screen and (max-width: 767px){.job-details-summary .job-details-list{margin:15px 10px}}.job-details-summary .job-info-wrapper{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;-ms-word-break:break-all;box-sizing:border-box;line-height:1.25em;width:50%;text-align:center;margin:0 0 10px}@media screen and (max-width: 767px){.job-details-summary .job-info-wrapper{width:100%}}.job-details-summary .job-info-labels{box-sizing:border-box}.job-details-summary .job-info-label{font-weight:900;vertical-align:top;text-align:right}.job-details-summary .job-info-values{list-style:none}.job-details-summary .job-info-value{vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.job-details-summary .more-info-toggler{color:#a6a6a6;border:0;background:none;width:100%;height:30px;padding:0;text-align:center;font-size:16px;color:#a6a6a6}.job-details-summary .more-info-toggler::before{margin:auto;display:block}.job-details-summary .more-info-toggler:hover{color:#4c4c4c}.job-details-summary .more-info-toggler:hover{color:#4c4c4c}.apply-form-container{margin-top:10px}.media-container{width:100%;background:#e7e7e7;margin:auto}.media-container .media-tiles-container{height:180px;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch;transition:.2s ease;background-color:#000}@media screen and (min-width: 768px){.media-container .media-tiles-container{height:340px;overflow:hidden}}.media-container .media-tiles-container .slider-button{position:absolute;top:calc(50% - 25px);background:rgba(255,255,255,0.9);border:0;height:50px;width:20px;z-index:80;padding:0;font-size:16px}.media-container .media-tiles-container .slider-button:first-of-type{border-top-right-radius:2px;border-bottom-right-radius:2px}.media-container .media-tiles-container .slider-button:last-of-type{right:0;border-top-left-radius:2px;border-bottom-left-radius:2px}.media-container .media-tiles{height:100%;list-style-type:none;position:absolute;text-align:center;white-space:nowrap;width:100%;font-size:0}.media-container .media-tile{position:relative;box-sizing:border-box;display:inline-block;height:100%;width:60%;vertical-align:top;transition:.2s ease, transform 0s}.media-container .media-tile-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.media-container .media-tile-image--not-current+.tile-overlay{background:rgba(139,139,131,0.7)}.media-container .media-tile-player{transition:transform 0s}@media screen and (min-width: 768px){.job-details-container.job-details-half-view .media-tiles-container{height:238px}}.media-tile-overlay{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;border:0;background:transparent}@media print{.media-tile-overlay{display:none}}.media-tile-overlay--video::before{border:.15em solid #ccc;border-radius:50%;color:#ccc;font-size:5vw;height:1em;left:50%;line-height:1em;opacity:.8;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%);width:1em}.media-player-wrapper{display:inline-block;width:100%;height:100%}.media-player{background:#000;width:100%}@media screen and (min-width: 768px){.media-player{height:100%;float:left}}.media-player .media-player-component{display:inline-block;width:100%;height:100%}.media-player .frame-wrapper{position:relative;padding-bottom:56.25%;height:0}@media screen and (min-width: 768px){.media-player .frame-wrapper{padding-bottom:0;padding-top:0;height:100%}}.media-player .frame-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.media-player .video{width:100%;height:282px}@media screen and (min-width: 768px){.media-player .video{height:513px}}.job-share-options{list-style-type:none;margin-top:17px;overflow:hidden}.job-share{cursor:pointer;float:left}.job-share--email{background-color:#748a8d;color:#fff;font-size:22px;height:44px;line-height:44px;text-align:center;width:44px}.share-via-email-dialog{padding:0;position:absolute}.job-expired{color:#595959;font-size:16px;margin:0 auto;max-width:585px}.job-expired-header{background-color:#f3f3f3;color:#000;margin-bottom:77px;padding:40px 20px}@media screen and (min-width: 768px){.job-expired-header{padding:56px 94px 64px}}.job-expired-header-title{font-size:18px;padding-left:48px;position:relative}.job-expired-header-title::before{color:#ffb200;font-size:36px;position:absolute;left:-10px;top:-2px}.job-expired-description{margin:auto;max-width:340px;text-align:center}.job-expired-description-btn{background-color:#2574a9;border-radius:3px;color:#fff;display:block;font-size:14px;font-weight:600;margin-top:18px;padding:12px 1em;text-transform:uppercase}.job-expired-description-btn:hover{color:#fff}.job-link{flex:1 1 auto;padding:0 10px;width:60%;height:2.5em;line-height:2.5em;border:1px solid #e2e0db;border-bottom-left-radius:3px;border-top-left-radius:3px;border-right:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#707070}@media screen and (min-width: 768px){.job-link{min-width:150px;max-width:calc(100% - 150px)}}.job-link-copy{float:right;border-top-left-radius:0;border-bottom-left-radius:0;height:2.5em;line-height:1em;border:1px solid #e2e0db;background-color:#f8f8f8;color:#000;font-size:14px;flex:0 0 auto}.job-link-copy:hover{background-color:#595959;border-color:#595959;color:#fff}@media screen and (max-width: 767px){.job-link-copy{width:40%}}.job-link-copy--copied{background-color:#595959;border-color:#595959;color:#fff}@media screen and (max-width: 767px){.job-link-copy--copied{padding:0}}@media screen and (min-width: 768px){.ss-wrapper{overflow:hidden;height:100%;position:relative;z-index:1}.ss-content{height:100%;width:100%;position:relative;right:-18px;overflow-y:auto;overflow-x:hidden;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:36px}.ss-scrollbar-wrapper{width:10px;background:transparent;position:absolute;border:3px solid transparent;border-radius:10px;top:5px;box-sizing:border-box;right:5px;height:calc(100% - 10px)}.ss-scroll{right:0;position:absolute;width:6px;border-radius:3px;top:0;z-index:10;cursor:pointer;transition:background .2s ease}.ss-hidden{display:none}.ss-container{height:100%;position:relative}.ss-container:hover .ss-scroll{background:rgba(0,0,0,0.4)}.ss-container.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ss-grabbed{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.job-details-half-view .job-wrapper .tiles-and-summary-wrapper{width:100%}.job-details-half-view .job .info{padding-bottom:20px;width:100%;box-sizing:border-box}@media print, screen and (min-width: 1024px){.job-details-half-view .job .info{padding-bottom:80px}}.job-details-half-view .job-elements-wrapper{width:100%}.job-details-full-view .info{padding-bottom:62px}.job-wrapper{background:#fff;width:100%;min-height:calc(var(--viewport-height) - 156px);position:relative;left:0;z-index:80}@media screen and (min-width: 768px){.job-wrapper{min-height:calc(var(--viewport-height) - 117px)}}.job-wrapper .apply-section{text-align:center}@media print, screen and (min-width: 1024px){.job-wrapper .apply-section{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,0.9);z-index:2000}}.job-wrapper .apply-flow-button{width:100%;max-width:400px;font-size:16px;margin:10px 0;border:0;border-radius:3px;padding-top:10px;padding-bottom:10px}@media screen and (max-width: 767px){.job-wrapper .apply-flow-button{width:calc(100% - 30px)}}.job-wrapper .job{height:calc(var(--viewport-height) - 220px)}@media screen and (min-width: 768px){.job-wrapper .job{height:calc(var(--viewport-height) - 180px)}}@media print, screen and (min-width: 1024px){.job-wrapper .job{height:calc(var(--viewport-height) - 117px)}}.job-elements-wrapper{margin:0 auto;max-width:900px}@media screen and (max-width: 767px){.job-elements-wrapper{margin:0 auto;width:100%}}.job{box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto}@media screen and (min-width: 768px){.job{padding:0 30px}}@media screen and (max-width: 767px){.job{padding:0 15px}}.job .header-row{padding:20px 0;position:relative}@media screen and (max-width: 767px){.job .header-row{text-align:center}}.job .header-row .job-title-container{display:flex;padding:0 40px 0 0}.job .header-row .job-title{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;-ms-word-break:break-all;min-width:0;font-weight:900;font-size:20px;text-align:left;color:#333;margin:0}.job .header-row .locations{margin-top:5px;color:#595959;font-size:14px;width:100%;text-align:left}.job .header-row .locations::before{margin-left:-.2em;color:#c9c6c6}.job .header-row .primary-location{font-weight:bold}.job .header-row .favourite-pin{border:1px solid #979797;border-radius:3px;width:22px;height:22px;margin-left:10px;margin-top:.2em;-webkit-text-stroke:0 transparent}.job .header-row .favourite-pin::before{display:block}.job .header-row .close-button{color:#a6a6a6;border:0;background:none;cursor:pointer;font-size:18px;position:absolute;right:-.2em;top:21px;padding:.2em}.job .header-row .close-button::before{margin:auto;display:block}.job .header-row .close-button:hover{color:#4c4c4c}@media screen and (min-width: 768px){.job .header-row .close-button{font-size:24px;top:17px}}.job .header-row .switch-view-button{color:#a6a6a6;border:0;background:none;position:absolute;bottom:0;right:0;font-size:24px;cursor:pointer}.job .header-row .switch-view-button::before{margin:auto;display:block}.job .header-row .switch-view-button:hover{color:#4c4c4c}@media screen and (max-width: 1023px){.job .header-row .switch-view-button{visibility:hidden}}.job .tiles-and-summary-wrapper{max-width:900px;margin:5px auto}@media screen and (max-width: 767px){.job .tiles-and-summary-wrapper{width:100%}}.job .info{margin:15px auto 0}@media screen and (min-width: 768px){.job .info{max-width:800px}}.job .info .job-description{margin-top:15px}.job .info .job-description ol,.job .info .job-description ul{padding-left:40px;margin-top:1em;margin-bottom:1em}.job .info .job-link-wrapper{display:flex;align-items:center;justify-content:center}@media screen and (min-width: 768px){.job .info .job-link-wrapper{width:85%;margin:auto}}.job .info .add-this-inline-sharing{display:block;margin-top:15px}.job .details{padding:0 50px;color:#595959}@media screen and (max-width: 767px){.job .details{padding:0}}.job .details .job-description-header,.job .details .search-results-similar__header{font-size:16px;font-weight:500;margin:30px auto}.job-details-loading-spinner{background:rgba(73,83,110,0.8);width:100%;position:absolute;height:100%}@media screen and (max-width: 767px){.job-details-loading-spinner{display:none}}.is-not-windows .job{overflow-y:scroll;-webkit-overflow-scrolling:touch}.job-expired-wrapper{margin-top:110px}.admin-job-preview{pointer-events:none}.admin-job-preview .job-wrapper{pointer-events:auto}.admin-job-preview .job-wrapper a:not([role="button"]),.admin-job-preview .job-wrapper .apply-section{pointer-events:none}.e-signature{min-height:calc(100vh - 200px);height:calc(100% - 200px)}@media screen and (max-width: 767px){.e-signature{min-height:calc(100vh - 130px);height:calc(100% - 130px);position:relative}}.e-signature-container{box-sizing:border-box;display:flex;flex-wrap:wrap}@media screen and (max-width: 767px){.e-signature-container{width:100%;font-size:14px}}.e-signature-container .e-signature-content{width:100%}.e-signature-title{font-size:30px;font-weight:lighter;margin:0}.e-signature-description{margin:80px 0 40px}@media screen and (max-width: 664px){.e-signature-description{margin:55px 0 40px}}.e-signature .input-row{padding:15px 0 0}.e-signature .input-row,.e-signature .input-row__validation{margin:0 auto;max-width:400px;text-align:left}.offer-actions{display:flex;margin-top:80px}@media screen and (max-width: 664px){.offer-actions{flex-direction:column-reverse;margin-top:55px;width:100%}}.offer-actions__button{display:flex;justify-content:center;align-items:center;width:100%;margin:0;cursor:pointer;border:1px solid;box-sizing:border-box;font-size:14px;padding:16px 23px;text-align:center;text-transform:uppercase;transition:background .2s}@media screen and (max-width: 664px){.offer-actions__button{margin:0 0 23px}}.offer-actions__button--primary{background:#2574a9;border-color:transparent;color:#fff}.offer-actions__button--primary:hover,.offer-actions__button--primary:focus{background:#2a82be;color:#fff}.offer-actions__button--primary.offer-actions__button--disabled{background:#9a9a9a}.offer-actions__button--primary.offer-actions__button--disabled:hover,.offer-actions__button--primary.offer-actions__button--disabled:focus{background:#9a9a9a}.offer-actions__button--secondary{background:transparent;color:#2574a9}.offer-actions__button--secondary:hover,.offer-actions__button--secondary:focus{color:#fff;background:#2a82be;border:0}.offer-actions__button--secondary.offer-actions__button--disabled{color:#9a9a9a}.offer-actions__button--secondary.offer-actions__button--disabled:hover,.offer-actions__button--secondary.offer-actions__button--disabled:focus{color:#9a9a9a;background:transparent;border:1px solid}.offer-actions__button--danger{background:#bc3e31;border-color:transparent;color:#fff}.offer-actions__button--danger:hover,.offer-actions__button--danger:focus{background:#cc483b;color:#fff}.offer-actions{justify-content:center}.offer-actions__button{border-radius:6px;flex:0 1 auto;width:400px;max-width:400px;height:54px}.offer-actions__button:first-child{margin-right:10px}@media screen and (max-width: 664px){.offer-actions__button{width:100%;max-width:100%}}.offer-message__title{font-size:30px;font-weight:lighter;margin:0 0 80px}@media screen and (max-width: 664px){.offer-message__title{margin:0 0 55px}}.offer-message .offer-actions__button{margin-right:0}.offer-message .offer-actions__button[disabled]{background:#9a9a9a;cursor:default}.offer-message .offer-actions__button[disabled]:hover,.offer-message .offer-actions__button[disabled]:focus{background:#9a9a9a}.offer-actions__button--link{border:0;width:auto;padding:0;height:auto;background:transparent;color:#2574a9;text-transform:none}.offer-actions__button--link:hover,.offer-actions__button--link:focus{color:#2a82be}.offer-actions__acknowledgement{color:#22b290}.offer-actions__acknowledgement--error{color:#bc3e31}.offer-message__description{text-align:center}.offer-header{display:flex;background:#fff;margin:0 70px 100px}.offer-header__nav{width:100%;display:flex;align-items:center;max-width:850px;height:70px}.offer-header__nav-logo{width:150px}.offer--preview .offer-header__nav-logo{pointer-events:none}.offer-header{background:#1b1921;margin:0 0 100px}@media screen and (max-width: 664px){.offer-header{margin:0 0 55px}}.offer-header__nav{justify-content:center;margin:0 auto}.navbar-logo--regular{background-position:center}.offer-details-letter ul,.offer-details-letter ol{padding-left:40px}.offer-details-letter{text-align:left}.offer-main-wrapper{margin:0 70px;font-size:14px;padding-bottom:90px}@media screen and (max-width: 664px){.offer-main-wrapper{margin:0 23px;padding-bottom:23px}}.offer-content-wrapper{max-width:850px;box-sizing:border-box}.offer-content-wrapper__title{font-size:30px;font-weight:lighter;margin:0 0 80px}@media screen and (max-width: 664px){.offer-content-wrapper__title{margin:0 0 55px}}.offer-content__loading{overflow:hidden}.offer-content__loading .sk-circle::before{background-color:#2574a9}.download-content-button{display:inline-flex;align-items:center;color:#2574a9;font-weight:bold;margin-top:30px}.download-content-button:hover{color:#2a82be}.download-content-button::before{margin-left:0;margin-right:.3em;font-size:26px}.offer-content__header{font-weight:bold;font-size:14px;margin:0 0 20px}.offer-attachment{display:flex;flex-wrap:wrap}.offer-attachment:not(:last-child){margin-bottom:15px}.offer-attachment__link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2574a9;line-height:30px;font-weight:bold;max-width:30em}.offer-attachment__link::before{margin-left:0;margin-right:.7em}.offer-attachment__description{font-size:12px;width:100%}.offer-content-wrapper{text-align:center;margin:auto}.offer-content>div:not(:last-child){padding-bottom:39px;border-bottom:1px solid #9a9a9a}@media screen and (max-width: 664px){.offer-content>div:not(:last-child){padding-bottom:26.5px}}.offer-content>div:not(:first-child){padding-top:40px}@media screen and (max-width: 664px){.offer-content>div:not(:first-child){padding-top:27.5px}}.download-content-button__label{display:none}.offer-media{page-break-after:avoid}@media screen and (max-width: 664px){.download-content-button::before{margin-right:0}}.offer-attachment{justify-content:center}.offer{min-height:100vh;position:relative;background:#fff;color:#1b1921}.favourite-navbar-btn__count{position:absolute;bottom:2px;right:3px;font-size:8px}.favourite-navbar-btn{background:transparent;border:0;color:inherit;font-weight:inherit;text-align:left;padding:0;width:100%;display:flex;align-items:center}.favourite-navbar-btn::after{transition:transform .3s;margin-left:auto;font-size:20px;color:#c6c6cb;font-weight:normal}@media print, screen and (min-width: 1024px){.favourite-navbar-btn{position:relative;text-transform:uppercase;width:auto;font-size:14px;border:1px solid currentColor;border-radius:2px;padding:5px 4px 4px}.favourite-navbar-btn::after{display:none}}.favourite-navbar-btn--open::after{transform:rotate(180deg)}@media screen and (min-width: 768px){.favourite-navbar-btn--open::before{border:12px solid transparent;border-bottom-color:#fff;bottom:-18px;content:'';left:7%;position:absolute}}.favourite-panel{background-color:#fff;position:fixed;transform:translateX(100%);transition:transform .3s ease, visibility .3s ease;top:50px;bottom:0;left:0;right:0;z-index:120;visibility:hidden}@media screen and (min-width: 768px){.favourite-panel{height:auto;max-height:calc(100% - 50px);overflow:auto;transform:translate(0, -115%)}}.favourite-panel--open{transform:translateX(0);transition:transform .3s ease;visibility:visible}@media screen and (min-width: 768px){.favourite-panel--open{box-shadow:0 5px 10px #bbb;transform:translate(0, 0)}}@media screen and (max-width: 767px){.favourite-panel--with-custom-header{z-index:1001}}.favourite-panel__inner{height:100%}.favourite-panel-content{box-sizing:border-box;display:flex;height:100%;flex-direction:column;padding-top:55px;overflow:auto}@media screen and (min-width: 768px){.favourite-panel-content{flex-direction:row;padding-top:0}}.favourite-panel-aside{box-sizing:border-box;color:#707070;padding:20px 20px 40px;width:100%;border-right:0;background:none}.favourite-panel-aside-header{background-color:#f5f0ec;height:55px;left:0;padding:0 48px;position:absolute;right:0;text-transform:uppercase;top:0;z-index:40}.favourite-panel-aside__close{background:none;border:0;color:#aba7a4;font-size:18px;height:40px;position:absolute;right:8px;top:6px;width:40px}@media print, screen and (min-width: 1024px){.favourite-panel-aside__close{display:none}}.favourite-panel-aside-header-text{font-size:14px;font-weight:normal;line-height:16px;margin:0;padding-top:19px;text-transform:uppercase;color:#535353}.favourite-panel-aside-btn{background:#fff;border:1px solid #c4c4c4;border-radius:2px;box-sizing:border-box;color:#464646;font-size:14px;height:29px;margin-bottom:29px;width:100%}.favourite-panel-aside-description{font-size:12px;line-height:14px}@media screen and (min-width: 768px){.favourite-panel-aside{background-color:#f5f5f5;border-right:2px solid #dce0e0;padding:40px 50px;width:310px}.favourite-panel-aside .favourite-panel-aside-header{background:none;background-color:transparent;color:#535353;height:auto;margin-bottom:29px;padding:0;position:static}.favourite-panel-aside .favourite-panel-aside-header-text{color:#000;font-size:17px;font-weight:600;line-height:19px;padding-top:0}.favourite-panel-aside-btn{display:inline-block}}.favourite-panel-footer{background-color:#fff;border-top:1px solid #e2e2e2;bottom:0;height:40px;left:0;position:absolute;right:0;z-index:40}@media screen and (min-width: 768px){.favourite-panel-footer{background:none;border-top:0;margin-top:30px;position:static}}.favourite-panel-footer-btn{background-color:#fff;border:0;color:#595959;font-size:13px;height:40px;width:100%}.favourite-panel-footer-btn:hover{background-color:#f5f5f5}@media screen and (min-width: 768px){.favourite-panel-footer-btn{background-color:#f2f2f2;height:30px;margin:0 10px;width:calc(100% - 20px)}}.favourite-panel-main{box-sizing:border-box;padding:0 10px 10px}@media screen and (min-width: 768px){.favourite-panel-main{padding:40px 65px 20px;width:calc(100% - 310px);overflow-y:auto}}.favourite-panel-main-header{padding:6px 10px 34px}@media screen and (min-width: 768px){.favourite-panel-main-header{padding:0 15px}}.favourite-panel-main-header-text{color:#595959;font-size:14px;font-weight:normal;line-height:16px;margin:0}@media screen and (min-width: 768px){.favourite-panel-main-header-text{font-size:18px;line-height:20px}}.favourite-panel-main-header-text--secondary{color:#6d6d6d;margin:15px 50px}@media screen and (min-width: 768px){.favourite-panel-main-header-text--secondary{font-size:16px;margin-bottom:26px;margin-top:23px}}.favourite-panel-icon-symbol::after{color:#2abaf7}@media screen and (min-width: 768px){.favourite-panel-icon-symbol::after{font-size:18px}}@media screen and (min-width: 1040px){.favourites-list .favourites-list-item{flex-grow:0;flex-basis:calc(100% / 2);max-width:calc(100% / 2)}}@media screen and (min-width: 1410px){.favourites-list .favourites-list-item{flex-grow:0;flex-basis:calc(100% / 3);max-width:calc(100% / 3)}}@media screen and (min-width: 1780px){.favourites-list .favourites-list-item{flex-grow:0;flex-basis:calc(100% / 4);max-width:calc(100% / 4)}}@media screen and (min-width: 2150px){.favourites-list .favourites-list-item{flex-grow:0;flex-basis:calc(100% / 5);max-width:calc(100% / 5)}}@media screen and (min-width: 2520px){.favourites-list .favourites-list-item{flex-grow:0;flex-basis:calc(100% / 6);max-width:calc(100% / 6)}}@media screen and (max-width: 1023px){.favourites-list .favourites-list-item{flex-grow:1;flex-basis:100%;max-width:100%}}.favourites-list .joblist-tile{background-color:#959595;border:1px solid #d7d7d7;box-sizing:border-box}.favourites-list .search-result-item{border:0}.favourites-no-results{background-color:#f3f3f3;display:flex;flex-direction:column;font-size:14px;height:123px;justify-content:center;line-height:16px;margin:46px auto 0;max-width:584px;padding:20px;width:calc(100% - 60px)}@media screen and (min-width: 768px){.favourites-no-results{font-size:16px;line-height:22px}}.favourite-pin{padding:0;border:0;background-color:transparent;cursor:pointer;color:rgba(80,81,82,0.4);transition:color .1s ease;text-shadow:0 0 .5px #fff;-webkit-text-stroke:.8px #fff}.favourite-pin:hover{color:rgba(80,81,82,0.7)}.favourite-pin.is-favourite{color:#2574a9}.cc-page{box-sizing:border-box;margin:0 auto;background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,0.15);width:100%}.cc-page--boxed{max-width:1200px}.cc-page--splash-page{position:relative;background:none;box-shadow:none}@media screen and (min-width: 768px){.cc-page__content{display:flex;flex-wrap:wrap;align-content:flex-start;padding:0;width:calc(100% + 1px)}}.cc-section{position:relative;background-size:cover;padding:1px 0}@media screen and (min-width: 768px){.cc-section{width:99.99%;min-width:0}.cc-section--width-1of3{flex-basis:33.333%}.cc-section--width-1of2{flex-basis:49.999%}.cc-section--width-2of3{flex-basis:66.666%}}.cc-section__content{position:relative}.cc-element{margin:0 20px}@media screen and (min-width: 768px){.cc-element{margin:0 40px}}@media print, screen and (min-width: 1024px){.cc-element{margin:0 80px}}.cc-element h1,.cc-element h2,.cc-element h3,.cc-element h4,.cc-element h5,.cc-element h6{margin:0}.cc-element h1{padding:.67em 0;font-size:2.5rem}@media screen and (min-width: 768px){.cc-element h1{font-size:5rem}}.cc-element h2{padding:.83em 0;font-size:2rem}@media screen and (min-width: 768px){.cc-element h2{font-size:3.5rem}}.cc-element h3{padding:1em 0;font-size:1.5rem}.cc-element h4{padding:1.33em 0;font-size:1.3rem}.cc-element h5{padding:1.67em 0;font-size:1.2rem}.cc-element h6{padding:2.33em 0;font-size:1rem}.cc-element p{padding:1em 0}.cc-element strong{font-weight:bolder}.cc-element em{font-style:italic}.cc-element--rule{padding:20px 0;display:flex}.cc-element-rule__line{width:100%;height:2px;background:#f00}.cc-rule--align-left .cc-element-rule__line{margin:0 auto 0 0}.cc-rule--align-center .cc-element-rule__line{margin:0 auto}.cc-rule--align-right .cc-element-rule__line{margin:0 0 0 auto}.cc-element-media{max-width:100%;overflow:hidden;line-height:0;margin:0}.cc-element-media--align-left{text-align:left}.cc-element-media--align-center{text-align:center}.cc-element-media--align-right{text-align:right}.media-element{max-width:100%;vertical-align:top}@media screen and (max-width: 767px){.media-element{display:none}}.media-element--mobile{display:none}@media screen and (max-width: 767px){.media-element--mobile{display:inline}}@media screen and (max-width: 767px){.media-element--image{height:auto}}.media-element__video-wrapper{position:relative;max-width:100%}.cc-element-media--align-center .media-element__video-wrapper{margin:0 auto}.cc-element-media--align-left .media-element__video-wrapper{margin-right:auto}.cc-element-media--align-right .media-element__video-wrapper{margin-left:auto}.media-element__embeded{position:absolute;top:0;left:0;width:100%;height:100%}.media-element__video-spacer{padding-bottom:56.25%}.media-element__video-spacer[data-aspect='16:9']{padding-bottom:56.25%}.media-element__video-spacer[data-aspect='4:3']{padding-bottom:75%}.cc-element--custom-html{min-height:18px}.cc-element--custom-html ul,.cc-element--custom-html ol{margin-left:15px}.cc-element--rich-text{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word}.cc-element--splash-classic-search{margin:0}@media screen and (min-width: 768px){.cc-element--splash-classic-search{margin:0 20px}}@media print, screen and (min-width: 1024px){.cc-element--splash-classic-search{margin:0 15%}}.cc-button__wrapper--align-left{text-align:left}.cc-button__wrapper--align-center{text-align:center}.cc-button__wrapper--align-right{text-align:right}.cc-button--preview{padding:3px 5px;min-width:40px;margin-right:.3em}.cc-job-list{font-size:15px}.cc-job-list__list{list-style:none}.cc-job-list__list-item{display:flex}.cc-job-list__list-item+*{margin-top:20px}.cc-job-list__item-container{display:block;text-align:left}.cc-job-list__item-title{display:block;margin-bottom:5px;font-weight:bold;font-size:1em}.cc-job-list__item-description{display:block;color:#4a4a4a}.cc-job-list__view-more{text-align:center;margin:40px 0 0}.cc-job-list__view-more-button{display:inline-block;padding:15px 40px;text-transform:uppercase;font-size:1em;color:#2574a9;border:1px solid currentColor}.cc-job-list__no-results{min-height:250px;line-height:250px;font-weight:bold;font-size:1.15em}.cc-job-list__spinner{display:flex;align-items:center;justify-content:center;min-height:250px}.cc-job-list__spinner .sk-circle::before{background-color:#2574a9}.video-background-wrapper{position:absolute;width:100%;height:100%;overflow:hidden}.video-background{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%, -50%)}.video-background--fullscreen{position:fixed}.admin .video-background--fullscreen{top:calc(50% + 70px)}.video-fullscreen .search-box-background,.video-fullscreen .header-background{display:none}.cc-parallax{overflow:hidden;position:absolute;top:0;left:0;height:100%;width:100%;z-index:0}.cc-parallax .cc-parallax--image{height:calc(100% + (100vh + 100%) * .35);background-size:cover;background-position:center;min-width:100%;min-height:100%}.cc-back-to-homepage-wrapper{display:flex;align-items:center;justify-content:center;height:50px;padding:10px}.cc-back-to-homepage{display:flex;align-items:center}.cc-back-to-homepage .icon-arrow-left-thin{display:flex}.cc-back-to-homepage{color:#333}.cc-back-to-homepage:hover{color:#000}.cc-page--splash-page{padding-top:67px}html[dir="rtl"] .cc-button--preview{margin-right:0;margin-left:.3em}.cc-splash-classic-search{padding:30px 50px;background:rgba(0,0,0,0.68)}@media screen and (max-width: 767px){.cc-splash-classic-search .search-btn{position:relative;bottom:auto;margin:10px 0 0;min-width:0;width:100%}}.cc-splash-mohegan-view-all-jobs{text-align:center}.cc-splash-mohegan-view-all-jobs .welcome-text{padding:0;margin:0 0 .3em}.error-404{font-size:14px;padding:0 10%;text-align:center;display:flex;flex-direction:column}.error-404__content{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:calc(100vh - 50px);padding:40px 0;box-sizing:border-box}.error-404__image{font-size:8em}.error-404__header{font-size:2em;margin:0 0 1.5em}.error-404__buttons{margin:6em 0 0}.error-404__to-homepage{text-transform:uppercase;font-size:13px;padding:15px 3em}.error-404{background:#f1f1f1}@media screen and (min-width: 768px){.error-404__to-homepage{min-width:320px}}.primary-button-mock--fixed-width{min-width:290px}.internal-user-button-mock-wrapper{max-width:200px}.internal-user-button-mock-mohegan{max-width:162px;position:relative;height:50px}.autocomplete-mock .ui-autocomplete{max-width:400px;display:block !important;position:static !important}.job-loading-bar-mock{background-position:center bottom;position:relative;overflow:hidden;height:60px}.job-loading-bar-mock::before{bottom:0;height:100vh}.job-loading-bar-mock .search-results-load-more-container{top:50%;transform:translateY(-50%)}.job-loading-bar-mock .search-results-loading-bar{margin-top:auto;margin-bottom:auto}.show-more-results-button-mock{background-position:center bottom;position:relative;overflow:hidden;height:60px}.show-more-results-button-mock::before{bottom:0;height:100vh}.show-more-results-button-mock .search-results-load-more-container{top:50%;transform:translateY(-50%)}.show-more-results-button-mock .search-results-load-more{margin:auto}.job-expired-mock .job-expired-header{margin-bottom:0}.general-error-mock{position:static}.mobile-title-mock{width:400px}.mobile-title-mock .header-overlay{display:flex;position:relative}.mobile-menu-mock{width:400px;height:700px;position:relative;overflow:hidden;border:1px solid #e3e6e6}.mobile-menu-mock .navbar-menu--mobile{position:absolute;width:100%}.mobile-menu-mock .default-bg{width:1300px;height:1000px}.mobile-menu-mock .mobile-menu-mock-container{background:#fff;position:absolute;top:0;right:0;width:320px;height:100%;box-shadow:0 0 5px #999}.mobile-menu-mock .navbar-submenu{top:0;left:0;width:auto}.search-result-item-mock{background-position:center bottom;position:relative;overflow:hidden;width:400px;height:auto;padding:10px}.search-result-item-mock::before{bottom:0;height:100vh}.search-result-item-mock .joblist-tile-mock-wrapper{position:relative}.welcome-text-mock{background-position:center bottom;position:relative;overflow:hidden;height:auto}.welcome-text-mock::before{bottom:0;height:100vh}.welcome-text-mock .welcome-text{position:relative;margin:10px;z-index:1}.welcome-text-mock .home-page-custom-text{position:relative;width:auto;margin:10px;z-index:1}.filter-bar-mock{background-position:center bottom;position:relative;overflow:hidden;height:auto;padding:0;transition:none}.filter-bar-mock::before{bottom:0;height:100vh}.filter-bar-mock .search-results-title{position:relative;z-index:1}.filter-bar-mock .filter-container{position:relative;z-index:1}.filter-panel-mock .search-box{width:300px;background-color:transparent}.filter-panel-mock .search-filters-container{position:static;height:auto}.job-details-mock{width:750px;border:1px solid #e2e0db}.job-details-mock .job{height:100vh;overflow:hidden}.job-details-mock .apply-section{right:0}.search-wrapper-mock{position:relative;top:0;left:0;right:0}.job-information-bar-mock{display:block}.cx-header-mock{outline:1px solid #e2e0db}.cx-header-mock.app-header{position:relative}.cx-header-mock--with-sublinks{height:110px}.cx-header-mock .navbar-submenu{position:absolute;top:50px}.location-search-mock{width:365px;font-size:16px}.mobile-search-box-mock{width:400px}.mobile-search-box-mock .search-box{height:auto;flex-wrap:wrap}@media screen and (min-width: 768px){.mobile-search-box-mock .search-box-block{height:53px}}@media screen and (min-width: 768px){.mobile-search-box-mock .block--filters{order:3;flex-basis:50%}}@media screen and (min-width: 768px){.mobile-search-box-mock .block--filters .filters-toggle-button{height:53px;padding:0 10px;font-size:13px;font-weight:bold}}@media screen and (min-width: 768px){.mobile-search-box-mock .block--filters .filters-toggle-button-content-wrapper{justify-content:center}}@media screen and (min-width: 768px){.mobile-search-box-mock .block--location{order:4;flex:1 0 50%;background:#d9d9d9}}.mobile-search-box-mock .location-bar-button{min-width:0}@media screen and (min-width: 768px){.mobile-search-box-mock .location-bar-button{border-left:0;color:#333;font-size:13px;margin:0 auto;padding-left:0}.mobile-search-box-mock .location-bar-button:hover{color:#333}}@media screen and (min-width: 768px){.mobile-search-box-mock .location-bar-button-label::after{color:inherit;font-size:13px;vertical-align:bottom;line-height:normal}}@media screen and (min-width: 768px){.mobile-search-box-mock .location-bar-button-wrapper{border-left:0;padding-left:0;margin:auto;max-width:125px}}.mobile-search-box-mock .location-bar-button__radius{flex:0 0 auto}.mobile-job-selections-mock{background:#fff;height:600px;position:relative;width:400px;outline:1px solid #e3e6e6;transform:translate(0)}.mobile-job-selections-mock .favourite-panel-content{flex-direction:column;padding-top:55px}.mobile-job-selections-mock .favourite-panel-aside{background:none;border-right:0;width:100%;padding:20px 20px 40px}.mobile-job-selections-mock .favourite-panel-main{width:100%;padding:0 10px 50px}.mobile-job-selections-mock .favourite-panel-aside-header{background:#f5f0ec;position:absolute;padding:0 48px;height:55px;margin-bottom:0;color:#9c9c9c}.mobile-job-selections-mock .favourite-panel-aside-header-text{color:#535353;font-size:14px;padding-top:19px;font-weight:normal;line-height:16px}.mobile-job-selections-mock .favourite-panel-footer{background:#fff;border-top:1px solid #e2e2e2;position:absolute;margin-top:0}.mobile-job-selections-mock .favourite-panel-footer-btn{background-color:#fff;height:40px;width:100%;margin:0}.mobile-job-selections-mock .favourite-panel-footer-btn:hover{background-color:#f5f5f5}.mobile-job-selections-mock .favourite-panel-main-header-text{font-size:14px;line-height:16px}.mobile-job-selections-mock .favourites-list .favourites-list-item{position:relative;flex:1 1 auto}.mobile-filters-mock{width:400px;height:600px;position:relative;outline:1px solid #e3e6e6}.mobile-search-mock{width:400px;height:600px;position:relative;outline:1px solid #e3e6e6}.view-all-jobs-button-mock-wrapper{position:absolute;left:10px;top:10px}.view-all-jobs-button-mock{max-width:360px;position:relative;max-height:65px;overflow:hidden}.apply-flow-primary-color-mock{display:flex;flex-direction:row;flex-wrap:wrap;max-width:825px;margin:auto}.apply-flow-primary-color-mock>*{flex:0 0 400px;margin-bottom:20px}.theme-editable-elements{width:100%}.theme-editable-elements-list{padding:30px 100px;background:#fff}.theme-editable-elements-list-title{margin:0;padding:34px 100px;border-bottom:2px solid #ebebeb;font-size:18px;font-weight:600}.theme-editable-elements-list-title-section{text-transform:uppercase}.theme-editable-elements-list-labels{margin-bottom:20px}.theme-editable-elements-list-labels-item{margin:0;font-weight:normal}.theme-editable-elements-list-item{margin-bottom:40px}.theme-editable-elements-warning{width:280px;margin:20vh auto;padding:70px;border-radius:3px;text-align:center;font-size:14px;color:#444;box-shadow:1px 1px 10px rgba(0,0,0,0.3);background-color:#f9f9f9}.cs-button{flex:none;width:auto;max-width:none;height:auto;border-radius:0}.cs-button--link{background:transparent;color:#2574a9;text-transform:none;margin-right:15px;padding:0;border:0;cursor:pointer}.cs-button--link:hover,.cs-button--link:focus{color:#2574a9;text-decoration:underline}.cs-header{font-size:.9em;text-transform:uppercase;text-align:left;font-weight:bold;color:#707070;margin:5px 0 10px}.cs-header--underline{border-bottom:2px solid #e7e7e7;padding-bottom:10px}.cs-applications{margin:50px auto 40px}.cs-applications__confirm-all-button{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;padding:10px 30px}@media screen and (max-width: 767px){.cs-applications__confirm-all-button{flex-wrap:wrap;justify-content:center;height:auto;padding:10px 20px}}.cs-applications__confirm-all-label{text-transform:uppercase}.cs-applications__container{margin-bottom:30px}.cs-applications__container:last-of-type{margin-bottom:0}.cs-applications__list{list-style:none}.cs-header-button{cursor:pointer}.cs-header-button .cs-header-button__label{display:none}.navbar-menu--mobile .cs-header-button{display:flex;align-items:center;height:auto;padding:0;margin:0;border:0;color:#525252}.navbar-menu--mobile .cs-header-button .cs-header-button__glyph{display:flex;justify-content:center;align-items:center;margin-right:10px;width:32px;height:32px;border-radius:17px;background:#c6c6cb;color:#fff}.navbar-menu--mobile .cs-header-button .cs-header-button__glyph::before{margin:0}.navbar-menu--mobile .cs-header-button .cs-header-button__label{display:inline;color:#525252}.cs-header-button{background:none;border:1px solid currentColor;border-radius:2px;margin-left:10px;padding:0 5px;height:30px;color:#fff}.cs-confirm-dialog{width:100%;border:0}.cs-confirm-dialog .oj-dialog-header{display:flex;align-items:center;justify-content:flex-end;background:transparent;border-bottom:none}html:not([dir="rtl"]) .cs-confirm-dialog .oj-dialog-header-close-wrapper{height:auto;padding:15px;margin:-15px}html:not([dir="rtl"]) .cs-confirm-dialog .oj-button-icon{margin:0}.cs-confirm-dialog .oj-dialog-footer{display:none}@media screen and (min-width: 768px){.cs-confirm-dialog{max-width:580px;padding-bottom:30px}}.cs-confirm-dialog__form{width:100%}.cs-confirm-dialog .oj-dialog-content{display:flex;justify-content:center;padding:0 0 30px}.cs-confirm-dialog .oj-dialog-body{align-items:stretch;flex:1 1 auto}@media screen and (min-width: 768px){.cs-confirm-dialog .oj-dialog-body{max-width:400px}}.cs-confirm-dialog .apply-flow-dialog__button{width:100%}.cs-confirm-dialog__info{text-align:center;margin:20px 0 0;width:100%}.cs-confirm-dialog__form .input-row{margin:30px 0;padding:0}.cs-confirm-dialog__form .input-row--invalid{margin-bottom:10px}.cs-confirm-dialog__form .input-row__label{margin:0}.cs-application-tile{display:flex;align-items:flex-start;padding:30px;margin:10px 0;background:#f6f6f6;line-height:normal}.cs-application-tile--blocked{pointer-events:none}@media screen and (max-width: 767px){.cs-application-tile{flex-direction:column;align-items:flex-start;padding:20px}}.cs-application-tile__column{flex:1 1 100%}.cs-job-info{text-align:left}.cs-job-info:first-child{width:60%}@media screen and (max-width: 767px){.cs-job-info:first-child{width:100%}}.cs-job-info:last-child{text-align:right}@media screen and (max-width: 767px){.cs-job-info:last-child{text-align:left}}@media screen and (max-width: 767px){.cs-job-info{width:100%}}.cs-job-info__title-container{display:flex;align-items:flex-start}.cs-job-info__title{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;font-size:1.4em;min-width:0}@media screen and (max-width: 767px){.cs-job-info__title{flex:1 1 100%}}.cs-job-info__mobile-context-menu{position:relative;margin-right:-15px;margin-top:-10px}.cs-job-info__location{display:block;margin-top:5px;color:#707070}@media screen and (max-width: 767px){.cs-job-info__location{margin-bottom:15px}}.cs-job-info__metadata{font-size:.9em;margin-top:5px;color:#707070;flex:1 0 0%}@media screen and (min-width: 768px){.cs-job-info__metadata>*+*::before{content:'';width:.25em;height:.25em;border-radius:50%;display:inline-block;background-color:currentColor;margin:.25em .75em .25em .6em}}@media screen and (max-width: 767px){.cs-job-info__metadata{text-align:left}.cs-job-info__metadata>*{display:block}.cs-job-info__metadata>*:not(:last-child){margin-bottom:5px}}.cs-job-info__context-menu-button{border:0;padding:0;display:inline-flex;align-items:center;font-size:1.4rem}.cs-job-info__context-menu-button.oj-buttonset .oj-button-jqui.oj-default.oj-button-full-chrome,.cs-job-info__context-menu-button.oj-buttonset .oj-button-jqui.oj-focus-only.oj-button-full-chrome,.cs-job-info__context-menu-button.oj-button-jqui.oj-default.oj-button-full-chrome,.cs-job-info__context-menu-button.oj-button-jqui.oj-focus-only.oj-button-full-chrome,.cs-job-info__context-menu-button.oj-button.oj-default.oj-button-full-chrome .oj-button-button,.cs-job-info__context-menu-button.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button{background-color:rgba(0,0,0,0);background-image:none;border-color:rgba(0,0,0,0);color:inherit;box-shadow:none;text-shadow:none}.cs-job-info__context-menu-button.oj-buttonset .oj-button.oj-default.oj-button-full-chrome .oj-button-icon,.cs-job-info__context-menu-button.oj-buttonset .oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon,.cs-job-info__context-menu-button.oj-button.oj-default.oj-button-full-chrome .oj-button-icon,.cs-job-info__context-menu-button.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon{color:inherit}.cs-job-info__context-menu-button.oj-buttonset .oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active),.cs-job-info__context-menu-button.oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active),.cs-job-info__context-menu-button.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-button{background-color:rgba(0,0,0,0);background-image:linear-gradient(rgba(255,255,255,0.15), rgba(255,255,255,0.15));border-color:rgba(0,0,0,0);color:inherit;box-shadow:none;text-shadow:none}.cs-job-info__context-menu-button.oj-buttonset .oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-icon,.cs-job-info__context-menu-button.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-icon{color:inherit}.cs-job-info__context-menu-button.oj-buttonset .oj-button-jqui.oj-active.oj-button-full-chrome,.cs-job-info__context-menu-button.oj-button-jqui.oj-active.oj-button-full-chrome,.cs-job-info__context-menu-button.oj-button.oj-active.oj-button-full-chrome .oj-button-button{background-color:rgba(0,0,0,0);background-image:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1));border-color:rgba(0,0,0,0);color:inherit;box-shadow:none;text-shadow:none}.cs-job-info__context-menu-button.oj-buttonset .oj-button.oj-active.oj-button-full-chrome .oj-button-icon,.cs-job-info__context-menu-button.oj-button.oj-active.oj-button-full-chrome .oj-button-icon{color:inherit}.cs-job-info__context-menu-button.oj-buttonset .oj-button-jqui.oj-selected.oj-button-full-chrome:not(.oj-disabled),.cs-job-info__context-menu-button.oj-button-jqui.oj-selected.oj-button-full-chrome:not(.oj-disabled),.cs-job-info__context-menu-button.oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-button{background-color:rgba(0,0,0,0);background-image:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1));border-color:rgba(0,0,0,0);color:inherit;box-shadow:none;text-shadow:none}.cs-job-info__context-menu-button.oj-buttonset .oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled),.cs-job-info__context-menu-button.oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled),.cs-job-info__context-menu-button.oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-button{background-color:rgba(0,0,0,0);background-image:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1));border-color:rgba(0,0,0,0);color:inherit;box-shadow:none;text-shadow:none}.cs-job-info__context-menu-button.oj-buttonset .oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon,.cs-job-info__context-menu-button.oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon{color:inherit}.cs-job-info__context-menu-button.oj-buttonset .oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon,.cs-job-info__context-menu-button.oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon{color:inherit}.cs-job-info__context-menu-button.oj-buttonset .oj-button-jqui.oj-disabled.oj-button-full-chrome,.cs-job-info__context-menu-button.oj-button-jqui.oj-disabled.oj-button-full-chrome,.cs-job-info__context-menu-button.oj-button.oj-disabled.oj-button-full-chrome .oj-button-button{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:inherit;opacity:1}.cs-job-info__context-menu-button.oj-buttonset .oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon,.cs-job-info__context-menu-button.oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon{color:inherit}.cs-job-info__context-menu-button.oj-buttonset .oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome,.cs-job-info__context-menu-button.oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome,.cs-job-info__context-menu-button.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-button{color:inherit;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.cs-job-info__context-menu-button.oj-buttonset .oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon,.cs-job-info__context-menu-button.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon{color:inherit}.cs-job-info__context-menu-button--mobile{height:30px;width:30px;justify-content:center}.cs-job-info__context-menu-button.oj-button-jqui{margin:0;cursor:pointer}.cs-job-info__context-menu-button .oj-button-text{text-overflow:inherit;overflow:visible;text-align:right;white-space:normal}html:not([dir="rtl"]) .cs-job-info__context-menu-button .oj-button-text{padding:0}html:not([dir="rtl"]) .cs-job-info__context-menu-button .oj-button-icon.oj-end{margin-right:-4px}@media screen and (max-width: 767px){html:not([dir="rtl"]) .cs-job-info__context-menu-button .oj-button-icon.oj-end{margin:0}}@media screen and (min-width: 768px){.cs-job-info__context-menu-button{height:auto}}.cs-job-status{font-size:1.4em;position:relative;display:flex;justify-content:flex-end}@media screen and (max-width: 767px){.cs-job-status{border-top:2px solid #969696;padding-top:15px;justify-content:flex-start}}.cs-job-status__label{margin-right:2px;color:#707070}.cs-job-status__label::after{content:':'}.cs-job-status__value{margin-left:2px}.cs-job-status__remove-button{background:transparent;border:0;padding:0;margin-left:25px;color:#707070;font-size:1.8rem;line-height:1;cursor:pointer}.cs-application-actions{display:flex;align-items:center;flex-wrap:wrap;list-style:none;padding:0}.cs-application-actions__action{padding-top:12px;padding-left:25px;position:relative;width:100%;line-height:20px}.cs-application-actions__action:first-child{padding-top:20px}@media screen and (max-width: 767px){.cs-application-actions__action:first-child{padding-top:15px;border-top:2px solid #969696}}.cs-application-actions__action::before{display:inline-block;text-align:center;font-size:10px;height:20px;width:20px;border-radius:50%;color:#f6f6f6;position:absolute;left:0}.cs-application-actions__action--warning::before{background:#f5b23e}.cs-application-actions__action--success::before{background:#40806a}@media screen and (max-width: 767px){.cs-application-actions__action:last-child{padding-bottom:15px}}.cs-application-actions__info{margin-right:15px}.cs-warning-dialog{width:600px;min-height:240px;max-height:100vh;overflow-y:auto;padding:30px 60px;background-color:#fff;justify-content:space-around}.cs-warning-dialog .oj-dialog-header{display:none}@media screen and (max-width: 767px){.cs-warning-dialog{width:auto;height:auto;padding:30px;position:fixed;top:0 !important;bottom:0 !important;right:0 !important;left:0 !important}}.cs-warning-dialog-body{text-align:center;padding:0;font-size:1.05em;align-self:flex-start;display:block}.cs-warning-dialog__title{font-size:30px;font-weight:lighter}.cs-warning-dialog__question{font-size:1.05em;font-weight:400}.cs-withdraw-dialog__text--bold{font-weight:bold}.cs-warning-dialog__sites-list{list-style:none}.cs-warning-dialog-footer{display:flex;border:0;padding:0;height:auto;margin-top:15px}.cs-warning-dialog__buttons-container{display:flex;flex:1 0 0%}.cs-warning-dialog__buttons-container--column{flex-direction:column;align-items:center}@media screen and (max-width: 767px){.cs-warning-dialog__buttons-container{display:block}}.cs-warning-dialog__button{width:100%;min-height:54px;padding:6px 23px}.cs-warning-dialog__button--danger{background:#dc2a2a;color:#fff;border-color:transparent}.cs-warning-dialog__button--danger:hover{background-color:#b51e1e}.cs-warning-dialog__button--danger[disabled]{background-color:#9a9a9a}.cs-talent-community{margin-bottom:20px;text-align:left}.cs-talent-community .oj-select-choice{height:auto;padding:12px}.cs-talent-community .oj-select{max-width:none}.cs-talent-community__site-name{margin-top:0;margin-bottom:5px;font-weight:bold;font-size:14px;text-align:left;color:#1b1921}.cs-talent-community__job-alerts{margin-top:30px}.cs-talent-community__job-alert{display:block;background-color:#f6f6f6;padding:20px;margin-bottom:40px}@media screen and (min-width: 768px){.cs-talent-community__job-alert{padding:0}}.cs-talent-community__job-alert:last-of-type{margin-bottom:0}.cs-talent-community__job-alert-tile{width:100%;box-sizing:border-box;color:#707070;position:relative}@media screen and (min-width: 768px){.cs-talent-community__job-alert-tile{margin:10px 0}}.cs-talent-community__job-alert-tile .cs-talent-community__job-alert-tile--active{padding:20px 0 10px;color:#2574a9}.cs-talent-community__job-alert-tile .cs-talent-community__job-alert-tile-summary{min-height:39px;display:flex;flex-direction:row}@media screen and (min-width: 768px){.cs-talent-community__job-alert-tile .cs-talent-community__job-alert-tile-summary{justify-content:space-between;align-items:center}}@media screen and (max-width: 1023px){.cs-talent-community__job-alert-tile .cs-talent-community__job-alert-tile-summary{flex-flow:row wrap}}.cs-talent-community__job-alert-tile .cs-talent-community__job-alert-tile-form{overflow:hidden}.cs-talent-community__job-alert-tile--active .cs-talent-community__job-alert-tile-summary{display:none}@media screen and (max-width: 1023px){.cs-talent-community__job-alert-tile-summary .cs-talent-community__job-alert-tile-button{width:50%;margin-top:14px}.cs-talent-community__job-alert-tile-summary .cs-talent-community__job-alert-tile-button button{float:right}}@media screen and (min-width: 768px) and (max-width: 1023px){.cs-talent-community__job-alert-tile-summary .cs-talent-community__job-alert-tile-button{margin-top:9px}.cs-talent-community__job-alert-tile-summary .cs-talent-community__job-alert-tile-button button{padding-left:27px;width:auto}}.cs-talent-community__job-alert-tile-status{font-size:30px}@media screen and (min-width: 768px){.cs-talent-community__job-alert-tile-status{margin-right:27px;margin-left:30px}}@media screen and (max-width: 1023px){.cs-talent-community__job-alert-tile-status{width:50%;font-size:23px;margin-top:10px;margin-bottom:10px}}@media screen and (min-width: 768px) and (max-width: 1023px){.cs-talent-community__job-alert-tile-status{width:calc(50% - 30px);margin-right:0;margin-top:30px}}.cs-talent-community__job-alert-tile-status--enabled{color:#2574a9}.cs-talent-community__job-alert-tile-summary-content{flex:1}@media screen and (min-width: 768px){.cs-talent-community__job-alert-tile-summary-content{margin-top:30px;margin-bottom:30px}}@media screen and (min-width: 768px) and (max-width: 1023px){.cs-talent-community__job-alert-tile-summary-content{margin-left:30px;margin-top:0}}@media screen and (max-width: 1023px){.cs-talent-community__job-alert-tile-summary-content{order:3}}.cs-talent-community__job-alert-tile-summary-content-preferences{margin-bottom:10px;margin-right:5px;font-size:13px;color:#707070}.cs-talent-community__job-alert-tile-summary-content-preference{display:inline-block;color:#1b1921;margin:3px 6px 3px 0}.cs-talent-community__job-alert-tile-summary-content-preference:first-of-type{margin-left:8px}.cs-talent-community__job-alert-tile-button{margin-top:15px}@media screen and (min-width: 768px){.cs-talent-community__job-alert-tile-button{margin-top:0;align-self:stretch}}.cs-talent-community__job-alert-tile-button--edit{color:#707070}.cs-talent-community__job-alert-tile-button--save{color:#2574a9}.cs-talent-community__job-alert-tile-button button{border:0;background:none;font-size:20px;cursor:pointer}.cs-talent-community__job-alert-tile-button button:hover{color:#2574a9}@media screen and (min-width: 768px){.cs-talent-community__job-alert-tile-button button{width:100%;height:100%;padding-left:27px;padding-right:30px}}@media screen and (max-width: 767px){.cs-talent-community__job-alert-tile-button button{display:flex;flex-direction:row;align-items:center;padding-left:0;margin:0}}.cs-talent-community__job-alert-tile-button button div{padding-bottom:2px;font-size:14px}@media screen and (min-width: 768px){.cs-talent-community__job-alert-tile-button button div{display:none}}.cs-talent-community__job-alert-tile-form{overflow:hidden;opacity:0;max-height:0;visibility:hidden;transform:translateY(25px);position:relative}.cs-talent-community__job-alert-tile--animated .cs-talent-community__job-alert-tile-form{transition-property:opacity, transform;transition-duration:.2s, .3s;transition-timing-function:linear, linear;transition-delay:.2s, .2s}@keyframes talent-community-job-alert-form-animation{0%{max-height:0}99%{max-height:120vh}100%{max-height:none}}.cs-talent-community__job-alert-tile--active .cs-talent-community__job-alert-tile-form{animation:1s talent-community-job-alert-form-animation 1;overflow:visible;opacity:1;max-height:none;visibility:visible;transform:translateY(0)}@media screen and (min-width: 768px){.cs-talent-community__job-alert-tile-form-columns{display:flex;flex-direction:row;justify-content:space-between;align-items:center}}@media screen and (min-width: 768px){.cs-talent-community__job-alert-tile-form-content{flex:1;margin-top:30px;margin-bottom:30px;margin-left:30px}}@media screen and (min-width: 768px){.cs-talent-community__signup{display:flex}}.cs-talent-community__column{margin-bottom:20px}@media screen and (min-width: 768px){.cs-talent-community__column{width:50%;margin-bottom:0}.cs-talent-community__column--category{margin-right:30px}}.cs-talent-community__column-header{font-size:13px;margin:0 0 5px;color:#707070;font-weight:normal;text-align:left}.cs-talent-community__save-preferences{margin:15px 0 0;width:100%}.cs-talent-community__opt-in .input-row{padding-bottom:0;margin-top:19px}.cs-talent-community-multiselect-control{display:flex;flex-direction:column;max-width:none;position:relative}.cs-talent-community-multiselect-control--input{background:#fff;color:#333;border:1px solid #d8d8d8;width:100%;max-width:none;box-sizing:border-box;padding:0;height:40px;line-height:38px}.cs-talent-community-multiselect-control--input::-webkit-input-placeholder{color:#80868a;opacity:1}.cs-talent-community-multiselect-control--input::-moz-placeholder{color:#80868a;opacity:1}.cs-talent-community-multiselect-control--input:-ms-input-placeholder{color:#80868a;opacity:1}.cs-talent-community-multiselect-control--input:disabled{color:#80868a;opacity:.7}html .cs-talent-community-multiselect-control--input{margin:0}.cs-talent-community-multiselect-control--input .oj-inputsearch-choice,.cs-talent-community-multiselect-control--input .oj-select-choice{border:0;height:100%}.cs-talent-community-multiselect-control--input .oj-inputsearch-input{padding-left:15px}.cs-talent-community-multiselect-control--input .oj-inputsearch-search-button{display:none}.cs-talent-community-multiselect-control .inline-spinner{position:absolute;top:20px;right:25px;z-index:10}.cs-talent-community-multiselect-pills{margin-top:10px;list-style-type:none}.cs-talent-community-multiselect-pill{margin:0 7px 7px 0;position:relative;border:1px solid #2574a9;border-radius:3px;background:#2574a9;color:#fff;display:inline-block;padding:10px 14px;line-height:1.2}.cs-talent-community-multiselect-pill__remove{padding:0 5px;margin:0 -5px 0 5px;border:0;background:none;color:inherit;font-size:9px;line-height:1}.communication-channel__value-placeholder{position:relative}.communication-channel__value-placeholder .input-row__control{padding-right:0}@media screen and (min-width: 768px){.communication-channel__value-placeholder .input-row__control{padding-right:90px}}.communication-channel__value-edit{padding:0;border:0;cursor:pointer;color:#2574a9;background-color:transparent;font-size:12px}@media screen and (min-width: 768px){.communication-channel__value-edit{position:absolute;top:62px;right:0;margin-top:-16px;z-index:1}}.input-row .communication-channel__unverified-warning{line-height:1.5}.interview-scheduling-layout{min-height:100vh}.interview-scheduling-layout-header{background-color:#1b1921;height:70px;padding:0 70px}@media screen and (max-width: 767px){.interview-scheduling-layout-header{padding:0 30px}}.interview-scheduling-layout-nav{display:flex;justify-content:space-between;align-items:center;height:100%}.interview-scheduling-layout-logo{flex:0 0 150px;text-align:left}.interview-scheduling-layout-logo .navbar-logo--regular{background-position:left center;margin:0}@media screen and (max-width: 767px){.interview-scheduling-layout-logo{flex:0 0 100px}}.interview-scheduling-layout-back-button{display:flex}.interview-scheduling-layout-back-button .icon-arrow-left-thin{font-size:1.3em;margin-right:5px}@media screen and (max-width: 767px){.interview-scheduling-layout-back-button{font-size:12px}}.interview-scheduling-layout{color:#fff}.interview-scheduling-layout-back-button{color:#fff}.interview-scheduling-layout-back-button:hover{color:#e6e6e6}.schedule-date-time{font-size:1.3em;font-weight:bold;margin:1em auto}.schedule-row-button{background:#f6f6f6;color:#333;cursor:pointer;border:1px solid #f6f6f6;font-size:14px;height:40px;text-align:center;text-transform:uppercase;transition:background .2s;width:100%}.schedule-row-button:hover{background:#ddd}.schedule-row{display:flex;flex-wrap:wrap;box-sizing:border-box;text-align:center;margin-bottom:12px;flex-direction:column}@media screen and (min-width: 768px){.schedule-row{flex-direction:row}}.schedule-row__title{font-size:16px;font-weight:bold;padding-right:10px}.schedule-row__date{color:#707070}.schedule-row__button-group{flex:0 1 100%;width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap}@media screen and (min-width: 768px){.schedule-row__button-group{flex:0 1 50%;width:50%}}.schedule-row__day{display:flex;flex-wrap:wrap;text-align:left;align-items:baseline}@media screen and (min-width: 768px){.schedule-row__day{flex-direction:column;flex:0 1 25%;width:25%;justify-content:center}}.schedule-row__timeslots{display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box}@media screen and (min-width: 768px){.schedule-row__timeslots{flex:0 1 75%;width:75%}}.schedule-row-button-wrapper{flex:0 1 25%;width:25%;padding:5px;box-sizing:border-box}.schedule-row-button-wrapper:first-of-type{padding-left:0}.schedule-group{margin:50px auto;text-align:left}.schedule-group__title{color:#707070;font-weight:bold;text-transform:uppercase;border-bottom:1px solid currentColor;margin-bottom:.8em;padding-bottom:.4em}.schedule-info{margin:2em auto}.schedule-info__element{margin:.2em auto}.schedule-info__label{display:inline;padding-right:5px}.schedule-info__value{display:inline;font-weight:bold;max-width:500px;word-wrap:break-word}.interview-detail__title{font-size:30px;margin:1.4em auto;font-weight:300;line-height:1.2}.interview-detail__message{margin:3em auto}.interview-detail__message ul{display:inline-block}.interview-detail__message ol{display:inline-block}.interview-detail__message--danger{color:#dc2a2a}.interview-detail__action{display:block;margin:.5em auto}.interview-token-expired__acknowledgement--error{color:#bc3e31}.interview-scheduling-content{box-sizing:content-box;color:#333;font-size:13px;line-height:1.66em;text-align:center;padding:0 30px 30px}@media screen and (min-width: 768px){.interview-scheduling-content{padding:0 70px 70px}}.interview-scheduling-content__pin-code-required{padding-top:75px}.self-schedule-confirm{min-height:200px}.candidate-self-service{min-height:100vh}.candidate-self-service__header{height:70px;padding:0 70px}@media screen and (max-width: 767px){.candidate-self-service__header{padding:0 30px}}.candidate-self-service__nav{display:flex;justify-content:space-between;align-items:center;height:100%}.candidate-self-service__logo{flex:0 0 150px;text-align:left}.candidate-self-service__logo .navbar-logo--regular{background-position:left center;margin:0}@media screen and (max-width: 767px){.candidate-self-service__logo{flex:0 0 100px}}.candidate-self-service__back-button{display:flex}.candidate-self-service__back-button .icon-arrow-left-thin{font-size:1.3em;margin-right:5px}@media screen and (max-width: 767px){.candidate-self-service__back-button{font-size:12px}}.candidate-self-service__content{padding:70px 100px;text-align:center;max-width:1200px;margin:0 auto}@media screen and (max-width: 767px){.candidate-self-service__content{padding:50px 30px}}.candidate-self-service__personal-information{display:flex;flex-direction:column}.candidate-self-service__personal-information .icon-candidate-avatar{margin-bottom:10px}.candidate-self-service__personal-information .icon-candidate-avatar::before{font-size:10rem;color:#c9c9c9}@media screen and (max-width: 767px){.candidate-self-service__personal-information .icon-candidate-avatar::before{font-size:8rem}}.candidate-self-service__name{font-size:3em;font-weight:lighter;margin:0}.candidate-self-service__email{color:#707070}.candidate-self-service__update-profile{align-self:center;margin-top:20px;border:0;font-size:.9em;color:#2574a9;background-color:transparent}.candidate-self-service__separator{border:1px solid #e7e7e7;margin:25px 0}.candidate-self-service__delete-profile-button{font-size:.9em;border:0;padding:0;background:transparent;color:#707070;font-weight:600;cursor:pointer}.candidate-self-service__delete-profile-button:hover{color:#575757}.candidate-self-service__header{background-color:#1b1921}.candidate-self-service__back-button{color:#fff}.candidate-self-service__back-button:hover{color:#e6e6e6}.talent-community-dialog__form{margin:50px 0 0}.talent-community-flow{min-height:0}.talent-community-flow .apply-flow__content{margin:20px 0 0;padding:0}.talent-community-flow .apply-flow-dialog__button{max-width:100%;width:100%}.talent-community-flow .apply-flow-block__component{padding:0}.talent-community-flow .apply-flow-block--agreements,.talent-community-flow .apply-flow-block--apply-flow-e-signature{margin:40px 0 0;background:none}.talent-community-flow .apply-flow-block--profile-import{margin-bottom:10px}.talent-community-flow .apply-flow-section__trainstop-name{display:none}.talent-community-flow .apply-flow-block--job-alert-preferences{margin-top:20px;margin-bottom:20px}.talent-community-flow__toggle-button{width:100%;background:#f5f5f5;padding:18px 1em;line-height:1.2;border:0;color:#1176aa}.talent-community-flow__toggle-button--active{margin-bottom:40px}.talent-community-flow__toggle-button::after{content:'';display:inline-block;position:relative;top:.2em;border:.35em solid;border-color:currentColor transparent transparent;margin:0 0 0 .45em}.talent-community-flow__remaining-fields{margin:-20px 0 0}.talent-community-flow__loading-bar{margin:50px 0 0;display:block}.talent-community-flow__loading-bar--hidden{display:none}.talent-community-flow-page{display:none}.talent-community-flow-page--ready{display:block}.talent-community-subscribe{margin:60px 0 0;height:54px}.talent-community-subscribe .apply-flow-dialog__button{margin-bottom:0}.talent-community-flow-progress-bar{position:relative;height:4px;padding:25px 0;overflow:hidden}.talent-community-flow-progress-bar .talent-community-flow-progress-bar__track{position:absolute;width:100%;height:4px;background:#dfdfdf}.talent-community-flow-progress-bar .talent-community-flow-progress-bar__value{position:absolute;top:0;left:0;height:4px;background:#2574a9;transition:width .4s ease-in-out}tc-dialog dialog-body,tc-dialog dialog-header,tc-dialog dialog-footer{display:none}.tc-dialog{position:fixed;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:auto;min-width:0;background:none;display:flex;border:0;box-shadow:none;overflow-y:auto}.tc-dialog .oj-dialog-header{display:none}.tc-dialog .oj-dialog-content{overflow:visible;width:100%;align-items:center;display:flex;flex:0 1 auto}.tc-dialog .oj-dialog-header-close-wrapper:hover{background-color:transparent;cursor:pointer}.tc-dialog .apply-flow-dialog__content{margin:0;width:auto}@media screen and (min-width: 768px){.tc-dialog .apply-flow-dialog__content{margin:0}}.tc-dialog__inner-wrapper{width:100%;max-width:580px;background:#fff;border:0;margin:auto;box-sizing:border-box;padding:0 20px 70px}@media screen and (min-width: 768px){.tc-dialog__inner-wrapper{padding:0 90px 70px}}.tc-dialog__close{position:absolute;top:10px;right:15px;background:none;padding:5px;border:0;color:inherit}.tc-dialog__close:hover{cursor:pointer}.tc-dialog__header{padding:20px;margin:0 -20px;min-height:10px;position:relative;position:sticky;top:0;z-index:1;background:#fff;color:#333}@media screen and (min-width: 768px){.tc-dialog__header{margin:0 -90px;min-height:30px}}.tc-dialog__body{padding:0;font-size:14px;overflow:visible;position:relative;z-index:1}.tc-dialog__footer{padding:40px 0 0;display:block}.tc-dialog__footer .apply-flow-dialog__button{margin-bottom:0}.talent-community-tile{border-radius:4px;padding:20px 25px;margin:0;background:rgba(0,0,0,0.65);color:#fff}.talent-community-tile--chromeless{border-radius:0;padding:0;background:none;color:inherit;text-align:left}.joblist-grid-item--talent-community-tile .talent-community-tile{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center}.talent-community-tile__header{margin:0}.talent-community-tile__info{overflow:hidden;max-height:4.8em;margin:10px 0 0}@supports ((-webkit-line-clamp: 1) or (line-clamp: 1)) and (-webkit-box-orient: vertical){.talent-community-tile__info{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}}.talent-community-tile__actions{margin:18px 0 0}.talent-community-tile__button{text-transform:uppercase;font-size:13px;letter-spacing:0;font-weight:bold;width:100%}.talent-community-tile--chromeless .talent-community-tile__button{width:auto}.input-row--multi-select-pill{position:relative}.input-row--multi-select-pill.input-row--invalid .oj-inputsearch-choice{border-color:#d0021b}.input-row--multi-select-pill .oj-inputsearch-input{color:transparent}.input-row--multi-select-pill .oj-inputsearch-input.oj-inputsearch-focused{color:#000}.input-row--multi-select-pill .inline-spinner{position:absolute;top:20px;right:5px;z-index:10}.multi-select-pill__spinner{width:18px;height:18px;position:absolute;top:19px;right:10px;z-index:5}.multi-select-pill__spinner .sk-circle::before{background-color:currentColor}.multi-select-pill__values{margin-top:10px;padding:0;list-style-type:none}.multi-select-pill__value{margin:0 7px 7px 0;position:relative;display:inline-block;padding:10px 14px;border:1px solid #2574a9;border-radius:3px;line-height:1.2;color:#fff;background:#2574a9;transition:border-color .3s, background .3s, color .3s}.multi-select-pill__value-text{display:inline-block}.multi-select-pill__value-remove{padding:0 5px;margin:0 -5px 0 5px;border:0;line-height:1;font-size:9px;color:inherit;background:none}.oda-chat-action-postback{margin-right:3px !important;white-space:nowrap !important;border-radius:20px !important}.oda-chat-message-global-actions{flex-direction:row !important;flex-wrap:wrap !important}


/*# sourceMappingURL=main-mohegan.css.map*/