@charset "UTF-8";
/**
 * Copyright © 2013, 2018, Oracle and/or its affiliates. All rights reserved.
 *
 * @fileOverview
 * LUX OJET Alta global styles (affect the entire page)
 *
 * @author Bruce Bowers
 */
/* This padding is needed to bring the text field below the label, so that the label and the text inside the text field don't overlap. */
@media screen and (min-width: 1441px) {
  .oj-xxl-1 {
    flex: 0 1 8.3333333333%;
    max-width: 8.3333333333%;
    width: 8.3333333333%; }
  .oj-xxl-2 {
    flex: 0 1 16.6666666667%;
    max-width: 16.6666666667%;
    width: 16.6666666667%; }
  .oj-xxl-3 {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-xxl-4 {
    flex: 0 1 33.3333333333%;
    max-width: 33.3333333333%;
    width: 33.3333333333%; }
  .oj-xxl-5 {
    flex: 0 1 41.6666666667%;
    max-width: 41.6666666667%;
    width: 41.6666666667%; }
  .oj-xxl-6 {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-xxl-7 {
    flex: 0 1 58.3333333333%;
    max-width: 58.3333333333%;
    width: 58.3333333333%; }
  .oj-xxl-8 {
    flex: 0 1 66.6666666667%;
    max-width: 66.6666666667%;
    width: 66.6666666667%; }
  .oj-xxl-9 {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-xxl-10 {
    flex: 0 1 83.3333333333%;
    max-width: 83.3333333333%;
    width: 83.3333333333%; }
  .oj-xxl-11 {
    flex: 0 1 91.6666666667%;
    max-width: 91.6666666667%;
    width: 91.6666666667%; }
  .oj-xxl-12 {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-xxl-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 8.3333333333%;
    max-width: 8.3333333333%;
    width: 8.3333333333%; }
  .oj-xxl-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 91.6666666667%;
    max-width: 91.6666666667%;
    width: 91.6666666667%; }
  .oj-xxl-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 16.6666666667%;
    max-width: 16.6666666667%;
    width: 16.6666666667%; }
  .oj-xxl-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 83.3333333333%;
    max-width: 83.3333333333%;
    width: 83.3333333333%; }
  .oj-xxl-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-xxl-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-xxl-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 33.3333333333%;
    max-width: 33.3333333333%;
    width: 33.3333333333%; }
  .oj-xxl-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 66.6666666667%;
    max-width: 66.6666666667%;
    width: 66.6666666667%; }
  .oj-xxl-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 41.6666666667%;
    max-width: 41.6666666667%;
    width: 41.6666666667%; }
  .oj-xxl-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 58.3333333333%;
    max-width: 58.3333333333%;
    width: 58.3333333333%; }
  .oj-xxl-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-xxl-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 50%;
    max-width: 50%;
    width: 50%; }
  .oj-xxl-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 58.3333333333%;
    max-width: 58.3333333333%;
    width: 58.3333333333%; }
  .oj-xxl-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.6666666667%;
    max-width: 41.6666666667%;
    width: 41.6666666667%; }
  .oj-xxl-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 66.6666666667%;
    max-width: 66.6666666667%;
    width: 66.6666666667%; }
  .oj-xxl-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.3333333333%;
    max-width: 33.3333333333%;
    width: 33.3333333333%; }
  .oj-xxl-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 75%;
    max-width: 75%;
    width: 75%; }
  .oj-xxl-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-xxl-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 83.3333333333%;
    max-width: 83.3333333333%;
    width: 83.3333333333%; }
  .oj-xxl-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.6666666667%;
    max-width: 16.6666666667%;
    width: 16.6666666667%; }
  .oj-xxl-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 91.6666666667%;
    max-width: 91.6666666667%;
    width: 91.6666666667%; }
  .oj-xxl-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.3333333333%;
    max-width: 8.3333333333%;
    width: 8.3333333333%; }
  .oj-xxl-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-xxl-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%; }
  .oj-xxl-even-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.3333333333%;
    max-width: 8.3333333333%;
    width: 8.3333333333%; }
  .oj-xxl-even-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.6666666667%;
    max-width: 16.6666666667%;
    width: 16.6666666667%; }
  .oj-xxl-even-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25%;
    max-width: 25%;
    width: 25%; }
  .oj-xxl-even-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.3333333333%;
    max-width: 33.3333333333%;
    width: 33.3333333333%; }
  .oj-xxl-even-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.6666666667%;
    max-width: 41.6666666667%;
    width: 41.6666666667%; } }

@media screen and (min-width: 1025px) {
  html:not(.lux-touch-enabled) {
    font-size: .75em; }
  .oj-listbox-drop {
    width: auto !important;
    min-width: 8em;
    white-space: nowrap; }
    html:not([dir="rtl"]) .oj-listbox-drop .oj-listbox-result-label {
      padding-right: 5px; }
    html[dir="rtl"] .oj-listbox-drop .oj-listbox-result-label {
      padding-left: 5px; } }

@media screen and (min-width: 1441px) {
  .oj-xxl-hide {
    display: none; }
  .oj-xxl-margin-1x {
    margin: 5px; }
  .oj-xxl-margin-1x-horizontal {
    margin-left: 5px;
    margin-right: 5px; }
  .oj-xxl-margin-1x-vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  .oj-xxl-margin-1x-top {
    margin-top: 5px; }
  .oj-xxl-margin-1x-bottom {
    margin-bottom: 5px; }
  html:not([dir="rtl"]) .oj-xxl-margin-1x-start {
    margin-left: 5px; }
  html[dir="rtl"] .oj-xxl-margin-1x-start {
    margin-right: 5px; }
  html:not([dir="rtl"]) .oj-xxl-margin-1x-end {
    margin-right: 5px; }
  html[dir="rtl"] .oj-xxl-margin-1x-end {
    margin-left: 5px; }
  .oj-xxl-padding-1x {
    padding: 5px; }
  .oj-xxl-padding-1x-horizontal {
    padding-left: 5px;
    padding-right: 5px; }
  .oj-xxl-padding-1x-vertical {
    padding-top: 5px;
    padding-bottom: 5px; }
  .oj-xxl-padding-1x-top {
    padding-top: 5px; }
  .oj-xxl-padding-1x-bottom {
    padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-xxl-padding-1x-start {
    padding-left: 5px; }
  html[dir="rtl"] .oj-xxl-padding-1x-start {
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-xxl-padding-1x-end {
    padding-right: 5px; }
  html[dir="rtl"] .oj-xxl-padding-1x-end {
    padding-left: 5px; }
  .oj-xxl-margin-2x {
    margin: 10px; }
  .oj-xxl-margin-2x-horizontal {
    margin-left: 10px;
    margin-right: 10px; }
  .oj-xxl-margin-2x-vertical {
    margin-top: 10px;
    margin-bottom: 10px; }
  .oj-xxl-margin-2x-top {
    margin-top: 10px; }
  .oj-xxl-margin-2x-bottom {
    margin-bottom: 10px; }
  html:not([dir="rtl"]) .oj-xxl-margin-2x-start {
    margin-left: 10px; }
  html[dir="rtl"] .oj-xxl-margin-2x-start {
    margin-right: 10px; }
  html:not([dir="rtl"]) .oj-xxl-margin-2x-end {
    margin-right: 10px; }
  html[dir="rtl"] .oj-xxl-margin-2x-end {
    margin-left: 10px; }
  .oj-xxl-padding-2x {
    padding: 10px; }
  .oj-xxl-padding-2x-horizontal {
    padding-left: 10px;
    padding-right: 10px; }
  .oj-xxl-padding-2x-vertical {
    padding-top: 10px;
    padding-bottom: 10px; }
  .oj-xxl-padding-2x-top {
    padding-top: 10px; }
  .oj-xxl-padding-2x-bottom {
    padding-bottom: 10px; }
  html:not([dir="rtl"]) .oj-xxl-padding-2x-start {
    padding-left: 10px; }
  html[dir="rtl"] .oj-xxl-padding-2x-start {
    padding-right: 10px; }
  html:not([dir="rtl"]) .oj-xxl-padding-2x-end {
    padding-right: 10px; }
  html[dir="rtl"] .oj-xxl-padding-2x-end {
    padding-left: 10px; }
  .oj-xxl-margin-3x {
    margin: 15px; }
  .oj-xxl-margin-3x-horizontal {
    margin-left: 15px;
    margin-right: 15px; }
  .oj-xxl-margin-3x-vertical {
    margin-top: 15px;
    margin-bottom: 15px; }
  .oj-xxl-margin-3x-top {
    margin-top: 15px; }
  .oj-xxl-margin-3x-bottom {
    margin-bottom: 15px; }
  html:not([dir="rtl"]) .oj-xxl-margin-3x-start {
    margin-left: 15px; }
  html[dir="rtl"] .oj-xxl-margin-3x-start {
    margin-right: 15px; }
  html:not([dir="rtl"]) .oj-xxl-margin-3x-end {
    margin-right: 15px; }
  html[dir="rtl"] .oj-xxl-margin-3x-end {
    margin-left: 15px; }
  .oj-xxl-padding-3x {
    padding: 15px; }
  .oj-xxl-padding-3x-horizontal {
    padding-left: 15px;
    padding-right: 15px; }
  .oj-xxl-padding-3x-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }
  .oj-xxl-padding-3x-top {
    padding-top: 15px; }
  .oj-xxl-padding-3x-bottom {
    padding-bottom: 15px; }
  html:not([dir="rtl"]) .oj-xxl-padding-3x-start {
    padding-left: 15px; }
  html[dir="rtl"] .oj-xxl-padding-3x-start {
    padding-right: 15px; }
  html:not([dir="rtl"]) .oj-xxl-padding-3x-end {
    padding-right: 15px; }
  html[dir="rtl"] .oj-xxl-padding-3x-end {
    padding-left: 15px; }
  .oj-xxl-margin-4x {
    margin: 20px; }
  .oj-xxl-margin-4x-horizontal {
    margin-left: 20px;
    margin-right: 20px; }
  .oj-xxl-margin-4x-vertical {
    margin-top: 20px;
    margin-bottom: 20px; }
  .oj-xxl-margin-4x-top {
    margin-top: 20px; }
  .oj-xxl-margin-4x-bottom {
    margin-bottom: 20px; }
  html:not([dir="rtl"]) .oj-xxl-margin-4x-start {
    margin-left: 20px; }
  html[dir="rtl"] .oj-xxl-margin-4x-start {
    margin-right: 20px; }
  html:not([dir="rtl"]) .oj-xxl-margin-4x-end {
    margin-right: 20px; }
  html[dir="rtl"] .oj-xxl-margin-4x-end {
    margin-left: 20px; }
  .oj-xxl-padding-4x {
    padding: 20px; }
  .oj-xxl-padding-4x-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  .oj-xxl-padding-4x-vertical {
    padding-top: 20px;
    padding-bottom: 20px; }
  .oj-xxl-padding-4x-top {
    padding-top: 20px; }
  .oj-xxl-padding-4x-bottom {
    padding-bottom: 20px; }
  html:not([dir="rtl"]) .oj-xxl-padding-4x-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-xxl-padding-4x-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-xxl-padding-4x-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-xxl-padding-4x-end {
    padding-left: 20px; }
  .oj-xxl-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-xxl-text-align-end {
      text-align: left; }
  .oj-xxl-float-end {
    float: right; }
    html[dir="rtl"] .oj-xxl-float-end {
      float: left; }
  .oj-xxl-float-start {
    float: left; }
    html[dir="rtl"] .oj-xxl-float-start {
      float: right; } }

@media screen and (max-width: 1440px) {
  .oj-xl-down-hide {
    display: none; }
  .oj-xl-down-margin-1x {
    margin: 5px; }
  .oj-xl-down-margin-1x-horizontal {
    margin-left: 5px;
    margin-right: 5px; }
  .oj-xl-down-margin-1x-vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  .oj-xl-down-margin-1x-top {
    margin-top: 5px; }
  .oj-xl-down-margin-1x-bottom {
    margin-bottom: 5px; }
  html:not([dir="rtl"]) .oj-xl-down-margin-1x-start {
    margin-left: 5px; }
  html[dir="rtl"] .oj-xl-down-margin-1x-start {
    margin-right: 5px; }
  html:not([dir="rtl"]) .oj-xl-down-margin-1x-end {
    margin-right: 5px; }
  html[dir="rtl"] .oj-xl-down-margin-1x-end {
    margin-left: 5px; }
  .oj-xl-down-padding-1x {
    padding: 5px; }
  .oj-xl-down-padding-1x-horizontal {
    padding-left: 5px;
    padding-right: 5px; }
  .oj-xl-down-padding-1x-vertical {
    padding-top: 5px;
    padding-bottom: 5px; }
  .oj-xl-down-padding-1x-top {
    padding-top: 5px; }
  .oj-xl-down-padding-1x-bottom {
    padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-xl-down-padding-1x-start {
    padding-left: 5px; }
  html[dir="rtl"] .oj-xl-down-padding-1x-start {
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-xl-down-padding-1x-end {
    padding-right: 5px; }
  html[dir="rtl"] .oj-xl-down-padding-1x-end {
    padding-left: 5px; }
  .oj-xl-down-margin-2x {
    margin: 10px; }
  .oj-xl-down-margin-2x-horizontal {
    margin-left: 10px;
    margin-right: 10px; }
  .oj-xl-down-margin-2x-vertical {
    margin-top: 10px;
    margin-bottom: 10px; }
  .oj-xl-down-margin-2x-top {
    margin-top: 10px; }
  .oj-xl-down-margin-2x-bottom {
    margin-bottom: 10px; }
  html:not([dir="rtl"]) .oj-xl-down-margin-2x-start {
    margin-left: 10px; }
  html[dir="rtl"] .oj-xl-down-margin-2x-start {
    margin-right: 10px; }
  html:not([dir="rtl"]) .oj-xl-down-margin-2x-end {
    margin-right: 10px; }
  html[dir="rtl"] .oj-xl-down-margin-2x-end {
    margin-left: 10px; }
  .oj-xl-down-padding-2x {
    padding: 10px; }
  .oj-xl-down-padding-2x-horizontal {
    padding-left: 10px;
    padding-right: 10px; }
  .oj-xl-down-padding-2x-vertical {
    padding-top: 10px;
    padding-bottom: 10px; }
  .oj-xl-down-padding-2x-top {
    padding-top: 10px; }
  .oj-xl-down-padding-2x-bottom {
    padding-bottom: 10px; }
  html:not([dir="rtl"]) .oj-xl-down-padding-2x-start {
    padding-left: 10px; }
  html[dir="rtl"] .oj-xl-down-padding-2x-start {
    padding-right: 10px; }
  html:not([dir="rtl"]) .oj-xl-down-padding-2x-end {
    padding-right: 10px; }
  html[dir="rtl"] .oj-xl-down-padding-2x-end {
    padding-left: 10px; }
  .oj-xl-down-margin-3x {
    margin: 15px; }
  .oj-xl-down-margin-3x-horizontal {
    margin-left: 15px;
    margin-right: 15px; }
  .oj-xl-down-margin-3x-vertical {
    margin-top: 15px;
    margin-bottom: 15px; }
  .oj-xl-down-margin-3x-top {
    margin-top: 15px; }
  .oj-xl-down-margin-3x-bottom {
    margin-bottom: 15px; }
  html:not([dir="rtl"]) .oj-xl-down-margin-3x-start {
    margin-left: 15px; }
  html[dir="rtl"] .oj-xl-down-margin-3x-start {
    margin-right: 15px; }
  html:not([dir="rtl"]) .oj-xl-down-margin-3x-end {
    margin-right: 15px; }
  html[dir="rtl"] .oj-xl-down-margin-3x-end {
    margin-left: 15px; }
  .oj-xl-down-padding-3x {
    padding: 15px; }
  .oj-xl-down-padding-3x-horizontal {
    padding-left: 15px;
    padding-right: 15px; }
  .oj-xl-down-padding-3x-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }
  .oj-xl-down-padding-3x-top {
    padding-top: 15px; }
  .oj-xl-down-padding-3x-bottom {
    padding-bottom: 15px; }
  html:not([dir="rtl"]) .oj-xl-down-padding-3x-start {
    padding-left: 15px; }
  html[dir="rtl"] .oj-xl-down-padding-3x-start {
    padding-right: 15px; }
  html:not([dir="rtl"]) .oj-xl-down-padding-3x-end {
    padding-right: 15px; }
  html[dir="rtl"] .oj-xl-down-padding-3x-end {
    padding-left: 15px; }
  .oj-xl-down-margin-4x {
    margin: 20px; }
  .oj-xl-down-margin-4x-horizontal {
    margin-left: 20px;
    margin-right: 20px; }
  .oj-xl-down-margin-4x-vertical {
    margin-top: 20px;
    margin-bottom: 20px; }
  .oj-xl-down-margin-4x-top {
    margin-top: 20px; }
  .oj-xl-down-margin-4x-bottom {
    margin-bottom: 20px; }
  html:not([dir="rtl"]) .oj-xl-down-margin-4x-start {
    margin-left: 20px; }
  html[dir="rtl"] .oj-xl-down-margin-4x-start {
    margin-right: 20px; }
  html:not([dir="rtl"]) .oj-xl-down-margin-4x-end {
    margin-right: 20px; }
  html[dir="rtl"] .oj-xl-down-margin-4x-end {
    margin-left: 20px; }
  .oj-xl-down-padding-4x {
    padding: 20px; }
  .oj-xl-down-padding-4x-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  .oj-xl-down-padding-4x-vertical {
    padding-top: 20px;
    padding-bottom: 20px; }
  .oj-xl-down-padding-4x-top {
    padding-top: 20px; }
  .oj-xl-down-padding-4x-bottom {
    padding-bottom: 20px; }
  html:not([dir="rtl"]) .oj-xl-down-padding-4x-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-xl-down-padding-4x-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-xl-down-padding-4x-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-xl-down-padding-4x-end {
    padding-left: 20px; }
  .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 (min-width: 1281px) and (max-width: 1440px) {
  /* large only screen layout helpers */
  .oj-xl-only-hide {
    display: none; }
  .oj-xl-only-margin-1x {
    margin: 5px; }
  .oj-xl-only-margin-1x-horizontal {
    margin-left: 5px;
    margin-right: 5px; }
  .oj-xl-only-margin-1x-vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  .oj-xl-only-margin-1x-top {
    margin-top: 5px; }
  .oj-xl-only-margin-1x-bottom {
    margin-bottom: 5px; }
  html:not([dir="rtl"]) .oj-xl-only-margin-1x-start {
    margin-left: 5px; }
  html[dir="rtl"] .oj-xl-only-margin-1x-start {
    margin-right: 5px; }
  html:not([dir="rtl"]) .oj-xl-only-margin-1x-end {
    margin-right: 5px; }
  html[dir="rtl"] .oj-xl-only-margin-1x-end {
    margin-left: 5px; }
  .oj-xl-only-padding-1x {
    padding: 5px; }
  .oj-xl-only-padding-1x-horizontal {
    padding-left: 5px;
    padding-right: 5px; }
  .oj-xl-only-padding-1x-vertical {
    padding-top: 5px;
    padding-bottom: 5px; }
  .oj-xl-only-padding-1x-top {
    padding-top: 5px; }
  .oj-xl-only-padding-1x-bottom {
    padding-bottom: 5px; }
  html:not([dir="rtl"]) .oj-xl-only-padding-1x-start {
    padding-left: 5px; }
  html[dir="rtl"] .oj-xl-only-padding-1x-start {
    padding-right: 5px; }
  html:not([dir="rtl"]) .oj-xl-only-padding-1x-end {
    padding-right: 5px; }
  html[dir="rtl"] .oj-xl-only-padding-1x-end {
    padding-left: 5px; }
  .oj-xl-only-margin-2x {
    margin: 10px; }
  .oj-xl-only-margin-2x-horizontal {
    margin-left: 10px;
    margin-right: 10px; }
  .oj-xl-only-margin-2x-vertical {
    margin-top: 10px;
    margin-bottom: 10px; }
  .oj-xl-only-margin-2x-top {
    margin-top: 10px; }
  .oj-xl-only-margin-2x-bottom {
    margin-bottom: 10px; }
  html:not([dir="rtl"]) .oj-xl-only-margin-2x-start {
    margin-left: 10px; }
  html[dir="rtl"] .oj-xl-only-margin-2x-start {
    margin-right: 10px; }
  html:not([dir="rtl"]) .oj-xl-only-margin-2x-end {
    margin-right: 10px; }
  html[dir="rtl"] .oj-xl-only-margin-2x-end {
    margin-left: 10px; }
  .oj-xl-only-padding-2x {
    padding: 10px; }
  .oj-xl-only-padding-2x-horizontal {
    padding-left: 10px;
    padding-right: 10px; }
  .oj-xl-only-padding-2x-vertical {
    padding-top: 10px;
    padding-bottom: 10px; }
  .oj-xl-only-padding-2x-top {
    padding-top: 10px; }
  .oj-xl-only-padding-2x-bottom {
    padding-bottom: 10px; }
  html:not([dir="rtl"]) .oj-xl-only-padding-2x-start {
    padding-left: 10px; }
  html[dir="rtl"] .oj-xl-only-padding-2x-start {
    padding-right: 10px; }
  html:not([dir="rtl"]) .oj-xl-only-padding-2x-end {
    padding-right: 10px; }
  html[dir="rtl"] .oj-xl-only-padding-2x-end {
    padding-left: 10px; }
  .oj-xl-only-margin-3x {
    margin: 15px; }
  .oj-xl-only-margin-3x-horizontal {
    margin-left: 15px;
    margin-right: 15px; }
  .oj-xl-only-margin-3x-vertical {
    margin-top: 15px;
    margin-bottom: 15px; }
  .oj-xl-only-margin-3x-top {
    margin-top: 15px; }
  .oj-xl-only-margin-3x-bottom {
    margin-bottom: 15px; }
  html:not([dir="rtl"]) .oj-xl-only-margin-3x-start {
    margin-left: 15px; }
  html[dir="rtl"] .oj-xl-only-margin-3x-start {
    margin-right: 15px; }
  html:not([dir="rtl"]) .oj-xl-only-margin-3x-end {
    margin-right: 15px; }
  html[dir="rtl"] .oj-xl-only-margin-3x-end {
    margin-left: 15px; }
  .oj-xl-only-padding-3x {
    padding: 15px; }
  .oj-xl-only-padding-3x-horizontal {
    padding-left: 15px;
    padding-right: 15px; }
  .oj-xl-only-padding-3x-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }
  .oj-xl-only-padding-3x-top {
    padding-top: 15px; }
  .oj-xl-only-padding-3x-bottom {
    padding-bottom: 15px; }
  html:not([dir="rtl"]) .oj-xl-only-padding-3x-start {
    padding-left: 15px; }
  html[dir="rtl"] .oj-xl-only-padding-3x-start {
    padding-right: 15px; }
  html:not([dir="rtl"]) .oj-xl-only-padding-3x-end {
    padding-right: 15px; }
  html[dir="rtl"] .oj-xl-only-padding-3x-end {
    padding-left: 15px; }
  .oj-xl-only-margin-4x {
    margin: 20px; }
  .oj-xl-only-margin-4x-horizontal {
    margin-left: 20px;
    margin-right: 20px; }
  .oj-xl-only-margin-4x-vertical {
    margin-top: 20px;
    margin-bottom: 20px; }
  .oj-xl-only-margin-4x-top {
    margin-top: 20px; }
  .oj-xl-only-margin-4x-bottom {
    margin-bottom: 20px; }
  html:not([dir="rtl"]) .oj-xl-only-margin-4x-start {
    margin-left: 20px; }
  html[dir="rtl"] .oj-xl-only-margin-4x-start {
    margin-right: 20px; }
  html:not([dir="rtl"]) .oj-xl-only-margin-4x-end {
    margin-right: 20px; }
  html[dir="rtl"] .oj-xl-only-margin-4x-end {
    margin-left: 20px; }
  .oj-xl-only-padding-4x {
    padding: 20px; }
  .oj-xl-only-padding-4x-horizontal {
    padding-left: 20px;
    padding-right: 20px; }
  .oj-xl-only-padding-4x-vertical {
    padding-top: 20px;
    padding-bottom: 20px; }
  .oj-xl-only-padding-4x-top {
    padding-top: 20px; }
  .oj-xl-only-padding-4x-bottom {
    padding-bottom: 20px; }
  html:not([dir="rtl"]) .oj-xl-only-padding-4x-start {
    padding-left: 20px; }
  html[dir="rtl"] .oj-xl-only-padding-4x-start {
    padding-right: 20px; }
  html:not([dir="rtl"]) .oj-xl-only-padding-4x-end {
    padding-right: 20px; }
  html[dir="rtl"] .oj-xl-only-padding-4x-end {
    padding-left: 20px; }
  .oj-xl-only-text-align-end {
    text-align: right; }
    html[dir="rtl"] .oj-xl-only-text-align-end {
      text-align: left; }
  .oj-xl-only-float-end {
    float: right; }
    html[dir="rtl"] .oj-xl-only-float-end {
      float: left; }
  .oj-xl-only-float-start {
    float: left; }
    html[dir="rtl"] .oj-xl-only-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-xxl-up {
  font-family: "/screen and (min-width: 1441px)/"; }

.oj-mq-xl-only {
  font-family: "/screen and (min-width: 1281px) and (max-width: 1440px)/"; }

.oj-mq-xl-down {
  font-family: "/screen and (max-width: 1440px)/"; }