/*!
 * Core.css 
 * apex-builder-app_ui v20.2.0
 * https://apex.oracle.com/
 * Copyright (c) Oracle
*/

/* ==========================================================================
 Layout utilities
 ========================================================================== */
.u-pullLeft {
  float: left !important;
}

.u-pullRight {
  float: right !important;
}

.u-alignTop {
  vertical-align: top !important;
}

.u-alignMiddle {
  vertical-align: middle !important;
}

.u-alignBaseline {
  vertical-align: baseline !important;
}

.u-alignBottom {
  vertical-align: bottom !important;
}

.u-hidden {
  display: none !important;
}

.u-visible {
  visibility: visible !important;
}

/* ==========================================================================
   Text Utilities
   ========================================================================== */
.u-textRight,
.u-tR {
  text-align: right !important;
}

.u-RTL .u-textRight, .u-RTL
.u-tR {
  text-align: left !important;
}

.u-textLeft,
.u-tL {
  text-align: left !important;
}

.u-RTL .u-textLeft, .u-RTL
.u-tL {
  text-align: right !important;
}

.u-textCenter,
.u-tC {
  text-align: center !important;
}

.u-textEnd,
.u-tE {
  text-align: right !important;
}

.u-RTL .u-textEnd, .u-RTL
.u-tE {
  text-align: left !important;
}

.u-textStart,
.u-tS {
  text-align: left !important;
}

.u-RTL .u-textStart, .u-RTL
.u-tS {
  text-align: right !important;
}

.u-textUpper {
  text-transform: uppercase;
}

.u-textLower {
  text-transform: lowercase;
}

.u-textInitCap {
  text-transform: capitalize;
}

.u-fontWeightNormal,
.u-fwNormal {
  font-weight: var(--a-base-font-weight-normal, normal);
}

.u-fixedFont {
  font-family: var(--a-base-font-family-mono, monospace);
}

.u-nowrap {
  white-space: nowrap !important;
}

.u-bold,
.u-strong {
  font-weight: bold !important;
}

.u-italics,
.u-em {
  font-style: italic !important;
}

.u-underline {
  text-decoration: underline !important;
}

/* ==========================================================================
   Accessibility Utilities
   ========================================================================== */
.visuallyhidden,
.visuallyHidden,
.hideMeButHearMe,
.u-VisuallyHidden,
.u-vh {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus,
.u-VisuallyHidden.is-focusable:active,
.u-VisuallyHidden.is-focusable:focus,
.u-vh.is-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  margin: 0;
  width: auto;
  height: auto;
}

.u-DisplayNone {
  display: none;
}

/* ==========================================================================
   Animation Utilities
   ========================================================================== */
.u-Animate-spin {
  -webkit-animation: u-animate-spin 2s infinite linear;
          animation: u-animate-spin 2s infinite linear;
}

@-webkit-keyframes u-animate-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes u-animate-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

/* ==========================================================================
   Overlay Utilities
   ========================================================================== */
.u-Overlay {
  background-color: var(--a-overlay-background-color, rgba(0, 0, 0, 0.15));
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.u-Overlay--quickEdit {
  position: fixed;
  z-index: 8000;
}

.u-Overlay--processing {
  position: absolute;
  z-index: 1000;
}

.u-Overlay--glass {
  --a-overlay-background-color: transparent;
  position: fixed;
  z-index: 1000;
}

/* ==========================================================================
   Processing Utilities
   ========================================================================== */
.u-Processing {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: var(--a-spinner-cursor);
  padding: var(--a-spinner-container-padding);
  background-color: var(--a-spinner-container-background-color);
  border-radius: var(--a-spinner-container-border-radius);
  -webkit-box-shadow: var(--a-spinner-container-shadow);
          box-shadow: var(--a-spinner-container-shadow);
  -webkit-backdrop-filter: var(--a-spinner-container-backdrop-filter);
          backdrop-filter: var(--a-spinner-container-backdrop-filter);
  z-index: var(--a-spinner-zindex);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  height: calc(var(--a-spinner-size) + var(--a-spinner-container-padding) + var(--a-spinner-container-padding));
  width: calc(var(--a-spinner-size) + var(--a-spinner-container-padding) + var(--a-spinner-container-padding));
}

.u-Processing-spinner {
  display: block;
  border-radius: 100%;
  border-style: solid;
  -webkit-animation: u-animate-spin var(--a-spinner-speed) infinite linear;
          animation: u-animate-spin var(--a-spinner-speed) infinite linear;
  width: var(--a-spinner-size);
  height: var(--a-spinner-size);
  border-width: var(--a-spinner-border-width);
  border-color: var(--a-spinner-border-color);
  border-top-color: var(--a-spinner-color);
  color: var(--a-spinner-color);
}

@media (prefers-reduced-motion: reduce) {
  .u-Processing-spinner {
    font-family: var(--a-icon-font-family, "apex-5-icon-font");
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: none !important;
            animation: none !important;
    border: 0 !important;
    text-align: center;
    line-height: var(--a-spinner-size);
    font-size: calc(var(--a-spinner-size) * .75);
  }
  .u-Processing-spinner:before {
    content: '\e01e';
  }
}

.u-Processing--inline {
  position: static;
  width: 24px;
  height: 24px;
  margin: 0 4px;
  padding: 4px;
  display: inline-block;
  vertical-align: top;
}

.u-Processing--inline .u-Processing-spinner {
  width: 16px;
  height: 16px;
}

.u-Processing--inline .u-Processing-spinner:before {
  font-size: 16px;
}

.u-Processing--cellRefresh {
  width: 24px;
  height: 24px;
  padding: 4px;
  display: block;
  background-color: var(--a-spinner-cell-refresh-background-color, rgba(0, 0, 0, 0.25));
}

.u-Processing--cellRefresh .u-Processing-spinner {
  width: 16px;
  height: 16px;
}

.u-Processing--cellRefresh .u-Processing-spinner:before {
  font-size: 16px;
}

/* ==========================================================================
   Base
   ========================================================================== */
html {
  font-family: var(--a-base-font-family, sans-serif);
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

iframe {
  margin: 0;
  border: none;
  display: block;
}

.apex-no-scroll {
  overflow: hidden !important;
  width: 100%;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: '';
}

.clearfix::after {
  clear: both;
}

/* Built with APEX
   ========================================================================== */
.u-BuiltWithAPEX {
  display: inline-block;
  vertical-align: top;
}

.u-BuiltWithAPEX .fa-heart {
  font-size: inherit;
  line-height: inherit;
  color: var(--a-love-apex-text-color);
  margin: var(--a-love-apex-margin, 0 2px);
  -webkit-transition: color 1s ease;
  transition: color 1s ease;
}

.u-BuiltWithAPEX:hover .fa-heart {
  color: var(--a-love-apex-hover-text-color, #FF0000);
  -webkit-animation: var(--a-love-apex-hover-animation, apexheartpulse 1s infinite ease);
          animation: var(--a-love-apex-hover-animation, apexheartpulse 1s infinite ease);
}

.u-BuiltWithAPEX a span {
  display: none;
}

.u-BuiltWithAPEX a:hover span, .u-BuiltWithAPEX a:focus span {
  margin-left: 4px;
  display: inline;
}

@-webkit-keyframes apexheartpulse {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  70% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

@keyframes apexheartpulse {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  70% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

/* ==========================================================================
   Buttons
   ========================================================================== */
/**
 * Core Button Component
 *
 * This is a core button component.  This only contains the relevant structural
 * styles necessary to render a button.  This class can be applied to buttons,
 * links, or input buttons.
 *
 * Example HTML:
 *
 * <button class="a-Button [modifiers]" type="submit">Button Label</button>
 * <a class="a-Button [modifiers]" href="#" role="button">Button Label</a>
 * <input class="a-Button [modifiers]" type="submit" value="Button Label">
 *
 */
/**
 * Button
 *
 * 1. Use proper box-model for button sizing across all browsers
 * 2. Reset webkit based browser appearance
 * 3. Inherit text color from ancestor
 * 4. Inherit font from ancestor
 * 5. Normalize line-height
 * 6. Prevent text selection on buttons
 * 7. Prevent wrapping of text in buttons
 */
.a-Button,
.u-Button {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  font-family: inherit;
  margin: 0;
  position: relative;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  padding-top: calc(var(--a-button-padding-y) - var(--a-button-border-width));
  padding-bottom: calc(var(--a-button-padding-y) - var(--a-button-border-width));
  padding-left: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  padding-right: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  border-width: var(--a-button-border-width);
  border-style: solid;
  border-radius: var(--a-button-border-radius);
  cursor: var(--a-button-cursor, pointer);
  font-size: var(--a-button-font-size);
  line-height: var(--a-button-line-height, normal);
  font-weight: var(--a-button-font-weight, 400);
  text-shadow: var(--a-button-text-shadow, none);
  z-index: var(--a-button-zindex);
  background-color: var(--a-button-state-background-color, var(--a-button-type-background-color, var(--a-button-background-color, transparent)));
  color: var(--a-button-state-text-color, var(--a-button-type-text-color, var(--a-button-text-color, inherit)));
  border-color: var(--a-button-state-border-color, var(--a-button-type-border-color, var(--a-button-border-color)));
  -webkit-box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
          box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
}

.a-Button:hover,
.u-Button:hover {
  --a-button-state-background-color: var(--a-button-hover-background-color);
  --a-button-state-text-color: var(--a-button-hover-text-color);
  --a-button-state-border-color: var(--a-button-hover-border-color);
  --a-button-state-shadow: var(--a-button-hover-shadow);
}

.a-Button:active,
.u-Button:active {
  --a-button-state-background-color: var(--a-button-active-background-color);
  --a-button-state-text-color: var(--a-button-active-text-color);
  --a-button-state-border-color: var(--a-button-active-border-color);
  --a-button-state-shadow: var(--a-button-active-shadow);
}

.a-Button:focus,
.u-Button:focus {
  --a-button-state-background-color: var(--a-button-focus-background-color);
  --a-button-state-text-color: var(--a-button-focus-text-color);
  --a-button-state-border-color: var(--a-button-focus-border-color);
  --a-button-state-shadow: var(--a-button-focus-shadow);
}

.a-Button:hover {
  --a-button-zindex: 100;
}

.a-Button:focus {
  --a-button-zindex: 110;
}

.a-Button:active {
  --a-button-zindex: 100;
}

.a-Button.is-active, .a-Button.is-active:active {
  --a-button-zindex: 100;
}

/**
 * Hot
 */
.a-Button--hot {
  --a-button-font-weight: var(--a-base-font-weight-bold, 700);
}

/**
 * Hover, Focus and Click States
 */
.a-Button:hover,
.a-Button:focus,
.a-Button:active {
  text-decoration: none;
}

/**
 * Disabled States
 */
.a-Button:disabled,
.a-Button.is-disabled,
button:disabled,
.apex_disabled,
.apex-button-group input:disabled + label {
  cursor: var(--a-button-disabled-cursor, default);
  opacity: var(--a-button-disabled-opacity, 0.5);
  pointer-events: none;
}

/**
 * Firefox padding / border issue
 */
button::-moz-focus-inner,
.a-Button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Full Width Button
 */
.a-Button--full,
.a-Button--stretch {
  width: 100%;
}

/**
 * Pill Buttons
 */
.a-Button--pillStart {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.a-Button--pillEnd {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.a-Button--pillStart + .a-Button--pillEnd,
.a-Button--pillStart + .a-Button--pill {
  margin-left: calc(var(--a-button-border-width) * -1) !important;
}

.u-RTL .a-Button--pillStart + .a-Button--pillEnd, .u-RTL
.a-Button--pillStart + .a-Button--pill {
  margin-left: 0;
  margin-right: calc(var(--a-button-border-width) * -1) !important;
}

.a-Button--pill {
  --a-button-border-radius: 0;
  margin-left: calc(var(--a-button-border-width) * -1) !important;
}

.u-RTL .a-Button--pill {
  margin-left: 0;
  margin-right: calc(var(--a-button-border-width) * -1) !important;
}

.a-Button--pill + .a-Button--pillEnd {
  margin-left: calc(var(--a-button-border-width) * -1) !important;
}

.u-RTL .a-Button--pill + .a-Button--pillEnd {
  margin-left: 0;
  margin-right: calc(var(--a-button-border-width) * -1) !important;
}

.a-Button--padLeft {
  margin-left: 4px !important;
}

.a-Button--padRight {
  margin-right: 4px !important;
}

.a-Button--gapLeft {
  margin-left: 12px !important;
}

.a-Button--gapRight {
  margin-right: 12px !important;
}

.a-Button--gapRight + .a-Button {
  margin-left: 0 !important;
}

.a-Button--shuttle {
  display: block;
  margin: 4px;
}

.a-Button--noUI,
.a-Button--noUI:hover,
.a-Button--noUI:active {
  --a-button-background-color: transparent;
  --a-button-shadow: none;
  --a-button-text-shadow: none;
}

/* ==========================================================================
   Button Group

   HTML:

   <fieldset tabindex="-1" id="YES_NO" class="apex-button-group apex-item-yes-no">
   <legend class="u-VisuallyHidden">Yes No</legend>
   <input type="radio" id="YES_NO_0" name="YES_NO" value="Y">
   <label for="YES_NO_0" class="a-Button">Yes</label>
   <input type="radio" id="YES_NO_1" name="YES_NO" value="N">
   <label for="YES_NO_1" class="a-Button">No</label>
   </fieldset>

   ========================================================================== */
/* APEX  Yes No Item Type
   ========================================================================== */
/* Button Group Base Styles
   ========================================================================== */
.apex-button-group input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.apex-button-group input:checked + label {
  display: inline-block;
  vertical-align: top;
  font-weight: var(--a-base-font-weight-bold, 700);
  z-index: 1;
  position: relative;
}

.apex-button-group label {
  margin-right: -1px;
  min-width: 48px;
  white-space: nowrap;
  text-align: center;
}

.u-RTL .apex-button-group label {
  margin-right: 0;
  margin-left: -1px;
}

.apex-button-group label:before, .apex-button-group label:after {
  content: none !important;
}

.apex-button-group .apex-item-option:first-of-type label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.u-RTL .apex-button-group .apex-item-option:first-of-type label {
  border-top-right-radius: var(--a-button-border-radius);
  border-bottom-right-radius: var(--a-button-border-radius);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.apex-button-group .apex-item-option:last-of-type label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.u-RTL .apex-button-group .apex-item-option:last-of-type label {
  border-top-left-radius: var(--a-button-border-radius);
  border-bottom-left-radius: var(--a-button-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.apex-button-group .apex-item-option:only-of-type label {
  border-radius: var(--a-button-border-radius);
}

/* Notification Button
   ========================================================================== */
.a-Button--notification {
  --a-button-padding-y: 4px;
  --a-button-padding-x: 8px;
  --a-button-background-color: transparent;
  --a-button-shadow: none;
  --a-button-text-color: inherit;
  margin-left: 4px;
}

.u-RTL .a-Button--notification {
  margin-left: 0;
  margin-right: 4px;
}

/* Button Types
   ========================================================================== */
.a-Button--withIcon {
  --a-button-padding-y: calc(8px - var(--a-button-border-width));
  --a-button-padding-x: calc(10px - var(--a-button-border-width));
}

.a-Button--calendar,
.a-Button--colorPicker,
.a-Button--listManager,
.a-Button--popupLOV {
  --a-button-padding-y: 4px;
  --a-button-padding-x: 8px;
}

.a-Button--shuttle {
  --a-button-padding-y: 4px;
  --a-button-padding-x: 4px;
}

.a-Button--listManager {
  margin-left: 4px;
}

.u-RTL .a-Button--listManager {
  margin-left: 0;
  margin-right: 4px;
}

.a-Button--calendar,
.a-Button--colorPicker {
  margin-left: calc(var(--a-button-border-width, 1px) * -1);
}

.u-RTL .a-Button--calendar, .u-RTL
.a-Button--colorPicker {
  margin-left: 0;
  margin-right: calc(var(--a-button-border-width, 1px) * -1);
}

.a-Button .a-Icon--pullRight {
  float: right !important;
  margin-left: 4px;
  margin-right: 0 !important;
}

.a-Button--withIcon .a-Icon {
  margin-right: 4px;
}

.u-RTL .a-Button--withIcon .a-Icon {
  margin-right: 0;
  margin-left: 4px;
}

.a-Button--withIcon.a-Button--shuttle .a-Icon {
  margin: 0 4px;
}

.a-Button--withIcon.a-Button--slim {
  --a-button-padding-x: 8px;
}

.a-Button--noLabel .a-FAIcon,
.a-Button--noLabel .a-Icon {
  margin-left: 0;
  margin-right: 0;
}

/* ==========================================================================
   Calendar
   ========================================================================== */
/* Calendar Wrapper
   ========================================================================== */
.fc.ui-widget {
  font-size: inherit;
}

.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
}

.fc-day-header.ui-widget-header {
  font-size: 12px;
  line-height: 24px;
  font-weight: normal;
  color: #606060;
  text-align: center;
  background-image: none;
  background-color: #F8F8F8;
  border-color: #E0E0E0;
}

.fc-agenda-divider.ui-widget-header,
.fc-agenda-gutter.ui-widget-header {
  padding: 0;
}

.fc .fc-basic-view td.fc-day-number,
.fc .fc-day-number {
  padding: 8px 12px 4px 12px;
  line-height: 1;
  font-size: 12px;
  color: #404040;
}

.fc-content .fc-today {
  background: #E6EEF7;
}

.fc .fc-toolbar {
  margin: 0;
}

.fc-toolbar .fc-left,
.fc-toolbar .fc-right,
.fc-toolbar .fc-center {
  padding: 16px 12px;
}

.fc .ui-button {
  padding: 8px 12px;
  line-height: 16px;
  margin-bottom: 0;
}

.fc button.ui-button {
  height: auto;
}

.fc .fc-button .fc-icon-wrap {
  float: none;
  display: block;
  height: 32px;
}

.fc .ui-button .ui-icon {
  float: none;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}

/* Header Title */
.fc-toolbar h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 200;
  color: #404040;
}

/* Calendar Container */
body .fc td.fc-today {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #E0E0E0;
}

.fc-content .fc-day.fc-today {
  background: #E6EEF7;
  border-width: 1px 0 0 0;
}

/* Table Header */
.fc-grid .fc-day-header {
  font-size: 12px;
  line-height: 24px;
  font-weight: normal;
  color: #707070;
  text-align: right;
  padding: 4px 8px;
  border-color: #F0F0F0;
  border-width: 0 0 1px 0;
  background-color: transparent;
}

.fc-content .fc-day {
  border-top: 1px solid #F0F0F0;
  border-right: 1px solid #F8F8F8;
  border-left-width: 0;
  border-bottom-width: 0;
  padding: 0;
}

.fc .fc-grid .fc-day-content {
  padding: 8px;
}

.fc-content .fc-last.fc-day {
  border-right: none;
}

.fc-content .fc-grid .fc-day-number {
  color: #404040;
  padding: 4px 12px;
}

.fc-header span.fc-button.fc-button-next,
.fc-header span.fc-button.fc-button-prev {
  padding: 0 8px;
}

/* Calendar Cell Events*/
.fc-content .fc-event,
.fc-content .fc-event.fc-apex-events-default {
  white-space: nowrap;
  font-size: 11px;
  border: none;
  border-radius: 2px !important;
  padding: 4px;
  margin-bottom: 2px;
  background-color: rgba(79, 137, 223, 0.1);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025) inset;
}

.fc-content .fc-event:hover {
  background-color: #256FFB;
}

.fc-content .fc-event:hover .fc-event-title {
  color: #FFF !important;
}

.fc-content .fc-event:hover .fc-event-title:before {
  background-color: #fff;
}

.fc-content .fc-event a {
  text-decoration: none;
}

.fc-content .fc-event .fc-event-title {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal !important;
  color: #404040 !important;
}

.fc-agendaList .fc-agendaList {
  border-width: 0;
}

.fc .fc-event a {
  color: inherit;
}

/*
* fullcalendar dialog - sending event invitation
*/
.fc-apex-dialog-invitation {
  width: 650px;
  margin: 20px 0;
}

.fc-apex-dialog-invitation input,
.fc-apex-dialog-invitation label {
  display: block;
}

.fc-apex-dialog-title,
.fc-apex-dialog-desc,
.fc-apex-dialog-date {
  display: block;
}

.fc-apex-dialog-title {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 8px;
  font-weight: bold;
  color: #808080;
}

.fc-apex-dialog-desc {
  color: #808080;
}

.fc-apex-dialog-date {
  font-size: 11px;
  margin-top: 4px;
  color: #808080;
}

.fc-apex-dialog-date label {
  display: inline-block;
  width: 30px;
  padding: 0 0 0 4px;
  font: bold 11px/20px var(--a-base-font-family, sans-serif);
  color: #666;
  vertical-align: top;
}

/*
* fullcalendar tooltip
*/
.fc-apex-tooltip {
  display: none;
  position: fixed;
  z-index: 10001;
  width: 240px;
  padding: 12px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.9);
}

.fc-apex-tooltip-title,
.fc-apex-tooltip-desc,
.fc-apex-tooltip-date {
  display: block;
}

.fc-apex-tooltip-title {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 8px;
  font-weight: bold;
  color: #E0E0E0;
}

.fc-apex-tooltip-desc {
  color: #C0C0C0;
}

.fc-apex-tooltip-date {
  font-size: 11px;
  margin-top: 4px;
  color: #808080;
}

.fc-apex-tooltip-date label {
  display: inline-block;
  width: 30px;
  padding: 0 0 0 4px;
  font: bold 11px/20px var(--a-base-font-family, sans-serif);
  color: #666;
  vertical-align: top;
}

/*
 * Agenda View Colors
 */
.fc-eventlist.apex-css-cal-01 {
  border-color: #E74C3C;
}

.fc-eventlist.apex-css-cal-02 {
  border-color: #FF9500;
}

.fc-eventlist.apex-css-cal-03,
.fc-eventlist.fc-apex-events-default {
  border-color: #3498DB;
}

.fc-eventlist.apex-css-cal-04 {
  border-color: #2ECC71;
}

.fc-eventlist.fc-apex-events-gcal {
  border-color: #019655;
}

.fc-eventlist.fc-apex-events-webservice {
  border-color: #9B59B6;
}

.fc-event.fc-apex-events-default {
  background-color: #2578CF;
  border-color: #2578CF;
  color: #FFF;
}

.fc-event.fc-apex-events-gcal {
  background-color: #01DF01;
  border-color: #01DF01;
  color: #4F4F4F;
}

.fc-event.fc-apex-events-webservice {
  background-color: #FAB252;
  border-color: #FAB252;
  color: #4F4F4F;
}

.fc .fc-event.apex-cal-black {
  background-color: #303030;
  border-color: #303030;
  color: #fff;
}

.fc .fc-event.apex-cal-blue {
  background-color: #4183D7;
  border-color: #4183D7;
  color: #fff;
}

.fc .fc-event.apex-cal-bluesky {
  background-color: #6BB9F0;
  border-color: #6BB9F0;
  color: #fff;
}

.fc .fc-event.apex-cal-brown {
  background-color: #D88935;
  border-color: #D88935;
  color: #fff;
}

.fc .fc-event.apex-cal-cyan {
  background-color: #1ABC9C;
  border-color: #1ABC9C;
  color: #404040;
}

.fc .fc-event.apex-cal-darkblue {
  background-color: #1F5F97;
  border-color: #1F5F97;
  color: #fff;
}

.fc .fc-event.apex-cal-gray {
  background-color: #A0A0A0;
  border-color: #A0A0A0;
  color: #404040;
}

.fc .fc-event.apex-cal-green {
  background-color: #2ECC71;
  border-color: #2ECC71;
  color: #fff;
}

.fc .fc-event.apex-cal-lime {
  background-color: #28A346;
  border-color: #28A346;
  color: #fff;
}

.fc .fc-event.apex-cal-orange {
  background-color: #F39C12;
  border-color: #F39C12;
  color: #fff;
}

.fc .fc-event.apex-cal-red {
  background-color: #D91E18;
  border-color: #D91E18;
  color: #fff;
}

.fc .fc-event.apex-cal-silver {
  background-color: #BDC3C7;
  border-color: #BDC3C7;
  color: #404040;
}

.fc .fc-event.apex-cal-white {
  background-color: #F0F0F0;
  border-color: #F0F0F0;
  color: #404040;
}

.fc .fc-event.apex-cal-yellow {
  background-color: #F1C40F;
  border-color: #F1C40F;
  color: #404040;
}

.fc .fc-helper {
  background-color: #4183D7 !important;
  border-color: #0572CE !important;
  color: #fff !important;
  opacity: 0.5;
}

.fc .ui-button:active,
.fc .ui-button:focus,
.fc-view:active,
.fc-view:focus {
  outline: 1px solid #0572CE;
}

.fc-event:active,
.fc-event:focus {
  background-color: #4183D7 !important;
  border-color: #0572CE !important;
  color: #fff !important;
  opacity: 0.5;
}

/******************************************************************************
Calendar
******************************************************************************/
.fc-list-item.fc-apex-events-default .fc-event-dot {
  background-color: #2578CF;
}

.fc-list-item.fc-apex-events-gcal .fc-event-dot {
  background-color: #01DF01;
}

.fc-list-item.fc-apex-events-webservice .fc-event-dot {
  background-color: #FAB252;
}

.fc-list-item.apex-cal-black .fc-event-dot {
  background-color: #303030;
}

.fc-list-item.apex-cal-blue .fc-event-dot {
  background-color: #4183D7;
}

.fc-list-item.apex-cal-bluesky .fc-event-dot {
  background-color: #6BB9F0;
}

.fc-list-item.apex-cal-brown .fc-event-dot {
  background-color: #D88935;
}

.fc-list-item.apex-cal-cyan .fc-event-dot {
  background-color: #1ABC9C;
}

.fc-list-item.apex-cal-darkblue .fc-event-dot {
  background-color: #1F5F97;
}

.fc-list-item.apex-cal-gray .fc-event-dot {
  background-color: #A0A0A0;
}

.fc-list-item.apex-cal-green .fc-event-dot {
  background-color: #2ECC71;
}

.fc-list-item.apex-cal-lime .fc-event-dot {
  background-color: #28A346;
}

.fc-list-item.apex-cal-orange .fc-event-dot {
  background-color: #F39C12;
}

.fc-list-item.apex-cal-red .fc-event-dot {
  background-color: #D91E18;
}

.fc-list-item.apex-cal-silver .fc-event-dot {
  background-color: #BDC3C7;
}

.fc-list-item.apex-cal-white .fc-event-dot {
  background-color: #F0F0F0;
}

.fc-list-item.apex-cal-yellow .fc-event-dot {
  background-color: #F1C40F;
}

/******************************************************************************

File Name:    CardView.scss
Purpose:      Base styles for Card View

******************************************************************************/
.a-TMV--cards,
.a-TMV--cards .a-TMV-w-scroll {
  width: unset !important;
}

.a-TMV--cards .a-GV-pagination {
  margin-left: auto;
  margin-right: auto;
}

.a-TMV--cards .a-GV-footer {
  border-top-width: var(--a-cv-grid-footer-border-width, 0);
  border-top-style: solid;
  border-top-color: var(--a-cv-grid-footer-border-color, transparent);
  background-color: var(--a-cv-grid-footer-background-color, transparent);
}

.a-CardView-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.a-CardView-items li {
  line-height: inherit;
  font-size: inherit;
}

.a-CardView-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-CardView {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: var(--a-cv-overflow);
  border-width: var(--a-cv-border-width, 0);
  border-style: solid;
  border-radius: var(--a-cv-border-radius);
  background-color: var(--a-cv-state-background-color, var(--a-cv-type-background-color, var(--a-cv-background-color, transparent)));
  color: var(--a-cv-state-text-color, var(--a-cv-type-text-color, var(--a-cv-text-color, inherit)));
  border-color: var(--a-cv-state-border-color, var(--a-cv-type-border-color, var(--a-cv-border-color)));
  -webkit-box-shadow: var(--a-cv-state-shadow, var(--a-cv-type-shadow, var(--a-cv-shadow, none)));
          box-shadow: var(--a-cv-state-shadow, var(--a-cv-type-shadow, var(--a-cv-shadow, none)));
}

.a-CardView.has-actions--full:hover {
  --a-cv-state-background-color: var(--a-cv-hover-background-color);
  --a-cv-state-text-color: var(--a-cv-hover-text-color);
  --a-cv-state-border-color: var(--a-cv-hover-border-color);
  --a-cv-state-shadow: var(--a-cv-hover-shadow);
}

.a-CardView.has-actions--full:active {
  --a-cv-state-background-color: var(--a-cv-active-background-color);
  --a-cv-state-text-color: var(--a-cv-active-text-color);
  --a-cv-state-border-color: var(--a-cv-active-border-color);
  --a-cv-state-shadow: var(--a-cv-active-shadow);
}

.a-CardView.has-actions--full:focus {
  --a-cv-state-background-color: var(--a-cv-focus-background-color);
  --a-cv-state-text-color: var(--a-cv-focus-text-color);
  --a-cv-state-border-color: var(--a-cv-focus-border-color);
  --a-cv-state-shadow: var(--a-cv-focus-shadow);
}

.a-CardView.has-actions--full:focus .a-CardView-fullLink {
  -webkit-box-shadow: inset 0 0 0 var(--a-cv-border-width, 0) var(--a-cv-focus-border-color);
          box-shadow: inset 0 0 0 var(--a-cv-border-width, 0) var(--a-cv-focus-border-color);
}

.a-CardView a {
  z-index: 1;
}

.a-CardView-fullLink {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  border-radius: var(--a-cv-border-radius);
  z-index: 1;
}

.a-CardView-fullLink:focus {
  outline: var(--a-cv-focus-outline, auto);
}

.a-CardView-media {
  -webkit-box-ordinal-group: var(--a-cv-order-media);
      -ms-flex-order: var(--a-cv-order-media);
          order: var(--a-cv-order-media);
  background-color: var(--a-cv-media-background-color);
  border-radius: var(--a-cv-media-border-radius);
  overflow: hidden;
  padding-left: var(--a-cv-media-padding-x);
  padding-right: var(--a-cv-media-padding-x);
  padding-top: var(--a-cv-media-padding-y);
  padding-bottom: var(--a-cv-media-padding-y);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-CardView-media--first {
  --a-cv-order-media: 1;
}

.a-CardView-media--background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: var(--a-cv-border-radius);
  display: unset;
}

.a-CardView-media--background:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: var(--a-cv-media-overlay-color);
}

.a-CardView-media--background .a-CardView-mediaImg,
.a-CardView-media--background iframe {
  width: 100%;
  height: 100%;
}

.a-CardView-media--background .a-CardView-mediaImg {
  -o-object-fit: cover;
     object-fit: cover;
}

.a-CardView-media iframe {
  max-width: 100%;
}

.has-media--background .a-CardView-header,
.has-media--background .a-CardView-body,
.has-media--background .a-CardView-footer {
  position: relative;
}

.a-CardView-mediaImg {
  border: 0;
  display: block;
  max-width: 100%;
  height: auto;
}

.a-CardView-media--square,
.a-CardView-media--widescreen {
  position: relative;
}

.a-CardView-media--square:before,
.a-CardView-media--widescreen:before {
  content: '';
  display: block;
  width: 100%;
}

.a-CardView-media--square .a-CardView-mediaImg,
.a-CardView-media--square iframe,
.a-CardView-media--widescreen .a-CardView-mediaImg,
.a-CardView-media--widescreen iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
}

.a-CardView-media--square:before {
  padding-top: 100%;
}

.a-CardView-media--widescreen:before {
  padding-top: 56.25%;
}

.a-CardView-media--fit .a-CardView-mediaImg {
  -o-object-fit: contain;
     object-fit: contain;
}

.a-CardView-media--cover .a-CardView-mediaImg {
  -o-object-fit: cover;
     object-fit: cover;
}

.a-CardView-header {
  -webkit-box-ordinal-group: var(--a-cv-order-header);
      -ms-flex-order: var(--a-cv-order-header);
          order: var(--a-cv-order-header);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, auto);
  grid-template-areas: "icon-top icon-top icon-top icon-top" " icon body badge icon-end" "badge-bottom badge-bottom badge-bottom badge-bottom";
  padding-left: var(--a-cv-header-padding-x);
  padding-right: var(--a-cv-header-padding-x);
  padding-top: var(--a-cv-header-padding-y);
  padding-bottom: var(--a-cv-header-padding-y);
  background-color: var(--a-cv-header-background-color);
  color: var(--a-cv-header-text-color);
  border-bottom-width: var(--a-cv-header-border-width, 0);
  border-bottom-style: solid;
  border-bottom-color: var(--a-cv-header-border-color);
}

.a-CardView-iconWrap {
  --a-icon-size: var(--a-cv-icon-size);
  min-width: var(--a-cv-icon-image-size, var(--a-cv-icon-container-size));
  margin-right: var(--a-cv-header-item-spacing-x, 12px);
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  grid-area: icon;
}

.u-RTL .a-CardView-iconWrap {
  margin-left: var(--a-cv-header-item-spacing-x, 12px);
  margin-right: 0;
}

.a-CardView-iconWrap:empty {
  display: none;
}

.a-CardView-iconWrap--top {
  grid-area: icon-top;
  margin-right: unset;
  margin-left: unset;
  margin-bottom: var(--a-cv-header-item-spacing-x, 12px);
}

.a-CardView-iconWrap--end {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  grid-area: icon-end;
  margin-left: var(--a-cv-header-item-spacing-x, 12px);
  margin-right: 0;
}

.u-RTL .a-CardView-iconWrap--end {
  margin-right: var(--a-cv-header-item-spacing-x, 12px);
  margin-left: 0;
}

.a-CardView-icon {
  width: var(--a-cv-icon-container-size);
  height: var(--a-cv-icon-container-size);
  padding: var(--a-cv-icon-padding);
  background-color: var(--u-color-bg, var(--a-cv-icon-background-color));
  background-image: var(--a-cv-icon-background-image);
  color: var(--u-color-fg, var(--a-cv-icon-text-color));
  border-radius: var(--a-cv-icon-border-radius);
}

.a-CardView-icon, .a-CardView-icon.fa {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.a-CardView-icon.fa, .a-CardView-icon.fa.fa-lg, .a-CardView-icon.a-Icon {
  font-size: var(--a-icon-size);
}

.a-CardView-iconImg {
  width: var(--a-cv-icon-image-size, var(--a-cv-icon-container-size));
  height: var(--a-cv-icon-image-size, var(--a-cv-icon-container-size));
  border-radius: var(--a-cv-icon-image-border-radius, var(--a-cv-icon-border-radius));
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.a-CardView-initials {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: grid;
  place-items: center;
  height: var(--a-cv-initials-size, 32px);
  width: var(--a-cv-initials-size, 32px);
  font-size: var(--a-cv-initials-font-size, 14px);
  font-weight: var(--a-cv-initials-font-weight);
  line-height: 1;
  color: var(--u-color-fg, var(--a-cv-initials-text-color, #fff));
  background-color: var(--u-color-bg, var(--a-cv-initials-background-color, rgba(0, 0, 0, 0.6)));
  background-image: var(--a-cv-initials-background-image);
  border-radius: var(--a-cv-initials-border-radius, 100%);
  padding: var(--a-cv-initials-padding);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.a-CardView-headerBody {
  min-width: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  grid-area: body;
}

.a-CardView-title {
  font-size: var(--a-cv-title-font-size, 16px);
  font-weight: var(--a-cv-title-font-weight, 700);
  line-height: var(--a-cv-title-line-height, 20px);
  color: var(--a-cv-title-text-color);
  margin: 0;
}

.a-CardView-subTitle {
  font-size: var(--a-cv-subtitle-font-size, 14px);
  font-weight: var(--a-cv-subtitle-font-weight, 400);
  line-height: var(--a-cv-subtitle-line-height, 20px);
  color: var(--a-cv-subtitle-text-color);
  margin: 0;
}

.a-CardView-badge {
  margin-left: var(--a-cv-header-item-spacing-x, 12px);
  font-size: var(--a-cv-badge-font-size, 12px);
  font-weight: var(--a-cv-badge-font-weight, 700);
  line-height: var(--a-cv-badge-line-height, 1);
  color: var(--a-cv-badge-text-color);
  background-color: var(--a-cv-badge-background-color, rgba(0, 0, 0, 0.1));
  border-radius: var(--a-cv-badge-border-radius, 4px);
  padding: var(--a-cv-badge-padding, 4px);
  text-align: center;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  grid-area: badge;
}

.u-RTL .a-CardView-badge {
  margin-right: var(--a-cv-header-item-spacing-x, 12px);
  margin-left: 0;
}

.a-CardView-badge:empty {
  display: none;
}

.a-CardView-body {
  -webkit-box-ordinal-group: var(--a-cv-order-body);
      -ms-flex-order: var(--a-cv-order-body);
          order: var(--a-cv-order-body);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: var(--a-cv-body-padding-x);
  padding-right: var(--a-cv-body-padding-x);
  padding-top: var(--a-cv-body-padding-y);
  padding-bottom: var(--a-cv-body-padding-y);
  background-color: var(--a-cv-body-background-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.a-CardView-body:empty {
  display: none;
}

.a-CardView-mainContent {
  font-size: var(--a-cv-maincontent-font-size);
  line-height: var(--a-cv-maincontent-line-height);
  color: var(--a-cv-maincontent-text-color);
}

.a-CardView-subContent {
  font-size: var(--a-cv-subcontent-font-size);
  line-height: var(--a-cv-subcontent-line-height);
  color: var(--a-cv-subcontent-text-color);
}

.a-CardView-subContent:empty {
  display: none;
}

.a-CardView-actions {
  -webkit-box-ordinal-group: var(--a-cv-order-actions);
      -ms-flex-order: var(--a-cv-order-actions);
          order: var(--a-cv-order-actions);
  border-top-width: var(--a-cv-actions-border-width, 0);
  border-top-style: solid;
  border-top-color: var(--a-cv-actions-border-color);
  background-color: var(--a-cv-actions-background-color);
  padding-left: var(--a-cv-actions-padding-x);
  padding-right: var(--a-cv-actions-padding-x);
  padding-top: var(--a-cv-actions-padding-y);
  padding-bottom: var(--a-cv-actions-padding-y);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.a-CardView-actions:empty {
  display: none;
}

.a-CardView-actionsPrimary:empty,
.a-CardView-actionsSecondary:empty {
  display: none;
}

.a-CardView-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  font-family: inherit;
  margin: 0;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  padding-top: calc(var(--a-button-padding-y) - var(--a-button-border-width));
  padding-bottom: calc(var(--a-button-padding-y) - var(--a-button-border-width));
  padding-left: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  padding-right: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  border-width: var(--a-button-border-width);
  border-style: solid;
  border-radius: var(--a-button-border-radius);
  cursor: var(--a-button-cursor, pointer);
  font-size: var(--a-button-font-size);
  line-height: var(--a-button-line-height, normal);
  font-weight: var(--a-button-font-weight, 400);
  text-shadow: var(--a-button-text-shadow, none);
  z-index: var(--a-button-zindex);
  background-color: var(--a-button-state-background-color, var(--a-button-type-background-color, var(--a-button-background-color, transparent)));
  color: var(--a-button-state-text-color, var(--a-button-type-text-color, var(--a-button-text-color, inherit)));
  border-color: var(--a-button-state-border-color, var(--a-button-type-border-color, var(--a-button-border-color)));
  -webkit-box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
          box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
}

.a-CardView-button:hover {
  --a-button-state-background-color: var(--a-button-hover-background-color);
  --a-button-state-text-color: var(--a-button-hover-text-color);
  --a-button-state-border-color: var(--a-button-hover-border-color);
  --a-button-state-shadow: var(--a-button-hover-shadow);
}

.a-CardView-button:focus {
  --a-button-state-background-color: var(--a-button-focus-background-color);
  --a-button-state-text-color: var(--a-button-focus-text-color);
  --a-button-state-border-color: var(--a-button-focus-border-color);
  --a-button-state-shadow: var(--a-button-focus-shadow);
}

.a-CardView-button:active {
  --a-button-state-background-color: var(--a-button-active-background-color);
  --a-button-state-text-color: var(--a-button-active-text-color);
  --a-button-state-border-color: var(--a-button-active-border-color);
  --a-button-state-shadow: var(--a-button-active-shadow);
}

.a-CardView-button--hot {
  --a-button-font-weight: var(--a-base-font-weight-bold, 700);
}

.a-CardView-buttonIcon {
  margin-right: 6px;
}

.a-CardView-buttonIcon:only-child {
  margin-right: 0;
}

.u-RTL .a-CardView-buttonIcon {
  margin-right: 0;
  margin-left: 6px;
}

.u-RTL .a-CardView-buttonIcon:only-child {
  margin-left: 0;
}

.a-CardView-items {
  display: grid;
  grid-gap: var(--a-cv-grid-gap, 20px);
  grid-template-columns: 1fr;
  padding-bottom: var(--a-cv-grid-gap, 20px);
}

.a-CardView-items--grid {
  grid-template-columns: repeat(auto-fill, minmax(var(--a-cv-item-width, 320px), 1fr));
}

.a-CardView-items--grid2col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.a-CardView-items--grid3col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.a-CardView-items--grid4col {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.a-CardView-items--grid5col {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.a-CardView-items--float {
  display: block;
}

.a-CardView-items--float::before, .a-CardView-items--float::after {
  display: table;
  content: '';
}

.a-CardView-items--float::after {
  clear: both;
}

.a-CardView-items--float .a-CardView-item {
  float: left;
}

.u-RTL .a-CardView-items--float .a-CardView-item {
  float: right;
}

.a-CardView-items--row .a-CardView {
  display: grid;
  grid-template-columns: minmax(0, var(--a-cv-icon-spacer, 44px)) 1fr minmax(0, auto);
  grid-template-rows: minmax(0, auto) 1fr;
}

.a-CardView-items--row .a-CardView-header {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
}

.a-CardView-items--row .a-CardView-media {
  grid-row-start: 1;
  grid-row-end: 4;
}

.a-CardView-items--row .a-CardView-body {
  grid-row-start: 2;
  grid-column-start: 1;
  grid-column-end: 4;
}

.a-CardView-items--row .a-CardView-actions {
  grid-row: 3;
  grid-column-start: 1;
  grid-column-end: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.a-CardView-items--row .has-media {
  grid-template-columns: minmax(32px, 320px) minmax(0, var(--a-cv-icon-spacer, 44px)) 1fr minmax(0, auto);
}

.a-CardView-items--row .has-media .a-CardView-header,
.a-CardView-items--row .has-media .a-CardView-body,
.a-CardView-items--row .has-media .a-CardView-actions {
  grid-column-start: 2;
}

.a-CardView-items--row .has-media--background {
  grid-template-columns: minmax(0, var(--a-cv-icon-spacer, 44px)) 1fr minmax(0, auto);
}

.a-CardView-items--row .has-media--background .a-CardView-header,
.a-CardView-items--row .has-media--background .a-CardView-body,
.a-CardView-items--row .has-media--background .a-CardView-actions {
  grid-column-start: 1;
}

/******************************************************************************

File Name:    Checkbox.scss
Purpose:      Base styles for custom checkboxes

******************************************************************************/
.u-selector {
  --a-checkbox-border-width: 1px;
  --a-checkbox-background-color: rgba(0, 0, 0, .025);
  --a-checkbox-hover-background-color: rgba(0, 0, 0, .05);
  --a-checkbox-hover-opacity: .3;
  --a-checkbox-checked-background-color: var(--a-palette-primary-contrast, #0572CE);
  --a-checkbox-checked-text-color: var(--a-palette-primary, #0572CE);
}

.u-selector,
.a-IRR-controlsCheckboxLabel,
.a-IG-controlsCheckboxLabel {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: var(--a-checkbox-size);
  height: var(--a-checkbox-size);
  border-width: var(--a-checkbox-border-width);
  border-style: solid;
  border-color: var(--a-checkbox-border-color);
  border-radius: var(--a-checkbox-border-radius);
  cursor: var(--a-checkbox-cursor);
  background-color: var(--a-checkbox-background-color);
  color: var(--a-checkbox-text-color);
  font-size: var(--a-checkbox-icon-size);
  line-height: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
}

.u-selector:before,
.a-IRR-controlsCheckboxLabel:before,
.a-IG-controlsCheckboxLabel:before {
  font-family: var(--a-checkbox-icon-font-family);
  content: var(--a-checkbox-icon-character);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
  height: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
  text-align: center;
  opacity: 0;
  -webkit-transition: var(--a-checkbox-icon-transition);
  transition: var(--a-checkbox-icon-transition);
}

.u-RTL .u-selector:before, .u-RTL
.a-IRR-controlsCheckboxLabel:before, .u-RTL
.a-IG-controlsCheckboxLabel:before {
  left: auto;
  right: 0;
}

.u-selector:hover,
.a-IRR-controlsCheckboxLabel:hover,
.a-IG-controlsCheckboxLabel:hover {
  --a-checkbox-background-color: var(--a-checkbox-hover-background-color);
  --a-checkbox-text-color: var(--a-checkbox-hover-text-color);
}

.u-selector:hover:before,
.a-IRR-controlsCheckboxLabel:hover:before,
.a-IG-controlsCheckboxLabel:hover:before {
  opacity: var(--a-checkbox-hover-opacity, 0.15);
}

.u-selector:active,
.a-IRR-controlsCheckboxLabel:active,
.a-IG-controlsCheckboxLabel:active {
  --a-checkbox-background-color: var(--a-checkbox-active-background-color);
  --a-checkbox-text-color: var(--a-checkbox-active-text-color);
}

.a-IG-controlsCheckboxLabel {
  display: block;
}

.a-GV-cell .u-selector,
.a-GV-cell .u-checkbox,
.a-GV-cell .u-radio,
.a-GV-cell .apex-item-single-checkbox {
  display: inline-block;
  vertical-align: top;
  margin: auto;
}

.a-GV-cell.is-active.u-tS .apex-item-single-checkbox {
  margin-left: var(--a-gv-cell-padding-x, 0);
}

.u-RTL .a-GV-cell.is-active.u-tS .apex-item-single-checkbox {
  margin-right: var(--a-gv-cell-padding-x, 0);
  margin-left: auto;
}

.a-GV-cell.is-active.u-tE .apex-item-single-checkbox {
  margin-right: var(--a-gv-cell-padding-x, 0);
}

.u-RTL .a-GV-cell.is-active.u-tE .apex-item-single-checkbox {
  margin-right: auto;
  margin-left: var(--a-gv-cell-padding-x, 0);
}

.a-IRR-controlsCheckbox,
.a-IG-controlsCheckbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.u-selector.is-selected,
.a-IRR-controlsCheckbox:checked + .a-IRR-controlsCheckboxLabel,
.a-IG-controlsCheckbox:checked + .a-IG-controlsCheckboxLabel {
  --a-checkbox-background-color: var(--a-checkbox-checked-background-color);
  --a-checkbox-text-color: var(--a-checkbox-checked-text-color);
}

.u-selector.is-selected:before,
.a-IRR-controlsCheckbox:checked + .a-IRR-controlsCheckboxLabel:before,
.a-IG-controlsCheckbox:checked + .a-IG-controlsCheckboxLabel:before {
  opacity: 1;
}

.u-selector.is-indeterminate,
.a-IRR-controlsCheckbox:indeterminate + .a-IRR-controlsCheckboxLabel,
.a-IG-controlsCheckbox:indeterminate + .a-IG-controlsCheckboxLabel {
  --a-checkbox-background-color: var(--a-checkbox-checked-background-color);
  --a-checkbox-text-color: var(--a-checkbox-checked-text-color);
}

.u-selector.is-indeterminate:before,
.a-IRR-controlsCheckbox:indeterminate + .a-IRR-controlsCheckboxLabel:before,
.a-IG-controlsCheckbox:indeterminate + .a-IG-controlsCheckboxLabel:before {
  opacity: 1;
  content: '';
  color: transparent;
  background-color: var(--a-checkbox-text-color);
  width: var(--a-checkbox-indeterminate-width);
  height: var(--a-checkbox-indeterminate-height);
  margin-top: calc(calc(var(--a-checkbox-size) - var(--a-checkbox-indeterminate-height)) / 2);
  margin-left: calc(calc(var(--a-checkbox-size) - var(--a-checkbox-indeterminate-width)) / 2);
}

.u-selector.is-disabled,
.a-IRR-controlsCheckbox:disabled + .a-IRR-controlsCheckboxLabel,
.a-IG-controlsCheckbox:disabled + .a-IG-controlsCheckboxLabel {
  opacity: var(--a-checkbox-disabled-opacity);
  cursor: var(--a-checkbox-disabled-cursor);
  pointer-events: none;
}

/* Read Only Checkbox
   ========================================================================== */
.ro-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: var(--a-checkbox-size);
  height: var(--a-checkbox-size);
  border-width: var(--a-checkbox-border-width);
  border-style: solid;
  border-color: var(--a-checkbox-border-color);
  border-radius: var(--a-checkbox-border-radius);
  cursor: var(--a-checkbox-cursor);
  background-color: var(--a-checkbox-background-color);
  color: var(--a-checkbox-text-color);
  font-size: var(--a-checkbox-icon-size);
  line-height: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
}

.ro-checkbox:before {
  font-family: var(--a-checkbox-icon-font-family);
  content: var(--a-checkbox-icon-character);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
  height: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
  text-align: center;
  opacity: 0;
  -webkit-transition: var(--a-checkbox-icon-transition);
  transition: var(--a-checkbox-icon-transition);
}

.u-RTL .ro-checkbox:before {
  left: auto;
  right: 0;
}

.ro-checkbox:hover {
  --a-checkbox-background-color: var(--a-checkbox-hover-background-color);
  --a-checkbox-text-color: var(--a-checkbox-hover-text-color);
}

.ro-checkbox:hover:before {
  opacity: var(--a-checkbox-hover-opacity, 0.15);
}

.ro-checkbox:active {
  --a-checkbox-background-color: var(--a-checkbox-active-background-color);
  --a-checkbox-text-color: var(--a-checkbox-active-text-color);
}

.ro-checkbox.is-checked {
  --a-checkbox-background-color: var(--a-checkbox-checked-background-color);
  --a-checkbox-text-color: var(--a-checkbox-checked-text-color);
}

.ro-checkbox.is-checked:before {
  opacity: 1;
}

/* Selector Checkbox
   ========================================================================== */
.u-selector--single {
  --a-checkbox-border-radius: 100%;
}

.u-selector--single:before {
  content: '';
  background-color: currentColor;
  border-radius: var(--a-checkbox-border-radius, 100%);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(var(--a-checkbox-size) / 2);
  height: calc(var(--a-checkbox-size) / 2);
}

.apex-item-checkbox .apex-item-option input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.apex-item-checkbox .apex-item-option input + label {
  position: relative;
  padding-left: calc(var(--a-checkbox-size) + 8px);
  display: block;
  line-height: var(--a-checkbox-size);
  cursor: var(--a-checkbox-cursor);
}

.apex-item-checkbox .apex-item-option input + label:before, .apex-item-checkbox .apex-item-option input + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.u-RTL .apex-item-checkbox .apex-item-option input + label:before, .u-RTL .apex-item-checkbox .apex-item-option input + label:after {
  left: auto;
  right: 0;
}

.apex-item-checkbox .apex-item-option input + label:before {
  width: var(--a-checkbox-size);
  height: var(--a-checkbox-size);
  border-width: var(--a-checkbox-border-width);
  border-style: solid;
  border-color: var(--a-checkbox-border-color);
  border-radius: var(--a-checkbox-border-radius);
  background-color: var(--a-checkbox-background-color);
  font-size: var(--a-checkbox-icon-size);
  line-height: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
}

.apex-item-checkbox .apex-item-option input + label:after {
  color: var(--a-checkbox-text-color);
  font-family: var(--a-checkbox-icon-font-family);
  content: var(--a-checkbox-icon-character);
  font-size: var(--a-checkbox-icon-size);
  line-height: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
  margin: var(--a-checkbox-border-width);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
  height: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
  text-align: center;
  opacity: 0;
  -webkit-transition: var(--a-checkbox-icon-transition);
  transition: var(--a-checkbox-icon-transition);
}

.apex-item-checkbox .apex-item-option input:disabled + label {
  opacity: var(--a-checkbox-disabled-opacity);
  cursor: var(--a-checkbox-disabled-cursor);
  pointer-events: none;
}

.apex-item-checkbox .apex-item-option input:checked + label {
  --a-checkbox-background-color: var(--a-checkbox-checked-background-color);
  --a-checkbox-text-color: var(--a-checkbox-checked-text-color);
}

.apex-item-checkbox .apex-item-option input:checked + label:after {
  opacity: 1;
}

.apex-item-checkbox .apex-item-option input:indeterminate + label {
  --a-checkbox-background-color: var(--a-checkbox-checked-background-color);
  --a-checkbox-text-color: var(--a-checkbox-checked-text-color);
}

.apex-item-checkbox .apex-item-option input:indeterminate + label:after {
  opacity: 1;
  content: '';
  color: transparent;
  background-color: var(--a-checkbox-text-color);
  width: var(--a-checkbox-indeterminate-width);
  height: var(--a-checkbox-indeterminate-height);
  margin-top: calc(calc(var(--a-checkbox-size) - var(--a-checkbox-indeterminate-height)) / 2);
  margin-left: calc(calc(var(--a-checkbox-size) - var(--a-checkbox-indeterminate-width)) / 2);
}

.apex-item-single-checkbox input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.u-checkbox,
.apex-item-checkbox input + label,
.apex-item-single-checkbox input + label,
.u-radio,
.apex-item-radio input + label {
  position: relative;
  display: block;
  cursor: var(--a-checkbox-cursor);
}

.u-checkbox:before, .u-checkbox:after,
.apex-item-checkbox input + label:before,
.apex-item-checkbox input + label:after,
.apex-item-single-checkbox input + label:before,
.apex-item-single-checkbox input + label:after,
.u-radio:before,
.u-radio:after,
.apex-item-radio input + label:before,
.apex-item-radio input + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.u-RTL .u-checkbox:before, .u-RTL .u-checkbox:after, .u-RTL
.apex-item-checkbox input + label:before, .u-RTL
.apex-item-checkbox input + label:after, .u-RTL
.apex-item-single-checkbox input + label:before, .u-RTL
.apex-item-single-checkbox input + label:after, .u-RTL
.u-radio:before, .u-RTL
.u-radio:after, .u-RTL
.apex-item-radio input + label:before, .u-RTL
.apex-item-radio input + label:after {
  left: auto;
  right: 0;
}

.u-checkbox:before,
.apex-item-checkbox input + label:before,
.apex-item-single-checkbox input + label:before,
.u-radio:before,
.apex-item-radio input + label:before {
  width: var(--a-checkbox-size);
  height: var(--a-checkbox-size);
  border-width: var(--a-checkbox-border-width);
  border-style: solid;
  border-color: var(--a-checkbox-border-color);
  border-radius: var(--a-checkbox-border-radius);
  background-color: var(--a-checkbox-background-color);
  font-size: var(--a-checkbox-icon-size);
  line-height: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
}

.u-checkbox:after,
.apex-item-checkbox input + label:after,
.apex-item-single-checkbox input + label:after,
.u-radio:after,
.apex-item-radio input + label:after {
  color: var(--a-checkbox-text-color);
  font-family: var(--a-checkbox-icon-font-family);
  content: var(--a-checkbox-icon-character);
  font-size: var(--a-checkbox-icon-size);
  line-height: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
  margin: var(--a-checkbox-border-width);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
  height: calc(var(--a-checkbox-size) - (var(--a-checkbox-border-width) * 2));
  text-align: center;
  opacity: 0;
  -webkit-transition: var(--a-checkbox-icon-transition);
  transition: var(--a-checkbox-icon-transition);
}

.u-checkbox.is-checked,
.apex-item-single-checkbox input:checked + .u-checkbox,
.apex-item-single-checkbox input:checked + label {
  --a-checkbox-background-color: var(--a-checkbox-checked-background-color);
  --a-checkbox-text-color: var(--a-checkbox-checked-text-color);
}

.u-checkbox.is-checked:after,
.apex-item-single-checkbox input:checked + .u-checkbox:after,
.apex-item-single-checkbox input:checked + label:after {
  opacity: 1;
}

.is-readonly .u-checkbox,
.is-readonly .u-radio,
.apex-item-single-checkbox input:disabled + label,
.apex-item-radio input:disabled + label {
  opacity: var(--a-checkbox-disabled-opacity);
  cursor: var(--a-checkbox-disabled-cursor);
  pointer-events: none;
}

.apex-item-radio input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.u-radio,
.apex-item-radio input + label {
  --a-checkbox-border-radius: 100%;
}

.u-radio:after,
.apex-item-radio input + label:after {
  content: '';
  color: transparent;
  border-radius: var(--a-checkbox-border-radius, 100%);
  background-color: var(--a-checkbox-text-color);
  width: calc(var(--a-checkbox-size) / 2);
  height: calc(var(--a-checkbox-size) / 2);
  margin-top: calc(var(--a-checkbox-size) / 4);
  margin-left: calc(var(--a-checkbox-size) / 4);
}

.u-radio.is-checked,
.apex-item-radio input:checked + .u-radio,
.apex-item-radio input:checked + label {
  --a-checkbox-background-color: var(--a-checkbox-checked-background-color);
  --a-checkbox-text-color: var(--a-checkbox-checked-text-color);
}

.u-radio.is-checked:after,
.apex-item-radio input:checked + .u-radio:after,
.apex-item-radio input:checked + label:after {
  opacity: 1;
}

.u-checkbox:focus:before,
.apex-item-checkbox input:focus + .u-checkbox:before,
.apex-item-checkbox input:focus + label:before,
.apex-item-checkbox .apex-item-option input:focus + label:before,
.apex-item-single-checkbox input:focus + .u-checkbox:before,
.apex-item-single-checkbox input:focus + label:before,
.u-radio:focus:before,
.apex-item-radio input:focus + .u-radio:before,
.apex-item-radio input:focus + label:before {
  outline: auto;
}

span.u-checkbox,
span.u-radio {
  width: var(--a-checkbox-size);
  height: var(--a-checkbox-size);
}

label.u-checkbox,
.apex-item-checkbox input + label,
.apex-item-single-checkbox input + label,
label.u-radio,
.apex-item-radio input + label {
  padding-left: calc(var(--a-checkbox-size) + var(--a-checkbox-label-spacing-x, 8px));
  font-size: 12px;
  line-height: 16px;
}

/******************************************************************************

File Name:    Combobox.scss
Purpose:      Base styles for Combobox widget (used in the Filter dialog for IG)

******************************************************************************/
/* Combo Box Container
   ========================================================================== */
.a-Combobox-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-Combobox-wrapper .apex-item-color-picker-preview {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-item-align: center;
      align-self: center;
}

.a-Combobox-wrapper .a-Button {
  --a-button-padding-y: var(--a-combo-box-padding-y, 4px);
  --a-button-padding-x: var(--a-combo-box-padding-x, 8px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.u-RTL .a-Combobox-wrapper .a-Button {
  border-top-left-radius: var(--a-button-border-radius);
  border-bottom-left-radius: var(--a-button-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/******************************************************************************

File Name:    CustomizeDialog.scss
Purpose:      Base styles for the customize dialog used for selecting a theme
              style or selecting which regions to display

******************************************************************************/
.a-Customize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 100vh;
}

.a-Customize-html {
  font-size: 62.5%;
}

.a-Customize-page {
  background-color: #FFF;
  font-family: var(--a-base-font-family, sans-serif);
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}

.u-RTL .a-Customize-page {
  direction: rtl;
}

.a-Customize-page h1 {
  font-size: 24px;
  margin: 0 0 16px 0;
}

.a-Customize-page h2 {
  font-size: 20px;
  margin: 0 0 12px 0;
  color: #404040;
}

.a-Customize-page h1,
.a-Customize-page h2 {
  font-weight: var(--a-base-font-weight-semibold, 500);
  line-height: 1.5;
}

.a-Customize-page p {
  color: #404040;
}

/* Layout Mechanics
   ========================================================================== */
.a-Customize-header {
  border-bottom: 1px solid;
}

.a-Customize-footer {
  border-top: 1px solid;
  text-align: right;
}

.u-RTL .a-Customize-footer {
  text-align: left;
}

.a-Customize-header,
.a-Customize-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 16px;
  border-color: rgba(0, 0, 0, 0.1);
}

.a-Customize-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 16px;
}

.a-Customize-bodyWrapperOut {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-Customize-bodyWrapperIn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.a-Customize-setting {
  padding-bottom: 16px;
}

.a-Customize-setting:last-child {
  padding-bottom: 0;
}

/* Header
   ========================================================================== */
.a-Customize-header h1 {
  margin: 0;
}

/* Selection
   ========================================================================== */
.a-Customize-selection {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #FFF;
}

.a-Customize-selection-item {
  padding: 0;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.a-Customize-selection-item:last-child {
  border-bottom-width: 0;
}

.a-Customize-selection-input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.a-Customize-selection-input:checked + label {
  font-weight: bold;
  background-color: #F0F0F0;
}

.a-Customize-selection-input:checked + label .a-Customize-badge {
  background-color: #FFF;
}

.a-Customize-selection-label {
  display: block;
  position: relative;
  padding: 12px;
  line-height: 24px;
  cursor: pointer;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease;
}

.a-Customize-selection-label:hover {
  background-color: #F8F8F8;
}

.a-Customize-selection-label:hover .a-Customize-badge {
  background-color: #FFF;
}

.a-Customize-badges {
  float: right;
}

.u-RTL .a-Customize-badges {
  float: left;
}

.a-Customize-badge {
  display: inline-block;
  font-size: 11px;
  line-height: 16px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  padding: 4px 8px;
  border-radius: 2px;
  font-weight: normal;
  color: #707070;
}

.a-Customize-badge + .a-Customize-badge {
  margin-left: 4px;
}

.u-RTL .a-Customize-badge + .a-Customize-badge {
  margin-left: 0;
  margin-right: 4px;
}

.a-Customize-button.a-Button--hot {
  background-color: #2D7BBB;
  color: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.a-Customize-button.a-Button--hot:focus, .a-Customize-button.a-Button--hot:hover {
  background-color: #399BEA;
}

.a-Customize-button.a-Button--hot:focus {
  -webkit-box-shadow: 0 0 0 1px #399BEA inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #399BEA inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  outline: none;
}

.a-Customize-button.a-Button--hot:active {
  -webkit-box-shadow: 0 0 0 1px #399BEA inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset !important;
          box-shadow: 0 0 0 1px #399BEA inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset !important;
}

/* ==========================================================================
   Developer Bar
   ---
   Developer Toolbar Styles
   ========================================================================== */
/* ==========================================================================
   Dev Toolbar
   ========================================================================== */
.a-DevToolbar {
  background-color: var(--a-dev-toolbar-background-color);
  color: var(--a-dev-toolbar-text-color);
  -webkit-backdrop-filter: var(--a-dev-toolbar-backdrop-filter);
          backdrop-filter: var(--a-dev-toolbar-backdrop-filter);
  -webkit-box-shadow: var(--a-dev-toolbar-shadow);
          box-shadow: var(--a-dev-toolbar-shadow);
  -webkit-transition: var(--a-dev-toolbar-transition);
  transition: var(--a-dev-toolbar-transition);
  position: fixed;
  z-index: 1000;
}

.a-DevToolbar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.a-DevToolbar-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

/* ==========================================================================
   Left and Right Positions
   ========================================================================== */
.a-DevToolbar--left {
  left: 0;
}

.a-DevToolbar--right {
  right: 0;
}

.a-DevToolbar--left,
.a-DevToolbar--right {
  top: 20%;
}

.a-DevToolbar--left .a-DevToolbar-list,
.a-DevToolbar--right .a-DevToolbar-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.a-DevToolbar--left .a-DevToolbar-list li + li,
.a-DevToolbar--right .a-DevToolbar-list li + li {
  border-top-color: var(--a-dev-toolbar-sep-border-color);
  border-top-width: var(--a-dev-toolbar-sep-border-width);
  border-top-style: solid;
}

/* ==========================================================================
   Top and Bottom Positions
   ========================================================================== */
.a-DevToolbar--top {
  top: 0;
}

.a-DevToolbar--bottom {
  bottom: 0;
}

.a-DevToolbar--top .a-DevToolbar-list li + li,
.a-DevToolbar--bottom .a-DevToolbar-list li + li {
  border-left-color: var(--a-dev-toolbar-sep-border-color);
  border-left-width: var(--a-dev-toolbar-sep-border-width);
  border-left-style: solid;
}

.u-RTL .a-DevToolbar--top .a-DevToolbar-list li + li, .u-RTL
.a-DevToolbar--bottom .a-DevToolbar-list li + li {
  border-left-width: 0;
  border-right-color: var(--a-dev-toolbar-sep-border-color);
  border-right-width: var(--a-dev-toolbar-sep-border-width);
  border-right-style: solid;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
.a-Button.a-Button--devToolbar {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-width: 0;
  background-color: var(--a-dev-toolbar-button-background-color);
  color: var(--a-dev-toolbar-button-text-color);
  border-radius: var(--a-dev-toolbar-button-border-radius);
  padding-top: var(--a-dev-toolbar-button-border-padding-y);
  padding-bottom: var(--a-dev-toolbar-button-border-padding-y);
  padding-left: var(--a-dev-toolbar-button-border-padding-x);
  padding-right: var(--a-dev-toolbar-button-border-padding-x);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-shadow: none;
  font-size: var(--a-dev-toolbar-font-size);
  line-height: var(--a-dev-toolbar-line-height);
}

.a-Button.a-Button--devToolbar .a-Icon {
  text-align: center;
}

.a-Button.a-Button--devToolbar .a-Icon:only-child {
  margin-left: auto;
  margin-right: auto;
}

.a-Button.a-Button--devToolbar.is-active, .a-Button.a-Button--devToolbar:active, .a-Button.a-Button--devToolbar:focus, .a-Button.a-Button--devToolbar:hover {
  background-color: var(--a-dev-toolbar-button-active-background-color);
  color: var(--a-dev-toolbar-button-active-text-color);
}

.a-DevToolbar-buttonLabel {
  margin-left: var(--a-dev-toolbar-button-icon-spacing);
}

.u-RTL .a-DevToolbar-buttonLabel {
  margin-left: 0;
  margin-right: var(--a-dev-toolbar-button-icon-spacing);
}

@media only screen and (max-width: 768px) {
  .a-DevToolbar--top .a-DevToolbar-buttonLabel,
  .a-DevToolbar--bottom .a-DevToolbar-buttonLabel {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    margin: -1px;
  }
}

/* ==========================================================================
   Auto Hide
   ========================================================================== */
.a-DevToolbar--autoHide {
  opacity: var(--a-dev-toolbar-auto-hide-opacity);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-DevToolbar--autoHide.is-active {
  opacity: 1;
  -webkit-box-shadow: var(--a-dev-toolbar-shadow);
          box-shadow: var(--a-dev-toolbar-shadow);
}

.a-DevToolbar--left.a-DevToolbar--autoHide {
  -webkit-transform: translateX(-90%);
          transform: translateX(-90%);
}

.a-DevToolbar--right.a-DevToolbar--autoHide {
  -webkit-transform: translateX(90%);
          transform: translateX(90%);
}

.a-DevToolbar--left.a-DevToolbar--iconsOnly.a-DevToolbar--autoHide {
  -webkit-transform: translateX(-80%);
          transform: translateX(-80%);
}

.a-DevToolbar--right.a-DevToolbar--iconsOnly.a-DevToolbar--autoHide {
  -webkit-transform: translateX(80%);
          transform: translateX(80%);
}

.a-DevToolbar--autoHide.a-DevToolbar--left.is-active,
.a-DevToolbar--autoHide.a-DevToolbar--right.is-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.a-DevToolbar--autoHide.a-DevToolbar--top {
  -webkit-transform: translateY(-70%);
          transform: translateY(-70%);
}

.a-DevToolbar--autoHide.a-DevToolbar--bottom {
  -webkit-transform: translateY(70%);
          transform: translateY(70%);
}

.a-DevToolbar--autoHide.a-DevToolbar--top.is-active,
.a-DevToolbar--autoHide.a-DevToolbar--bottom.is-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.a-DevToolbar--left.a-DevToolbar--autoHide {
  left: 0;
}

.a-DevToolbar--left.a-DevToolbar--autoHide.is-active, .a-DevToolbar--left.a-DevToolbar--autoHide:hover {
  width: auto;
}

/* ==========================================================================
   Icon Only
   ========================================================================== */
.a-DevToolbar--iconsOnly .a-DevToolbar-buttonLabel {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

/* Errors Button
   ========================================================================== */
#apexDevToolbarErrors {
  background-color: var(--a-dev-toolbar-button-error-background-color);
  color: var(--a-dev-toolbar-button-error-backgrotextund-color);
}

#apexDevToolbarErrors:hover, #apexDevToolbarErrors:focus, #apexDevToolbarErrors:active {
  background-color: var(--a-dev-toolbar-button-error-background-color);
  color: var(--a-dev-toolbar-button-error-backgrotextund-color);
}

/* ==========================================================================
   UI Selector
   ========================================================================== */
.a-DevToolbar-uiSelector {
  border-color: var(--a-dev-toolbar-ui-selector-border-color);
  border-width: var(--a-dev-toolbar-ui-selector-border-width);
  border-style: solid;
  border-radius: var(--a-dev-toolbar-ui-selector-border-radius);
  background-color: var(--a-dev-toolbar-ui-selector-background-color);
  position: absolute;
  z-index: 1010;
  -webkit-transition: var(--a-dev-toolbar-transition);
  transition: var(--a-dev-toolbar-transition);
}

.a-DevToolbar-liveTemplateOptions {
  -webkit-transition: var(--a-dev-toolbar-transition);
  transition: var(--a-dev-toolbar-transition);
  position: absolute;
  border: 0;
  z-index: var(--a-dev-toolbar-zindex, 9999);
  margin-top: var(--a-dev-toolbar-ui-selector-border-width);
  background-color: var(--a-dev-live-template-options-background-color, #404040);
  color: var(--a-dev-live-template-options-text-color, #eeeeee);
  -webkit-backdrop-filter: var(--a-dev-toolbar-backdrop-filter);
          backdrop-filter: var(--a-dev-toolbar-backdrop-filter);
  border-top-right-radius: calc(var(--a-dev-toolbar-ui-selector-border-radius) - var(--a-dev-toolbar-ui-selector-border-width));
  border-bottom-left-radius: var(--a-dev-toolbar-ui-selector-border-radius);
  padding-top: var(--a-dev-toolbar-button-border-padding-y);
  padding-bottom: var(--a-dev-toolbar-button-border-padding-y);
  padding-left: var(--a-dev-toolbar-button-border-padding-x);
  padding-right: var(--a-dev-toolbar-button-border-padding-x);
  display: block;
  font-size: var(--a-dev-toolbar-font-size);
  line-height: var(--a-dev-toolbar-line-height);
}

.a-DevToolbar-liveTemplateOptions:hover {
  --a-dev-live-template-options-background-color: var(--a-dev-live-template-options-hover-background-color, #303030);
  cursor: pointer !important;
}

.a-DevToolbar-liveTemplateOptions:hover span {
  cursor: pointer !important;
}

/* ==========================================================================
   Page Load Timing
   ========================================================================== */
#apex-timeline {
  background-color: var(--a-dev-timeline-background-color);
  color: var(--a-dev-timeline-text-color);
  font-size: var(--a-dev-timeline-font-size, 12px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#apex-timeline .apex-timeline {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.apex-timeline-rule {
  position: absolute;
  left: 100px;
  top: 0;
  width: var(--a-dev-timeline-rule-width, 1px);
  background-color: var(--a-dev-timeline-rule-background-color);
}

.apex-timeline-time {
  position: absolute;
  top: 0;
  background-color: var(--a-dev-timeline-time-background-color);
  color: var(--a-dev-timeline-time-text-color);
  border-radius: var(--a-dev-timeline-time-border-radius, 2px);
  -webkit-box-shadow: var(--a-dev-timeline-time-shadow, 0 4px 16px rgba(0, 0, 0, 0.15));
          box-shadow: var(--a-dev-timeline-time-shadow, 0 4px 16px rgba(0, 0, 0, 0.15));
  padding: var(--a-dev-timeline-time-padding, 4px 6px);
  -webkit-backdrop-filter: var(--a-dev-timeline-time-backdrop-filter), blur(2px);
          backdrop-filter: var(--a-dev-timeline-time-backdrop-filter), blur(2px);
}

.apex-timeline-entry {
  white-space: nowrap;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.apex-timeline-box {
  height: var(--a-dev-timeline-bar-height, 8px);
  border-radius: var(--a-dev-timeline-bar-border-radius, 1px);
  background-color: var(--a-dev-timeline-bar-background-color, #B22222);
  display: block;
}

.apex-timeline-label {
  display: block;
  padding: 2px 6px;
}

/* Timeline Colors
   ========================================================================== */
.c-tl-page {
  background-color: var(--a-dev-timeline-color-type-page, lightgrey);
}

.c-tl-redir {
  background-color: var(--a-dev-timeline-color-type-redir, blue);
}

.c-tl-unload {
  background-color: var(--a-dev-timeline-color-type-unload, blue);
}

.c-tl-cache {
  background-color: var(--a-dev-timeline-color-type-cache, lightgrey);
}

.c-tl-dns {
  background-color: var(--a-dev-timeline-color-type-dns, lightblue);
}

.c-tl-conn {
  background-color: var(--a-dev-timeline-color-type-conn, orange);
}

.c-tl-req {
  background-color: var(--a-dev-timeline-color-type-req, green);
}

.c-tl-resp {
  background-color: var(--a-dev-timeline-color-type-unload, blue);
}

.c-tl-proc {
  background-color: var(--a-dev-timeline-color-type-proc, #8A2BE2);
}

.c-tl-d1 {
  background-color: var(--a-dev-timeline-color-type-d1, #9966CC);
}

.c-tl-d2 {
  background-color: var(--a-dev-timeline-color-type-d1, #9370DB);
}

.c-tl-d3 {
  background-color: var(--a-dev-timeline-color-type-d3, maroon);
}

.c-tl-measure {
  background-color: var(--a-dev-timeline-color-type-measure, red);
}

.c-tl-mark {
  background-color: var(--a-dev-timeline-color-type-mark, yellow);
}

.c-tl-res {
  background-color: var(--a-dev-timeline-color-type-res, brown);
}

.c-tl-load {
  background-color: var(--a-dev-timeline-color-type-load, maroon);
}

/* ==========================================================================
   Dialog Styles
   ========================================================================== */
.ui-dialog-content iframe {
  border: 0;
  margin: 0;
  display: block;
}

.ui-dialog-titlebar-close .ui-icon-closethick::before {
  --jui-dialog-title-close-icon: "\e0a2";
  --jui-dialog-title-close-icon-font-family: "apex-5-icon-font";
}

.ui-dialog-title .a-Icon {
  margin-right: 8px;
}

.u-RTL .ui-dialog-title .a-Icon {
  margin-right: 0;
  margin-left: 8px;
}

.ui-dialog.ui-dialog--apex {
  --jui-dialog-content-padding-y: 0px;
  --jui-dialog-content-padding-x: 0px;
}

.ui-dialog.ui-dialog--apex .ui-dialog-content {
  /* set overflow to hidden to fix double-scrollbar issue when resizing */
}

.ui-dialog.ui-dialog--notification,
.ui-dialog.ui-dialog--notificationLarge {
  --jui-dialog-titlebar-border-width: 0px;
  --jui-dialog-titlebar-background-color: transparent;
  --jui-dialog-titlebar-text-color: inherit;
  --jui-dialog-content-padding-y: 32px;
  --jui-dialog-content-padding-x: 36px;
  --jui-dialog-titlebar-border-width: 0px;
}

.ui-dialog.ui-dialog--notification .ui-dialog-content,
.ui-dialog.ui-dialog--notificationLarge .ui-dialog-content {
  min-height: auto;
  padding-top: 0;
}

.ui-dialog.ui-dialog--notification .ui-dialog-content p:first-child,
.ui-dialog.ui-dialog--notificationLarge .ui-dialog-content p:first-child {
  margin-top: 0;
}

.ui-dialog.ui-dialog--notification .ui-dialog-content p:last-child,
.ui-dialog.ui-dialog--notificationLarge .ui-dialog-content p:last-child {
  margin-bottom: 0;
}

.ui-dialog--notification {
  width: 320px !important;
}

.ui-dialog--notificationLarge {
  width: 640px !important;
}

.ui-dialog--notificationLarge .a-Notification-details {
  font-size: 11px;
  line-height: 16px;
}

.ui-dialog--notificationLarge .a-Notification--pre {
  font-family: monospace;
  white-space: pre-wrap;
  font-size: 11px;
  line-height: 14px;
}

/* HUD Dialog
   ========================================================================== */
.ui-dialog--hud {
  --jui-dialog-background-color: rgba(0, 0, 0, .75);
  --jui-dialog-text-color: #fff;
  --jui-dialog-titlebar-background-color: rgba(0, 0, 0, .025);
  --jui-dialog-titlebar-text-color: #fff;
  --jui-dialog-titlebar-border-width: 1px;
  --jui-dialog-titlebar-border-color: rgba(0, 0, 0, .1);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.ui-dialog--hud .ui-dialog-buttonset .ui-button {
  --a-button-background-color: rgba(255, 255, 255, .2);
  --a-button-text-color: #fff;
  --a-button-border-color: rgba(0, 0, 0, .5);
}

.ui-dialog--hud .ui-dialog-buttonset .ui-button--hot {
  --a-button-background-color: var(--a-button-primary-background-color, #0572CE);
  --a-button-text-color: var(--a-button-primary-text-color, #fff);
}

/******************************************************************************

File Name:    Filters.scss
Purpose:      Base styles for the new Filters region type

******************************************************************************/
/* ==========================================================================
   0. Container
   ========================================================================== */
/* Filters Container
   This is rendered once per Filter region type
   ========================================================================== */
.a-FS,
.a-FS-currentList {
  -webkit-transition: var(--a-fs-transition-delay, opacity 0.15s ease);
  transition: var(--a-fs-transition-delay, opacity 0.15s ease);
  -webkit-transition-delay: var(--a-fs-transition-delay, 0.25s);
          transition-delay: var(--a-fs-transition-delay, 0.25s);
}

/* Filters Control Wrapper
   This is rendered once per filter control
   ========================================================================== */
.a-FS-control + .a-FS-control {
  border-top-width: var(--a-fs-control-seperator-border-width, 1px);
  border-top-style: solid;
  border-top-color: var(--a-fs-control-seperator-border-color, rgba(0, 0, 0, 0.1));
}

/* ==========================================================================
   1. Header
   ========================================================================== */
.a-FS-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-size: var(--a-fs-control-header-font-size, 16px);
  font-weight: var(--a-fs-control-header-font-weight, var(--a-base-font-weight-semibold, 500));
  line-height: var(--a-fs-control-header-line-height, 20px);
  padding-top: var(--a-fs-control-header-padding-y, 12px);
  padding-bottom: var(--a-fs-control-header-padding-y, 12px);
  padding-left: var(--a-fs-control-header-padding-x, 12px);
  padding-right: var(--a-fs-control-header-padding-x, 12px);
}

/* Filter Label (displayed in header)
   ========================================================================== */
.a-FS-label {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

/* Toggle Filter (Expand / Collapse filter control)
   ========================================================================== */
.a-FS-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  vertical-align: top;
  font-size: var(--a-fs-toggle-font-size, 16px);
  line-height: var(--a-fs-toggle-line-height, 16px);
  padding-top: calc(var(--a-fs-toggle-padding-y, 0) - var(--a-fs-toggle-border-width, 0));
  padding-bottom: calc(var(--a-fs-toggle-padding-y, 0) - var(--a-fs-toggle-border-width, 0));
  padding-left: calc(var(--a-fs-toggle-padding-x, 0) - var(--a-fs-toggle-border-width, 0));
  padding-right: calc(var(--a-fs-toggle-padding-x, 0) - var(--a-fs-toggle-border-width, 0));
  border-width: var(--a-fs-toggle-border-width, 0);
  border-style: solid;
  border-color: var(--a-fs-toggle-border-color, rgba(0, 0, 0, 0.1));
  border-radius: var(--a-fs-toggle-border-radius, 2px);
  cursor: var(--a-button-cursor, pointer);
  background-color: var(--a-fs-toggle-background-color, rgba(0, 0, 0, 0.1));
  color: var(--a-fs-toggle-text-color, rgba(0, 0, 0, 0.65));
  margin-right: var(--a-fs-toggle-spacing-x, 8px);
}

.u-RTL .a-FS-toggle {
  margin-left: var(--a-fs-toggle-spacing-x, 8px);
  margin-right: 0;
}

.a-FS-control.is-expanded .a-Icon.a-Collapsible-icon:before {
  content: "\e0c2";
}

.a-FS-control.is-collapsed .a-Icon.a-Collapsible-icon:before {
  content: "\e0d8";
}

.u-RTL .a-FS-control.is-collapsed .a-Icon.a-Collapsible-icon:before {
  content: "\e0ca";
}

/* Clear Filters / Show More Button
   ========================================================================== */
.a-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow {
  --a-button-padding-y: 0px;
  --a-button-padding-x: 0px;
  --a-button-font-size: 12px;
  --a-button-line-height: 20px;
  --a-button-border-radius: 0px;
  --a-button-border-width: 0px;
  --a-button-background-color: transparent;
  --a-button-text-color: var(--a-base-link-text-color, #0076DF);
  --a-button-hover-background-color: transparent;
  --a-button-hover-text-color: var(--a-base-link-hover-text-color, var(--a-base-link-text-color));
  --a-button-active-background-color: transparent;
  --a-button-active-text-color: var(--a-base-link-active-text-color, var(--a-base-link-text-color));
  --a-button-focus-background-color: transparent;
  --a-button-focus-text-color: var(--a-base-link-active-text-color, var(--a-base-link-text-color));
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  font-family: inherit;
  margin: 0;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  padding-top: calc(var(--a-button-padding-y) - var(--a-button-border-width));
  padding-bottom: calc(var(--a-button-padding-y) - var(--a-button-border-width));
  padding-left: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  padding-right: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  border-width: var(--a-button-border-width);
  border-style: solid;
  border-color: var(--a-button-border-color);
  border-radius: var(--a-button-border-radius);
  cursor: var(--a-button-cursor, pointer);
  background-color: var(--a-button-background-color, transparent);
  color: var(--a-button-text-color, inherit);
  font-size: var(--a-button-font-size);
  line-height: var(--a-button-line-height, normal);
  font-weight: var(--a-button-font-weight);
  text-shadow: var(--a-button-text-shadow, none);
}

.a-FS-clearAll:hover,
.a-FS-clearButton:hover,
.a-FS-toggleOverflow:hover {
  --a-button-background-color: var(--a-button-hover-background-color);
  --a-button-text-color: var(--a-button-hover-text-color);
  --a-button-border-color: var(--a-button-hover-border-color);
  -webkit-text-decoration: var(--a-base-link-hover-text-decoration, underline);
          text-decoration: var(--a-base-link-hover-text-decoration, underline);
}

.a-FS-clearAll:active,
.a-FS-clearButton:active,
.a-FS-toggleOverflow:active {
  --a-button-background-color: var(--a-button-active-background-color);
  --a-button-text-color: var(--a-button-active-text-color);
  --a-button-border-color: var(--a-button-active-border-color);
  -webkit-text-decoration: var(--a-base-link-focus-text-decoration, underline);
          text-decoration: var(--a-base-link-focus-text-decoration, underline);
}

.a-FS-clearAll:focus,
.a-FS-clearButton:focus,
.a-FS-toggleOverflow:focus {
  --a-button-background-color: var(--a-button-focus-background-color);
  --a-button-text-color: var(--a-button-focus-text-color);
  --a-button-border-color: var(--a-button-focus-border-color);
}

/* Add Chart control
   ========================================================================== */
.a-FS-addChart {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-left: var(--a-button-gap-x, 8px);
}

.u-RTL .a-FS-addChart {
  margin-left: 0;
  margin-right: var(--a-button-gap-x, 8px);
}

/* Clear Filters control
   ========================================================================== */
.a-FS-clearButton {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-left: var(--a-button-gap-x, 8px);
}

.u-RTL .a-FS-clearButton {
  margin-left: 0;
  margin-right: var(--a-button-gap-x, 8px);
}

.a-FS-control:not(.has-value) .a-FS-clearButton {
  display: none;
}

/* Show More Control
   ========================================================================== */
.a-FS-toggleOverflow {
  margin-top: var(--a-button-gap-x, 8px);
}

/* Current Filters
   ========================================================================= */
.a-FS-currentList {
  clear: both;
}

.a-FS-currentList ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.a-FS-currentList ul:empty {
  display: none;
}

.a-FS-currentList ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.a-FS .a-FS-currentList {
  padding: 12px;
  border-bottom-width: var(--a-fs-filter-group-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--a-fs-filter-group-border-color, rgba(0, 0, 0, 0.1));
}

.a-FS .a-FS-currentList ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.a-FS .a-FS-currentList .a-FS-currentItem:not(:last-child) {
  margin-bottom: 2px;
}

.a-FS .a-FS-currentList .a-FS-currentItem--all {
  margin: 0;
  margin-top: 4px;
  text-align: right;
}

.a-FS-currentItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-FS-currentList--includeName .a-FS-currentItem {
  margin: 2px;
  padding: 2px;
  border-radius: 2px;
  border-width: var(--a-fs-filter-group-border-width, 1px);
  border-style: solid;
  border-color: var(--a-fs-filter-group-border-color, rgba(0, 0, 0, 0.1));
}

.a-FS-currentList--includeName .a-FS-currentItem--all {
  --a-fs-filter-group-border-width: 0px;
}

.a-FS-currentLabel {
  padding: 0 4px;
  font-size: 12px;
  color: var(--a-fs-filter-group-label-text-color, rgba(0, 0, 0, 0.65));
}

/* ==========================================================================
   2. Body
   ========================================================================== */
.a-FS-body {
  padding-bottom: var(--a-fs-control-body-padding-y, 12px);
  padding-left: var(--a-fs-control-body-padding-x, 12px);
  padding-right: var(--a-fs-control-body-padding-x, 12px);
}

/* ==========================================================================
   2.1 Searching and Filtering
   ========================================================================== */
.a-FS-search .apex-item-text,
.a-FS-filter .apex-item-text {
  padding: 8px 8px 8px 28px;
  height: 32px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.u-RTL .a-FS-search .apex-item-text, .u-RTL
.a-FS-filter .apex-item-text {
  padding: 8px 28px 8px 8px;
}

.a-FS-search span.apex-item-icon,
.a-FS-filter span.apex-item-icon {
  position: absolute;
  margin: 8px;
  padding: 0;
  z-index: 1;
  color: rgba(0, 0, 0, 0.6);
}

.a-FS--hideRadio.apex-item-group--rc input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.a-FS--hideRadio.apex-item-group--rc input + label {
  padding-left: 0;
}

.u-RTL .a-FS--hideRadio.apex-item-group--rc input + label {
  padding-right: 0;
}

.a-FS--hideRadio.apex-item-group--rc input + label:before, .a-FS--hideRadio.apex-item-group--rc input + label:after {
  content: none;
}

.a-FS--hideRadio.apex-item-group--rc input:focus + label .label {
  text-decoration: underline;
}

/* Searching
   ========================================================================== */
.a-FS-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

html:not(.u-RTL) .a-FS-search .apex-item-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.u-RTL .a-FS-search .apex-item-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.a-FS-search .a-Button {
  margin-left: -1px;
  padding: 4px 12px;
}

html:not(.u-RTL) .a-FS-search .a-Button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.u-RTL .a-FS-search .a-Button {
  margin-left: 0;
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Filtering
   ========================================================================== */
.a-FS-filter {
  margin-bottom: var(--a-fs-control-item-spacing, 12px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.a-FS-wrap {
  overflow: auto;
}

/* Batch Apply
   ========================================================================== */
.a-FS-apply {
  padding-top: var(--a-fs-control-actions-padding-y, 12px);
  padding-left: var(--a-fs-control-actions-padding-x, 0);
  padding-right: var(--a-fs-control-actions-padding-x, 0);
  text-align: center;
}

.a-FS-apply .a-Button {
  width: 100%;
}

/* ==========================================================================
   3. Filter List, Items and Types (checkboxes, radios, ratings, ranges, etc)
   ========================================================================== */
/* Filter Items
   ========================================================================== */
.a-FS .apex-item-subgroup {
  margin-top: 8px;
}

.a-FS .apex-item-subgroup:first-child {
  margin-top: 0;
}

.a-FS .apex-group-label {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 16px;
}

.a-FS .apex-item-option .label {
  display: inline-block;
}

.a-FS .apex-item-option-badge {
  margin-left: 4px;
  opacity: .7;
}

.u-RTL .a-FS .apex-item-option-badge {
  margin-left: 0;
  margin-right: 4px;
}

.a-FS .apex-item-option-badge:before {
  content: '(';
}

.a-FS .apex-item-option-badge:after {
  content: ')';
}

.a-FS .apex-item-option-badge:empty {
  display: none;
}

.a-FS .apex-item-option .a-Icon + .label {
  margin-left: 4px;
}

.u-RTL .a-FS .apex-item-option .a-Icon + .label {
  margin-left: 0;
  margin-right: 4px;
}

/* Filter Range & Input
   ========================================================================== */
.a-FS-range,
.a-FS-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: var(--a-fs-control-item-spacing, 12px);
  font-size: 12px;
}

.a-FS-range .a-Button,
.a-FS-input .a-Button {
  margin-left: var(--a-button-gap-x, 8px);
}

.u-RTL .a-FS-range .a-Button, .u-RTL
.a-FS-input .a-Button {
  margin-left: 0;
  margin-right: var(--a-button-gap-x, 8px);
}

/* Filter Range Prefix, Suffix, and "to" label
   ========================================================================== */
.a-FS-rangePrefix,
.a-FS-inputLabel {
  margin-right: 2px;
}

.u-RTL .a-FS-rangePrefix, .u-RTL
.a-FS-inputLabel {
  margin-left: 2px;
  margin-right: 0;
}

.a-FS-rangeSuffix,
.a-FS-inputSuffix {
  margin-left: 2px;
}

.u-RTL .a-FS-rangeSuffix, .u-RTL
.a-FS-inputSuffix {
  margin-left: 0;
  margin-right: 2px;
}

.a-FS-rangeTo {
  margin-left: 8px;
  margin-right: 8px;
}

/* Select List Filter
   ========================================================================== */
.a-FS-selectListFilter .apex-item-select[size="1"] {
  width: 100%;
  height: 32px;
  /* Theming */
  min-height: 32px;
  max-height: 32px;
}

/* Disabled Class
   ========================================================================== */
.a-FS.is-disabled,
.a-FS-currentList.is-disabled {
  cursor: var(--a-fs-disabled-cursor, default);
  opacity: var(--a-fs-disabled-opacity, 0.5);
  pointer-events: none;
}

/* ==========================================================================
   Legacy
   ========================================================================== */
.apex-item-group.a-FS--hideEmpty .apex-item-option.is-disabled,
.a-FS--hideEmpty .is-disabled {
  display: none;
}

.a-FS-clear {
  --a-button-padding-y: 3px;
  --a-button-padding-x: 6px;
  --a-button-font-size: 12px;
  --a-button-line-height: 16px;
  --a-button-border-radius: 2px;
  --a-button-border-width: 0px;
  --a-button-background-color: rgba(0, 0, 0, 0.05);
  --a-button-hover-background-color: rgba(0, 0, 0, 0.05);
  --a-button-active-background-color: rgba(0, 0, 0, 0.05);
  --a-button-focus-background-color: rgba(0, 0, 0, 0.05);
  max-width: 100%;
  word-break: break-all;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  margin: 1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  font-family: inherit;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: top;
  white-space: nowrap;
  padding-top: calc(var(--a-button-padding-y, 2px) - var(--a-button-border-width));
  padding-bottom: calc(var(--a-button-padding-y) - var(--a-button-border-width));
  padding-left: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  padding-right: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  border-width: var(--a-button-border-width);
  border-style: solid;
  border-color: var(--a-button-border-color);
  border-radius: var(--a-button-border-radius);
  cursor: var(--a-button-cursor, pointer);
  background-color: var(--a-button-background-color, transparent);
  color: var(--a-button-text-color, inherit);
  font-size: var(--a-button-font-size);
  line-height: var(--a-button-line-height, normal);
  font-weight: var(--a-button-font-weight);
  text-shadow: var(--a-button-text-shadow, none);
}

.a-FS-clear:hover {
  --a-button-background-color: var(--a-button-hover-background-color);
  --a-button-text-color: var(--a-button-hover-text-color);
  --a-button-border-color: var(--a-button-hover-border-color);
}

.a-FS-clear:active {
  --a-button-background-color: var(--a-button-active-background-color);
  --a-button-text-color: var(--a-button-active-text-color);
  --a-button-border-color: var(--a-button-active-border-color);
}

.a-FS-clear:focus {
  --a-button-background-color: var(--a-button-focus-background-color);
  --a-button-text-color: var(--a-button-focus-text-color);
  --a-button-border-color: var(--a-button-focus-border-color);
}

.a-FS-clear .a-Icon.icon-multi-remove {
  --a-icon-size: 16px;
  padding: 1px;
  margin-left: calc(var(--a-button-padding-x, 6px) - var(--a-button-border-width, 0));
  margin-right: calc(calc(calc(var(--a-button-padding-x, 6px) - var(--a-button-border-width, 0)) / 2) * -1);
  border-radius: calc(var(--a-button-border-radius, 2px) - 1px);
}

.a-FS-clear .a-Icon.icon-multi-remove:before {
  --a-icon-size: 14px;
  vertical-align: top;
}

.u-RTL .a-FS-clear .a-Icon.icon-multi-remove {
  margin-right: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  margin-left: calc(calc(calc(var(--a-button-padding-x, 6px) - var(--a-button-border-width, 0)) / 2) * -1);
}

/* ==========================================================================
   Facet Charts
   ========================================================================== */
.a-FS-facetChart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-width: var(--a-fs-chart-border-width);
  border-style: solid;
  border-color: var(--a-fs-chart-border-color);
  -webkit-box-shadow: var(--a-fs-chart-shadow);
          box-shadow: var(--a-fs-chart-shadow);
  border-radius: var(--a-fs-chart-border-radius);
}

.a-FS-facetChart .oj-chart {
  position: relative;
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.a-FS-facetChart .oj-chart svg {
  min-height: var(--a-fs-chart-height, 220px);
}

.a-FS-facetChart-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: var(--jui-dialog-titlebar-padding-x);
  padding-right: var(--jui-dialog-titlebar-padding-x);
  padding-top: var(--jui-dialog-titlebar-padding-y);
  padding-bottom: var(--jui-dialog-titlebar-padding-y);
  background-color: var(--jui-dialog-titlebar-background-color);
  color: var(--jui-dialog-titlebar-text-color);
  border-bottom-width: var(--jui-dialog-titlebar-border-width);
  border-bottom-style: solid;
  border-bottom-color: var(--jui-dialog-titlebar-border-color);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-height: 0;
}

.a-FS-facetChart-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--jui-dialog-title-font-weight);
  font-size: var(--jui-dialog-title-font-size);
  line-height: var(--jui-dialog-title-line-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin: 0;
}

.a-FS-facetChart-controls {
  margin-left: var(--jui-dialog-titlebar-padding-x);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  white-space: nowrap;
}

.u-RTL .a-FS-facetChart-controls {
  margin-right: var(--jui-dialog-titlebar-padding-x);
  margin-left: 0;
}

.a-FS-removeChart {
  margin-left: var(--a-button-gap-x, 8px);
}

.u-RTL .a-FS-removeChart {
  margin-left: 0;
  margin-right: var(--a-button-gap-x, 8px);
}

.a-FS-facetChart-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: var(--a-fs-chart-padding-x);
  padding-right: var(--a-fs-chart-padding-x);
  padding-top: var(--a-fs-chart-padding-y);
  padding-bottom: var(--a-fs-chart-padding-y);
}

.a-FS-facetsDashboard {
  display: grid;
  grid-gap: var(--a-fs-chart-grid-gap, 20px);
  grid-template-columns: repeat(auto-fit, minmax(var(--a-fs-chart-width, 320px), 1fr));
}

.a-FS-chartsDialog {
  --jui-dialog-content-padding-y: 0px;
  --jui-dialog-content-padding-x: 0px;
  --a-fs-chart-border-width: 0px;
}

.a-FS-chartsDialog,
.a-FS-chartsDialog .a-FS-facetsDashboard,
.a-FS-chartsDialog .a-FS-facetChart-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.a-FS-chartsDialog .a-FS-removeChart {
  display: none;
}

.ui-dialog--popup .a-FS-facetChart-header {
  border-top-left-radius: var(--jui-dialog-border-radius);
  border-top-right-radius: var(--jui-dialog-border-radius);
}

.ui-dialog--popup .a-FS-removeChart {
  display: inline-block;
}

/* ==========================================================================
   File Drop Styles
   ========================================================================== */
.apex-item-group--file-browse,
.apex-item-group--file-block,
.apex-item-group--file-inline {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.apex-item-group--file-browse .apex-item-file,
.apex-item-group--file-block .apex-item-file,
.apex-item-group--file-inline .apex-item-file {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  opacity: 0;
  outline: 0;
  pointer-events: none;
  cursor: var(--a-filedrop-cursor, pointer);
}

.apex-item-filedrop {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  cursor: var(--a-filedrop-cursor, pointer);
  padding-top: var(--a-filedrop-padding-y);
  padding-bottom: var(--a-filedrop-padding-y);
  padding-left: var(--a-filedrop-padding-x);
  padding-right: var(--a-filedrop-padding-x);
  border-width: var(--a-filedrop-border-width);
  border-style: var(--a-filedrop-border-style);
  border-radius: var(--a-filedrop-border-radius);
  background-color: var(--a-filedrop-state-background-color, var(--a-filedrop-type-background-color, var(--a-filedrop-background-color)));
  color: var(--a-filedrop-state-text-color, var(--a-filedrop-type-text-color, var(--a-filedrop-text-color, inherit)));
  border-color: var(--a-filedrop-state-border-color, var(--a-filedrop-type-border-color, var(--a-filedrop-border-color)));
  -webkit-box-shadow: var(--a-filedrop-state-shadow, var(--a-filedrop-type-shadow, var(--a-filedrop-shadow, none)));
          box-shadow: var(--a-filedrop-state-shadow, var(--a-filedrop-type-shadow, var(--a-filedrop-shadow, none)));
}

.apex-item-file.apex-page-item-error + .apex-item-filedrop {
  --a-filedrop-state-background-color: var(--a-filedrop-error-background-color);
  --a-filedrop-state-text-color: var(--a-filedrop-error-text-color);
  --a-filedrop-state-border-color: var(--a-filedrop-error-border-color);
  --a-filedrop-state-shadow: var(--a-filedrop-error-shadow);
}

.apex-item-file:focus + .apex-item-filedrop {
  --a-filedrop-state-background-color: var(--a-filedrop-focus-background-color);
  --a-filedrop-state-text-color: var(--a-filedrop-focus-text-color);
  --a-filedrop-state-border-color: var(--a-filedrop-focus-border-color);
  --a-filedrop-state-shadow: var(--a-filedrop-focus-shadow);
}

.apex-item-filedrop:hover {
  --a-filedrop-state-background-color: var(--a-filedrop-hover-background-color);
  --a-filedrop-state-text-color: var(--a-filedrop-hover-text-color);
  --a-filedrop-state-border-color: var(--a-filedrop-hover-border-color);
  --a-filedrop-state-shadow: var(--a-filedrop-hover-shadow);
}

.apex-item-filedrop:active {
  --a-filedrop-state-background-color: var(--a-filedrop-active-background-color);
  --a-filedrop-state-text-color: var(--a-filedrop-active-text-color);
  --a-filedrop-state-border-color: var(--a-filedrop-active-border-color);
  --a-filedrop-state-shadow: var(--a-filedrop-active-shadow);
}

.apex-item-filedrop:focus {
  --a-filedrop-state-background-color: var(--a-filedrop-focus-background-color);
  --a-filedrop-state-text-color: var(--a-filedrop-focus-text-color);
  --a-filedrop-state-border-color: var(--a-filedrop-focus-border-color);
  --a-filedrop-state-shadow: var(--a-filedrop-focus-shadow);
  outline: auto;
}

.apex-item-filedrop.is-dragging {
  --a-filedrop-cursor: copy;
  --a-filedrop-state-background-color: var(--a-filedrop-dragging-background-color);
  --a-filedrop-state-text-color: var(--a-filedrop-dragging-text-color);
  --a-filedrop-state-border-color: var(--a-filedrop-dragging-border-color);
  --a-filedrop-state-shadow: var(--a-filedrop-dragging-shadow);
}

.apex-item-filedrop-icon {
  --a-icon-size: var(--a-filedrop-icon-size);
  text-align: center;
  color: var(--a-filedrop-icon-color);
  -webkit-transition: var(--a-filedrop-progress-transition, opacity 0.15s ease);
  transition: var(--a-filedrop-progress-transition, opacity 0.15s ease);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--a-filedrop-item-spacing);
  margin-bottom: var(--a-filedrop-item-spacing);
}

.apex-item-filedrop-icon .a-Icon:before {
  content: var(--a-filedrop-icon-character, '\e13f') !important;
}

.apex-item-filedrop-body {
  -webkit-transition: var(--a-filedrop-progress-transition, opacity 0.15s ease);
  transition: var(--a-filedrop-progress-transition, opacity 0.15s ease);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--a-filedrop-font-size);
  line-height: var(--a-filedrop-line-height);
}

.apex-item-filedrop-heading {
  font-size: var(--a-filedrop-heading-font-size);
  font-weight: var(--a-filedrop-heading-font-weight);
  line-height: var(--a-filedrop-heading-line-height);
  color: var(--a-filedrop-heading-text-color);
}

.apex-item-filedrop-description,
.apex-item-filedrop-filename {
  margin-top: var(--a-filedrop-item-spacing);
}

.apex-item-filedrop-description:empty,
.apex-item-filedrop-filename:empty {
  display: none;
}

.apex-item-filedrop-action {
  margin-top: calc(var(--a-filedrop-item-spacing, 0) * 2);
}

.apex-item-filedrop-action:empty {
  display: none;
}

.apex-item-filedrop-progress {
  -webkit-transition: var(--a-filedrop-progress-transition, opacity 0.15s ease);
  transition: var(--a-filedrop-progress-transition, opacity 0.15s ease);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  place-items: center;
  z-index: 1;
}

.apex-item-filedrop-progressbar {
  width: 100%;
  max-width: var(--a-filedrop-progress-width);
  background-color: var(--a-filedrop-progress-background-color);
  border-radius: var(--a-filedrop-progress-border-radius);
  position: relative;
  height: var(--a-filedrop-progress-height);
}

.apex-item-filedrop-progressbar:before {
  content: '';
  display: block;
  background-color: var(--a-filedrop-progress-bar-background-color);
  border-radius: var(--a-filedrop-progress-border-radius);
  height: var(--a-filedrop-progress-height);
  width: var(--a-filedrop-progress-bar-width);
  -webkit-animation-name: KnightRider;
          animation-name: KnightRider;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  position: absolute;
}

.apex-item-filedrop.is-loading {
  overflow: hidden;
}

.apex-item-filedrop.is-loading .apex-item-filedrop-icon,
.apex-item-filedrop.is-loading .apex-item-filedrop-body {
  opacity: var(--a-filedrop-progress-content-opacity, 0.05);
  pointer-events: none;
}

.apex-item-filedrop.is-loading .apex-item-filedrop-progress {
  visibility: visible;
  cursor: wait;
  opacity: 1;
  -webkit-backdrop-filter: var(--a-filedrop-progress-backdrop-filter);
          backdrop-filter: var(--a-filedrop-progress-backdrop-filter);
}

@-webkit-keyframes KnightRider {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(var(--a-filedrop-progress-width) - var(--a-filedrop-progress-bar-width)));
            transform: translateX(calc(var(--a-filedrop-progress-width) - var(--a-filedrop-progress-bar-width)));
  }
}

@keyframes KnightRider {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(var(--a-filedrop-progress-width) - var(--a-filedrop-progress-bar-width)));
            transform: translateX(calc(var(--a-filedrop-progress-width) - var(--a-filedrop-progress-bar-width)));
  }
}

.apex-item-group--file-inline .apex-item-filedrop {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.apex-item-group--file-inline .apex-item-filedrop-icon {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-bottom: 0;
  margin-left: calc(var(--a-filedrop-item-spacing, 0) * 4);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.u-RTL .apex-item-group--file-inline .apex-item-filedrop-icon {
  margin-left: 0;
  margin-right: calc(var(--a-filedrop-item-spacing, 0) * 4);
}

.apex-item-group--file-inline .apex-item-filedrop-body {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.apex-item-group--file-inline .apex-item-filedrop-action {
  display: none;
}

.apex-item-group--file-inline .has-files .apex-item-filedrop-description {
  display: none;
}

.apex-item-group--file-browse {
  --a-filedrop-padding-y: 0px;
  --a-filedrop-padding-x: 0px;
  --a-filedrop-icon-size: 16px;
  --a-filedrop-heading-font-size: 14px;
  --a-filedrop-heading-line-height: 16px;
  --a-filedrop-heading-font-weight: 400;
}

.apex-item-group--file-browse .apex-item-filedrop {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: auto;
}

.apex-item-group--file-browse .apex-item-filedrop-icon {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0;
  padding-top: calc(var(--a-button-padding-y) - var(--a-filedrop-border-width));
  padding-bottom: calc(var(--a-button-padding-y) - var(--a-filedrop-border-width));
  padding-left: calc(var(--a-button-padding-x) - var(--a-filedrop-border-width));
  padding-right: calc(var(--a-button-padding-x) - var(--a-filedrop-border-width));
  background-color: var(--a-button-state-background-color, var(--a-button-type-background-color, var(--a-button-background-color, transparent)));
  color: var(--a-button-state-text-color, var(--a-button-type-text-color, var(--a-button-text-color, inherit)));
  -webkit-box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
          box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
}

.apex-item-group--file-browse .apex-item-filedrop-body {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: var(--a-filedrop-item-spacing, 4px);
}

.apex-item-group--file-browse .apex-item-filedrop-description,
.apex-item-group--file-browse .apex-item-filedrop-action {
  display: none;
}

.apex-item-group--file-browse .has-files .apex-item-filedrop-heading {
  display: none;
}

.apex-item-group--file-browse .has-files .apex-item-filedrop-filename {
  margin-top: 0;
}

.apex-item-file.apex-item-file--native {
  opacity: 1;
  height: auto;
}

/******************************************************************************

File Name:    Form.scss
Purpose:      Base form styles for all apex applications.
              Extended in 5.1 to provide default styling for generic form components.

******************************************************************************/
.apex-tabular-form-error {
  border-color: var(--a-palette-danger);
}

.apex-tabular-highlight {
  border-color: #ffcc00;
}

/* ==========================================================================
   Form Containers
   ========================================================================== */
/**
 * Field Container
 */
.u-Form-fieldContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clear: both;
}

/**
 * Label and Input Containers
 */
.u-Form-labelContainer,
.u-Form-inputContainer {
  padding-top: var(--a-form-container-padding-y);
  padding-bottom: var(--a-form-container-padding-y);
  padding-left: var(--a-form-container-padding-x);
  padding-right: var(--a-form-container-padding-x);
}

.u-Form-labelContainer {
  width: var(--a-form-label-container-width, 30%);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.u-Form-inputContainer {
  width: var(--a-form-input-container-width, 70%);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

/**
 * Label
 */
.u-Form-label {
  padding: 4px 0;
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
}

/**
 * Help Buttons
 */
.u-Form-labelContainer .a-Button--helpButton {
  padding: 4px;
  margin-left: 4px;
}

/**
 * Inputs and Items
 */
.u-Form-inputContainer input:not([type=checkbox]):not([type=radio]),
.u-Form-inputContainer select:not([multiple]) {
  height: calc(var(--a-field-input-line-height) + (var(--a-field-input-padding-y) * 2));
}

.u-Form-inputContainer input,
.u-Form-inputContainer select,
.u-Form-inputContainer textarea {
  margin: 0;
  vertical-align: top;
  display: inline-block;
  max-width: 100%;
}

.u-Form-inputContainer input:not([type=checkbox]):not([type=radio]),
.u-Form-inputContainer select,
.u-Form-inputContainer textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-top: calc(var(--a-field-input-padding-y) - var(--a-field-input-border-width));
  padding-bottom: calc(var(--a-field-input-padding-y) - var(--a-field-input-border-width));
  padding-left: calc(var(--a-field-input-padding-x) - var(--a-field-input-border-width));
  padding-right: calc(var(--a-field-input-padding-x) - var(--a-field-input-border-width));
  font-size: var(--a-field-input-font-size);
  line-height: var(--a-field-input-line-height);
  font-weight: var(--a-field-input-font-weight);
  color: var(--a-field-input-text-color);
  background-color: var(--a-field-input-background-color);
  border-radius: var(--a-field-input-border-radius);
  border-color: var(--a-field-input-border-color);
  border-width: var(--a-field-input-border-width);
  border-style: solid;
  -webkit-box-shadow: var(--a-field-input-shadow);
          box-shadow: var(--a-field-input-shadow);
}

.u-Form-inputContainer input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder, .u-Form-inputContainer select::-webkit-input-placeholder, .u-Form-inputContainer textarea::-webkit-input-placeholder {
  color: var(--a-field-placeholder-text-color, currentColor);
  opacity: var(--a-field-placeholder-opacity, 0.6);
}

.u-Form-inputContainer input:not([type=checkbox]):not([type=radio])::-moz-placeholder, .u-Form-inputContainer select::-moz-placeholder, .u-Form-inputContainer textarea::-moz-placeholder {
  color: var(--a-field-placeholder-text-color, currentColor);
  opacity: var(--a-field-placeholder-opacity, 0.6);
}

.u-Form-inputContainer input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder, .u-Form-inputContainer select:-ms-input-placeholder, .u-Form-inputContainer textarea:-ms-input-placeholder {
  color: var(--a-field-placeholder-text-color, currentColor);
  opacity: var(--a-field-placeholder-opacity, 0.6);
}

.u-Form-inputContainer input:not([type=checkbox]):not([type=radio])::-ms-input-placeholder, .u-Form-inputContainer select::-ms-input-placeholder, .u-Form-inputContainer textarea::-ms-input-placeholder {
  color: var(--a-field-placeholder-text-color, currentColor);
  opacity: var(--a-field-placeholder-opacity, 0.6);
}

.u-Form-inputContainer input:not([type=checkbox]):not([type=radio])::placeholder,
.u-Form-inputContainer select::placeholder,
.u-Form-inputContainer textarea::placeholder {
  color: var(--a-field-placeholder-text-color, currentColor);
  opacity: var(--a-field-placeholder-opacity, 0.6);
}

.u-Form-inputContainer select {
  background-size: var(--a-field-select-background-size);
  background-image: var(--a-field-select-background-image);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: var(--a-field-select-arrow-padding);
}

.u-RTL .u-Form-inputContainer select {
  padding-right: calc(var(--a-field-input-padding-x) - var(--a-field-input-border-width));
  padding-left: var(--a-field-select-arrow-padding);
  background-position: left center;
}

.u-Form-inputContainer select[multiple] {
  background-image: none;
  padding-left: calc(var(--a-field-input-padding-x) - var(--a-field-input-border-width));
  padding-right: calc(var(--a-field-input-padding-x) - var(--a-field-input-border-width));
}

/* ==========================================================================
   Errors and Other States
   ========================================================================== */
.t-Form-error {
  color: var(--a-form-error-text-color, red);
}

/* ==========================================================================
   Form Modifiers
   ========================================================================== */
/**
 * Labels Above
 */
.u-Form--labelsAbove {
  --a-form-label-container-width: 100%;
  --a-form-input-container-width: 100%;
}

.u-Form--labelsAbove .u-Form-fieldContainer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.u-Form--labelsAbove .u-Form-labelContainer {
  padding-bottom: 0;
}

.u-Form--labelsAbove .u-Form-inputContainer {
  padding-top: 0;
}

/* Stretch Inputs
   ========================================================================== */
.u-Form-stretchInputs .u-Form-inputContainer input:not([type=checkbox]):not([type=radio]),
.u-Form-stretchInputs .u-Form-inputContainer select,
.u-Form-stretchInputs .u-Form-inputContainer textarea,
.u-Form-stretchInputs .apex-item-text,
.u-Form-stretchInputs .apex-item-select,
.u-Form-stretchInputs .apex-item-textarea,
.u-Form--stretchInputs .u-Form-inputContainer input:not([type=checkbox]):not([type=radio]),
.u-Form--stretchInputs .u-Form-inputContainer select,
.u-Form--stretchInputs .u-Form-inputContainer textarea,
.u-Form--stretchInputs .apex-item-text,
.u-Form--stretchInputs .apex-item-select,
.u-Form--stretchInputs .apex-item-textarea {
  width: 100%;
}

.u-Form-stretchInputs .a-MDEditor,
.u-Form--stretchInputs .a-MDEditor {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/* Item Icon Support
   ========================================================================== */
.apex-item-has-icon:disabled + .apex-item-icon {
  opacity: var(--a-field-disabled-opacity, 0.5);
}

.apex-item-icon {
  float: left;
  padding: 4px;
}

.u-RTL .apex-item-icon {
  float: right;
}

/* Percent Chart Item
   ========================================================================== */
.apex-item-pct-graph {
  min-width: 150px;
}

/* APEX Quick Picks Wrapper
   ========================================================================== */
.apex-quick-picks {
  display: block;
}

/* Item Grid Layout (for Checkboxes + Radios)
   ========================================================================== */
.apex-item-grid {
  display: table;
}

.apex-item-grid-row {
  display: table-row;
}

.apex-item-grid-row .apex-item-option {
  display: table-cell;
  vertical-align: top;
}

/* Text Area Counter
   ========================================================================== */
.apex-item-textarea-counter {
  font-size: var(--a-field-input-counter-font-size);
}

.apex-item-textarea-counter--warning {
  color: var(--a-field-input-counter-warning-text-color, var(--a-palette-warning));
}

.apex-item-textarea-counter--error {
  color: var(--a-field-input-counter-error-text-color, var(--a-palette-danger));
}

/* Shuttle Min Height
   ========================================================================== */
.apex-item-group--shuttle .apex-item-select {
  min-height: 140px;
  background-image: none;
}

/* JET Auto Complete
   JET sets a max-width and min-width for the form item container preventing
   the size property from adjusting the width of the field.
   ========================================================================== */
.apex-item-group--auto-complete .oj-form-control {
  max-width: none;
  min-width: 0;
}

/* Color Picker
   ========================================================================== */
.apex-item-group--color-picker {
  position: relative;
}

.apex-item-color-picker-preview {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  display: block;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  z-index: 2;
}

/* CKEditor
   ========================================================================== */
.ck-editor {
  min-width: 0;
}

/* Text Case
   ========================================================================== */
[data-text-case="LOWER"] {
  text-transform: lowercase;
}

[data-text-case="UPPER"] {
  text-transform: uppercase;
}

/******************************************************************************

File Name:    Grid.scss
Purpose:      Very basic grid used in Interactive Grid components

******************************************************************************/
.apex-grid-container {
  width: 100%;
}

.apex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.apex-col {
  position: relative;
  width: 100%;
  min-height: 1px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.apex-col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.333333%;
          flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.apex-col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.apex-col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.apex-col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.apex-col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.666667%;
          flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.apex-col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.apex-col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.333333%;
          flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.apex-col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.apex-col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.apex-col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.333333%;
          flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.apex-col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.666667%;
          flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.apex-col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

/******************************************************************************

File Name:    GridView.scss
Purpose:      Base styles for Grid View (used in Interactive Grid component)

******************************************************************************/
/* Container
   ========================================================================== */
.a-GV {
  font-size: var(--a-gv-font-size);
  line-height: var(--a-gv-line-height);
}

.a-GV-hdr {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--a-gv-header-background-color);
}

.a-GV-bdy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: var(--a-gv-body-background-color);
}

/* Messages (No Data / More Data / Etc)
   ========================================================================== */
.a-GV-altMessage {
  margin: 0;
  padding: var(--a-gv-nodata-message-padding-y, 16px) var(--a-gv-nodata-message-padding-x, 16px);
  text-align: center;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.a-GV-altMessage-icon .a-Icon {
  --a-icon-size: var(--a-gv-nodata-message-icon-size);
  color: var(--a-gv-nodata-message-icon-color);
  margin-bottom: var(--a-gv-nodata-message-icon-spacing, 12px);
}

.a-GV-altMessage-text {
  display: block;
  font-size: var(--a-gv-nodata-message-font-size, 12px);
  color: var(--a-gv-nodata-message-text-color);
}

/* Frozen Mechanics
   ========================================================================== */
.a-GV-w-frozen,
.a-GV-w-scroll,
.a-GV-w-hdr {
  display: block;
  position: relative;
}

.a-GV-w-scroll {
  overflow: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.a-GV-w-frozen,
.a-GV-w-hdr {
  overflow: hidden;
}

.a-GV-w-frozen {
  z-index: 1;
}

/*
 * Adds the 2px solid bottom border for frozen headers
 **/
.a-GV-hdr .a-GV-w-hdr .a-GV-table,
.a-GV-hdr .a-GV-w-frozen .a-GV-table {
  border-bottom-width: var(--a-gv-cell-border-width);
  border-bottom-style: solid;
  border-bottom-color: var(--a-gv-cell-border-color);
}

.a-GV-w-scroll .a-GV-table {
  border-top-width: var(--a-gv-cell-border-width);
  border-top-style: solid;
  border-top-color: transparent;
}

.a-GV-hdr--fixed:after {
  content: '';
  position: absolute;
  height: 8px;
  top: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
  width: 100%;
  left: 0;
  z-index: 10;
  pointer-events: none;
}

.a-GV-w-frozen .a-GV-table {
  width: auto;
  border-right-width: var(--a-gv-cell-frozen-border-width);
  border-right-style: solid;
  border-right-color: var(--a-gv-cell-border-color);
}

.u-RTL .a-GV-w-frozen .a-GV-table {
  border-right-width: 0;
  border-left-width: var(--a-gv-cell-frozen-border-width);
  border-left-style: solid;
  border-left-color: var(--a-gv-cell-border-color);
}

/* Hide and Show handling for Load More and Control Break Labels
   ========================================================================== */
.a-GV-w-frozen .a-GV-controlBreakLabel {
  display: none;
}

.a-GV-w-frozen .a-GV-loadMoreButton {
  visibility: hidden;
}

.a-GV-w-frozen.a-GV-w-frozen--showLabels .a-GV-controlBreakLabel {
  display: inline-block;
}

.a-GV-w-frozen.a-GV-w-frozen--showLabels .a-GV-loadMoreButton {
  display: inline-block;
  visibility: visible;
}

.a-GV-controlBreakLabel .u-checkbox {
  display: inline-block;
  vertical-align: top;
}

/* Table Container
   ========================================================================== */
.a-GV-table {
  border-collapse: collapse;
  border-spacing: 0;
  border-style: hidden;
  table-layout: fixed;
  width: 100%;
  -webkit-box-shadow: 0 0 0 var(--a-gv-cell-border-width) var(--a-gv-cell-border-color);
          box-shadow: 0 0 0 var(--a-gv-cell-border-width) var(--a-gv-cell-border-color);
}

.a-GV-table th {
  font-weight: normal;
}

.a-GV-table th.a-GV-header, .a-GV-table th.a-GV-headerGroup {
  font-weight: var(--a-gv-header-cell-font-weight);
}

.a-GV-table th,
.a-GV-table td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.a-GV-header,
.a-GV-headerGroup {
  vertical-align: middle;
  font-weight: var(--a-gv-header-cell-font-weight);
  height: var(--a-gv-header-cell-height);
  border-width: var(--a-gv-header-cell-border-width);
  border-style: solid;
  border-color: var(--a-gv-header-cell-border-color);
  padding-left: var(--a-gv-header-cell-padding-x);
  padding-right: var(--a-gv-header-cell-padding-x);
  padding-top: var(--a-gv-header-cell-padding-y);
  padding-bottom: var(--a-gv-header-cell-padding-y);
}

.a-GV-cell {
  height: var(--a-gv-cell-height);
  padding-left: var(--a-gv-cell-padding-x);
  padding-right: var(--a-gv-cell-padding-x);
  padding-top: var(--a-gv-cell-padding-y);
  padding-bottom: var(--a-gv-cell-padding-y);
  border-width: var(--a-gv-cell-border-width);
  border-style: solid;
  border-color: var(--a-gv-cell-border-color);
}

.a-GV-controlBreakHeader {
  border: 1px solid;
}

.a-GV-table .a-GV-cell.is-focused,
.a-GV-table th.is-focused {
  outline: none;
}

/* Active Cell
   ========================================================================== */
.a-GV-cell.is-active {
  overflow: visible;
}

/* Triangle for Changed, Updated, or Required
   ========================================================================== */
.a-GV-cell.is-changed:not(.is-active):before,
.a-GV-row.is-updated .a-GV-selHeader:before,
.a-GV--editMode .a-GV-header.is-required:before {
  content: '';
  border: 3px solid;
  border-color: currentColor currentColor transparent transparent;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

/* Read Only Rows
   ========================================================================== */
.a-GV--editMode .a-GV-row.is-readonly .a-GV-cell,
.a-GV--editMode .a-GV-cell.is-readonly {
  cursor: default;
}

/* Updated and Changed States
   ========================================================================== */
/* Cell States (is-changed) */
.a-GV-cell.is-changed:not(.is-active),
.a-GV-row.is-updated .a-GV-selHeader {
  position: relative;
}

/* Required Column
   ========================================================================== */
/* Row Inserted
   ========================================================================== */
/* Row Deleted
   ========================================================================== */
.a-GV-row.is-deleted .a-GV-cell {
  text-decoration: line-through;
  opacity: .5;
  background-color: rgba(0, 0, 0, 0.025);
}

/* Row Warning and Error
   ========================================================================== */
/* Row Header States */
.a-GV-cell.is-error:not(.is-active):before,
.a-GV-cell.is-warning:not(.is-active):before {
  font-family: var(--a-icon-font-family, "apex-5-icon-font");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  display: block;
  height: 16px;
  width: 16px;
  font-size: 16px;
  overflow: hidden;
}

.u-RTL .a-GV-cell.is-error:not(.is-active):before, .u-RTL
.a-GV-cell.is-warning:not(.is-active):before {
  float: left;
}

/* Cell Warning State */
.a-GV-cell.is-warning:not(.is-active),
.a-GV-cell.is-error:not(.is-active) {
  -webkit-box-shadow: 0 0 0 1px currentColor inset;
          box-shadow: 0 0 0 1px currentColor inset;
}

.a-GV-cell.is-warning:not(.is-active):before {
  content: '\e017';
}

.a-GV-cell.is-error:not(.is-active):before {
  content: '\e010';
}

/* Column Header
   ========================================================================== */
.a-GV-header {
  cursor: pointer;
}

.a-GV-header,
.a-GV-headerGroup {
  position: relative;
}

.a-GV-headerLabel {
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
}

.a-GV-headerGroup {
  font-weight: bold;
}

.a-GV-header-sort {
  margin-left: 4px;
  opacity: .8;
  display: inline-block;
  vertical-align: top;
}

.a-GV-header:hover .a-GV-header-sort {
  opacity: .3;
}

.a-GV-columnControls {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 4px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.u-RTL .a-GV-columnControls {
  right: auto;
  left: 0;
}

.a-GV-columnControls .a-Button {
  --a-button-padding-y: 0px;
  --a-button-padding-x: 0px;
  --a-button-border-width: 0px;
  display: block;
}

.a-GV-columnControls .a-Button:hover, .a-GV-columnControls .a-Button.is-active {
  z-index: 10;
}

/* Row Headers
   ========================================================================== */
.a-GV .a-GV-rowHeader .t-fht-cell {
  width: 16px;
}

.a-GV-rowHeader,
.a-GV-rowHeader.a-GV-header {
  vertical-align: middle;
}

.a-GV-rownum {
  text-align: right;
  display: inline-block;
  width: 50%;
}

.u-RTL .a-GV-rownum {
  text-align: left;
}

/* Control Breaks
   ========================================================================== */
.a-GV-controlBreakHeader {
  text-align: left;
}

.u-RTL .a-GV-controlBreakHeader {
  text-align: right;
}

.a-GV-controlBreakHeader .a-Button {
  --a-button-padding-y: 0px;
  --a-button-padding-x: 6px;
  --a-button-background-color: transparent;
  --a-button-border-width: 0px;
  --a-button-shadow: none;
  margin-right: 8px;
  vertical-align: top;
}

.u-RTL .a-GV-controlBreakHeader .a-Button {
  margin-left: 8px;
  margin-right: 0;
}

.a-GV-table th.a-GV-controlBreakHeader {
  height: 32px;
  padding: 4px 8px;
  font-weight: normal;
}

/* Aggregates
   ========================================================================== */
.is-aggregate .a-GV-rowHeader {
  text-align: right;
}

.u-RTL .is-aggregate .a-GV-rowHeader {
  text-align: left;
}

/* Modifiers
   ========================================================================== */
.a-GV--hideDeleted .a-GV-table tr.is-deleted {
  display: none;
}

/* Row States
   ========================================================================== */
.a-GV-table tr.is-deleted .a-GV-cell {
  text-decoration: line-through;
  opacity: .5;
}

/* Footer
   ========================================================================== */
.a-GV-footer {
  background-color: var(--a-gv-footer-background-color, #fff);
  padding-top: var(--a-gv-footer-padding-y, 8px);
  padding-bottom: var(--a-gv-footer-padding-y, 8px);
  padding-left: var(--a-gv-footer-padding-x, 12px);
  padding-right: var(--a-gv-footer-padding-x, 12px);
  border-top-width: var(--a-gv-cell-border-width);
  border-top-style: solid;
  border-top-color: var(--a-gv-cell-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-GV-pagination,
.a-GV-status,
.a-GV-stateIcons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.a-GV-stateIcons {
  margin-right: calc(var(--a-gv-footer-padding-x, 12px) / 2);
}

.u-RTL .a-GV-stateIcons {
  text-align: left;
  margin-left: calc(var(--a-gv-footer-padding-x, 12px) / 2);
  margin-right: 0;
}

.a-GV-stateIcons:empty {
  display: none;
}

/* Pagination
   ========================================================================== */
.a-GV-pagination {
  text-align: right;
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.u-RTL .a-GV-pagination {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

.a-GV-pagination > span:last-child .a-GV-pageRange {
  margin-right: 0;
}

.u-RTL .a-GV-pagination > span:last-child .a-GV-pageRange {
  --a-gv-pagination-button-gap-x: calc(var(--a-gv-pagination-button-gap-x) * 2);
  margin-right: var(--a-gv-pagination-button-gap-x, 8px);
  margin-left: 0;
}

.a-GV-pageSelector-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.a-GV-pageSelector-list,
.a-GV-pageSelector-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-GV-pageButton {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  font-family: inherit;
  margin: 0;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  margin-left: calc(var(--a-gv-pagination-button-gap-x) / 2);
  margin-right: calc(var(--a-gv-pagination-button-gap-x) / 2);
  padding-top: calc(var(--a-gv-pagination-button-padding-y) - var(--a-gv-pagination-button-border-width));
  padding-bottom: calc(var(--a-gv-pagination-button-padding-y) - var(--a-gv-pagination-button-border-width));
  padding-left: calc(var(--a-gv-pagination-button-padding-x) - var(--a-gv-pagination-button-border-width));
  padding-right: calc(var(--a-gv-pagination-button-padding-x) - var(--a-gv-pagination-button-border-width));
  border-width: var(--a-gv-pagination-button-border-width, 0);
  border-style: solid;
  border-color: var(--a-gv-pagination-button-border-color);
  border-radius: var(--a-gv-pagination-button-border-radius, 2px);
  cursor: var(--a-button-cursor, pointer);
  background-color: var(--a-gv-pagination-button-background-color, transparent);
  color: var(--a-gv-pagination-button-text-color, inherit);
  font-size: var(--a-button-font-size);
  line-height: var(--a-button-line-height, normal);
  font-weight: var(--a-button-font-weight);
}

.a-GV-pageRange {
  --a-gv-pagination-button-gap-x: calc(var(--a-gv-pagination-button-gap-x) * 2);
  margin-left: var(--a-gv-pagination-button-gap-x, 8px);
  margin-right: var(--a-gv-pagination-button-gap-x, 8px);
}

/* Status Bar
   ========================================================================== */
.a-GV-status {
  text-align: left;
}

.a-GV-status:empty {
  display: none;
}

.u-RTL .a-GV-status {
  text-align: right;
}

/* Column Move Handle and Reordering
   ========================================================================== */
.a-GV-columnHandle,
.a-GV-cellMoveHandle {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIG9wYWNpdHk9IjAuNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0cHgiIGhlaWdodD0iNHB4IiB2aWV3Qm94PSIwIDAgNCA0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0IDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLDJoMnYySDJWMnoiLz48cGF0aCBkPSJNMCwwaDJ2MkgwVjB6Ii8+PC9zdmc+);
  opacity: 1;
  background-size: 2px;
  background-repeat: repeat;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

.a-GV-columnHandle {
  position: absolute;
  left: 0;
  width: 4px;
  margin: 2px;
  top: 0;
  bottom: 0;
  cursor: move;
  opacity: .4;
}

.a-GV-columnHandle .a-Icon {
  display: none;
}

.u-RTL .a-GV-columnHandle {
  left: auto;
  right: 0;
}

.a-GV-columnWidthHandle {
  position: absolute;
  width: 10px;
  cursor: col-resize;
  z-index: 2;
}

.a-GV-header-dragHelper {
  height: 40px;
  padding: 8px;
  font-size: 12px;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  border: 1px solid;
  font-family: inherit;
}

.a-GV-header-dragHelper.ui-draggable-dragging {
  --a-gv-header-drag-helper-background-color: rgba(255, 255, 255, .9);
  --a-gv-header-drag-helper-border-radius: 2px;
  --a-gv-header-drag-helper-border-color: var(--a-palette-primary, #0572CE);
  --a-gv-header-drag-helper-backdrop-filter: blur(2px);
  --a-gv-header-drag-helper-shadow: 0 12px 24px -12px rgba(0, 0, 0, .3);
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-box-shadow: var(--a-gv-header-drag-helper-shadow);
          box-shadow: var(--a-gv-header-drag-helper-shadow);
  border-radius: var(--a-gv-header-drag-helper-border-radius);
  -webkit-backdrop-filter: var(--a-gv-header-drag-helper-backdrop-filter);
          backdrop-filter: var(--a-gv-header-drag-helper-backdrop-filter);
  background-color: var(--a-gv-header-drag-helper-background-color);
  border-color: var(--a-gv-header-drag-helper-border-color);
}

.a-GV-header-dragHelper.ui-draggable-dragging .a-GV-columnHandle {
  opacity: 0;
}

.a-GV-colMoveMarker {
  height: 40px;
  width: 4px;
  position: absolute;
  top: 0;
}

.a-GV-rownum {
  width: 100%;
  font-size: 11px;
  text-align: right;
  display: inline-block;
}

.u-RTL .a-GV-rownum {
  text-align: left;
}

.a-GV-table--checkbox .a-GV-rownum {
  margin-left: -18px;
}

.u-RTL .a-GV-table--checkbox .a-GV-rownum {
  margin-right: -18px;
  margin-left: 0;
}

/* Actions Button / Column
   ========================================================================== */
.a-GV-cell.has-button {
  --a-gv-cell-padding-y: 0px;
  --a-gv-cell-padding-x: 2px;
}

.a-GV-header.has-button {
  --a-gv-header-cell-padding-y: 0px;
  --a-gv-header-cell-padding-x: 6px;
}

.a-GV-cell .a-Button {
  --a-button-padding-y: 2px;
  --a-button-padding-x: 4px;
}

.a-Button.a-Button--actions {
  --a-button-background-color: transparent;
  --a-button-shadow: none;
  --a-button-border-width: 0px;
  --a-button-border-radius: 0;
  background-color: var(--a-button-state-background-color, var(--a-button-type-background-color, var(--a-button-background-color, transparent)));
  color: var(--a-button-state-text-color, var(--a-button-type-text-color, var(--a-button-text-color, inherit)));
  border-color: var(--a-button-state-border-color, var(--a-button-type-border-color, var(--a-button-border-color)));
  -webkit-box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
          box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
  display: block;
  width: 100%;
}

.a-Button.a-Button--actions:before, .a-Button.a-Button--actions:after {
  display: none;
}

.a-Button.a-Button--actions:hover, .a-Button.a-Button--actions:focus, .a-Button.a-Button--actions.is-active {
  --a-button-state-background-color: rgba(0, 0, 0, .1);
  background-color: var(--a-button-state-background-color, var(--a-button-type-background-color, var(--a-button-background-color, transparent)));
}

.a-GV-cell .a-Button.a-Button--actions {
  --a-button-padding-y: 6px;
  --a-button-padding-x: 8px;
}

.a-GV-header .a-Button.a-Button--actions {
  --a-button-padding-y: 8px;
  --a-button-padding-x: 4px;
}

.a-Icon.icon-menu:before {
  content: "\e066";
}

/* Editing
   ========================================================================== */
.a-GV-table .a-GV-cell.is-active {
  padding: 0;
  background-color: #E8E8E8;
}

/* When column items are inactive, set a large width so components do not wrap */
.a-GV-columnItemContainer {
  width: 1024px;
}

.a-GV-cell .a-GV-columnItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  /* Fix for date picker item in Firefox where size attribute makes the input wider than the cell */
}

.a-GV-cell .a-GV-columnItem input:not([type="radio"]):not([type="checkbox"]),
.a-GV-cell .a-GV-columnItem select[size='1'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
  display: block;
  width: 100%;
  height: auto;
}

.a-GV-cell .a-GV-columnItem input.popup_lov {
  min-width: 0;
}

.a-GV-cell .a-GV-columnItem select[size='1'] {
  max-height: none;
}

.a-GV-cell .a-GV-columnItem input:not([type="radio"]):not([type="checkbox"]) {
  border-width: 0;
  padding: 0 8px;
  margin: 0;
  background-color: transparent;
}

.a-GV-cell .a-GV-columnItem select[size='1'] {
  overflow: hidden;
  padding-left: 8px;
  text-indent: .01px;
  text-overflow: ' ';
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0 transparent;
  min-width: 60px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: var(--a-field-select-background-size);
  background-image: var(--a-field-select-background-image);
  padding-right: var(--a-field-select-arrow-padding);
}

.u-RTL .a-GV-cell .a-GV-columnItem select[size='1'] {
  padding-right: calc(var(--a-field-input-padding-x) - var(--a-field-input-border-width));
  padding-left: var(--a-field-select-arrow-padding);
}

.a-GV-cell .a-GV-columnItem select[size='1']:-moz-focusring, .a-GV-cell .a-GV-columnItem select[size='1']::-moz-focus-inner {
  outline: none;
}

.u-tE .a-GV-cell .a-GV-columnItem input {
  text-align: right;
}

.u-RTL .u-tE .a-GV-cell .a-GV-columnItem input {
  text-align: left;
}

.u-tS .a-GV-cell .a-GV-columnItem input {
  text-align: left;
}

.u-RTL .u-tS .a-GV-cell .a-GV-columnItem input {
  text-align: right;
}

.u-tC .a-GV-cell .a-GV-columnItem input {
  text-align: center;
}

.a-GV-cell .a-GV-columnItem .apex-item-group {
  width: 100%;
}

.a-GV-cell .a-GV-columnItem .star-rating {
  -ms-flex-item-align: center;
      align-self: center;
}

.a-GV-columnItem {
  /* Yes No Item */
  /* Auto complete */
}

.a-GV-columnItem fieldset.shuttle {
  max-width: 440px;
}

.a-GV-columnItem fieldset.shuttle select.shuttle_left,
.a-GV-columnItem fieldset.shuttle select.shuttle_right {
  min-width: 80px;
}

.a-GV-columnItem fieldset.color_picker td {
  padding: 0;
  height: auto;
  border-width: 0;
  vertical-align: top;
}

.a-GV-columnItem .apex-item-group--popup-lov .apex-item-multi {
  min-height: 36px;
}

.a-GV-columnItem .apex-button-group.apex-item-group--switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-GV-columnItem .apex-button-group.apex-item-group--switch .apex-item-option {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-GV-columnItem .apex-button-group.apex-item-group--switch label {
  --a-button-border-radius: 0;
  --a-button-shadow: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.a-GV-columnItem .apex-item-group--auto-complete {
  width: 100%;
}

.a-GV-columnItem .apex-item-starrating {
  margin-top: auto;
  margin-bottom: auto;
}

/* Floating Item
   ========================================================================== */
.a-GV-floatingItem {
  /* Collapsed Form */
}

.a-GV-floatingItem fieldset.textarea {
  vertical-align: top;
  border: none;
  padding: 0;
  margin: 0;
}

.a-GV-floatingItem textarea {
  border-width: 0;
  display: block;
  width: 100%;
  font-size: 12px;
  background-color: transparent;
}

.a-GV-floatingItem textarea:focus {
  outline: none;
}

.a-GV-floatingItem .a-GV-expandCollapse {
  border: none;
  cursor: pointer;
}

.a-GV-floatingItem:not(.is-expanded) {
  overflow: hidden;
  position: relative;
}

.a-GV-floatingItem:not(.is-expanded),
.a-GV-floatingItem:not(.is-expanded) .a-GV-columnItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-GV-floatingItem:not(.is-expanded) .a-GV-cellMoveHandle {
  display: none;
}

.a-GV-floatingItem:not(.is-expanded) .a-GV-expandCollapse {
  height: 28px;
  margin: 1px;
}

.a-GV-floatingItem:not(.is-expanded) .a-GV-floatingItemContent {
  /* hide floating item content when it is collapsed */
  display: none;
}

.a-GV-floatingItem.is-expanded {
  border: 1px solid;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 12px;
  z-index: 2010;
  padding: 10px 2px 2px 2px;
  display: block;
  min-width: 80px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 2px;
  -webkit-box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.25);
  visibility: visible;
}

.a-GV-floatingItem.is-expanded:focus {
  outline: none;
}

.a-GV-floatingItem.is-expanded .a-GV-cellMoveHandle {
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  margin: 2px;
  cursor: move;
  display: block;
  position: absolute;
}

.a-GV-floatingItem.is-expanded .a-GV-expandCollapse {
  border-radius: 24px;
  position: absolute;
  right: -12px;
  top: -12px;
  width: 24px;
  height: 24px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-GV-floatingItem.is-expanded .a-GV-expandCollapse .a-Icon {
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}

.a-GV-floatingItem.is-expanded .apex-item-multi {
  min-width: 160px;
}

/* Scroll Filler / Gap
   ========================================================================== */
.a-GV-scrollFiller .a-GV-cell {
  height: 0;
}

/* Load More
   ========================================================================== */
.a-GV-loadMore {
  text-align: center;
  padding-top: var(--a-gv-footer-padding-y, 8px);
  padding-bottom: var(--a-gv-footer-padding-y, 8px);
  padding-left: var(--a-gv-footer-padding-x, 12px);
  padding-right: var(--a-gv-footer-padding-x, 12px);
  border-top-width: var(--a-gv-cell-border-width);
  border-top-style: solid;
  border-top-color: var(--a-gv-cell-border-color);
}

.a-GV-loadMoreButton {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  font-family: inherit;
  margin: 0;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  padding-top: calc(var(--a-button-padding-y) - var(--a-button-border-width));
  padding-bottom: calc(var(--a-button-padding-y) - var(--a-button-border-width));
  padding-left: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  padding-right: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  border-width: var(--a-button-border-width);
  border-style: solid;
  border-color: var(--a-button-border-color);
  border-radius: var(--a-button-border-radius);
  cursor: var(--a-button-cursor, pointer);
  background-color: var(--a-button-background-color, transparent);
  color: var(--a-button-text-color, inherit);
  font-size: var(--a-button-font-size);
  line-height: var(--a-button-line-height, normal);
  font-weight: var(--a-button-font-weight);
}

/* Tooltips
   ========================================================================== */
.a-GV-tooltip.ui-tooltip {
  --jui-tooltip-background-color: var(--a-tooltip-background-color);
  --jui-tooltip-text-color: var(--a-tooltip-text-color);
  max-width: 280px;
  -webkit-backdrop-filter: var(--a-tooltip-backdrop-filter, none);
          backdrop-filter: var(--a-tooltip-backdrop-filter, none);
  font-size: var(--a-tooltip-font-size, 11px);
  line-height: var(--a-tooltip-line-height, 1.5);
}

.a-GV-tooltip.ui-tooltip:before {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  border-width: 0;
  border-color: transparent;
}

.a-GV-tooltip.ui-tooltip.arrow-left:before {
  top: 50%;
  left: -8px;
  margin-top: -8px;
  border-width: 8px 8px 8px 0;
  border-right-color: var(--jui-tooltip-background-color);
}

.a-GV-tooltip.ui-tooltip.arrow-right:before {
  top: 50%;
  right: -8px;
  margin-top: -8px;
  border-width: 8px 0 8px 8px;
  border-left-color: var(--jui-tooltip-background-color);
}

.a-GV-tooltip.ui-tooltip.arrow-bottom:before {
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  border-width: 8px 8px 0;
  border-top-color: var(--jui-tooltip-background-color);
}

.a-GV-tooltip.ui-tooltip.arrow-top:before {
  top: -8px;
  left: 50%;
  margin-left: -8px;
  border-width: 0 8px 8px;
  border-bottom-color: var(--jui-tooltip-background-color);
}

.a-GV-tooltip.ui-tooltip.is-error {
  --jui-tooltip-background-color: var(--a-palette-danger);
  --jui-tooltip-text-color: var(--a-palette-danger-contrast);
}

.a-GV-tooltip.ui-tooltip.is-warning {
  --jui-tooltip-background-color: var(--a-palette-warning);
  --jui-tooltip-text-color: var(--a-palette-warning-contrast);
}

/* Scrolling for Table Model View
   ========================================================================== */
.a-TMV-w-scroll {
  overflow: auto;
  outline: none;
}

/* Yes / No and Button Groups within Grid View
   ========================================================================== */
.a-GV-columnItem .apex-button-group label {
  min-width: 0;
}

/* Add focus for Links in cells
   ========================================================================== */
/* Select Cells
   ========================================================================== */
.a-GV.a-GV--selectCells .u-selector {
  opacity: 0;
}

/******************************************************************************

File Name:    Help.scss
Purpose:      Base styles for Help dialogs

******************************************************************************/
/* Item Help Dialogs
   ========================================================================== */
#apex_popup_field_help:focus {
  outline: none;
}

body#ir_help {
  font-family: var(--a-base-font-family, sans-serif);
}

.apex-help-dialog,
body#ir_help {
  padding: var(--a-help-dialog-padding-y, 12px) var(--a-help-dialog-padding-x, 12px);
  font-size: var(--a-help-dialog-base-font-size, 14px);
  line-height: var(--a-help-dialog-base-line-height, 1.5);
}

.apex-help-dialog h1,
body#ir_help h1 {
  font-size: var(--a-help-dialog-h1-font-size, 32px);
  font-weight: var(--a-base-font-weight-bold, 700);
}

.apex-help-dialog h2,
body#ir_help h2 {
  font-size: var(--a-help-dialog-h2-font-size, 20px);
  font-weight: var(--a-base-font-weight-bold, 700);
}

.apex-help-dialog h3,
body#ir_help h3 {
  font-size: var(--a-help-dialog-h3-font-size, 16px);
  font-weight: var(--a-base-font-weight-bold, 700);
}

.apex-help-dialog h4,
body#ir_help h4 {
  font-size: var(--a-help-dialog-h4-font-size, 14px);
}

.apex-help-dialog p,
.apex-help-dialog li,
body#ir_help p,
body#ir_help li {
  line-height: inherit;
  font-size: inherit;
}

.apex-help-dialog li,
body#ir_help li {
  margin-bottom: 4px;
}

.apex-help-dialog li:last-child,
body#ir_help li:last-child {
  margin-bottom: 0;
}

.apex-help-dialog code,
body#ir_help code {
  color: var(--a-help-dialog-code-text-color, #606060);
}

.apex-help-dialog .a-Button,
body#ir_help .a-Button {
  margin-top: var(--a-button-gap-x, 8px);
}

/* ==========================================================================
   Interactive Grid
   ========================================================================== */
.a-IG {
  border-width: var(--a-gv-border-width);
  border-style: solid;
  position: relative;
  border-color: var(--a-gv-border-color);
  background-color: var(--a-gv-background-color);
}

.a-IG-header {
  padding: var(--a-irr-item-spacing) var(--a-irr-item-spacing) 0;
  background-color: var(--a-toolbar-background-color);
  color: var(--a-toolbar-text-color);
  border-bottom-width: var(--a-toolbar-border-width);
  border-bottom-style: solid;
  border-bottom-color: var(--a-toolbar-border-color);
}

.a-IG--noToolbar .a-IG-header, .a-IG-header:empty {
  padding: 0;
  border: none;
  display: none;
}

.a-IG-contentContainer {
  overflow: hidden;
}

/* ==========================================================================
   Grid View
   ========================================================================== */
/* Sort Widget
   ========================================================================== */
.a-IG .a-IRR-sortWidget .a-IRR-sortWidget-actions {
  overflow: hidden;
  border-radius: 2px 2px 0 0;
  border-bottom-width: 0;
}

.a-IG .a-IRR-sortWidget .a-IRR-sortWidget-search {
  border-radius: 0 0 2px 2px;
  overflow: hidden;
}

/* Icon View
   ========================================================================== */
/* Default Icon View Styling
   ========================================================================== */
.a-TMV-defaultIconView {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.a-TMV-defaultIconView .a-IconList-item {
  padding-top: var(--a-iconlist-item-padding-y, 8px);
  padding-bottom: var(--a-iconlist-item-padding-y, 8px);
  padding-left: var(--a-iconlist-item-padding-x, 8px);
  padding-right: var(--a-iconlist-item-padding-x, 8px);
  width: var(--a-iconlist-item-width, 128px);
  height: var(--a-iconlist-item-height), 128px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: none;
}

.a-TMV-defaultIconView .a-IconList-item.is-selected, .a-TMV-defaultIconView .a-IconList-item.is-selected.is-focused {
  /* Style the background color for
       selected, and selected + focused states */
  background-color: var(--a-iconlist-selected-background-color);
}

.a-TMV-defaultIconView .a-IconList-icon {
  display: block;
  text-align: center;
}

.a-TMV-defaultIconView .a-IconList-label {
  margin-top: var(--a-iconlist-label-spacing, 4px);
  display: block;
  text-align: center;
  font-size: var(--a-iconlist-font-size, 12px);
  line-height: var(--a-iconlist-line-height, 16px);
}

/* ==========================================================================
   Interactive Grid Dialog
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Dialog
   ========================================================================== */
.a-IG-dialog {
  --jui-dialog-content-padding-y: 0;
  --jui-dialog-content-padding-x: 0;
}

/* Containers
   ========================================================================== */
.a-IGDialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

/* Region
   ========================================================================== */
.a-IGDialog-region {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-IGDialog-region .a-Form {
  display: block;
  overflow: hidden;
  padding: 8px;
}

.a-IGDialog-header {
  border-bottom: 1px solid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.a-IGDialog-footer {
  border-top: 1px solid;
}

.a-IGDialog-header .a-IGDialog-region-body {
  padding: 8px;
  text-align: center;
}

.a-IGDialog-side,
.a-IGDialog-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.a-IGDialog-side {
  border-right: 1px solid;
  width: 20%;
  min-width: 180px;
  background-color: #FAFAFA;
}

.a-IGDialog-main {
  width: 100%;
}

/*
  Handle Empty Positions
  */
.a-IGDialog-header:empty,
.a-IGDialog-body:empty,
.a-IGDialog-footer:empty {
  display: none;
}

/* Titles and Text
   ========================================================================== */
.a-IGDialog-title {
  font-size: 16px;
  line-height: 1.5;
  padding: 8px 12px;
  margin: 0;
  font-weight: 400;
}

/* Dialog List
   ========================================================================== */
.a-IGDialog-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.a-IGDialog-list-item {
  display: block;
}

.a-IGDialog-list-link {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px;
  font-size: 12px;
  padding: 8px 8px 8px 4px;
  text-decoration: none;
  color: #404040;
}

/* Fancy Checkbox
   ========================================================================== */
.a-IGDialog-label-checkbox {
  position: relative;
  width: 16px;
  height: 16px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
  background-color: #FFF;
  padding: 1px;
  border-radius: 2px;
  display: block;
  margin: 8px 4px 8px 8px;
  float: left;
  font-family: var(--a-icon-font-family, "apex-5-icon-font");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.a-IGDialog-label-checkbox:before {
  font-size: 12px;
  width: 12px;
  height: 12px;
  content: "\e007";
  display: block;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.a-IGDialog-label-checkbox:hover:before {
  opacity: .15;
}

.a-IGDialog-label-checkbox:active:before {
  opacity: .75;
}

.a-IGDialog-input-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.a-IGDialog-input-checkbox:checked + .a-IGDialog-label-checkbox {
  position: relative;
}

.a-IGDialog-input-checkbox:checked + .a-IGDialog-label-checkbox:before {
  opacity: 1;
}

.a-IGDialog-input-checkbox:disabled + .a-IGDialog-label-checkbox {
  opacity: .35;
  pointer-events: none;
}

/* Button
   ========================================================================== */
.a-IGDialog-button:focus,
.a-IGDialog-input:focus + .a-IGDialog-button {
  outline: 1px dotted;
}

/* Button Group
   ========================================================================== */
.a-IGDialog-buttonGroup {
  display: inline-block;
}

.a-IGDialog-buttonGroup .a-IGDialog-input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.a-IGDialog-buttonGroup .a-IGDialog-input:checked + .a-IGDialog-button {
  z-index: 110;
}

.a-IGDialog-buttonGroup-item {
  display: inline-block;
}

.a-IGDialog-buttonGroup-item .a-IGDialog-button {
  border-radius: 0;
  margin-right: -1px;
}

.a-IGDialog-buttonGroup-item:first-of-type .a-IGDialog-button {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.a-IGDialog-buttonGroup-item:last-of-type .a-IGDialog-button {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

/* Simple Button Group
   ==========================================================================
   Removes borders and outlines from buttons and other toolbar controls
   ========================================================================== */
.a-IGDialog-buttonGroup--simple .a-Button.a-IGDialog-button {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  border-color: transparent;
}

.a-IGDialog-buttonGroup--simple .a-IGDialog-input:checked + .a-IGDialog-button {
  border-radius: 2px;
}

/* Side Contents
   ========================================================================== */
.a-IGDialog-side .a-Toolbar {
  border-top: 1px solid;
  padding: 8px;
}

.a-IGDialog-side .a-Toolbar .a-Button--withIcon {
  padding: 4px 8px;
}

.a-IGDialog-side .a-Toolbar .a-Toolbar-group {
  margin-bottom: 0;
}

.a-IGDialog-side .a-GV-table td,
.a-IGDialog-side .a-GV-table th {
  border-right-width: 0;
  border-left-width: 0;
}

/* ==========================================================================
   Icon List
   ========================================================================== */
.a-IconList.a-IGDialog-iconList {
  margin: 0;
  padding: 0;
}

.a-IconList .a-IGDialog-iconList-item {
  padding: 16px 4px;
  margin: 0 4px 4px 0;
  width: 96px;
}

.a-IconList .a-IGDialog-iconList-link {
  display: block;
}

.a-IconList .a-IGDialog-iconList-icon {
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.a-IconList .a-IGDialog-iconList-icon:before {
  font-size: 32px;
}

.a-IconList .a-IGDialog-iconList-label {
  display: block;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==========================================================================
   Interactive Report
   ========================================================================== */
.a-IRR {
  font-size: var(--a-gv-font-size);
  line-height: var(--a-gv-line-height);
  border-width: var(--a-gv-border-width);
  border-style: solid;
  position: relative;
  border-color: var(--a-gv-border-color);
  background-color: var(--a-gv-background-color);
}

.a-IRR-container {
  position: relative;
}

.a-IRR-toolbar {
  position: relative;
  padding: var(--a-irr-item-spacing);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: var(--a-toolbar-background-color);
  border-bottom-width: var(--a-toolbar-border-width);
  border-bottom-style: solid;
  border-bottom-color: var(--a-toolbar-border-color);
}

.a-IRR-toolbar .a-IRR-controls {
  margin: calc(var(--a-irr-item-spacing) / -2) calc(var(--a-irr-item-spacing) / -2);
}

.a-IRR-buttons {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
}

.a-IRR-buttons:empty {
  display: none;
}

.a-IRR-buttons .a-Button {
  margin-top: calc(var(--a-irr-item-spacing) / 2);
  margin-bottom: calc(var(--a-irr-item-spacing) / 2);
}

.a-IRR-colSearch,
.a-IRR-savedReports,
.a-IRR-rowSelector,
.a-IRR-manage {
  display: inline-block;
  vertical-align: top;
}

/* ==========================================================================
   Search
   ========================================================================== */
.a-IRR-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-search .a-IRR-colSelector,
.a-IRR-search .a-IRR-searchFieldContainer,
.a-IRR-search .a-IRR-searchButtonContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-IRR-colSelector {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-searchFieldContainer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1px;
  margin-right: -1px;
}

.a-IRR-searchButtonContainer {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-button--colSearch {
  border-radius: 0;
  border-top-left-radius: var(--a-button-border-radius);
  border-bottom-left-radius: var(--a-button-border-radius);
}

.u-RTL .a-IRR-button--colSearch {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--a-button-border-radius);
  border-bottom-right-radius: var(--a-button-border-radius);
}

.a-IRR-search-field {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: 0;
  display: block;
  margin: 0;
  height: calc(var(--a-report-controls-input) + var(--a-report-controls-input-padding-y));
  padding-left: calc(var(--a-report-controls-input-padding-x) - var(--a-report-controls-input-border-width));
  padding-right: calc(var(--a-report-controls-input-padding-x) - var(--a-report-controls-input-border-width));
  padding-top: calc(var(--a-report-controls-input-padding-y) - var(--a-report-controls-input-border-width));
  padding-bottom: calc(var(--a-report-controls-input-padding-y) - var(--a-report-controls-input-border-width));
  font-size: var(--a-report-controls-input-font-size);
  line-height: var(--a-report-controls-input-line-height);
  width: var(--a-report-controls-search-width);
  border-width: var(--a-report-controls-input-border-width);
  border-style: solid;
  border-color: var(--a-report-controls-input-border-color);
}

.a-IRR-search-field:focus {
  border-color: var(--a-report-controls-input-focus-border-color);
  z-index: 1;
}

.a-IRR-button--search {
  --a-button-font-weight: var(--a-base-font-weight-bold, 700);
  vertical-align: top;
  border-radius: 0;
  border-top-right-radius: var(--a-button-border-radius);
  border-bottom-right-radius: var(--a-button-border-radius);
}

.u-RTL .a-IRR-button--search {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--a-button-border-radius);
  border-bottom-left-radius: var(--a-button-border-radius);
}

/* ==========================================================================
   Column Search
   ========================================================================== */
.a-IRR-colSearch:empty {
  display: none;
}

/* ==========================================================================
   Buttons in IRR Button Position
   ========================================================================== */
/* ==========================================================================
   Search Options
   ========================================================================== */
.a-IRR-views .a-IRR-button {
  border-radius: 0;
}

.a-IRR-views .a-IRR-button + .a-IRR-button {
  margin-left: -1px;
}

.u-RTL .a-IRR-views .a-IRR-button + .a-IRR-button {
  margin-left: 0;
  margin-right: -1px;
}

.a-IRR-views .a-IRR-button:first-child {
  border-top-left-radius: var(--a-button-border-radius);
  border-bottom-left-radius: var(--a-button-border-radius);
}

.u-RTL .a-IRR-views .a-IRR-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--a-button-border-radius);
  border-bottom-right-radius: var(--a-button-border-radius);
}

.a-IRR-views .a-IRR-button:last-child {
  border-top-right-radius: var(--a-button-border-radius);
  border-bottom-right-radius: var(--a-button-border-radius);
}

.u-RTL .a-IRR-views .a-IRR-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--a-button-border-radius);
  border-bottom-left-radius: var(--a-button-border-radius);
}

/* ==========================================================================
   Manage Button (Websheets Only)
   ========================================================================== */
.a-IRR-control-panel {
  clear: both;
}

/* ==========================================================================
   Select Lists (Rows and Saved Reports)
   ========================================================================== */
.a-IRR-rowSelector .a-IRR-selectList,
.a-IRR-savedReports .a-IRR-selectList {
  margin-right: 4px;
  vertical-align: top;
}

.a-IRR-rowSelector label {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  line-height: 32px;
  color: #404040;
}

/* ==========================================================================
   Sort Widget
   ========================================================================== */
.a-IRR-sortWidget {
  position: absolute;
  width: 220px;
  z-index: 2020;
  /* fixes bug in IG grid when it is inside of a dialog */
  background-color: var(--a-menu-background-color);
  border-radius: var(--a-menu-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: var(--a-menu-border-color);
  border-width: var(--a-menu-border-width);
  border-style: solid;
  -webkit-box-shadow: var(--a-menu-shadow);
          box-shadow: var(--a-menu-shadow);
}

.a-IRR-sortWidget-actions,
.a-IRR-sortWidget-rows {
  margin: 0;
  padding: 0;
  list-style: none;
}

.a-IRR-sortWidget-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom-color: var(--a-menu-border-color);
  border-bottom-width: var(--a-menu-border-width);
  border-bottom-style: solid;
  padding: 2px;
}

.a-IRR-sortWidget-actions-item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  padding: 2px;
}

.a-IRR-sortWidget-actions-item:last-child {
  border-right: 0;
}

.a-IRR-sortWidget-searchIcon {
  color: #C0C0C0;
  position: absolute;
  margin: 8px;
}

.a-IRR-sortWidget-searchLabel {
  position: absolute;
  padding: 8px;
  height: 32px;
  z-index: 2;
}

.a-IRR-sortWidget-searchLabel:before {
  font-family: var(--a-icon-font-family, "apex-5-icon-font");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e022";
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #707070;
}

.a-IRR-sortWidget-help {
  padding: 8px;
  max-height: 160px;
  overflow: auto;
  background-color: #fff;
}

.a-IRR-sortWidget-search {
  position: relative;
}

.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField {
  display: block;
  width: 100%;
  height: 32px;
  padding: 0 8px 0 32px;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  border: none;
  color: #404040;
  position: relative;
}

.a-IRR-sortWidget-rows {
  min-height: 160px;
  max-height: 160px;
  overflow: auto;
  -webkit-transition: height .1s ease;
  transition: height .1s ease;
  border-top-color: var(--a-menu-border-color);
  border-top-width: var(--a-menu-border-width);
  border-top-style: solid;
  padding-top: calc(var(--a-menu-padding-y) - var(--a-menu-border-width));
  padding-bottom: calc(var(--a-menu-padding-y) - var(--a-menu-border-width));
  padding-left: calc(var(--a-menu-padding-x) - var(--a-menu-border-width));
  padding-right: calc(var(--a-menu-padding-x) - var(--a-menu-border-width));
  font-size: var(--a-menu-font-size);
  line-height: var(--a-menu-line-height);
  font-weight: var(--a-menu-font-weight);
}

.a-IRR-sortWidget-rows:empty:before {
  content: '...';
  display: block;
  padding-top: var(--a-menu-item-generic-padding-y);
  padding-bottom: var(--a-menu-item-generic-padding-y);
  padding-left: var(--a-menu-item-generic-padding-x);
  padding-right: var(--a-menu-item-generic-padding-x);
  opacity: var(--a-menu-disabled-opacity);
}

.a-IRR-sortWidget-row {
  display: block;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: var(--a-menu-item-generic-padding-y);
  padding-bottom: var(--a-menu-item-generic-padding-y);
  padding-left: var(--a-menu-item-generic-padding-x);
  padding-right: var(--a-menu-item-generic-padding-x);
}

.a-IRR-sortWidget-row:hover {
  background-color: var(--a-menu-focused-background-color);
  color: var(--a-menu-focused-text-color);
  text-decoration: none;
}

.a-IRR-button.a-IRR-sortWidget-button {
  --a-button-shadow: none;
  width: 100%;
  display: block;
}

/* ==========================================================================
   Report
   ========================================================================== */
.a-IRR-tableWrap {
  width: 100%;
  overflow: auto;
}

.a-IRR-table {
  width: 100%;
  border-collapse: collapse;
  border-style: hidden;
  border-spacing: 0;
  table-layout: auto;
}

/**
 * Column Header
 */
.a-IRR-header {
  vertical-align: middle;
  font-weight: var(--a-gv-header-cell-font-weight);
  padding: 0;
  height: var(--a-gv-header-cell-height);
  background-color: var(--a-gv-header-background-color);
  color: var(--a-gv-header-text-color);
  border-width: var(--a-gv-header-cell-border-width);
  border-style: solid;
  border-color: var(--a-gv-header-cell-border-color);
}

.a-IRR-header:hover {
  background-color: #FFF;
}

.a-IRR-header.is-active {
  background-color: #FFF;
}

.a-IRR-header .t-fht-cell {
  margin-top: -1px;
}

.a-IRR-header--link {
  width: 1%;
}

.a-IRR-header--group {
  padding: 8px;
  text-align: left;
  background-color: #F8F8F8;
  border-top: 1px solid #E8E8E8;
}

.u-RTL .a-IRR-header--group {
  text-align: right;
}

.a-IRR-header--group:hover {
  background-color: #F8F8F8;
}

/**
 * Pivot View Headers
 */
.a-IRR-header--pivotRow,
.a-IRR-header--pivotColumn {
  background-color: #F8F8F8;
  padding: 8px;
}

.a-IRR-header--pivotRow:hover,
.a-IRR-header--pivotColumn:hover {
  background-color: #F8F8F8;
}

.a-IRR-header--pivotRow {
  border-right: 1px solid #E0E0E0;
}

/**
 * Null Cell
 */
.a-IRR-header.a-IRR-header--null {
  border-top-width: 0;
  background-color: #FFF !important;
}

.a-IRR-header.a-IRR-header--null:hover {
  background-color: #fff !important;
}

/**
 * Aggregate Cell
 */
.a-IRR-aggregate {
  font-weight: bold;
  background-color: #F4F4F4;
}

/**
 * Table Cell
 */
.a-IRR-table td {
  padding-left: var(--a-gv-cell-padding-x);
  padding-right: var(--a-gv-cell-padding-x);
  padding-top: var(--a-gv-cell-padding-y);
  padding-bottom: var(--a-gv-cell-padding-y);
  height: var(--a-gv-cell-height);
  border-width: var(--a-gv-cell-border-width);
  border-style: solid;
  border-color: var(--a-gv-cell-border-color);
}

/**
 * Row Highlighting
 */
.a-GV-row.is-hover,
.a-IRR-table tr:hover td {
  background-color: var(--a-gv-row-hover-background-color, #F4F4F4);
}

/* ==========================================================================
   Report Headers
   ========================================================================== */
.a-IRR-headerLink,
.a-IRR-headerLabel {
  padding-left: var(--a-gv-header-cell-padding-x);
  padding-right: var(--a-gv-header-cell-padding-x);
  padding-top: var(--a-gv-header-cell-padding-y);
  padding-bottom: var(--a-gv-header-cell-padding-y);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: inherit;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: var(--a-gv-header-cell-height);
}

.a-IRR-headerLink {
  text-decoration: none;
}

.a-IRR-headerLink:hover {
  text-decoration: none;
}

.a-IRR-headerLink:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px #4696fc inset;
          box-shadow: 0 0 0 2px #4696fc inset;
}

.u-textRight .a-IRR-headerLink,
.u-textRight .a-IRR-headerLabel,
.u-tR .a-IRR-headerLink,
.u-tR .a-IRR-headerLabel,
.u-textEnd .a-IRR-headerLink,
.u-textEnd .a-IRR-headerLabel,
.u-tE .a-IRR-headerLink,
.u-tE .a-IRR-headerLabel {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.u-RTL .u-textRight .a-IRR-headerLink,
.u-RTL .u-textRight .a-IRR-headerLabel, .u-RTL
.u-tR .a-IRR-headerLink,
.u-RTL
.u-tR .a-IRR-headerLabel, .u-RTL
.u-textEnd .a-IRR-headerLink,
.u-RTL
.u-textEnd .a-IRR-headerLabel, .u-RTL
.u-tE .a-IRR-headerLink,
.u-RTL
.u-tE .a-IRR-headerLabel {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.u-textLeft .a-IRR-headerLink,
.u-textLeft .a-IRR-headerLabel,
.u-tL .a-IRR-headerLink,
.u-tL .a-IRR-headerLabel,
.u-textStart .a-IRR-headerLink,
.u-textStart .a-IRR-headerLabel,
.u-tS .a-IRR-headerLink,
.u-tS .a-IRR-headerLabel {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.u-RTL .u-textLeft .a-IRR-headerLink,
.u-RTL .u-textLeft .a-IRR-headerLabel, .u-RTL
.u-tL .a-IRR-headerLink,
.u-RTL
.u-tL .a-IRR-headerLabel, .u-RTL
.u-textStart .a-IRR-headerLink,
.u-RTL
.u-textStart .a-IRR-headerLabel, .u-RTL
.u-tS .a-IRR-headerLink,
.u-RTL
.u-tS .a-IRR-headerLabel {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.u-textCenter .a-IRR-headerLink,
.u-textCenter .a-IRR-headerLabel,
.u-tC .a-IRR-headerLink,
.u-tC .a-IRR-headerLabel {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.a-IRR-headerSort {
  color: #909090;
  margin-left: 4px;
}

.u-RTL .a-IRR-headerSort {
  margin-left: 0;
  margin-right: 4px;
}

/* ==========================================================================
   .a-IRR-content
   ========================================================================== */
.a-IRR-content {
  clear: both;
  position: relative;
}

/* ==========================================================================
   .a-IRR-controlPanel
   ========================================================================== */
.a-IRR-controlPanel {
  padding: 8px 12px;
  border-bottom: 1px solid #E0E0E0;
}

/* ==========================================================================
   IRR Pagination
   ========================================================================== */
.a-IRR-paginationWrap {
  padding: 8px 12px;
}

.a-IRR-paginationWrap--top {
  border-bottom: 1px solid #E0E0E0;
}

.a-IRR-paginationWrap--bottom {
  border-top: 1px solid #E0E0E0;
}

.a-IRR-paginationWrap--textLeft .a-IRR-pagination {
  text-align: left;
}

.u-RTL .a-IRR-paginationWrap--textLeft .a-IRR-pagination {
  text-align: right;
}

.a-IRR-pagination {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.u-RTL .a-IRR-pagination {
  text-align: left;
}

.a-IRR-pagination-item {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
  font-size: inherit;
}

/* ==========================================================================
   No Data Found
   ========================================================================== */
.a-IRR-noDataMsg {
  text-align: center;
  padding: var(--a-gv-nodata-message-padding-y, 16px) var(--a-gv-nodata-message-padding-x, 16px);
}

.a-IRR-noDataMsg-icon .a-Icon {
  --a-icon-size: var(--a-gv-nodata-message-icon-size);
  color: var(--a-gv-nodata-message-icon-color);
  margin-bottom: var(--a-gv-nodata-message-icon-spacing, 12px);
}

.a-IRR-noDataMsg-text {
  display: block;
  font-size: var(--a-gv-nodata-message-font-size, 12px);
  color: var(--a-gv-nodata-message-text-color);
}

.a-IRR-message {
  display: block;
  padding: var(--a-gv-nodata-message-padding-y, 16px) var(--a-gv-nodata-message-padding-x, 16px);
  font-size: var(--a-gv-nodata-message-font-size, 12px);
  color: var(--a-gv-nodata-message-text-color);
}

.a-IRR-message:empty {
  display: none;
}

/* ==========================================================================
   .a-IRR-button
   ========================================================================== */
/*
   Pagination + control Buttons
   ========================================================================== */
.a-IRR-button.a-IRR-button--pagination {
  border-radius: 100%;
  vertical-align: top;
}

.a-IRR-button.a-IRR-button--pagination:hover {
  background-color: #4696fc;
  color: #FFF;
}

.a-IRR-pagination-item:first-child .a-IRR-button.a-IRR-button--pagination {
  padding: 2px 3px 2px 1px;
}

.a-IRR-pagination-item:last-child .a-IRR-button.a-IRR-button--pagination {
  padding: 2px 1px 2px 3px;
}

/*
   Search Button
   ========================================================================== */
.a-IRR-button.a-IRR-button--reportView {
  padding-left: 8px;
}

/* ==========================================================================
   Single Row View
   ========================================================================== */
.a-IRR-toolbar--singleRow {
  display: table;
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #F0F0F0;
}

.a-IRR-toolbarNav,
.a-IRR-singleRowNav {
  display: table-cell;
}

.a-IRR-viewOptionsContainer {
  display: inline-block;
}

.a-IRR-viewOption {
  display: inline-block;
  margin-left: 8px;
}

.a-IRR-viewOption input[type="checkbox"] {
  display: inline-block;
}

.a-IRR-viewOption label {
  display: inline-block;
  font-size: 12px;
  margin-left: 4px;
}

.a-IRR-viewOption input:checked + label {
  font-weight: bold;
}

.a-IRR-singleRowNav {
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

/*
   Single Row Table
   ========================================================================== */
.a-IRR-singleRow-group:first-child .a-IRR-singleRow-link {
  border-top: none;
}

.a-IRR-singleRow-title {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
}

.a-IRR-singleRow-link {
  display: block;
  padding: 12px;
  text-decoration: none;
  background-color: #F8F8F8;
  border-bottom: 1px solid #E8E8E8;
  border-top: 1px solid #E8E8E8;
}

.a-IRR-singleRow-link .a-Icon {
  color: #B0B0B0;
}

.a-IRR-singleRow-link:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px #4696fc inset;
          box-shadow: 0 0 0 2px #4696fc inset;
}

.a-IRR-singleRow-link:hover {
  background-color: #F0F0F0;
}

.a-IRR-singleRow-rows.is-collapsed {
  display: none;
}

.a-IRR-singleRow-rows.is-expanded {
  display: block;
}

.a-IRR-singleRow-row {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.a-IRR-singleRow-row:hover .a-IRR-singleRow-name,
.a-IRR-singleRow-row:hover .a-IRR-singleRow-value {
  background-color: #F8F8F8;
}

.a-IRR-singleRow-group .a-IRR-singleRow-row:last-child .a-IRR-singleRow-name,
.a-IRR-singleRow-group .a-IRR-singleRow-row:last-child .a-IRR-singleRow-value {
  border-bottom: none;
}

.a-IRR-singleRow-name,
.a-IRR-singleRow-value {
  display: table-cell;
  padding: 12px;
  border-bottom: 1px solid #F0F0F0;
  color: #404040;
  font-size: 12px;
  line-height: 16px;
}

.a-IRR-singleRow-name {
  width: 25%;
  border-right: 1px solid #F0F0F0;
  font-weight: bold;
  background-color: #FCFCFC;
}

/*
   IRR Groups
   ========================================================================== */
.a-IRR-viewsContainer {
  display: inline-block;
  vertical-align: top;
}

.a-IRR-controlGroup {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  margin: calc(var(--a-irr-item-spacing) / 2);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right-width: var(--a-toolbar-sep-border-width);
  border-right-style: solid;
  border-right-color: var(--a-toolbar-sep-border-color);
  padding-right: var(--a-toolbar-sep-spacing);
}

.u-RTL .a-IRR-controlGroup {
  border-right: 0;
  padding-right: 0;
  border-left-width: var(--a-toolbar-sep-border-width);
  border-left-style: solid;
  border-left-color: var(--a-toolbar-sep-border-color);
  padding-left: var(--a-toolbar-sep-spacing);
}

.a-IRR-controlGroup:empty {
  display: none;
}

.a-IRR .calculator td.w20 {
  width: 20px;
  height: 20px;
}

.a-IRR .calculator td.w40 {
  width: 40px;
  height: 20px;
}

.a-IRR .calculator td.w120 {
  width: 100%;
  height: 20px;
}

/* ==========================================================================
   Interactive Report Dialog
   ========================================================================== */
.a-IRR-dialogContent .error {
  --a-field-input-border-color: var(--a-palette-danger);
}

.a-IRR-dialogShuttle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-IRR-dialogListContainer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.a-IRR-dialogListContainer .u-Form-label {
  background-color: rgba(0, 0, 0, 0.025);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: -1px;
  padding: 4px 12px;
  text-align: center;
  display: block;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.a-IRR-dialogListContainer select {
  height: 180px !important;
  min-width: 160px;
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.a-IRR-dialogListContainer .a-IRR-dialogList {
  border-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.a-IRR-dialogShuttle-actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 6px;
}

.a-IRR-dialogShuttle-actions .a-Button.a-Button--shuttle {
  padding: 6px 4px;
  margin: 2px;
}

.a-IRR-dialogMsg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
}

.a-IRR-dialogMsg-icon {
  opacity: .35;
  margin-right: 12px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-dialogMsg-icon.a-Icon {
  font-size: 24px;
  line-height: 24px;
  width: 24px;
  height: 24px;
}

.a-IRR-dialogMsg-icon.a-Icon:before {
  font-size: inherit;
}

.u-RTL .a-IRR-dialogMsg-icon {
  margin-right: 0;
  margin-left: 12px;
}

.a-IRR-dialogMsg-text {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

/* ==========================================================================
   IRR Dialog Flex Grid
   ========================================================================== */
.a-IRR-dialogRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-IRR-dialogCol {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

/* ==========================================================================
   IRR Dialog Speciifc Styling
   ========================================================================== */
.a-IRR-dialog--reset .ui-dialog-titlebar {
  border-bottom: none !important;
}

.a-IRR-dialog--reset .ui-dialog-buttonpane {
  border-top: 0 !important;
}

.a-IRR-dialog--download .a-IRR-dialogBody {
  padding: 0 !important;
}

.a-IRR-dialog--download .a-IconList-item {
  border: 0;
  cursor: pointer;
  --a-icon-size: 32px;
  padding: 12px;
  margin: 0;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.a-IRR-dialog--download .a-IconList-item .a-Icon {
  margin: 0 auto 2px;
  width: 48px;
  height: 48px;
  padding: 8px;
}

.a-IRR-dialog--chart .a-IRR-dialogBody {
  padding: 0 !important;
}

.a-IRR-dialog--chart .a-IRR-dialogBody .a-IRR-dialogCol {
  max-width: 50%;
}

.a-IRR-dialog--chart .a-IRR-dialogBody [disabled] {
  opacity: .5;
  pointer-events: none;
}

.a-IRR-dialog--sort .a-IRR-dialogBody {
  padding: 8px !important;
}

.a-IRR-dialog--controlBreak .a-IRR-dialogBody {
  padding: 8px !important;
}

.a-IRR-dialog--filter .a-IRR-dialogBody {
  padding: 0 !important;
}

.a-IRR-dialog--filter .a-IRR-dialogBody .a-IRR-filterByColumn,
.a-IRR-dialog--filter .a-IRR-dialogBody .a-IRR-filterByRow {
  padding: 8px;
}

.a-IRR-dialog--filter .a-IRR-dialogBody .a-IRR-dialogCol--column, .a-IRR-dialog--filter .a-IRR-dialogBody .a-IRR-dialogCol--operator {
  width: 25%;
  max-width: 25%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-dialog--filter .a-IRR-dialogBody .a-IRR-dialogCol--expression {
  width: 50%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-dialog--groupBy .a-IRR-dialogBody,
.a-IRR-dialog--pivot .a-IRR-dialogBody {
  padding: 8px !important;
}

.a-IRR-dialog--groupBy .a-IRR-dialogCol--sum,
.a-IRR-dialog--pivot .a-IRR-dialogCol--sum {
  min-width: 60px;
  max-width: 60px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.a-IRR-dialog--groupBy .a-IRR-dialogCol--functions, .a-IRR-dialog--groupBy .a-IRR-dialogCol--column, .a-IRR-dialog--groupBy .a-IRR-dialogCol--label, .a-IRR-dialog--groupBy .a-IRR-dialogCol--format,
.a-IRR-dialog--pivot .a-IRR-dialogCol--functions,
.a-IRR-dialog--pivot .a-IRR-dialogCol--column,
.a-IRR-dialog--pivot .a-IRR-dialogCol--label,
.a-IRR-dialog--pivot .a-IRR-dialogCol--format {
  width: 25%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-dialog--highlight .a-IRR-dialogBody {
  padding: 8px !important;
}

.a-IRR-dialog--highlight .a-IRR-dialogCol--sequenceItem, .a-IRR-dialog--highlight .a-IRR-dialogCol--type {
  width: 20%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-dialog--highlight .a-IRR-dialogCol--name {
  width: 40%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-dialog--highlight .a-IRR-dialogCol--enabled {
  min-width: 60px;
  max-width: 60px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.a-IRR-dialog--highlight .a-IRR-dialogCol--preview {
  min-width: 120px;
  max-width: 120px;
}

.a-IRR-dialog--highlight .a-IRR-dialogCol--column, .a-IRR-dialog--highlight .a-IRR-dialogCol--operator {
  width: 25%;
  max-width: 25%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-dialog--highlight .a-IRR-dialogCol--expression {
  width: 50%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-dialogInfo {
  padding: 8px 12px;
}

.a-IRR-dialogInfo:first-child {
  border-bottom: 1px solid;
}

.a-IRR-sequenceNumber {
  padding: 8px;
  display: block;
}

.a-IRR-dialogRow--header {
  font-weight: var(--a-base-font-weight-bold, 700);
}

.a-IRR-dialogRow--header .a-IRR-dialogCol {
  padding: 8px 8px 0;
}

.a-IRR-dialogCol--sequence {
  min-width: 40px;
  max-width: 40px;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: right;
  font-weight: var(--a-base-font-weight-bold, 700);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.a-IRR-radioIconList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-IRR-radioIconList-item {
  margin: 0;
  min-width: 118px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.a-IRR-radioIconList-item input[type=radio] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}

input[type=radio]:checked + label {
  font-weight: var(--a-base-font-weight-bold, 700);
}

.a-IRR-radioIconList-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 12px 16px !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.a-IRR-radioIconList-item label:before, .a-IRR-radioIconList-item label:after {
  content: none !important;
}

.a-IRR-radioIconList--horItems .a-IRR-radioIconList-item label {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.a-IRR-radioIconList--horItems .a-IRR-radioIconList-item label .a-IRR-radioIconList-icon {
  margin-right: 4px;
}

.u-RTL .a-IRR-radioIconList--horItems .a-IRR-radioIconList-item label .a-IRR-radioIconList-icon {
  margin-right: 0;
  margin-left: 4px;
}

.a-IRR-dialogList {
  height: 180px;
  overflow: auto;
  outline: none;
}

.a-IRR-dialogList ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.a-IRR-dialogList li {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
}

.a-IRR-dialogList a {
  display: block;
  padding: 4px 12px;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

.a-IRR-dialogList a span {
  margin-right: 4px;
}

.u-RTL .a-IRR-dialogList a span {
  margin-right: 0;
  margin-left: 4px;
}

.a-IRR-flashBackField {
  margin-top: 4px;
}

.a-IRR-flashBackField input {
  vertical-align: middle;
}

.colorpicker.a-IRR-colorPicker {
  z-index: 1001;
}

.a-IRR-lovItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.a-IRR-lovItem + .a-IRR-lovItem {
  margin-left: 2px;
}

.a-IRR-lovItem .a-Button--menu,
.a-IRR-lovItem .a-Button--colorPicker,
.a-IRR-lovItem .a-Button--calendar {
  height: 24px;
  padding: 4px;
  vertical-align: top;
  margin-left: 2px !important;
}

.a-IRR-lovItem .a-IRR-col-values-drop {
  top: 24px;
}

.a-IRR-lovItem .colorpreview {
  display: inline-block;
  vertical-align: top;
  background-color: transparent;
  border-radius: 2px;
  height: 24px;
  width: 24px;
  margin-left: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
          box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  border: 0;
}

.u-RTL .a-IRR-lovItem .colorpreview {
  margin-right: 6px;
  margin-left: 0;
}

.a-IRR-lovItem .lov_colorpicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.u-RTL .a-IRR-lovItem .lov_colorpicker {
  margin-right: 0;
  margin-left: 8px;
}

.a-IRR-lovItem.a-IRR-filterExpression {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.a-IRR-lovItem .a-IRR-filterExpressionAnd {
  margin-left: 6px;
  margin-right: 6px;
}

.a-IRR-colorSamples {
  padding: 4px;
}

.a-IRR-colorSamples a {
  display: inline-block;
  vertical-align: top;
  background-color: transparent;
  border-radius: 16px;
  height: 16px;
  width: 16px;
  margin: 4px;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
          box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
}

.a-IRR-highlightPreview {
  background-color: transparent;
  border-radius: 2px;
  height: 56px;
  min-width: 56px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  font-size: 16px;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
          box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  text-align: center;
  line-height: 56px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.a-IRR-button--add {
  margin-top: 2px;
  margin-left: 48px;
  margin-bottom: 8px;
  padding: 4px 8px !important;
}

.u-RTL .a-IRR-button--add {
  margin-right: 48px;
  margin-left: 0;
}

.a-IRR-calculator {
  margin: 4px 0;
}

.a-IRR-calculator .a-Button {
  margin: 2px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  padding: 4px;
}

.a-IRR-calculator .a-Button[data-key="0"] {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.a-IRR-calculator .a-Button[data-key=" "] {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}

.a-IRR-caclulatorRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -2px;
  margin-right: -2px;
}

.a-IRR-dialogError {
  padding: 8px;
}

.a-IRR-dialogError:empty {
  display: none;
}

.a-IRR-flashBackText {
  margin-left: 4px;
}

/*
   Filter Dialog
   ========================================================================== */
.a-IRR-col-values-drop {
  display: block;
  min-width: 180px;
  max-height: 136px;
  overflow: auto;
  position: absolute;
  border: 0;
  border-radius: 2px;
  padding: 8px 0;
  z-index: 1000;
}

.a-IRR-col-value {
  display: block;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 6px 12px;
  text-decoration: none;
}

.a-IRR-col-value:focus {
  text-decoration: none;
}

.u-RTL .a-IRR-col-value {
  text-align: right;
}

.a-IRR-form-label {
  color: #404040;
  padding: 0;
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-weight: bold;
}

/*
   Dialog Table
   ========================================================================== */
.a-IRR-dialogTable {
  border-spacing: 0 6px;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px;
  min-width: 280px;
  border-collapse: collapse;
  /* Computation Dialog
     ========================================================================== */
}

.a-IRR-dialogTable:last-child {
  margin-bottom: 0;
}

.a-IRR-dialogTable input[type=radio] {
  margin: 0 4px 0 0;
}

.a-IRR-dialogTable + .a-IRR-dialogTable {
  margin-top: -12px;
}

.a-IRR-dialogTable .a-Button {
  padding: 4px 8px;
}

.a-IRR-dialogTable .error {
  border: 1px solid var(--a-palette-danger);
}

.a-IRR-dialogTable .calculator {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

.a-IRR-dialogTable .a-IRR-key {
  padding-right: 0;
}

.a-IRR-dialogTable .a-IRR-key .nolink {
  display: block;
  padding: 4px;
  line-height: 16px;
  height: 24px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin: 2px;
  text-align: center;
  color: inherit;
  font-weight: var(--a-base-font-weight-semibold, 500);
}

.a-IRR-dialogTable .a-IRR-key .nolink:hover {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.a-IRR-dialogTable .a-IRR-key .nolink:active {
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05) inset;
}

.a-IRR-dialog-examples {
  margin: 4px 24px;
  font-family: var(--a-base-font-family-mono, monospace);
}

.a-IRR-dialog-examples li {
  font-size: 10px;
  line-height: 14px;
}

.a-IRR-computeExamples {
  margin-bottom: 2px;
}

.a-IRR-computeExamples .a-IRR-button--examples {
  margin-top: 6px;
  padding: 4px 8px !important;
}

.a-IRR-computeExamples .a-Collapsible-content {
  padding: 8px;
}

.a-IRR-computeExamples ul {
  margin: 0 0 0 24px;
  padding: 0;
  font-family: var(--a-base-font-family-mono, monospace);
}

.a-IRR-computeExamples li {
  font-size: 10px;
  line-height: 14px;
}

.a-IRR-computeExamples li:not(:last-child) {
  margin-bottom: 2px;
}

.a-IRR-dialog-tableContainer {
  width: 200px;
  height: 180px;
  overflow-y: auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.025);
  border-radius: 2px;
}

.a-IRR-dialog-tableContainer .nolink {
  padding: 4px;
}

.a-IRR-dialog-tableContainer table.calculator td {
  padding-right: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.a-IRR-dialog-tableContainer .calculator .nolink {
  line-height: 16px;
  display: block;
  padding: 4px 8px;
  color: inherit;
}

.a-IRR-dialog-tableContainer .calculator .nolink:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.a-IRR-dialog-tableContainer .a-IRR-dialog-colid {
  line-height: 16px;
  display: block;
  padding: 4px;
  font-weight: var(--a-base-font-weight-semibold, 500);
  min-width: 24px;
  text-align: right;
}

.a-IRR-dialog-tableContainer .a-IRR-computation-function {
  font-family: 'Menlo', 'Consolas', monospace;
}

.a-IRR-dialogTable #IR_computation_expr {
  width: 100%;
  padding: 4px;
  margin: 0;
  border-radius: 2px;
  font-family: 'Menlo', 'Consolas', monospace;
  font-size: 12px;
  line-height: 16px;
  border-color: rgba(0, 0, 0, 0.25);
}

.a-IRR-dialogTable-header {
  font-weight: bold;
}

.a-IRR-dialogTable th {
  font-weight: bold;
  padding: 4px;
}

.a-IRR-dialogTable th,
.a-IRR-dialogTable td {
  text-align: left;
  padding-right: 8px;
  vertical-align: top;
  line-height: 16px;
}

.u-RTL .a-IRR-dialogTable th, .u-RTL
.a-IRR-dialogTable td {
  text-align: right;
}

/*
   IRR Download Dialog
   ========================================================================== */
.a-IRR-iconList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-IRR-iconList-item {
  margin: 0;
  min-width: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-IRR-iconList-item.is-active {
  font-weight: var(--a-base-font-weight-bold, 700);
}

.a-IRR-iconList-link,
.a-IRR-iconList-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  border-radius: 0;
  padding: 12px 16px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}

.a-IRR-iconList-link:hover,
.a-IRR-iconList-action:hover {
  text-decoration: none;
}

.a-IRR-radioIconList-icon {
  margin-bottom: 2px;
}

.a-IRR-iconList-link .a-Icon,
.a-IRR-iconList-action .a-Icon {
  display: block;
  margin: 0 auto 2px;
  width: 48px;
  height: 48px;
  padding: 8px;
  font-size: 32px;
  line-height: 1;
}

.a-IRR-iconList-link .a-Icon:before,
.a-IRR-iconList-action .a-Icon:before {
  font-size: 32px;
}

.a-IRR-iconList-label,
.a-IRR-radioIconList-label {
  font-size: 11px;
  display: block;
}

/*
     IRR Download Dialog Form
     ========================================================================== */
.a-IRR-emailForm,
.a-IRR-downloadForm {
  padding: 8px;
}

/*
     IRR Chart Dialog Form
     ========================================================================== */
.a-IRR-chartForm {
  padding: 8px;
}

/******************************************************************************

File Name:    FontIcon.scss
Purpose:      Custom APEX 5 Font Icon

Outline:
  1. Font Import
  2. Icon Classes

******************************************************************************/
@font-face {
  font-family: "apex-5-icon-font";
  src: url("../font/apex-5-icon-font.woff2") format("woff2"), url("../font/apex-5-icon-font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.a-Icon {
  display: inline-block;
  vertical-align: top;
  width: var(--a-icon-size, 16px);
  height: var(--a-icon-size, 16px);
  line-height: var(--a-icon-size, 16px);
}

.a-Icon:before {
  font-family: var(--a-icon-font-family, "apex-5-icon-font");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--a-icon-size, 16px);
}

.a-Icon.a-Icon--medium {
  --a-icon-size: var(--a-icon-medium-size, 24px);
}

.a-Icon.a-Icon--large {
  --a-icon-size: var(--a-icon-large-size, 32px);
}

.a-Icon.a-Icon--xl {
  --a-icon-size: var(--a-icon-xlarge-size, 48px);
}

/*
* Developer Toolbar Icons
*/
.a-Icon.icon-home:before {
  content: "\e014";
}

.a-Icon.icon-debug:before,
.a-Icon.icon-bug:before {
  content: "\e050";
}

.a-Icon.icon-quick-edit:before {
  content: "\e057";
}

.a-Icon.icon-edit-page:before,
.a-Icon.icon-edit-page-alt:before {
  content: "\e049";
}

.a-Icon.icon-irr-ws-history:before,
.a-Icon.icon-page-session:before,
.a-Icon.icon-coming-soon:before {
  content: "\e108";
}

.a-Icon.icon-open-in-dialog:before,
.a-Icon.icon-page-debug:before {
  content: "\e04d";
}

.a-Icon.icon-irr-ws-properties:before,
.a-Icon.icon-grid-layout:before {
  content: "\e0f1";
}

.a-Icon.icon-theme-roller:before {
  content: "\e037";
}

.a-Icon.icon-gear:before {
  content: "\e001";
}

.a-Icon.icon-edit-app:before {
  content: "\e049";
}

.a-Icon.icon-asterisk:before {
  content: "\e058";
  color: var(--a-form-required-asterisk-text-color, red);
}

.a-Icon.icon-gears-alt:before {
  content: "\e059";
}

.a-Icon.icon-mobile:before {
  content: "\e067";
}

.a-Icon.icon-help:before,
.a-Icon.icon-ig-help:before,
.a-Icon.icon-irr-help:before {
  content: "\e04f";
}

.a-Icon.icon-user:before {
  content: "\e024";
}

.sample-apex:before {
  content: "\e054";
}

.sample-otn:before {
  content: "\e1bb";
}

.a-Icon.icon-apex-backup:before {
  content: "\e003";
}

.a-Icon.icon-toolbar-all:before {
  content: "\e069";
}

.a-Icon.icon-toolbar-common:before {
  content: "\e167";
}

.a-Icon.icon-tr-redo:before,
.a-Icon.icon-redo:before {
  content: "\e01d";
}

.a-Icon.icon-tr-undo:before,
.a-Icon.icon-undo:before {
  content: "\e01b";
}

.a-Icon.icon-refresh:before,
.a-Icon.icon-shuttle-reset:before,
.a-Icon.icon-ig-reset:before,
.a-Icon.icon-irr-reset:before,
.a-Icon.icon-tr-reset:before {
  content: "\e14d";
}

.a-Icon.icon-tr-close:before,
.a-Icon.icon-tr-fail:before,
.a-Icon.icon-remove:before {
  content: "\e0a2";
}

.a-Icon.icon-shuttle-move-all:before {
  content: "\e028";
}

.u-RTL .a-Icon.icon-shuttle-move-all:before {
  content: "\e029";
}

.a-Icon.icon-last:before {
  content: "\e180";
}

.u-RTL .a-Icon.icon-last:before {
  content: "\e17f";
}

.a-Icon.icon-shuttle-bottom:before,
.a-Icon.icon-tr-collapse:before,
.a-Icon.icon-install:before {
  content: "\e021";
}

.a-Icon.icon-shuttle-down:before {
  content: "\e0c2";
}

.a-Icon.icon-shuttle-top:before,
.a-Icon.icon-tr-expand:before {
  content: "\e181";
}

.a-Icon.icon-shuttle-up:before {
  content: "\e012";
}

.a-Icon.icon-breadcrumb-previous:before {
  content: "\e008";
}

.a-Icon.icon-shuttle-remove-all:before {
  content: "\e029";
}

.u-RTL .a-Icon.icon-shuttle-remove-all:before {
  content: "\e028";
}

.a-Icon.icon-top:before {
  content: "\e181";
}

.a-Icon.icon-bottom:before {
  content: "\e17e";
}

.a-Icon.icon-first:before {
  content: "\e17F";
}

.u-RTL .a-Icon.icon-first:before {
  content: "\e180";
}

.a-Icon.icon-tr-contrast:before {
  content: "\e065";
}

.a-Icon.icon-menu-scroll-up:before {
  content: "\e012";
}

.a-Icon.icon-menu-drop-down:before,
.a-Icon.icon-menu-scroll-down:before {
  content: "\e0c2";
}

.a-Icon.icon-down-arrow:before,
.a-Collapsible.is-expanded .a-Collapsible-icon:before,
.a-Icon.icon-ig-collapse-row:before,
.a-Icon.icon-irr-collapse-row:before {
  content: "\e123";
}

.a-Icon.icon-menu-sub-rtl:before,
.a-Icon.icon-paginate-prev:before {
  content: "\E0CA";
}

.a-Icon.icon-menu-sub:before,
.a-Icon.icon-paginate-next:before {
  content: "\e0d8";
}

.a-Icon.icon-color-picker:before {
  content: "\e063";
}

.a-Icon.icon-right-arrow:before,
.a-Icon.icon-ig-expand-row:before,
.a-Collapsible.is-collapsed .a-Collapsible-icon:before {
  content: "\e126";
}

.u-RTL .a-Icon.icon-right-arrow:before,
.u-RTL .a-Icon.icon-ig-expand-row:before,
.u-RTL .a-Collapsible.is-collapsed .a-Collapsible-icon:before {
  content: "\e002";
}

.a-Icon.icon-left-arrow:before,
.a-Collapsible-icon:before {
  content: "\e002";
}

.u-RTL .a-Icon.icon-left-arrow:before,
.u-RTL .a-Collapsible-icon:before {
  content: "\e126";
}

.a-Icon.icon-circle:before {
  content: "\e14e";
}

.a-Icon.icon-irr-ws-validation:before,
.a-Icon.icon-check:before,
.a-Icon.icon-tr-pass:before,
.a-Icon.icon-menu-check:before,
.a-Icon.icon-wizard-step-complete:before {
  content: "\e007";
}

.a-Icon.icon-warning:before,
.a-Icon.icon-tr-warning:before,
.a-Icon.icon-ig-invalid-settings:before,
.a-Icon.icon-irr-invalid-settings:before {
  content: "\e017";
}

.a-Icon.icon-info:before,
.a-Icon.icon-tr-contrast:before,
.a-Icon.icon-ig-inactive-settings:before,
.a-Icon.icon-irr-inactive-settings:before {
  content: "\e023";
}

.a-Icon.icon-popup-lov:before,
.a-Icon.icon-quick-pick:before,
.a-Icon.icon-irr-ws-lov:before {
  content: "\e12d";
}

.a-Icon.icon-ig-no-results:before,
.a-Icon.icon-irr-no-results:before,
.a-Icon.icon-search:before,
.a-Icon.icon-cm-find:before {
  content: "\e022";
}

.a-Icon.icon-tools:before,
.a-Icon.icon-util:before,
.a-Icon.icon-cm-build-query:before,
.a-Icon.icon-ig-format:before,
.a-Icon.icon-irr-format:before {
  content: "\e0a3";
}

.a-Icon.icon-ig-add-row:before,
.a-Icon.icon-plus:before,
.a-Icon.icon-irr-ws-row-add:before,
.a-Icon.icon-irr-ws-col-add:before {
  content: "\e069";
}

.a-Icon.icon-minus:before {
  content: "\e167";
}

.a-Icon.icon-calculator:before,
.a-Icon.icon-ig-calculator:before,
.a-Icon.icon-ig-compute:before,
.a-Icon.icon-irr-calculator:before,
.a-Icon.icon-irr-compute:before,
.a-Icon.icon-tree-computation:before {
  content: "\e05d";
}

.a-Icon.icon-pie-chart:before {
  content: "\e173";
}

.a-Icon.icon-bar-chart:before,
.a-Icon.icon-ig-chart:before,
.a-Icon.icon-irr-chart:before {
  content: "\e0e9";
}

.a-Icon.icon-ig-control-break:before,
.a-Icon.icon-irr-control-break:before {
  content: "\e0ea";
}

.a-Icon.icon-ig-details:before,
.a-Icon.icon-irr-details:before {
  content: "\e05c";
}

.a-Icon.icon-ig-group-by:before,
.a-Icon.icon-irr-group-by:before {
  content: "\e0ec";
}

.a-Icon.icon-ig-icons:before,
.a-Icon.icon-irr-icons:before,
.a-Icon.icon-ws-page-dir:before {
  content: "\e0ff";
}

.a-Icon.icon-ig-pivot:before,
.a-Icon.icon-irr-pivot:before {
  content: "\e0ef";
}

.a-Icon.icon-ig-remove-col:before,
.a-Icon.icon-irr-remove-col:before {
  content: "\e0f0";
}

.a-Icon.icon-ig-report:before,
.a-Icon.icon-irr-report:before {
  content: "\e0f1";
}

.a-Icon.icon-ig-sort-asc:before,
.a-Icon.icon-irr-sort-asc:before,
.a-Icon.icon-rpt-sort-asc:before {
  content: "\e0f2";
}

.a-Icon.icon-ig-sort-desc:before,
.a-Icon.icon-irr-sort-desc:before,
.a-Icon.icon-rpt-sort-desc:before {
  content: "\e0f3";
}

.a-Icon.icon-ig-filter:before,
.a-Icon.icon-irr-filter:before {
  content: "\e0f4";
}

.a-Icon.icon-ig-flashback:before,
.a-Icon.icon-irr-flashback:before {
  content: "\e0f7";
}

.a-Icon.icon-ig-highlight:before,
.a-Icon.icon-irr-highlight:before {
  content: "\e0f8";
}

.a-Icon.icon-download:before,
.a-Icon.icon-ig-download:before,
.a-Icon.icon-irr-download:before {
  content: "\e0fb";
}

.a-Icon.icon-upload:before {
  content: "\e1a6";
}

.a-Icon.icon-ig-search:before,
.a-Icon.icon-irr-search:before {
  content: "\e022";
}

.a-Icon.icon-ig-saved-report:before,
.a-Icon.icon-irr-saved-report:before,
.a-Icon.icon-tree-saved-report:before {
  content: "\e0f9";
}

.a-Icon.icon-ws-file:before {
  content: "\e0da";
}

.a-Icon.icon-ws-image:before {
  content: "\e13d";
}

.a-Icon.icon-ws-note:before {
  content: "\e0fe";
}

.a-Icon.icon-irr-ws-col:before,
.a-Icon.icon-ig-select-cols:before,
.a-Icon.icon-irr-select-cols:before,
.a-Icon.icon-tree-report-column:before {
  content: "\e102";
}

.a-Icon.icon-irr-ws-toggle-checkboxes:before {
  content: "\e093";
}

.a-Icon.icon-cm-replace:before,
.a-Icon.icon-irr-ws-row-replace:before {
  content: "\e104";
}

.a-Icon.icon-irr-ws-row-fill:before {
  content: "\e105";
}

.a-Icon.icon-ig-rows:before,
.a-Icon.icon-irr-rows:before,
.a-Icon.icon-irr-ws-row:before {
  content: "\e106";
}

.a-Icon.icon-ig-aggregate:before,
.a-Icon.icon-irr-aggregate:before {
  content: "\e124";
}

.a-Icon.icon-ig-sort:before,
.a-Icon.icon-irr-sort:before {
  content: "\e125";
}

.a-Icon.icon-ig-subscription:before,
.a-Icon.icon-irr-subscription:before {
  content: "\e02b";
}

.a-Icon.icon-irr-ws-properties:before,
.a-Icon.icon-grid-layout:before {
  content: "\e0f1";
}

.a-Icon.icon-irr-ws-history:before,
.a-Icon.icon-page-session:before,
.a-Icon.icon-coming-soon:before {
  content: "\e0f7";
}

.a-Icon.icon-copy:before,
.a-Icon.icon-irr-ws-copy:before {
  content: "\e109";
}

.a-Icon.icon-irr-ws-col-pros:before,
.a-Icon.icon-irr-ws-col-values:before {
  content: "\e10a";
}

.a-Icon.icon-irr-ws-col-groups:before {
  content: "\e102";
}

.a-Icon.icon-irr-ws-dg-delete:before,
.a-Icon.icon-irr-ws-col-delete:before,
.a-Icon.icon-irr-ws-row-delete:before {
  content: "\e0a2";
}

.a-Icon.icon-right-chevron:before,
.a-Icon.icon-go-to-component:before,
.a-Icon.icon-shuttle-move:before,
.a-Icon.icon-next:before {
  content: "\e016";
}

.u-RTL .a-Icon.icon-right-chevron:before,
.u-RTL .a-Icon.icon-shuttle-move:before,
.u-RTL .a-Icon.icon-next:before {
  content: "\e013";
}

.a-Icon.icon-left-chevron:before,
.a-Icon.icon-shuttle-remove:before,
.a-Icon.icon-prev:before {
  content: "\e013";
}

.u-RTL .a-Icon.icon-left-chevron:before,
.u-RTL .a-Icon.icon-shuttle-remove:before,
.u-RTL .a-Icon.icon-prev:before {
  content: "\e016";
}

.a-Icon.icon-maximize:before {
  content: "\e00f";
}

.a-Icon.icon-up-chevron:before {
  content: "\e012";
}

.a-Icon.icon-popup-lov-inline:before,
.a-Icon.icon-popup-lov-under:before,
.a-Icon.icon-down-chevron:before,
.a-Icon.icon-menu-split-drop-down:before {
  content: "\e0c2";
}

.a-Icon.icon-region-native-calendar:before,
.a-Icon.icon-template-calendar:before,
.a-Icon.icon-item-native-date-picker-classic:before {
  content: "\e137";
}

.a-Icon.icon-calendar:before {
  content: "\e137";
}

.a-Icon.icon-restore:before {
  content: "\e025";
}

.a-Icon.icon-menu-radio:before {
  content: "\e006";
}

.a-Icon.icon-irr-dl-email:before {
  content: "\e183";
}

.a-Icon.icon-irr-dl-doc:before {
  content: "\e184";
}

.a-Icon.icon-ig-dl-html:before,
.a-Icon.icon-irr-dl-html:before {
  content: "\e185";
}

.a-Icon.icon-ig-dl-pdf:before,
.a-Icon.icon-irr-dl-pdf:before {
  content: "\e186";
}

.a-Icon.icon-ig-dl-xls:before,
.a-Icon.icon-irr-dl-xls:before {
  content: "\e187";
}

.a-Icon.icon-ig-actions:before {
  content: "\e066";
}

.a-Icon.icon-ig-expand:before {
  content: "\e04d";
}

.a-Icon.icon-multi-remove:before,
.a-Icon.icon-ig-restore:before {
  content: "\e0a2";
}

/* IG Icons */
.a-Icon.icon-ig-data:before {
  content: "\E0F1";
}

.a-Icon.icon-ig-report-settings:before {
  content: "\E001";
}

.a-Icon.icon-ig-save:before {
  content: "\E0CB";
}

.a-Icon.icon-ig-save-as:before {
  content: "\E0E4";
}

.a-Icon.icon-ig-edit:before {
  content: "\E049";
}

.a-Icon.icon-ig-duplicate:before {
  content: "\E109";
}

.a-Icon.icon-ig-delete:before {
  content: "\E0C8";
}

.a-Icon.icon-ig-revert:before {
  content: "\E01B";
}

.a-Icon.icon-ig-refresh:before {
  content: "\E01E";
}

.a-Icon.icon-ig-single-row-view:before {
  content: "\E0A5";
}

.a-Icon.icon-ig-frozen-column:before {
  content: "\E0DB";
}

.a-Icon.icon-ig-selection:before {
  content: "\e057";
}

.a-Icon.icon-ig-select-row:before {
  content: "\E192";
}

.a-Icon.icon-ig-select-column:before {
  content: "\E191";
}

.a-Icon.icon-ig-select-cell:before {
  content: "\E190";
}

.a-Icon.icon-ig-fill:before {
  content: "\E18D";
}

.a-Icon.icon-ig-copy:before {
  content: "\E18E";
}

.a-Icon.icon-ig-clear:before {
  content: "\E18C";
}

.a-Icon.icon-ig-copy-down:before {
  content: "\E19F";
}

/* Tree Icons */
.a-Icon.icon-tree-folder:before {
  content: "\e0da";
}

.a-Icon.icon-tree-folder-open:before {
  content: "\e0d7";
}

/* IRR Dialog Icons */
.a-Icon.icon-irr-dialog-reset:before {
  content: "\E01B";
}

.a-Icon.icon-irr-dialog-flashback:before {
  content: "\e0f7";
}

/* IRR Chart Icons */
/******************************************************************************
Chart Icons
******************************************************************************/
.a-Icon.icon-region-chart-area:before {
  content: "\e053";
}

.a-Icon.icon-region-chart-bar:before {
  content: "\e164";
}

.a-Icon.icon-region-chart-bubble:before {
  content: "\e15a";
}

.a-Icon.icon-region-chart-column:before {
  content: "\e159";
}

.a-Icon.icon-region-chart-combo:before {
  content: "\e15b";
}

.a-Icon.icon-region-chart-dial:before,
.a-Icon.icon-region-chart-donut:before {
  content: "\e166";
}

.a-Icon.icon-region-chart-funnel:before {
  content: "\e15d";
}

.a-Icon.icon-region-chart-gantt:before {
  content: "\e165";
}

.a-Icon.icon-region-chart-line-area:before {
  content: "\e053";
}

.a-Icon.icon-region-chart-line:before {
  content: "\e156";
}

.a-Icon.icon-region-chart-pie:before {
  content: "\e15f";
}

.a-Icon.icon-region-chart-polar:before {
  content: "\e160";
}

.a-Icon.icon-region-chart-radar:before {
  content: "\e161";
}

.a-Icon.icon-region-chart-range-area:before {
  content: "\e162";
}

.a-Icon.icon-region-chart-range-bar:before {
  content: "\e163";
}

.a-Icon.icon-region-chart-scatter:before {
  content: "\e15e";
}

.a-Icon.icon-region-chart-stock:before {
  content: "\e157";
}

.a-Icon.icon-file-browse:before {
  content: "\e13f";
}

/* Editor Icons
   ========================================================================== */
.a-Icon.icon-bold:before {
  content: "\e908";
}

.a-Icon.icon-italic:before {
  content: "\e90b";
}

.a-Icon.icon-strikethrough:before {
  content: "\e911";
}

.a-Icon.icon-code:before {
  content: "\e130";
}

.a-Icon.icon-list-ul:before {
  content: "\e90e";
}

.a-Icon.icon-list-ol:before {
  content: "\e056";
}

.a-Icon.icon-code-block:before {
  content: "\e909";
}

.a-Icon.icon-quote:before {
  content: "\e910";
}

.a-Icon.icon-link:before {
  content: "\e90c";
}

.a-Icon.icon-picture:before {
  content: "\e13d";
}

.a-Icon.icon-pin:before {
  content: "\e194";
}

/* Social and Brand Icons
   ========================================================================== */
body .fa.fa-facebook:before,
body .fa.fa-facebook-square:before,
body .fa.fa-github:before,
body .fa.fa-github-square:before,
body .fa.fa-google:before,
body .fa.fa-google-plus:before,
body .fa.fa-google-plus-square:before,
body .fa.fa-linkedin:before,
body .fa.fa-linkedin-square:before,
body .fa.fa-oracle:before,
body .fa.fa-oracle-o:before,
body .fa.fa-oracle-o-square:before,
body .fa.fa-twitter:before,
body .fa.fa-twitter-square:before,
body .fa.fa-youtube:before,
body .fa.fa-youtube-play:before,
body .fa.fa-youtube-square:before {
  font-family: "apex-5-icon-font" !important;
}

.fa.fa-facebook:before {
  content: "\e1b0";
}

.fa.fa-facebook-square:before {
  content: "\e1b1";
}

.fa.fa-github:before {
  content: "\e1b2";
}

.fa.fa-github-square:before {
  content: "\e1b3";
}

.fa.fa-google:before {
  content: "\e1b4";
}

.fa.fa-google-plus:before {
  content: "\e1b5";
}

.fa.fa-google-plus-square:before {
  content: "\e1b6";
}

.fa.fa-linkedin:before {
  content: "\e1b7";
}

.fa.fa-linkedin-square:before {
  content: "\e1b8";
}

.fa.fa-oracle:before {
  content: "\e1b9";
}

.fa.fa-oracle-o:before {
  content: "\e1ba";
}

.fa.fa-oracle-o-square:before {
  content: "\e1bb";
}

.fa.fa-twitter:before {
  content: "\e1bc";
}

.fa.fa-twitter-square:before {
  content: "\e1bd";
}

.fa.fa-youtube:before {
  content: "\e1be";
}

.fa.fa-youtube-play:before {
  content: "\e1bf";
}

.fa.fa-youtube-square:before {
  content: "\e1c0";
}

/* ==========================================================================
   Icon List
   ========================================================================== */
/**
 * Icon List Container (UL)
 */
.a-IconList {
  list-style: none;
  margin: 0;
  padding: 0;
}

.a-IconList::before, .a-IconList::after {
  display: table;
  content: '';
}

.a-IconList::after {
  clear: both;
}

/**
 * Icon List Item (LI)
 */
.a-IconList-item {
  display: block;
  float: left;
}

.u-RTL .a-IconList-item {
  float: right;
}

.a-IconList-item.is-draggable {
  cursor: copy;
}

/**
 * Icon Display (A)
 * Can be clickable when applied to an anchor tag.
 */
a.a-IconList-item,
.a-IconList-item a {
  display: block;
}

/**
 * Icon Name (SPAN)
 */
.a-IconList-iconName {
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  height: 42px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.a-IconList .fielddata {
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.a-IconList-item {
  padding: 8px 4px;
  margin: 4px;
  color: #6F6F6F;
  border-radius: 3px;
}

.a-IconList-item:hover {
  color: #444;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.a-IconList-item:focus {
  -webkit-box-shadow: 0 0 0 1px #0572CE inset;
          box-shadow: 0 0 0 1px #0572CE inset;
}

.a-IconList-item.is-selected {
  background-color: var(--a-iconlist-selected-background-color);
}

.a-IconList-item.is-selected.is-focused {
  color: #444;
  -webkit-box-shadow: 0 0 0 1px #0572CE inset, 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px #0572CE inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
}

/******************************************************************************

File Name:    Icon.scss
Purpose:      Custom APEX Icons

******************************************************************************/
/* Report Edit Icons
   --
   APEX uses the <img> tag to embed edit icons for report columns. To support
   high resolution displays, the .png files for these icons are sized at
   32x32, however to display them at their intended size, we must use CSS to
   set the dimensions and display of these icons.
   ========================================================================== */
.apex-edit-pencil,
.apex-edit-pencil-alt,
.apex-edit-page,
.apex-edit-view {
  display: inline-block;
  width: 16px;
  height: 16px;
}

img {
  border: 0;
}

br {
  clear: both;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

fieldset.checkbox_group, fieldset.datepicker, fieldset.lov, fieldset.radio_group, fieldset.textarea, fieldset.shuttle, fieldset.color_picker, fieldset.html_editor, fieldset.listmanager {
  display: inline-block;
}

.hideMeButHearMe {
  position: absolute;
  top: -999px;
}

.shuttleSelect1 select,
.shuttleSelect2 select {
  min-width: 120px;
}

.apex-slider-container {
  width: 100%;
}

.apex-slider-control {
  width: 70%;
  display: inline-block;
  vertical-align: top;
  margin: 8px 0;
}

.apex-slider-value {
  display: inline-block;
  vertical-align: top;
  line-height: 26px;
  margin-left: 8px;
  font-size: 12px;
}

.apex-grid-nbsp {
  line-height: 1px;
  height: 1px;
  font-size: 1px;
  overflow: hidden;
}

.apex_size_bar {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: s-resize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden;
}

.apex_size_grip {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8px 8px;
  border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent;
  cursor: se-resize;
}

.apex-colorpicker-popup {
  z-index: 9999 !important;
}

/* ==========================================================================
   List View Region Type
   ========================================================================== */
.a-ListView {
  margin: 0;
  padding: 0;
  list-style: none;
}

.a-ListView.ui-listview-inset {
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 12px;
}

/* Divider
   ========================================================================== */
.a-ListView-divider {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  background-color: rgba(0, 0, 0, 0.025);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* List Item
   ========================================================================== */
.a-ListView-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  /* No Link, No Split Button
     ========================================================================== */
  /* Main Link - No Split Button
     ========================================================================== */
  /* Main Link + Split Button
     ========================================================================== */
  /* Main Link */
  /* Nested List Links
     ========================================================================== */
}

.a-ListView-item.has-link {
  padding: 0;
}

.a-ListView-item:last-child {
  border-bottom-width: 0;
}

.a-ListView-item .fa {
  margin: 10px 8px;
  height: 16px;
  width: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
}

.a-ListView-item.has-link:not(.has-alt) .fa {
  position: absolute;
  right: 0;
  top: 0;
}

.u-RTL .a-ListView-item.has-link:not(.has-alt) .fa {
  right: auto;
  left: 0;
}

.a-ListView-item.has-link:not(.has-alt).has-count .ui-li-count {
  right: 32px;
}

.u-RTL .a-ListView-item.has-link:not(.has-alt).has-count .ui-li-count {
  right: auto;
  left: 32px;
}

.a-ListView-item.has-link.has-alt .ui-btn:first-child {
  margin-right: 32px;
}

.u-RTL .a-ListView-item.has-link.has-alt .ui-btn:first-child {
  margin-right: 0;
  margin-left: 32px;
}

.a-ListView-item.has-link.has-alt .ui-btn:first-child .fa {
  display: none;
}

.a-ListView-item.has-link.has-alt .ui-btn + .ui-btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.u-RTL .a-ListView-item.has-link.has-alt .ui-btn + .ui-btn {
  right: auto;
  left: 0;
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.a-ListView-item.has-link.has-alt.has-count .ui-li-count {
  right: 8px;
}

.u-RTL .a-ListView-item.has-link.has-alt.has-count .ui-li-count {
  right: auto;
  left: 8px;
}

.a-ListView-item .ui-btn {
  position: relative;
  display: block;
  padding: 8px 12px;
  color: rgba(0, 0, 0, 0.75);
}

.a-ListView-item .ui-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.a-ListView-item .ui-btn + .ui-btn-icon-notext {
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  height: 100%;
  width: 20px;
}

.u-RTL .a-ListView-item .ui-btn + .ui-btn-icon-notext {
  right: auto;
  left: 0;
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.a-ListView-item .ui-btn + .ui-btn-icon-notext:before {
  margin: 8px;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
}

.a-ListView-item .ui-li-aside {
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
  font-size: 11px;
  line-height: 16px;
}

.a-ListView-item .ui-li-count {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 11px;
  padding: 0 4px;
  line-height: 20px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
  color: rgba(0, 0, 0, 0.6);
}

.u-RTL .a-ListView-item .ui-li-count {
  right: auto;
  left: 8px;
}

.a-ListView-item.has-alt:not(.has-link) .fa {
  position: absolute;
  top: 0;
  right: 0;
}

.u-RTL .a-ListView-item.has-alt:not(.has-link) .fa {
  right: auto;
  left: 0;
}

.a-ListView-item.has-alt .ui-li-count {
  right: 32px;
}

.u-RTL .a-ListView-item.has-alt .ui-li-count {
  right: auto;
  left: 32px;
}

.a-ListView-item .apex-load-more {
  text-align: center;
}

/* Notes
   has-alt => has description

   ========================================================================== */
/* Nested List Header
   ========================================================================== */
.a-ListView-header {
  margin: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-ListView-header button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.a-ListView-header h3 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  margin: 0;
  font-size: 14px;
  font-weight: var(--a-base-font-weight-semibold, 500);
  line-height: 20px;
}

/* Search Bar
   ========================================================================== */
.a-ListView-searchbar {
  padding: 12px;
}

.a-ListView-searchbar input {
  display: block;
  padding: 8px;
  font-size: 12px;
  line-height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  width: 100%;
}

.a-ListView-searchbar + .a-ListView {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   Live Template Options Styles
   ========================================================================== */
.a-LiveTemplateOptions {
  --jui-dialog-content-padding-y: 0;
  --jui-dialog-content-padding-x: 0;
  font-family: var(--a-base-font-family, sans-serif);
}

.a-LiveTemplateOptions.ui-dialog .ui-dialog-titlebar,
.a-LiveTemplateOptions.ui-dialog .ui-dialog-content,
.a-LiveTemplateOptions.ui-dialog .ui-dialog-buttonpane {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}

.a-LiveTemplateOptions.ui-dialog .a-PropertyEditor {
  max-height: none !important;
  overflow: hidden !important;
}

.a-LiveTemplateOptions .ui-widget-content {
  overflow: auto !important;
}

.a-LiveTemplateOptions + .ui-widget-overlay {
  --jui-overlay-background-color: transparent;
  background-color: var(--jui-overlay-background-color, transparent);
}

.a-LiveTemplateOptions--inner-message {
  padding: 12px;
}

.a-LiveTemplateOptions .apex-rds-container {
  -webkit-transition: none;
  transition: none;
}

.a-LiveTemplateOptions .apex-rds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: hidden;
  padding-left: 8px;
  visibility: visible !important;
}

.a-LiveTemplateOptions .apex-rds li a {
  display: block;
}

/* Markdown Editor
   ========================================================================== */
.a-MDEditor {
  position: relative;
}

.a-MDEditor .a-Toolbar {
  padding: var(--a-irr-item-spacing) var(--a-irr-item-spacing) 0;
  background-color: var(--a-toolbar-background-color);
  color: var(--a-toolbar-text-color);
  border-width: var(--a-toolbar-border-width);
  border-style: solid;
  border-color: var(--a-toolbar-border-color);
  max-width: 100%;
}

.a-MDEditor-content {
  position: relative;
  max-width: 100%;
}

.a-MDEditor-content .CodeMirror {
  height: var(--a-mdeditor-code-height, 180px);
}

/* Preview / Textarea Styles
   ========================================================================== */
.a-MDEditor-previewPanel,
.a-MDEditor textarea.apex-item-textarea,
.a-MDEditor .CodeMirror {
  border-color: var(--a-mdeditor-border-color);
  background-color: var(--a-mdeditor-background-color);
  border-width: var(--a-mdeditor-border-width);
  border-style: solid;
}

.a-MDEditor-previewPanel:focus, .a-MDEditor-previewPanel.CodeMirror-focused,
.a-MDEditor textarea.apex-item-textarea:focus,
.a-MDEditor textarea.apex-item-textarea.CodeMirror-focused,
.a-MDEditor .CodeMirror:focus,
.a-MDEditor .CodeMirror.CodeMirror-focused {
  --a-mdeditor-border-color: var(--a-mdeditor-focus-border-color);
}

.a-MDEditor-previewPanel:not(:only-child),
.a-MDEditor textarea.apex-item-textarea:not(:only-child),
.a-MDEditor .CodeMirror:not(:only-child) {
  margin-top: calc(var(--a-mdeditor-border-width) * -1);
}

.a-MDEditor-previewPanel,
.a-MDEditor .CodeMirror {
  padding: var(--a-mdeditor-padding, 8px);
  font-size: var(--a-mdeditor-font-size, 14px);
  line-height: var(--a-mdeditor-line-height, 1.5);
}

.a-MDEditor-previewPanel {
  position: absolute;
  width: 100%;
  overflow: auto;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.a-MDEditor-previewPanel--hide {
  visibility: hidden;
}

/* ==========================================================================
   Markdownified
   ========================================================================== */
.is-markdownified a {
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  overflow-wrap: break-word;
}

.is-markdownified a:hover, .is-markdownified a:focus {
  -webkit-text-decoration: var(--a-base-link-hover-decoration, underline);
          text-decoration: var(--a-base-link-hover-decoration, underline);
}

.is-markdownified h1,
.is-markdownified h2,
.is-markdownified h3,
.is-markdownified h4,
.is-markdownified h5,
.is-markdownified h6 {
  margin: 0 0 8px;
  font-weight: var(--a-base-font-weight-semibold, 500);
  color: inherit;
}

.is-markdownified p + h1,
.is-markdownified p + h2,
.is-markdownified p + h3,
.is-markdownified p + h4,
.is-markdownified p + h5,
.is-markdownified p + h6,
.is-markdownified pre + h1,
.is-markdownified pre + h2,
.is-markdownified pre + h3,
.is-markdownified pre + h4,
.is-markdownified pre + h5,
.is-markdownified pre + h6,
.is-markdownified table + h1,
.is-markdownified table + h2,
.is-markdownified table + h3,
.is-markdownified table + h4,
.is-markdownified table + h5,
.is-markdownified table + h6 {
  margin-top: 24px;
}

.is-markdownified h1 {
  font-size: var(--a-md-h1-font-size, 40px);
  line-height: var(--a-md-h1-line-height, 1.2);
  font-weight: var(--a-md-h1-font-weight, var(--a-base-font-weight-semibold, 500));
}

.is-markdownified h2 {
  font-size: var(--a-md-h2-font-size, 32px);
  line-height: var(--a-md-h2-line-height, 1.2);
  font-weight: var(--a-md-h2-font-weight, var(--a-base-font-weight-semibold, 500));
}

.is-markdownified h3 {
  font-size: var(--a-md-h3-font-size, 28px);
  line-height: var(--a-md-h3-line-height, 1.2);
  font-weight: var(--a-md-h3-font-weight, var(--a-base-font-weight-semibold, 500));
}

.is-markdownified h4 {
  font-size: var(--a-md-h4-font-size, 24px);
  line-height: var(--a-md-h4-line-height, 1.2);
  font-weight: var(--a-md-h4-font-weight, var(--a-base-font-weight-bold, 700));
}

.is-markdownified h5 {
  font-size: var(--a-md-h5-font-size, 20px);
  line-height: var(--a-md-h5-line-height, 1.2);
  font-weight: var(--a-md-h5-font-weight, var(--a-base-font-weight-bold, 700));
}

.is-markdownified h6 {
  font-size: var(--a-md-h6-font-size, 16px);
  line-height: var(--a-md-h6-line-height, 1.2);
  font-weight: var(--a-md-h6-font-weight, var(--a-base-font-weight-bold, 700));
}

.is-markdownified strong,
.is-markdownified b {
  font-weight: var(--a-base-font-weight-bold, 700);
}

.is-markdownified strong,
.is-markdownified b {
  font-weight: var(--a-base-font-weight-heavy, 900);
}

.is-markdownified em,
.is-markdownified i {
  font-style: italic;
}

.is-markdownified ul,
.is-markdownified ol {
  margin: 8px 0 16px 32px;
}

.u-RTL .is-markdownified ul, .u-RTL
.is-markdownified ol {
  margin: 8px 32px 16px 0;
}

.is-markdownified ul li,
.is-markdownified ol li {
  font-size: inherit;
  line-height: inherit;
}

.is-markdownified ul li:not(:last-child),
.is-markdownified ol li:not(:last-child) {
  margin-bottom: 4px;
}

.is-markdownified ul ul,
.is-markdownified ul ol,
.is-markdownified ol ul,
.is-markdownified ol ol {
  margin-top: 0;
  margin-bottom: 12px;
}

.is-markdownified ul p + ul,
.is-markdownified ul p + ol,
.is-markdownified ol p + ul,
.is-markdownified ol p + ol {
  margin-top: -8px;
}

.is-markdownified hr {
  clear: both;
  background-color: transparent;
  margin-top: var(--a-md-hr-margin-y, 20px);
  margin-bottom: var(--a-md-hr-margin-y, 20px);
  margin-left: var(--a-md-hr-margin-x, 0);
  margin-right: var(--a-md-hr-margin-x, 0);
  border: 0;
  border-top-style: solid;
  border-top-color: var(--a-md-hr-border-color, rgba(0, 0, 0, 0.1));
  border-top-width: var(--a-md-hr-border-width, 1px);
}

.is-markdownified img {
  display: block;
  max-width: 100%;
  height: auto;
}

.is-markdownified blockquote {
  margin-top: var(--a-md-blockquote-margin-y, 20px);
  margin-bottom: var(--a-md-blockquote-margin-y, 20px);
  margin-left: var(--a-md-blockquote-margin-x, 20px);
  margin-right: var(--a-md-blockquote-margin-x, 20px);
  padding-top: var(--a-md-blockquote-padding-y, 4px);
  padding-bottom: var(--a-md-blockquote-padding-y, 4px);
  padding-left: var(--a-md-blockquote-padding-x, 20px);
  padding-right: var(--a-md-blockquote-padding-x, 20px);
  font-size: var(--a-md-blockquote-font-size, 18px);
  line-height: var(--a-md-blockquote-line-height, 1.425);
  border: 0;
  border-left-width: var(--a-md-blockquote-border-width, 4px);
  border-left-style: solid;
  border-left-color: var(--a-md-blockquote-border-color, rgba(0, 0, 0, 0.1));
}

.u-RTL .is-markdownified blockquote {
  border-left: 0;
  border-right: var(--a-md-blockquote-border-width, 4px) solid var(--a-md-blockquote-border-color, rgba(0, 0, 0, 0.1));
}

.is-markdownified code {
  padding-top: var(--a-md-code-padding-y, 2px);
  padding-bottom: var(--a-md-code-padding-y, 2px);
  padding-left: var(--a-md-code-padding-x, 4px);
  padding-right: var(--a-md-code-padding-x, 4px);
  font-size: var(--a-md-code-font-size, 14px);
  font-family: var(--a-base-font-family-mono, monospace);
  border-radius: var(--a-md-code-border-color, 2px);
  background-color: var(--a-md-code-background-color, rgba(0, 0, 0, 0.025));
  border-style: solid;
  border-width: var(--a-md-code-border-width, 1px);
  border-color: var(--a-md-code-border-color, rgba(0, 0, 0, 0.1));
}

.is-markdownified pre {
  margin-bottom: 16px;
  padding: var(--a-md-pre-padding, 8px);
  font-size: var(--a-md-pre-font-size, 14px);
  font-family: var(--a-base-font-family-mono, monospace);
  border-radius: var(--a-md-pre-border-color, 4px);
  max-width: 100%;
  overflow: auto;
  background-color: var(--a-md-pre-background-color, rgba(0, 0, 0, 0.025));
  border-style: solid;
  border-width: var(--a-md-pre-border-width, 1px);
  border-color: var(--a-md-pre-border-color, rgba(0, 0, 0, 0.1));
}

.is-markdownified pre code {
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.is-markdownified table {
  margin-top: 8px;
  margin-bottom: 20px;
  font-size: var(--a-md-table-font-size, 13px);
  border-style: solid;
  border-width: var(--a-md-table-border-width, 1px);
  border-color: var(--a-md-table-border-color, rgba(0, 0, 0, 0.1));
  border-spacing: 0;
  border-collapse: separate;
  border-radius: var(--a-md-table-border-color, 2px);
  background-color: var(--a-md-table-background-color, #fff);
}

.is-markdownified table:last-child {
  margin-bottom: 8px;
}

.is-markdownified table th {
  background-color: var(--a-md-table-heading-background-color, rgba(0, 0, 0, 0.015));
  font-weight: var(--a-base-font-weight-semibold, 500);
}

.is-markdownified table th,
.is-markdownified table td {
  padding-top: var(--a-md-table-cell-padding-y, 6px);
  padding-bottom: var(--a-md-table-cell-padding-y, 6px);
  padding-left: var(--a-md-table-cell-padding-x, 8px);
  padding-right: var(--a-md-table-cell-padding-x, 8px);
  border-bottom-width: var(--a-md-table-cell-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--a-md-table-cell-border-color, rgba(0, 0, 0, 0.05));
}

.is-markdownified table tr:last-child td {
  border-bottom-width: 0;
}

/* ==========================================================================
   Media Block
   ========================================================================== */
/**
 * Media Block Component
 *
 * This is a generic media block component used whenever there is a graphic or
 * image on the left or right, and a content region that fills the remainder
 * of its parent element.
 *
 * Example HTML:
 *
 * <div class="a-MediaBlock">
 *   <div class="a-MediaBlock-graphic">
 *     <img src="foo.jpg" alt="">
 *   </div>
 *   <div class="a-MediaBlock-content">
 *     Content here
 *   </div>
 * </div>
 */
.a-MediaBlock,
.a-RegionMedia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-MediaBlock-graphic,
.a-RegionMedia-graphic {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-right: var(--a-media-block-spacing, 8px);
}

.u-RTL .a-MediaBlock-graphic, .u-RTL
.a-RegionMedia-graphic {
  margin-left: var(--a-media-block-spacing, 8px);
  margin-right: 0;
}

.a-MediaBlock-graphic img,
.a-RegionMedia-graphic img {
  display: block;
}

.a-MediaBlock-graphic--right,
.a-RegionMedia-graphic--right {
  margin-left: var(--a-media-block-spacing, 8px);
  margin-right: 0;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.u-RTL .a-MediaBlock-graphic--right, .u-RTL
.a-RegionMedia-graphic--right {
  margin-left: 0;
  margin-right: var(--a-media-block-spacing, 8px);
}

.a-MediaBlock-content,
.a-RegionMedia-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

/* ==========================================================================
  Menus
  ========================================================================== */
.a-MenuBar {
  background-color: var(--a-menubar-background-color);
}

.a-MenuBar > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-MenuBar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-width: var(--a-menubar-item-border-width);
  border-style: solid;
  border-color: var(--a-menubar-item-border-color);
  border-radius: var(--a-menubar-item-border-radius);
  cursor: var(--a-menubar-cursor);
  background-color: var(--a-menubar-item-background-color);
  color: var(--a-menubar-item-text-color);
  font-size: var(--a-menubar-item-font-size);
  line-height: var(--a-menubar-item-line-height);
  font-weight: var(--a-menubar-item-font-weight);
}

.a-MenuBar-item + .a-MenuBar-item {
  margin-left: calc(var(--a-menubar-item-border-width) * -1);
}

.u-RTL .a-MenuBar-item + .a-MenuBar-item {
  margin-left: 0;
  margin-right: calc(var(--a-menubar-item-border-width) * -1);
}

.a-MenuBar-item.is-disabled {
  cursor: var(--a-menubar-disabled-cursor) !important;
  opacity: var(--a-menubar-disabled-opacity);
}

.a-MenuBar-item.a-Menu--current {
  background-color: var(--a-menubar-item-current-background-color);
  color: var(--a-menubar-item-current-text-color);
}

.a-MenuBar-item.a-Menu-item--default .a-MenuBar-label {
  font-weight: var(--a-base-font-weight-bold, 700);
}

.a-MenuBar-label {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  text-align: inherit;
  color: inherit;
  padding-top: var(--a-menubar-item-padding-y);
  padding-bottom: var(--a-menubar-item-padding-y);
  padding-left: var(--a-menubar-item-padding-x);
  padding-right: var(--a-menubar-item-padding-x);
  outline: none;
  font: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: inherit;
}

.a-MenuBar-item > .a-Menu-subMenuCol {
  --a-icon-size: var(--a-menubar-item-split-icon-size);
  width: calc(var(--a-menubar-item-split-icon-size) + calc(var(--a-menubar-item-split-icon-spacing) * 2));
  color: var(--a-menubar-item-split-icon-color);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-MenuBar-item > .a-Menu-subMenuCol .a-Icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.a-MenuBar-item.a-Menu--split > .a-Menu-subMenuCol {
  border-left-width: var(--a-menubar-item-split-border-width);
  border-left-style: solid;
  border-left-color: var(--a-menubar-item-split-border-color);
  padding: var(--a-menubar-item-split-icon-spacing);
}

.u-RTL .a-MenuBar-item.a-Menu--split > .a-Menu-subMenuCol {
  border-left-width: 0;
  border-right-width: var(--a-menubar-item-split-border-width);
  border-right-style: solid;
  border-right-color: var(--a-menubar-item-split-border-color);
}

/* ==========================================================================
   Menu
   ========================================================================== */
.a-Menu {
  display: none;
  outline: none;
  z-index: var(--a-menu-zindex);
}

.a-Menu .a-Menu {
  margin-top: calc(calc(var(--a-menu-padding-y) + var(--a-menu-border-width)) * -1);
}

.a-Menu-content {
  position: relative;
  padding-top: calc(var(--a-menu-padding-y) - var(--a-menu-border-width));
  padding-bottom: calc(var(--a-menu-padding-y) - var(--a-menu-border-width));
  padding-left: calc(var(--a-menu-padding-x) - var(--a-menu-border-width));
  padding-right: calc(var(--a-menu-padding-x) - var(--a-menu-border-width));
  font-size: var(--a-menu-font-size);
  line-height: var(--a-menu-line-height);
  font-weight: var(--a-menu-font-weight);
  color: var(--a-menu-text-color);
  background-color: var(--a-menu-background-color);
  min-height: calc(var(--a-menu-line-height) + (var(--a-menu-padding-y) * 2));
  border-radius: var(--a-menu-border-radius);
  border-color: var(--a-menu-border-color);
  border-width: var(--a-menu-border-width);
  border-style: solid;
  -webkit-box-shadow: var(--a-menu-shadow);
          box-shadow: var(--a-menu-shadow);
}

.a-Menu-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.a-Menu.a-Menu--top:not(.has-callout) > .a-Menu-content {
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.a-Menu .a-Menu-item {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  float: none;
  white-space: nowrap;
  cursor: var(--a-menu-cursor);
}

/*
 * Classes to handle menus without explicit widths + paddings
 */
.a-Menu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-Menu-labelContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-right: calc(var(--a-menu-icon-spacing-x) * 2);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.u-RTL .a-Menu-labelContainer {
  margin-right: 0;
  margin-left: calc(var(--a-menu-icon-spacing-x) * 2);
}

.a-Menu-statusCol {
  padding-left: var(--a-menu-icon-spacing-x);
  padding-right: var(--a-menu-icon-spacing-x);
  padding-top: var(--a-menu-icon-spacing-y);
  padding-bottom: var(--a-menu-icon-spacing-y);
  width: calc(var(--a-menu-icon-size) + calc(var(--a-menu-icon-spacing-x) * 2));
  height: calc(var(--a-menu-icon-size) + calc(var(--a-menu-icon-spacing-y) * 2));
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.a-Menu-statusCol .fa,
.a-Menu-statusCol .a-Icon {
  font-size: var(--a-menu-icon-size);
  width: var(--a-menu-icon-size);
  height: var(--a-menu-icon-size);
}

.a-Menu-statusCol .fa:before,
.a-Menu-statusCol .a-Icon:before {
  font-size: inherit;
}

.a-Menu-label {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  text-align: inherit;
  color: inherit;
  padding: 0;
  outline: none !important;
  font: inherit;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: inherit;
  font-size: var(--a-menu-font-size);
  line-height: var(--a-menu-line-height);
  font-weight: var(--a-menu-font-weight);
}

.a-Menu-label, .a-Menu-label:hover {
  text-decoration: none;
}

.a-Menu-accelContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-Menu-accel {
  font-size: var(--a-menu-accel-font-size);
  color: var(--a-menu-accel-text-color);
}

.a-Menu-itemSep .a-Menu-labelContainer {
  margin-left: 0;
  margin-right: 0;
}

.a-Menu-itemSep .a-Menu-statusCol,
.a-Menu-itemSep .a-Menu-accelContainer {
  display: none;
}

.a-Menu-hSeparator {
  display: block;
  width: 100%;
  margin-top: var(--a-menu-sep-spacing-y);
  margin-bottom: var(--a-menu-sep-spacing-y);
  margin-left: var(--a-menu-sep-spacing-x);
  margin-right: var(--a-menu-sep-spacing-x);
  border-width: 0;
  border-color: var(--a-menu-sep-border-color);
  border-style: solid;
  border-top-width: var(--a-menu-sep-border-width);
}

.a-Menu .a-Menu-item {
  background-color: var(--a-menu-default-background-color);
  color: var(--a-menu-default-text-color);
}

.a-Menu .a-Menu-item .a-Menu-accel {
  color: var(--a-menu-default-accel-text-color);
}

.a-Menu .a-Menu-item.is-focused {
  background-color: var(--a-menu-focused-background-color);
  color: var(--a-menu-focused-text-color);
}

.a-Menu .a-Menu-item.is-focused .a-Menu-accel {
  color: var(--a-menu-focused-accel-text-color);
}

.a-Menu .a-Menu-item.is-expanded {
  background-color: var(--a-menu-expanded-background-color);
  color: var(--a-menu-expanded-text-color);
}

.a-Menu .a-Menu-item.is-expanded > .a-Menu-inner .a-Menu-statusCol,
.a-Menu .a-Menu-item.is-expanded > .a-Menu-inner .a-Menu-accel {
  color: var(--a-menu-expanded-accel-text-color);
}

.a-Menu .a-Menu-item.is-disabled {
  cursor: var(--a-menu-disabled-cursor) !important;
}

.a-Menu .a-Menu-item.is-disabled .a-Menu-inner {
  opacity: var(--a-menu-disabled-opacity);
}

.a-Menu .a-Menu-item.is-disabled.is-focused {
  background-color: var(--a-menu-disabled-focused-background-color);
  color: var(--a-menu-disabled-focused-text-color);
  -webkit-box-shadow: var(--a-menu-disabled-focused-shadow);
          box-shadow: var(--a-menu-disabled-focused-shadow);
}

.a-Menu .a-Menu-item.is-disabled.is-focused > .a-Menu-inner .a-Menu-statusCol,
.a-Menu .a-Menu-item.is-disabled.is-focused > .a-Menu-inner .a-Menu-accel {
  color: var(--a-menu-disabled-focused-text-color);
}

.a-Menu-item input,
.a-Menu-item label {
  outline: none;
  margin: 0;
}

.a-Menu-item input {
  position: absolute;
  top: 0;
  left: -99999px;
}

.a-Menu-item .a-Menu-subMenuCol {
  padding-left: var(--a-menu-icon-spacing-x);
  padding-right: var(--a-menu-icon-spacing-x);
  padding-top: var(--a-menu-icon-spacing-y);
  padding-bottom: var(--a-menu-icon-spacing-y);
  width: calc(var(--a-menu-icon-size) + calc(var(--a-menu-icon-spacing-x) * 2));
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.a-Menu-item .a-Menu-subMenuCol .fa,
.a-Menu-item .a-Menu-subMenuCol .a-Icon {
  font-size: var(--a-menu-icon-size);
  width: var(--a-menu-icon-size);
  height: var(--a-menu-icon-size);
}

.a-Menu-item .a-Menu-subMenuCol .fa:before,
.a-Menu-item .a-Menu-subMenuCol .a-Icon:before {
  font-size: inherit;
}

/* ==========================================================================
   Scrolling Buttons
   ========================================================================== */
.a-Menu-content.a-Menu--scrollable {
  padding: 0;
}

.a-Menu-scroll {
  overflow: hidden;
  padding-top: calc(var(--a-menu-padding-y) - var(--a-menu-border-width));
  padding-bottom: calc(var(--a-menu-padding-y) - var(--a-menu-border-width));
}

.a-Menu-scrollBtn {
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: var(--a-menu-cursor);
  background-color: var(--a-menu-scroll-button-background-color);
  color: var(--a-menu-scroll-button-text-color);
}

.a-Menu-scrollBtn--up {
  border-bottom-color: var(--a-menu-border-color);
  border-bottom-width: var(--a-menu-border-width);
  border-bottom-style: solid;
  -webkit-box-shadow: var(--a-menu-scroll-up-shadow);
          box-shadow: var(--a-menu-scroll-up-shadow);
}

.a-Menu-scrollBtn--down {
  border-top-color: var(--a-menu-border-color);
  border-top-width: var(--a-menu-border-width);
  border-top-style: solid;
  -webkit-box-shadow: var(--a-menu-scroll-down-shadow);
          box-shadow: var(--a-menu-scroll-down-shadow);
}

.a-Menu-scrollBtn.is-disabled {
  opacity: var(--a-menu-disabled-opacity);
}

.a-Menu-scrollBtn.is-active {
  background-color: var(--a-menu-scroll-button-active-background-color);
  color: var(--a-menu-scroll-button-active-text-color);
}

.a-Menu-scrollBtn .a-Icon {
  margin: 0 auto;
  display: block;
}

/* ==========================================================================
   Menubar Overflow
   ========================================================================== */
.a-MenuBar.a-MenuBar--overflow {
  overflow: hidden;
  width: 100%;
}

/* Callout
   ========================================================================== */
.u-callout {
  position: absolute;
  z-index: 901;
  overflow: hidden;
}

.u-callout:before {
  background-color: var(--a-menu-callout-background-color);
  border-color: var(--a-menu-callout-border-color);
  border-style: solid;
  border-width: var(--a-menu-callout-border-width);
  -webkit-box-shadow: var(--a-menu-callout-shadow);
          box-shadow: var(--a-menu-callout-shadow);
  display: block;
  height: calc(var(--a-menu-callout-size) - calc(var(--a-menu-callout-border-width) * 2));
  width: calc(var(--a-menu-callout-size) - calc(var(--a-menu-callout-border-width) * 2));
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  position: relative;
  margin: calc(var(--a-menu-callout-size) / 2);
}

.a-Menu.has-callout,
.ui-dialog--popup {
  margin: calc(var(--a-menu-callout-size) - var(--a-menu-callout-border-width));
}

.a-Menu .u-callout {
  display: block;
}

.has-callout-top .u-callout,
.u-callout.u-callout--top,
.has-callout-bottom .u-callout,
.u-callout.u-callout--bottom {
  width: calc(var(--a-menu-callout-size) * 2);
  height: var(--a-menu-callout-size);
}

.has-callout-top .u-callout:before,
.u-callout.u-callout--top:before,
.has-callout-bottom .u-callout:before,
.u-callout.u-callout--bottom:before {
  content: '';
}

.has-callout-top .u-callout,
.u-callout.u-callout--top {
  top: calc(calc(var(--a-menu-callout-size) - var(--a-menu-callout-border-width)) * -1);
  left: calc(calc(var(--a-menu-callout-size) - var(--a-menu-callout-border-width)) * 1.5);
}

.a-Menu .has-callout-top .u-callout, .a-Menu
.u-callout.u-callout--top {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.has-callout-top .u-callout:before,
.u-callout.u-callout--top:before {
  -webkit-transform: translateY(0) rotateZ(45deg);
          transform: translateY(0) rotateZ(45deg);
  border-top-left-radius: var(--a-menu-callout-border-radius);
}

.has-callout-bottom .u-callout,
.u-callout.u-callout--bottom {
  bottom: calc(calc(var(--a-menu-callout-size) - var(--a-menu-callout-border-width)) * -1);
  left: calc(calc(var(--a-menu-callout-size) - var(--a-menu-callout-border-width)) * 1.5);
}

.a-Menu .has-callout-bottom .u-callout, .a-Menu
.u-callout.u-callout--bottom {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.has-callout-bottom .u-callout:before,
.u-callout.u-callout--bottom:before {
  -webkit-transform: translateY(calc(var(--a-menu-callout-size) * -1)) rotateZ(45deg);
          transform: translateY(calc(var(--a-menu-callout-size) * -1)) rotateZ(45deg);
  border-bottom-right-radius: var(--a-menu-callout-border-radius);
}

.has-callout-left .u-callout,
.u-callout.u-callout--left,
.has-callout-right .u-callout,
.u-callout.u-callout--right {
  width: var(--a-menu-callout-size);
  height: calc(var(--a-menu-callout-size) * 2);
}

.has-callout-left .u-callout:before,
.u-callout.u-callout--left:before,
.has-callout-right .u-callout:before,
.u-callout.u-callout--right:before {
  content: '';
}

.has-callout-left .u-callout,
.u-callout.u-callout--left {
  top: calc(calc(var(--a-menu-callout-size) - var(--a-menu-callout-border-width)) / 2);
  left: calc(calc(var(--a-menu-callout-size) - var(--a-menu-callout-border-width)) * -1);
}

.has-callout-left .u-callout:before,
.u-callout.u-callout--left:before {
  -webkit-transform: translateX(0) rotateZ(45deg);
          transform: translateX(0) rotateZ(45deg);
  border-bottom-left-radius: var(--a-menu-callout-border-radius);
}

.has-callout-right .u-callout,
.u-callout.u-callout--right {
  top: calc(calc(var(--a-menu-callout-size) - var(--a-menu-callout-border-width)) / 2);
  right: calc(calc(var(--a-menu-callout-size) - var(--a-menu-callout-border-width)) * -1);
}

.has-callout-right .u-callout:before,
.u-callout.u-callout--right:before {
  -webkit-transform: translateX(calc(calc(var(--a-menu-callout-size) - var(--a-menu-callout-border-width)) * -1)) rotateZ(45deg);
          transform: translateX(calc(calc(var(--a-menu-callout-size) - var(--a-menu-callout-border-width)) * -1)) rotateZ(45deg);
  border-top-right-radius: var(--a-menu-callout-border-radius);
}

body .ui-dialog.ui-dialog--popup .ui-dialog-content {
  background-color: transparent;
}

/* ==========================================================================
   Oracle JET support in APEX 5.1
   ---
   The following styles are necessary to set the font-sizes for several
   Oracle JET charting components. Without these styles, the fonts have
   a very small font size.
   ========================================================================== */
/* SVG Inline Scroll Issue
   ========================================================================== */
.oj-dvtbase svg,
.oj-chart svg {
  display: block;
  fill: currentColor;
}

/* Chart Font Sizes
   ========================================================================== */
.oj-html {
  font-size: var(--ojet-font-size);
}

.oj-chart-data-label {
  font-size: var(--ojet-small-font-size);
}

.oj-chart-footnote {
  font-size: var(--ojet-small-font-size);
}

.oj-chart-pie-center-label,
.oj-chart-xaxis-title,
.oj-chart-yaxis-title,
.oj-chart-y2axis-title {
  font-size: var(--ojet-font-size);
}

.oj-chart-stack-label {
  font-size: var(--ojet-small-font-size);
}

.oj-chart-subtitle {
  font-size: var(--ojet-medium-font-size);
}

.oj-chart-title {
  font-size: var(--ojet-medium-font-size);
}

.oj-chart-xaxis-tick-label,
.oj-chart-yaxis-tick-label,
.oj-chart-y2axis-tick-label {
  font-size: var(--ojet-small-font-size);
}

.oj-dvt-datatip {
  font-size: var(--ojet-small-font-size);
}

.oj-dvt-tooltip {
  font-size: var(--ojet-font-size);
}

.oj-legend {
  font-size: var(--ojet-small-font-size);
}

.oj-legend-section-title {
  font-size: var(--ojet-small-font-size);
}

.oj-legend-title {
  font-size: var(--ojet-small-font-size);
}

.oj-timeline-major-axis-label {
  font-size: var(--ojet-font-size);
}

.oj-timeline-minor-axis-label {
  font-size: var(--ojet-small-font-size);
}

.oj-treemap {
  font-size: var(--ojet-small-font-size);
}

.oj-treemap-attribute-type-text {
  font-size: var(--ojet-font-size);
}

.oj-treemap-attribute-value-text {
  font-size: var(--ojet-font-size);
}

.oj-treemap-current-text {
  font-size: var(--ojet-font-size);
}

.oj-treemap-node {
  font-size: var(--ojet-small-font-size);
}

.oj-treemap-node-header {
  font-size: var(--ojet-small-font-size);
}

.oj-sunburst {
  font-size: var(--ojet-small-font-size);
}

.oj-sunburst-attribute-type-text {
  font-size: var(--ojet-font-size);
}

.oj-sunburst-attribute-value-text {
  font-size: var(--ojet-font-size);
}

.oj-sunburst-current-text {
  font-size: var(--ojet-font-size);
}

.oj-sunburst-node {
  font-size: var(--ojet-small-font-size);
}

.oj-diagram-link-label {
  font-size: var(--ojet-font-size);
}

.oj-diagram-node-label {
  font-size: var(--ojet-font-size);
}

/* ==========================================================================
   Popup LOV
   ========================================================================== */
.apex-item-group--popup-lov {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
}

.apex-item-popup-lov {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  margin: 0;
}

.apex-item-popup-lov.apex-item-text {
  height: auto;
}

.a-Button--popupLOV {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.apex-item-text.a-PopupLOV-search,
.apex-item-text.apex-item-popup-lov,
.apex-item-multi {
  padding: calc(var(--a-field-input-padding-y) - var(--a-field-input-border-width)) calc(var(--a-field-input-padding-x) - var(--a-field-input-border-width));
  font-size: var(--a-field-input-font-size);
  line-height: var(--a-field-input-line-height);
  font-weight: var(--a-field-input-font-weight);
  color: var(--a-field-input-text-color);
  background-color: var(--a-field-input-background-color);
  border-radius: var(--a-field-input-border-radius);
  border-color: var(--a-field-input-border-color);
  border-width: var(--a-field-input-border-width);
  border-style: solid;
  -webkit-box-shadow: var(--a-field-input-shadow);
          box-shadow: var(--a-field-input-shadow);
}

.apex-item-group--popup-lov .apex-item-popup-lov:not(:last-child),
.apex-item-group--popup-lov .apex-item-multi:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.u-RTL .apex-item-group--popup-lov .apex-item-popup-lov:not(:last-child), .u-RTL
.apex-item-group--popup-lov .apex-item-multi:not(:last-child) {
  border-top-right-radius: var(--a-field-input-border-radius);
  border-bottom-right-radius: var(--a-field-input-border-radius);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.apex-item-group--popup-lov .a-Button--popupLOV {
  margin-left: calc(var(--a-field-input-border-width, 1px) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.u-RTL .apex-item-group--popup-lov .a-Button--popupLOV {
  border-top-left-radius: var(--a-button-border-radius);
  border-bottom-left-radius: var(--a-button-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
  margin-right: calc(var(--a-field-input-border-width, 1px) * -1);
}

.apex-item-multi {
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.apex-item-multi .apex-item-popup-lov {
  --a-field-input-border-color: transparent;
  --a-field-input-border-width: 0px;
  --a-field-input-backgrounc-color: transparent;
  --a-field-input-shadow: none;
  --a-field-input-padding-y: 1px;
  --a-field-input-padding-x: 2px;
}

.apex-item-multi-item {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 1px;
  vertical-align: top;
  max-width: 100%;
}

.apex-item-multi-item > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  padding: 1px 4px;
  vertical-align: top;
  cursor: default;
  max-width: 100%;
  word-break: break-all;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  background-color: rgba(0, 0, 0, 0.05);
}

.apex-item-multi-item.is-active > span {
  -webkit-box-shadow: 0 0 0 1px #0572CE inset;
          box-shadow: 0 0 0 1px #0572CE inset;
}

.apex-item-multi-item:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.apex-item-multi-remove {
  margin-left: 2px;
  border: 0;
  border-radius: 1px;
  cursor: pointer;
  padding: 0;
  font-size: 12px;
  line-height: 12px;
  margin-right: -2px;
  background-color: transparent;
}

.apex-item-multi-remove:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.u-RTL .apex-item-multi-remove {
  margin-left: -2px;
  margin-right: 2px;
}

.ui-dialog-popuplov,
.a-PopupLOV-dialog {
  --jui-dialog-content-padding-y: 0px;
  --jui-dialog-content-padding-x: 0px;
  background-color: var(--a-popuplov-dialog-background-color, #fff);
}

.a-PopupLOV-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.a-PopupLOV-searchBar {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: var(--a-popuplov-search-bar-padding-y, 8px) var(--a-popuplov-search-bar-padding-x, 8px);
  background-color: var(--a-toolbar-background-color);
  border-bottom-width: var(--a-toolbar-border-width);
  border-bottom-style: solid;
  border-bottom-color: var(--a-toolbar-border-color);
}

.a-PopupLOV-search {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-PopupLOV-search.apex-item-text {
  height: auto;
}

.a-PopupLOV-doSearch {
  margin-left: var(--a-button-gap-x, 8px);
}

.u-RTL .a-PopupLOV-doSearch {
  margin-left: 0;
  margin-right: var(--a-button-gap-x, 8px);
}

.a-PopupLOV--incremental .a-PopupLOV-search {
  --a-popuplov-search-input-padding-left: calc(var(--a-field-icon-size) + ((var(--a-field-icon-spacing) * 2) - var(--a-field-input-border-width)));
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-left: var(--a-popuplov-search-input-padding-left, 32px);
}

.u-RTL .a-PopupLOV--incremental .a-PopupLOV-search {
  padding-left: var(--a-field-padding-x, 8px);
  padding-right: var(--a-popuplov-search-input-padding-left, 32px);
}

.a-PopupLOV--incremental .a-Icon {
  --a-icon-size: var(--a-field-icon-size, 16px);
  --a-popuplov-search-icon-margin-left: calc((var(--a-field-icon-size) + (var(--a-field-icon-spacing) * 1)) * -1);
  --a-popuplov-search-icon-left: calc(var(--a-field-icon-size) + (var(--a-field-icon-spacing) * 2));
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: var(--a-field-icon-spacing, 8px);
  left: var(--a-popuplov-search-icon-left, 32px);
  margin-left: var(--a-popuplov-search-icon-margin-left, -24px);
}

.u-RTL .a-PopupLOV--incremental .a-Icon {
  margin-left: var(--a-field-icon-spacing, 8px);
  margin-right: var(--a-popuplov-search-icon-margin-left, -24px);
  left: auto;
  right: var(--a-popuplov-search-icon-left, 32px);
}

.a-PopupLOV-clear {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom-color: var(--a-menu-sep-border-color, rgba(0, 0, 0, 0.1));
  border-bottom-style: solid;
  border-bottom-width: var(--a-menu-sep-border-width, 1px);
}

.a-PopupLOV-clearButton {
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  font-family: inherit;
  margin: 0;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-top: var(--a-menu-item-generic-padding-y, 8px);
  padding-bottom: var(--a-menu-item-generic-padding-y, 8px);
  padding-left: var(--a-menu-item-generic-padding-y, 8px);
  padding-right: var(--a-menu-item-generic-padding-y, 8px);
  font-size: var(--a-menu-font-size, 12px);
  line-height: var(--a-menu-line-height, 16px);
  font-weight: var(--a-menu-font-weight, 400);
  border: 0;
  background-color: var(--a-menu-default-background-color, transparent);
  color: var(--a-menu-default-text-color, inherit);
  cursor: var(--a-menu-cursor, pointer);
  width: 100%;
  text-align: left;
}

.u-RTL .a-PopupLOV-clearButton {
  text-align: right;
}

.a-PopupLOV-clearButton:hover {
  background-color: var(--a-menu-focused-background-color);
  color: var(--a-menu-focused-text-color);
}

.a-PopupLOV-results {
  --a-gv-footer-padding-y: var(--a-popuplov-search-bar-padding-y);
  --a-gv-footer-padding-x: var(--a-popuplov-search-bar-padding-x);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.a-PopupLOV-results .a-TMV-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.a-PopupLOV-results .a-GV-noDataMsg,
.a-PopupLOV-results .a-GV-moreDataMsg {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: 100%;
}

.a-PopupLOV-results .a-TMV-w-scroll {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.a-PopupLOV-results .a-TMV-w-scroll .a-IconList {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  overflow: initial;
}

.a-PopupLOV-results .a-TMV-w-scroll .a-GV-loadMore {
  margin-top: auto;
}

.a-PopupLOV-results .a-GV-breakValue {
  font-weight: bold;
}

.a-PopupLOV-results .a-IconList-item {
  float: none;
  width: 100%;
  margin: 0;
  cursor: var(--a-menu-cursor);
}

.a-PopupLOV-results .popup-lov-highlight {
  font-weight: var(--a-popuplov-highlight-font-weight);
}

/******************************************************************************

File Name:    RecordView.scss
Purpose:      Base styles for Record View (used in Interactive Grid component)

******************************************************************************/
/* Container
   ========================================================================== */
.a-RV {
  font-size: var(--a-rv-font-size, 12px);
  line-height: var(--a-rv-line-height, 16px);
}

/* Toolbar
   --
   Based on the Toolbar Component
   ========================================================================== */
.a-RV-toolbar {
  padding: var(--a-irr-item-spacing, 8px) var(--a-irr-item-spacing, 8px);
  border-bottom-width: var(--a-toolbar-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--a-toolbar-border-color);
}

.a-RV-toolbar .a-Toolbar-group {
  margin-bottom: 0;
}

/* Toolbar Static Content (Used for Record Number)
   ========================================================================== */
.a-RV-toolbar .a-Toolbar-static {
  font-size: 11px;
  line-height: 24px;
  padding: 0 8px;
}

.a-RV-body {
  padding: var(--a-rv-body-padding-y, 4px) var(--a-rv-body-padding-x, 0);
}

.a-RV-body .u-Form::before, .a-RV-body .u-Form::after {
  display: table;
  content: '';
}

.a-RV-body .u-Form::after {
  clear: both;
}

.a-RV.a-RV--excludeNull .u-Form-fieldContainer.a-RV-field--null,
.a-RV.a-RV--excludeHidden .u-Form-fieldContainer.a-RV-field--hidden {
  display: none;
}

.a-RV.a-RV--excludeNull .u-Form-fieldContainer.a-RV-field--null.is-required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-RV-w-scroll {
  overflow: auto;
}

.a-Form-groupHeading {
  background-color: #f8f8f8;
  border-bottom: 1px solid #e8e8e8;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 6px;
}

.a-Form-groupHeading button {
  border: none;
  background-color: transparent;
  width: 100%;
  display: block;
  text-align: left;
  padding: 0;
}

.a-RV .is-deleted .u-Form-inputContainer {
  text-decoration: line-through;
}

.a-RV .a-Form-fieldContainer.is-required .a-Form-label:before {
  font-family: var(--a-icon-font-family, "apex-5-icon-font");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e058";
  color: var(--a-form-required-asterisk-text-color);
  vertical-align: top;
}

.a-RV .a-Form-labelContainer,
.a-RV .a-Form-inputContainer {
  padding: 4px 8px;
}

.a-RV .a-Form-labelContainer:focus,
.a-RV .a-Form-inputContainer:focus {
  outline: none;
}

.a-RV .a-Form-inputContainer {
  line-height: 24px;
}

.a-RV .a-GV-columnItem .a-Button--calendar {
  vertical-align: top;
}

/* Errors in Single Row View
   ========================================================================== */
.a-RV .is-error .t-Alert {
  padding: 8px;
  color: var(--a-palette-danger);
}

/* Record View Dialog
   ========================================================================== */
.a-RVDialog-scroll {
  overflow: auto;
}

/* Splitter Support
   ========================================================================== */
.a-IGDialog-body.a-Splitter {
  display: block;
}

.a-IGDialog-body.a-Splitter,
.a-IGDialog-main,
.a-IGDialog-body.a-Splitter,
.a-IGDialog-side {
  display: block;
  min-width: inherit;
}

/* Icon List
   ========================================================================== */
.a-RVDialog-list.a-IconList {
  padding: 0;
  margin: 0;
}

.a-RVDialog-list.a-IconList .a-IconList-item {
  width: 100%;
  padding: 8px;
  line-height: 16px;
  margin: 0;
  border-radius: 0;
}

.a-RVDialog-list.a-IconList .a-IconList-label {
  font-size: 12px;
  line-height: 16px;
  margin-left: 4px;
  display: inline-block;
  vertical-align: top;
}

.u-RTL .a-RVDialog-list.a-IconList .a-IconList-label {
  margin-left: 0;
  margin-right: 4px;
}

/* Yes No in Single Row View
   ========================================================================== */
.a-RV .a-GV-columnItem .apex-button-group {
  max-width: 128px;
  min-height: 24px;
}

/* Radios and Checkboxes in Single Row View
   ========================================================================== */
.a-RV .apex-item-radio input[type="radio"] {
  vertical-align: top;
  margin-right: 4px;
}

.a-RV .apex-item-checkbox input[type="checkbox"] {
  vertical-align: top;
  margin-right: 4px;
}

.a-RV-fieldValue .u-checkbox {
  display: inline-block;
  vertical-align: top;
}

.a-RV-fieldValue .u-checkbox + .u-Form-label {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-margin-start: 6px;
          margin-inline-start: 6px;
}

.a-RV .u-Form-inputContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-RV .u-Form-inputContainer .a-RV-fieldValue {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.a-RV .u-Form-inputContainer .js-itemHelp {
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}

.a-RV .apex-col {
  float: left;
}

/* Removal of generic focus state in Single Row View
   ========================================================================== */
/* Edit Mode */
/* Not Edit Mode */
.apex-rds-last-item-spacer {
  min-height: 70vh;
}

/* ==========================================================================
   Report Components
 ========================================================================== */
/* ==========================================================================
 Report Utilities
 ========================================================================== */
.u-resetTable {
  border-collapse: collapse;
  table-layout: auto;
  border-spacing: 0;
}

.u-Report {
  border-collapse: collapse;
  table-layout: auto;
  border-spacing: 0;
}

.u-Report td.pagination {
  border-width: 0 !important;
}

.u-Report .u-Report-header,
.u-Report th {
  background-color: #F4F4F4;
  vertical-align: middle;
  height: var(--a-gv-header-cell-height);
  padding-left: var(--a-gv-header-cell-padding-x);
  padding-right: var(--a-gv-header-cell-padding-x);
  padding-top: var(--a-gv-header-cell-padding-y);
  padding-bottom: var(--a-gv-header-cell-padding-y);
  color: #404040;
  font-weight: var(--a-gv-header-cell-font-weight);
}

.u-Report th[scope="rowgroup"] {
  background-color: #FAFAFA;
}

.u-Report th[scope="row"] {
  background-color: #fff;
}

.u-Report td {
  height: var(--a-gv-cell-height);
  padding-left: var(--a-gv-cell-padding-x);
  padding-right: var(--a-gv-cell-padding-x);
  padding-top: var(--a-gv-cell-padding-y);
  padding-bottom: var(--a-gv-cell-padding-y);
  color: #404040;
  background-color: #FFF;
}

.u-Report tr:nth-child(even) td,
.u-Report tr:nth-child(even) th[scope="row"] {
  background-color: #FAFAFA;
}

.u-Report td,
.u-Report th {
  border: 1px solid #E8E8E8;
}

.u-Report--stretch {
  width: 100%;
}

.u-Report--inline tr:first-child td,
.u-Report--inline tr:first-child th {
  border-top-width: 0;
}

.u-Report--inline tr:last-child td,
.u-Report--inline tr:last-child th {
  border-bottom-width: 0;
}

.u-Report--inline tr td:last-child,
.u-Report--inline tr th:last-child {
  border-right-width: 0;
}

.u-Report--inline tr td:first-child,
.u-Report--inline tr th:first-child {
  border-left-width: 0;
}

.u-Report--staticBG tr:nth-child(even) td,
.u-Report--staticBG tr:nth-child(even) th[scope="row"] {
  background-color: #FFF;
}

.u-Report--firstColLabel tr td:first-child {
  width: 40%;
}

.u-Report-sort,
.u-Report-sortHeading,
.u-Report-sortIcon {
  display: inline-block;
  vertical-align: top;
}

.u-Report-sortIcon {
  margin-left: 4px;
}

.u-RTL .u-Report-sortIcon {
  margin-left: 0;
  margin-right: 4px;
}

/* Styles used for the Standard Look class
   ========================================================================== */
.u-Report--standardLook {
  font-size: 12px;
  line-height: 16px;
  vertical-align: top;
}

.u-Report--standardLook th {
  padding: 8px 4px;
}

.u-Report--standardLook td {
  padding: 4px;
}

/* Styles used for the Standard Look class
   ========================================================================== */
.u-Report--dataLoad {
  font-size: 12px;
  line-height: 16px;
  vertical-align: top;
}

.u-Report--dataLoad th {
  padding: 8px 4px;
}

.u-Report--dataLoad td {
  padding: 4px;
}

.u-Report--dataLoad th,
.u-Report--dataLoad td {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==========================================================================
   Percent Chart (Format Mask)
   ========================================================================== */
.a-Report-percentChart {
  display: block;
  background-color: var(--a-percent-chart-background-color);
  border-radius: var(--a-percent-chart-border-radius, 2px);
  -webkit-box-shadow: inset 0 0 0 var(--a-percent-chart-border-width, 1px) var(--a-percent-chart-border-color, rgba(0, 0, 0, 0.1));
          box-shadow: inset 0 0 0 var(--a-percent-chart-border-width, 1px) var(--a-percent-chart-border-color, rgba(0, 0, 0, 0.1));
  overflow: hidden;
  height: var(--a-percent-chart-height, 16px);
}

.a-Report-percentChart-fill {
  height: var(--a-percent-chart-height, 16px);
  background-color: var(--a-percent-chart-bar-background-color);
  border-radius: var(--a-percent-chart-bar-border-radius, 2px);
  -webkit-box-shadow: inset 0 0 0 var(--a-percent-chart-bar-border-width, 1px) var(--a-percent-chart-bar-border-color, rgba(0, 0, 0, 0.1));
          box-shadow: inset 0 0 0 var(--a-percent-chart-bar-border-width, 1px) var(--a-percent-chart-bar-border-color, rgba(0, 0, 0, 0.1));
}

.u-RTL .a-Report-percentChart-fill {
  float: right;
}

/* ==========================================================================
   IG & IRR Report Controls
   ========================================================================== */
.a-IG-controlsContainer,
.a-IRR-controlsContainer {
  padding-top: var(--a-report-controls-padding-y);
  padding-bottom: var(--a-report-controls-padding-y);
  padding-left: var(--a-report-controls-padding-x);
  padding-right: var(--a-report-controls-padding-x);
  border-bottom-width: var(--a-report-controls-border-width);
  border-bottom-style: solid;
  border-bottom-color: var(--a-report-controls-border-color);
}

.a-IG-button.a-IG-button--controls,
.a-IRR-button.a-IRR-button--controls {
  --a-button-padding-y: 8px;
  --a-button-padding-x: 8px;
  --a-button-background-color: #fff;
}

.a-IG-controls,
.a-IRR-controls {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-item-align: center;
      align-self: center;
  list-style: none;
  margin: calc(var(--a-report-controls-item-spacing) / -2) calc(var(--a-report-controls-item-spacing) * -1);
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: calc(100% - var(--a-report-controls-item-spacing));
  overflow: hidden;
}

.a-IG-controls-item,
.a-IRR-controls-item {
  line-height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: calc(var(--a-report-controls-item-spacing) / 2) var(--a-report-controls-item-spacing);
}

.a-IG-controls-item .a-IG-button.a-IG-button--remove,
.a-IRR-controls-item .a-IRR-button.a-IRR-button--remove {
  opacity: .65;
}

.a-IG-controls-item:hover .a-IG-button.a-IG-button--remove,
.a-IG-controls-item .a-IG-button.a-IG-button--remove:focus,
.a-IRR-controls-item:hover .a-IRR-button.a-IRR-button--remove,
.a-IRR-controls-item .a-IRR-button.a-IRR-button--remove:focus {
  opacity: 1;
}

.a-IG-controlsIcon,
.a-IRR-controlsIcon {
  color: var(--a-report-controls-cell-label-icon-text-color);
}

.a-IG-controls-cell,
.a-IRR-controls-cell {
  display: block;
  margin-left: var(--a-report-controls-cell-spacing);
  margin-right: var(--a-report-controls-cell-spacing);
}

.a-IG-controls-cell:first-child,
.a-IRR-controls-cell:first-child {
  min-width: var(--a-checkbox-size);
}

.a-IG-controls-cell:nth-child(2),
.a-IRR-controls-cell:nth-child(2) {
  margin: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--a-report-controls-cell-spacing);
  color: var(--a-report-controls-cell-label-icon-text-color);
  background-color: var(--a-report-controls-cell-label-icon-background-color);
  border-radius: var(--a-report-controls-cell-border-radius) 0 0 var(--a-report-controls-cell-border-radius);
}

.u-RTL .a-IG-controls-cell:nth-child(2), .u-RTL
.a-IRR-controls-cell:nth-child(2) {
  border-radius: 0 var(--a-report-controls-cell-border-radius) var(--a-report-controls-cell-border-radius) 0;
}

.a-IG-controls-cell--label,
.a-IRR-controls-cell--label {
  margin: 0;
  width: var(--a-report-controls-cell-label-width);
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-IG-controls-cell--label .a-IG-controlsLabel,
.a-IG-controls-cell--label .a-IRR-controlsLabel,
.a-IRR-controls-cell--label .a-IG-controlsLabel,
.a-IRR-controls-cell--label .a-IRR-controlsLabel {
  border-radius: 0 var(--a-report-controls-cell-border-radius) var(--a-report-controls-cell-border-radius) 0;
}

.u-RTL .a-IG-controls-cell--label .a-IG-controlsLabel, .u-RTL
.a-IG-controls-cell--label .a-IRR-controlsLabel, .u-RTL
.a-IRR-controls-cell--label .a-IG-controlsLabel, .u-RTL
.a-IRR-controls-cell--label .a-IRR-controlsLabel {
  border-radius: var(--a-report-controls-cell-border-radius) 0 0 var(--a-report-controls-cell-border-radius);
}

.a-IG-button.a-IG-button--remove,
.a-IRR-button.a-IRR-button--remove {
  --a-button-padding-y: 4px;
  --a-button-padding-x: 4px;
  --a-button-background-color: transparent;
}

.a-IG-button.a-IG-button--remove:hover,
.a-IRR-button.a-IRR-button--remove:hover {
  --a-button-text-color: #F00;
}

.a-IG-controlsLabel,
.a-IRR-controlsLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-decoration: none;
  padding: calc(var(--a-report-controls-cell-spacing) - var(--a-report-controls-cell-label-border-width));
  border-width: var(--a-report-controls-cell-label-border-width);
  border-style: solid;
  border-color: var(--a-report-controls-cell-label-border-color);
  border-left-width: 0;
  background-color: var(--a-report-controls-cell-label-background-color);
  color: var(--a-report-controls-cell-label-text-color);
  font-size: var(--a-report-controls-cell-label-font-size);
  line-height: var(--a-report-controls-cell-label-line-height);
}

.u-RTL .a-IG-controlsLabel, .u-RTL
.a-IRR-controlsLabel {
  border-left-width: var(--a-report-controls-cell-label-border-width);
  border-right-width: 0;
}

.a-IG-controlsLabel:hover,
.a-IRR-controlsLabel:hover {
  background-color: var(--a-report-controls-cell-label-hover-background-color);
}

.a-IG-controlsLabel--highlight,
.a-IRR-controlsLabel--highlight {
  --a-report-controls-cell-label-border-width: 2px;
}

/* ==========================================================================
   Report Summary
   ========================================================================== */
.a-IG-reportSummaryContainer,
.a-IRR-reportSummaryContainer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-item-align: center;
      align-self: center;
}

.a-IG-reportSummary,
.a-IRR-reportSummary {
  list-style: none;
  margin: calc(var(--a-report-controls-item-spacing) / -2) calc(var(--a-report-controls-item-spacing) * -1);
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-IG-reportSummary-item,
.a-IRR-reportSummary-item {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin: calc(var(--a-report-controls-item-spacing) / 2) var(--a-report-controls-item-spacing);
}

.a-IG-reportSummary-label,
.a-IRR-reportSummary-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

.a-IG-reportSummary-value,
.a-IRR-reportSummary-value {
  display: inline-block;
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
  vertical-align: top;
}

.a-IG-reportSummary-icon,
.a-IRR-reportSummary-icon {
  margin: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--a-report-controls-cell-spacing);
  color: var(--a-report-controls-cell-label-icon-text-color);
  background-color: var(--a-report-controls-cell-label-icon-background-color);
  border-radius: var(--a-report-controls-cell-border-radius) 0 0 var(--a-report-controls-cell-border-radius);
  text-decoration: none;
}

.u-RTL .a-IG-reportSummary-icon, .u-RTL
.a-IRR-reportSummary-icon {
  border-radius: 0 var(--a-report-controls-cell-border-radius) var(--a-report-controls-cell-border-radius) 0;
}

.a-IG-reportSummary-value,
.a-IRR-reportSummary-value {
  min-width: 32px;
  text-align: center;
  display: block;
  padding: calc(var(--a-report-controls-cell-spacing) - var(--a-report-controls-cell-label-border-width));
  border-radius: 0 var(--a-report-controls-cell-border-radius) var(--a-report-controls-cell-border-radius) 0;
  border-width: var(--a-report-controls-cell-label-border-width);
  border-style: solid;
  border-color: var(--a-report-controls-cell-label-border-color);
  border-left-width: 0;
  background-color: var(--a-report-controls-cell-label-background-color);
  color: var(--a-report-controls-cell-label-text-color);
  font-size: var(--a-report-controls-cell-label-font-size);
  line-height: var(--a-report-controls-cell-label-line-height);
}

.u-RTL .a-IG-reportSummary-value, .u-RTL
.a-IRR-reportSummary-value {
  border-radius: var(--a-report-controls-cell-border-radius) 0 0 var(--a-report-controls-cell-border-radius);
  border-left-width: var(--a-report-controls-cell-label-border-width);
  border-right-width: 0;
}

.a-IG-reportSummary-value:hover,
.a-IRR-reportSummary-value:hover {
  background-color: var(--a-report-controls-cell-label-hover-background-color);
}

.a-IG-reportSummary-count,
.a-IRR-reportSummary-count {
  margin-left: var(--a-report-controls-item-spacing);
  font-size: var(--a-report-controls-cell-label-font-size);
  line-height: var(--a-report-controls-cell-label-line-height);
}

.u-RTL .a-IG-reportSummary-count, .u-RTL
.a-IRR-reportSummary-count {
  margin-left: 0;
  margin-right: var(--a-report-controls-item-spacing);
}

/* Deletable Collapsed Filters
     ========================================================================== */
.a-IG-reportSummary-item.has-delete,
.a-IRR-reportSummary-item.has-delete {
  position: relative;
}

.a-IG-reportSummary-item.has-delete .a-IG-reportSummary-label,
.a-IRR-reportSummary-item.has-delete .a-IRR-reportSummary-label {
  padding-right: 24px;
}

.a-IG-reportSummary-item.has-delete .a-IG-button.a-IG-button--remove,
.a-IRR-reportSummary-item.has-delete .a-IRR-button.a-IRR-button--remove {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  margin: 4px;
}

/* Control Types
     ========================================================================== */
.a-IG-reportSummary-item.is-error,
.a-IG-controls-item.is-error,
.a-IRR-reportSummary-item.is-error,
.a-IRR-controls-item.is-error {
  --a-report-controls-cell-label-icon-background-color: var(--a-palette-danger);
  --a-report-controls-cell-label-icon-text-color: var(--a-palette-danger-contrast);
  --a-report-controls-cell-label-background-color: var(--a-palette-danger-shade);
  --a-report-controls-cell-label-hover-background-color: var(--a-palette-danger-shade);
}

.a-IG-reportSummary-item--savedReport,
.a-IG-controls-item--savedReport,
.a-IRR-reportSummary-item--savedReport,
.a-IRR-controls-item--savedReport {
  --a-report-controls-cell-label-icon-background-color: #4AA4EC;
  --a-report-controls-cell-label-hover-background-color: #ecf5fd;
}

.a-IG-reportSummary-item--search,
.a-IG-controls-item--search,
.a-IRR-reportSummary-item--search,
.a-IRR-controls-item--search {
  --a-report-controls-cell-label-icon-background-color: #4AA4EC;
  --a-report-controls-cell-label-hover-background-color: #ecf5fd;
}

.a-IG-reportSummary-item--filter,
.a-IG-controls-item--filter,
.a-IRR-reportSummary-item--filter,
.a-IRR-controls-item--filter {
  --a-report-controls-cell-label-icon-background-color: #24CB7F;
  --a-report-controls-cell-label-hover-background-color: #dcf9ec;
}

.a-IG-reportSummary-item--controlBreak,
.a-IG-controls-item--controlBreak,
.a-IRR-reportSummary-item--controlBreak,
.a-IRR-controls-item--controlBreak {
  --a-report-controls-cell-label-icon-background-color: #3B83BD;
  --a-report-controls-cell-label-hover-background-color: #e6f0f7;
}

.a-IG-reportSummary-item--groupBy,
.a-IG-controls-item--groupBy,
.a-IRR-reportSummary-item--groupBy,
.a-IRR-controls-item--groupBy {
  --a-report-controls-cell-label-icon-background-color: #3B83BD;
  --a-report-controls-cell-label-hover-background-color: #e6f0f7;
}

.a-IG-reportSummary-item--aggregate,
.a-IG-controls-item--aggregate,
.a-IRR-reportSummary-item--aggregate,
.a-IRR-controls-item--aggregate {
  --a-report-controls-cell-label-icon-background-color: #3B83BD;
  --a-report-controls-cell-label-hover-background-color: #e6f0f7;
}

.a-IG-reportSummary-item--highlight,
.a-IG-controls-item--highlight,
.a-IRR-reportSummary-item--highlight,
.a-IRR-controls-item--highlight {
  --a-report-controls-cell-label-icon-background-color: #FFBE2A;
  --a-report-controls-cell-label-hover-background-color: #fff0cd;
}

.a-IG-reportSummary-item--flashback,
.a-IG-controls-item--flashback,
.a-IRR-reportSummary-item--flashback,
.a-IRR-controls-item--flashback {
  --a-report-controls-cell-label-icon-background-color: #9EA7AD;
  --a-report-controls-cell-label-hover-background-color: #d5d9dc;
}

.a-IG-reportSummary-item--chart,
.a-IG-controls-item--chart,
.a-IRR-reportSummary-item--chart,
.a-IRR-controls-item--chart {
  --a-report-controls-cell-label-icon-background-color: #3B83BD;
  --a-report-controls-cell-label-hover-background-color: #85b4d9;
}

.a-IG-reportSummary-item--pivot,
.a-IG-controls-item--pivot,
.a-IRR-reportSummary-item--pivot,
.a-IRR-controls-item--pivot {
  --a-report-controls-cell-label-icon-background-color: #9EA7AD;
  --a-report-controls-cell-label-hover-background-color: #d5d9dc;
}

.a-IG-reportSummary-item--invalidSettings,
.a-IG-controls-item--invalidSettings,
.a-IRR-reportSummary-item--invalidSettings,
.a-IRR-controls-item--invalidSettings {
  --a-report-controls-cell-label-icon-background-color: #BDC3C7;
  --a-report-controls-cell-label-hover-background-color: #f4f5f6;
}

.a-IG-reportSummary-item--inactiveSettings,
.a-IG-controls-item--inactiveSettings,
.a-IRR-reportSummary-item--inactiveSettings,
.a-IRR-controls-item--inactiveSettings {
  --a-report-controls-cell-label-icon-background-color: #BDC3C7;
  --a-report-controls-cell-label-hover-background-color: #f4f5f6;
}

/* ==========================================================================
 Splitter Component
 ========================================================================== */
/**
 * NOTE: This file has been moved from apex_ui to app_ui in APEX 5.1.
 */
/* Splitter Bar
   ========================================================================== */
.a-Splitter-barH,
.a-Splitter-barV {
  z-index: 90;
  background-color: var(--a-splitter-bar-background-color);
}

.a-Splitter-barH:before,
.a-Splitter-barV:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.a-Splitter-barH div,
.a-Splitter-barV div {
  display: none;
}

.a-Splitter-barH.is-disabled,
.a-Splitter-barV.is-disabled {
  cursor: default;
  pointer-events: none;
}

.a-Splitter-barH {
  width: var(--a-splitter-bar-width);
  height: 100%;
  cursor: col-resize;
}

.a-Splitter-barH:before {
  border-width: 0 var(--a-splitter-bar-border-width);
  border-style: solid;
  border-color: var(--a-splitter-bar-border-color);
}

.a-Splitter-barV {
  width: 100%;
  height: var(--a-splitter-bar-width);
  cursor: row-resize;
}

.a-Splitter-barV:before {
  border-width: var(--a-splitter-bar-border-width) 0;
  border-style: solid;
  border-color: var(--a-splitter-bar-border-color);
}

/**
 * Splitter Bar Thumb Button
 */
.a-Splitter-thumb {
  position: absolute;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--a-splitter-thumb-background-color, transparent);
  background-repeat: no-repeat;
  background-position: center center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: var(--a-splitter-thumb-border-radius);
  border-width: var(--a-splitter-thumb-border-width);
  border-style: solid;
  border-color: var(--a-splitter-thumb-border-color);
  cursor: var(--a-splitter-thumb-cursor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-Splitter-thumb:before {
  content: '';
  display: block;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0;
}

.a-Splitter-barH .a-Splitter-thumb {
  width: var(--a-splitter-thumb-width);
  height: var(--a-splitter-thumb-height);
}

.a-Splitter-barV .a-Splitter-thumb {
  width: var(--a-splitter-thumb-height);
  height: var(--a-splitter-thumb-width);
}

/******************************************************************************
Splitter Styles
******************************************************************************/
.a-Splitter-barH .a-Splitter-thumb:before,
.a-Splitter-barH.a-Splitter--end.is-collapsed .a-Splitter-thumb:before {
  border-right-color: var(--a-splitter-thumb-arrow-color);
  border-width: 4px 4px 4px 0;
}

.a-Splitter-barH.is-collapsed .a-Splitter-thumb:before,
.a-Splitter-barH.a-Splitter--end .a-Splitter-thumb:before {
  border-left-color: var(--a-splitter-thumb-arrow-color);
  border-width: 4px 0 4px 4px;
}

.a-Splitter-barV.is-collapsed .a-Splitter-thumb:before,
.a-Splitter-barV.a-Splitter--end .a-Splitter-thumb:before {
  border-top-color: var(--a-splitter-thumb-arrow-color);
  border-width: 4px 4px 0 4px;
}

.a-Splitter-barV .a-Splitter-thumb:before,
.a-Splitter-barV.a-Splitter--end.is-collapsed .a-Splitter-thumb:before {
  border-bottom-color: var(--a-splitter-thumb-arrow-color);
  border-width: 0 4px 4px 4px;
}

.a-Splitter-barH.is-disabled .a-Splitter-thumb,
.a-Splitter-barV.is-disabled .a-Splitter-thumb {
  display: none;
  background-image: none !important;
}

/**
 * Splitter Bar Hover and Focus States
 */
.a-Splitter-barH:hover,
.a-Splitter-barV:hover {
  --a-splitter-bar-background-color: var(--a-splitter-bar-hover-background-color);
}

.a-Splitter-barH.is-active,
.a-Splitter-barV.is-active {
  --a-splitter-bar-background-color: var(--a-splitter-bar-active-background-color);
  --a-splitter-bar-border-color: var(--a-splitter-bar-focus-border-color);
  z-index: 1000;
}

.a-Splitter-barH.is-focused,
.a-Splitter-barV.is-focused {
  --a-splitter-bar-background-color: var(--a-splitter-bar-focus-background-color);
  --a-splitter-bar-border-color: var(--a-splitter-bar-focus-border-color);
}

.a-Splitter-barH.is-focused {
  --a-splitter-thumb-background-color: var(--a-splitter-thumb-focus-background-color);
  --a-splitter-thumb-border-color: var(--a-splitter-thumb-focus-border-color);
  --a-splitter-thumb-arrow-color: var(--a-splitter-thumb-focus-arrow-color);
}

.a-Splitter-barV.is-focused {
  --a-splitter-thumb-background-color: var(--a-splitter-thumb-focus-background-color);
  --a-splitter-thumb-border-color: var(--a-splitter-thumb-focus-border-color);
  --a-splitter-thumb-arrow-color: var(--a-splitter-thumb-focus-arrow-color);
}

/**
 * Splitter Bar Button Focus and Hovers
 */
.a-Splitter-barH button:hover,
.a-Splitter-barV button:hover,
.a-Splitter-barH button:hover:focus,
.a-Splitter-barV button:hover:focus {
  --a-splitter-thumb-background-color: var(--a-splitter-thumb-hover-background-color);
  --a-splitter-thumb-border-color: var(--a-splitter-thumb-hover-border-color);
}

.a-Splitter-barH button:focus,
.a-Splitter-barV button:focus {
  --a-splitter-thumb-background-color: var(--a-splitter-thumb-focus-background-color);
  --a-splitter-thumb-border-color: var(--a-splitter-thumb-focus-border-color);
}

.a-Splitter-barH.is-focused button:hover,
.a-Splitter-barV.is-focused button:hover {
  --a-splitter-thumb-background-color: var(--a-splitter-thumb-focus-hover-background-color);
}

/* Star Rating
   ========================================================================== */
.a-StarRating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}

.a-StarRating input,
.a-StarRating input:focus,
.a-GV-co .star-rating input {
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  border-width: 0 !important;
}

.a-StarRating-stars {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: var(--a-starrating-stars-padding-y, 4px) var(--a-starrating-stars-padding-x, 4px);
  border-radius: 2px;
}

.a-GV-cell .a-StarRating-stars {
  --a-starrating-stars-padding-y: 0px;
  --a-starrating-stars-padding-x: 0px;
}

.a-GV-cell.is-active .a-StarRating-stars {
  --a-starrating-stars-padding-x: var(--a-gv-cell-padding-x);
  margin-bottom: var(--a-gv-cell-border-width);
}

.a-StarRating-stars.is-focused {
  -webkit-box-shadow: 0 0 0 1px currentColor inset;
          box-shadow: 0 0 0 1px currentColor inset;
}

.a-StarRating-stars.is-focused .a-StarRating-stars-fg .a-StarRating-star {
  text-shadow: 0 0 2px currentColor;
}

.a-StarRating-starsInner {
  position: relative;
}

.a-StarRating-stars-bg,
.a-StarRating-stars-fg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-StarRating-stars-fg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.u-RTL .a-StarRating-stars-fg {
  left: auto;
  right: 0;
}

.a-StarRating-stars-fg .a-StarRating-star {
  color: var(--a-starrating-stars-fg-color, #0572CE);
}

.a-StarRating-star {
  display: block !important;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  color: var(--a-starrating-stars-bg-color, rgba(0, 0, 0, 0.5));
}

.a-StarRating-star:before {
  font-family: var(--a-starrating-icon-font-family, "apex-5-icon-font");
  content: var(--a-starrating-icon-character, '\e0f8');
}

.a-StarRating-star.fa-lg:before {
  width: 32px;
}

.a-StarRating-value {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-left: var(--a-starrating-value-spacing, 8px);
}

.u-RTL .a-StarRating-value {
  margin-left: 0;
  margin-right: var(--a-starrating-value-spacing, 8px);
}

.a-StarRating-clear {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  line-height: 1;
  cursor: pointer;
  padding: 4px;
  outline: none;
  border-radius: 2px;
  opacity: .5;
}

.a-StarRating-clear:hover, .a-StarRating-clear:focus {
  opacity: 1;
}

.a-StarRating-clear:focus {
  -webkit-box-shadow: inset #0572CE 0 0 0 1px;
          box-shadow: inset #0572CE 0 0 0 1px;
}

.a-StarRating--disabled {
  --a-starrating-stars-fg-color: currentColor;
}

.a-StarRating--disabled .a-StarRating-clear {
  display: none;
}

.a-StarRating--singleIcon .a-StarRating-star {
  display: none;
}

.a-StarRating--singleIcon .a-StarRating-star:first-child {
  display: block;
}

.a-StarRating--singleIcon .a-StarRating-stars-fg {
  width: 100% !important;
}

/* Checkbox Switch
   ========================================================================== */
/*
<label class="a-SwitchCheckbox">
  <input type="checkbox" />
  <span class="a-SwitchCheckbox-toggle"></span>
</label>
*/
.a-Switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  cursor: var(--a-switch-cursor);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.u-RTL .a-Switch {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.a-Switch input[type=checkbox] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}

.a-Switch-toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-width: var(--a-switch-border-width);
  border-style: solid;
  border-color: var(--a-switch-border-color);
  border-radius: var(--a-switch-border-radius);
  padding-top: var(--a-switch-padding-y);
  padding-bottom: var(--a-switch-padding-y);
  padding-left: var(--a-switch-padding-x);
  padding-right: var(--a-switch-padding-x);
  -webkit-box-shadow: var(--a-switch-shadow);
          box-shadow: var(--a-switch-shadow);
  background-color: var(--a-switch-background-color);
  width: var(--a-switch-width);
  cursor: var(--a-switch-cursor);
  -webkit-transition: padding .2s ease, background-color .2s ease;
  transition: padding .2s ease, background-color .2s ease;
}

.a-Switch-toggle:before {
  content: '';
  display: block;
  width: var(--a-switch-toggle-width);
  height: var(--a-switch-toggle-height);
  border-width: var(--a-switch-toggle-border-width);
  border-style: solid;
  border-color: var(--a-switch-toggle-border-color);
  border-radius: var(--a-switch-toggle-border-radius);
  background-color: var(--a-switch-toggle-background-color);
  -webkit-box-shadow: var(--a-switch-toggle-shadow);
          box-shadow: var(--a-switch-toggle-shadow);
  -webkit-transform-origin: left 50%;
          transform-origin: left 50%;
  left: 0;
  -webkit-transition: left .2s ease, background-color .1s ease, -webkit-transform .1s ease;
  transition: left .2s ease, background-color .1s ease, -webkit-transform .1s ease;
  transition: transform .1s ease, left .2s ease, background-color .1s ease;
  transition: transform .1s ease, left .2s ease, background-color .1s ease, -webkit-transform .1s ease;
  position: relative;
}

.u-RTL .a-Switch-toggle:before {
  left: auto;
  right: var(--a-switch-toggled-offset);
  -webkit-transition: right .2s ease, background-color .1s ease, -webkit-transform .1s ease;
  transition: right .2s ease, background-color .1s ease, -webkit-transform .1s ease;
  transition: transform .1s ease, right .2s ease, background-color .1s ease;
  transition: transform .1s ease, right .2s ease, background-color .1s ease, -webkit-transform .1s ease;
}

.a-Switch:hover .a-Switch-toggle {
  --a-switch-background-color: var(--a-switch-hover-background-color);
  --a-switch-toggle-background-color: var(--a-switch-toggle-hover-background-color);
}

.a-Switch:active .a-Switch-toggle {
  --a-switch-background-color: var(--a-switch-active-background-color);
  --a-switch-toggle-background-color: var(--a-switch-toggle-active-background-color);
}

.a-Switch:active .a-Switch-toggle:before {
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}

.a-Switch input[type=checkbox]:focus + .a-Switch-toggle {
  --a-switch-shadow: var(--a-switch-focused-shadow);
}

.a-Switch input[type=checkbox]:checked + .a-Switch-toggle {
  --a-switch-background-color: var(--a-switch-checked-background-color);
  --a-switch-toggle-background-color: var(--a-switch-toggle-checked-background-color);
}

.a-Switch input[type=checkbox]:checked + .a-Switch-toggle:before {
  -webkit-transform-origin: right 50%;
          transform-origin: right 50%;
  left: var(--a-switch-toggled-offset);
}

.u-RTL .a-Switch input[type=checkbox]:checked + .a-Switch-toggle:before {
  left: auto;
  right: 0;
}

.a-Switch input[type=checkbox]:indeterminate + .a-Switch-toggle {
  --a-switch-toggle-background-color: var(--a-switch-toggle-indeterminate-background-color);
  --a-switch-toggle-shadow: var(--a-switch-toggle-indeterminate-shadow);
}

.a-Switch input[type=checkbox]:indeterminate + .a-Switch-toggle:before {
  left: calc(var(--a-switch-toggled-offset) / 2);
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
}

.u-RTL .a-Switch input[type=checkbox]:indeterminate + .a-Switch-toggle:before {
  left: 0;
  right: calc(var(--a-switch-toggled-offset) / 2);
}

.a-Switch:hover input[type=checkbox]:checked + .a-Switch-toggle {
  --a-switch-background-color: var(--a-switch-checked-hover-background-color);
  --a-switch-toggle-background-color: var(--a-switch-toggle-checked-hover-background-color);
}

.a-Switch:active input[type=checkbox]:checked + .a-Switch-toggle {
  --a-switch-background-color: var(--a-switch-checked-active-background-color);
  --a-switch-toggle-background-color: var(--a-switch-toggle-checked-active-background-color);
}

.a-Switch input[type=checkbox]:disabled + .a-Switch-toggle {
  cursor: var(--a-switch-disabled-cursor);
  opacity: var(--a-switch-disabled-opacity);
}

.a-Switch--small {
  --a-switch-width: 30px;
  --a-switch-toggle-width: 12px;
  --a-switch-toggle-height: 12px;
  --a-switch-toggled-offset: calc((var(--a-switch-width) - ((var(--a-switch-padding-x) + var(--a-switch-border-width)) * 2)) - var(--a-switch-toggle-width));
}

/* ==========================================================================
   Table Widget (used for Reflow Report + Toggle Column)
   ========================================================================== */
/* Stroke Modifier
   ========================================================================== */
.a-Table.u-Report td,
.a-Table.u-Report th {
  border-color: transparent;
}

.a-Table.u-Report.table-stroke td,
.a-Table.u-Report.table-stroke th {
  border-color: #E8E8E8;
}

/* Stripe Modifier
   ========================================================================== */
.a-Table.u-Report tr:nth-child(even) td,
.a-Table.u-Report tr:nth-child(even) th[scope="row"] {
  background-color: #FFF;
}

.a-Table.u-Report.table-stripe tr:nth-child(even) td,
.a-Table.u-Report.table-stripe tr:nth-child(even) th[scope="row"] {
  background-color: #FAFAFA;
}

/* ==========================================================================
   Responsive tables should have 100% width
   ========================================================================== */
.a-Table--reflow,
.a-Table--columntoggle {
  width: 100%;
}

/* ==========================================================================
   Column Toggle
   ========================================================================== */
/*
 Styles for the table columntoggle mode
*/
.a-Table-columntoggleBtn {
  float: right;
  margin-bottom: 12px;
}

.u-RTL .a-Table-columntoggleBtn {
  float: left;
}

.a-Table--columntoggle {
  clear: both;
}

/* Hide all prioritized columns by default */
@media only all {
  th.ui-table-priority-6,
  td.ui-table-priority-6,
  th.ui-table-priority-5,
  td.ui-table-priority-5,
  th.ui-table-priority-4,
  td.ui-table-priority-4,
  th.ui-table-priority-3,
  td.ui-table-priority-3,
  th.ui-table-priority-2,
  td.ui-table-priority-2,
  th.ui-table-priority-1,
  td.ui-table-priority-1 {
    display: none;
  }
}

/* Preset breakpoints if ".ui-responsive" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 320px) {
  .a-Table--columntoggle.ui-responsive th.ui-table-priority-1,
  .a-Table--columntoggle.ui-responsive td.ui-table-priority-1 {
    display: table-cell;
  }
}

/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 480px) {
  .a-Table--columntoggle.ui-responsive th.ui-table-priority-2,
  .a-Table--columntoggle.ui-responsive td.ui-table-priority-2 {
    display: table-cell;
  }
}

/* Show priority 3 at 640px (40em x 16px) */
@media screen and (min-width: 640px) {
  .a-Table--columntoggle.ui-responsive th.ui-table-priority-3,
  .a-Table--columntoggle.ui-responsive td.ui-table-priority-3 {
    display: table-cell;
  }
}

/* Show priority 4 at 800px (50em x 16px) */
@media screen and (min-width: 800px) {
  .a-Table--columntoggle.ui-responsive th.ui-table-priority-4,
  .a-Table--columntoggle.ui-responsive td.ui-table-priority-4 {
    display: table-cell;
  }
}

/* Show priority 5 at 960px (60em x 16px) */
@media screen and (min-width: 960px) {
  .a-Table--columntoggle.ui-responsive th.ui-table-priority-5,
  .a-Table--columntoggle.ui-responsive td.ui-table-priority-5 {
    display: table-cell;
  }
}

/* Show priority 6 at 1,120px (70em x 16px) */
@media screen and (min-width: 1120px) {
  .a-Table--columntoggle.ui-responsive th.ui-table-priority-6,
  .a-Table--columntoggle.ui-responsive td.ui-table-priority-6 {
    display: table-cell;
  }
}

/* Unchecked manually: Always hide */
.a-Table--columntoggle th.ui-table-cell-hidden,
.a-Table--columntoggle td.ui-table-cell-hidden,
.a-Table--columntoggle.ui-responsive th.ui-table-cell-hidden,
.a-Table--columntoggle.ui-responsive td.ui-table-cell-hidden {
  display: none !important;
}

/* Checked manually: Always show */
.a-Table--columntoggle th.ui-table-cell-visible,
.a-Table--columntoggle td.ui-table-cell-visible,
.a-Table--columntoggle.ui-responsive th.ui-table-cell-visible,
.a-Table--columntoggle.ui-responsive td.ui-table-cell-visible {
  display: table-cell;
}

/*
 Styles for the table columntoggle mode
*/
.a-Table--columntoggle.ui-responsive td .a-Table-cellLabel,
.a-Table--columntoggle.ui-responsive th .a-Table-cellLabel {
  display: none;
}

/* ==========================================================================
   Reflow Report
   ========================================================================== */
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
  /* Hide the table headers */
  .a-Table--reflow.ui-responsive thead td,
  .a-Table--reflow.ui-responsive thead th {
    display: none;
  }
  /* Show the table cells as a block level element */
  .a-Table--reflow.ui-responsive td,
  .a-Table--reflow.ui-responsive th {
    text-align: left;
    display: block;
  }
  .u-RTL .a-Table--reflow.ui-responsive td, .u-RTL
  .a-Table--reflow.ui-responsive th {
    text-align: right;
  }
  /* Add a fair amount of top margin to visually separate each row when stacked */
  .a-Table--reflow.ui-responsive tbody tr + tr > td:first-child,
  .a-Table--reflow.ui-responsive tbody tr + tr > th:first-child {
    margin-top: 24px;
    border-top-width: 1px;
  }
  /* Make the label elements a percentage width */
  .a-Table--reflow.ui-responsive td .a-Table-cellLabel,
  .a-Table--reflow.ui-responsive th .a-Table-cellLabel {
    padding: 6px;
    min-width: 30%;
    display: inline-block;
    margin: -6px 16px -6px -6px;
  }
  .u-RTL .a-Table--reflow.ui-responsive td .a-Table-cellLabel, .u-RTL
  .a-Table--reflow.ui-responsive th .a-Table-cellLabel {
    margin: -6px -6px -6px 16px;
  }
  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .a-Table--reflow.ui-responsive th .a-Table-cellLabel-top,
  .a-Table--reflow.ui-responsive td .a-Table-cellLabel-top {
    display: block;
    padding: 6px 0;
    margin: 6px 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
  }
}

/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 560px) {
  /* Show the table header rows */
  .a-Table--reflow.ui-responsive td,
  .a-Table--reflow.ui-responsive th,
  .a-Table--reflow.ui-responsive tbody th,
  .a-Table--reflow.ui-responsive tbody td,
  .a-Table--reflow.ui-responsive thead td,
  .a-Table--reflow.ui-responsive thead th {
    display: table-cell;
    margin: 0;
  }
  /* Hide the labels in each cell */
  .a-Table--reflow.ui-responsive td .a-Table-cellLabel,
  .a-Table--reflow.ui-responsive th .a-Table-cellLabel {
    display: none;
  }
}

/* ==========================================================================
   Toolbar Widget
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Toolbar Wrapper
   ========================================================================== */
.a-Toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.a-Toolbar.apex-toolbar-disabled {
  cursor: var(--a-toolbar-disabled-cursor);
  opacity: var(--a-toolbar-disabled-opacity);
  pointer-events: none;
}

/* Toolbar Groups
   ========================================================================== */
.a-Toolbar-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: var(--a-toolbar-item-spacing);
  border-right-width: var(--a-toolbar-sep-border-width);
  border-right-style: solid;
  border-right-color: var(--a-toolbar-sep-border-color);
  margin-right: var(--a-toolbar-sep-spacing);
  padding-right: var(--a-toolbar-sep-spacing);
}

.u-RTL .a-Toolbar-group {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
  border-left-width: var(--a-toolbar-sep-border-width);
  border-left-style: solid;
  border-left-color: var(--a-toolbar-sep-border-color);
  padding-left: var(--a-toolbar-sep-spacing);
  margin-left: var(--a-toolbar-sep-spacing);
}

:not(.u-RTL) .a-Toolbar-group .a-Toolbar-group, :not(.u-RTL) .a-Toolbar-group:last-child {
  border-right-width: 0;
  margin-right: 0;
  padding-right: 0;
}

.u-RTL .a-Toolbar-group .a-Toolbar-group, .u-RTL .a-Toolbar-group:last-child {
  border-left-width: 0;
  margin-left: 0;
  padding-left: 0;
}

.a-Toolbar-group .a-Toolbar-group {
  margin-right: 4px;
}

.a-Toolbar-group--together .a-Toolbar-item + .a-Toolbar-item {
  margin-left: calc(var(--a-button-border-width, 1px) * -1);
}

.u-RTL .a-Toolbar-group--together .a-Toolbar-item + .a-Toolbar-item {
  margin-left: 0;
  margin-right: calc(var(--a-button-border-width, 1px) * -1);
}

.a-Toolbar-group--together .a-Toolbar-item {
  border-radius: 0;
}

.a-Toolbar-group--together .a-Toolbar-item:first-child {
  border-top-left-radius: var(--a-button-border-radius);
  border-bottom-left-radius: var(--a-button-border-radius);
}

.u-RTL .a-Toolbar-group--together .a-Toolbar-item:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--a-button-border-radius);
  border-bottom-right-radius: var(--a-button-border-radius);
}

.a-Toolbar-group--together .a-Toolbar-item:last-child {
  border-top-right-radius: var(--a-button-border-radius);
  border-bottom-right-radius: var(--a-button-border-radius);
}

.u-RTL .a-Toolbar-group--together .a-Toolbar-item:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--a-button-border-radius);
  border-bottom-left-radius: var(--a-button-border-radius);
}

.a-Toolbar-group--fill {
  max-width: 320px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
}

.a-Toolbar-group--fill > input,
.a-Toolbar-group--fill > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.a-Toolbar-group--fill > input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.a-Toolbar-group--stretch {
  width: 200px;
}

.a-Toolbar-group--stretch .a-Toolbar-radioGroup {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.a-Toolbar-group--stretch .a-Toolbar-radioGroup .a-Button {
  display: table-cell;
}

@media only screen and (max-width: 640px) {
  .a-Toolbar-group--fill {
    max-width: 100%;
    float: none;
    margin-right: 0;
    padding-right: 0;
    border-right-width: 0;
  }
}

/* ==========================================================================
   Toolbar Items
   ========================================================================== */
.a-Toolbar-item {
  margin-right: var(--a-toolbar-item-spacing);
}

.u-RTL .a-Toolbar-item {
  margin-right: 0;
  margin-left: var(--a-toolbar-item-spacing);
}

.a-Toolbar-item:last-child {
  margin-right: 0;
}

.u-RTL .a-Toolbar-item:last-child {
  margin-left: 0;
}

.a-Toolbar-item.a-Button[data-action="search"] {
  --a-button-font-weight: var(--a-base-font-weight-bold, 700);
}

.a-Toolbar-group--together .a-Toolbar-item {
  margin-right: 0;
}

.u-RTL .a-Toolbar-group--together .a-Toolbar-item {
  margin-right: 0;
  margin-left: 0;
}

.a-Toolbar-group--together {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* Toolbar Text Input
   ========================================================================== */
.a-Toolbar-inputText {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  position: relative;
  height: calc(var(--a-report-controls-input) + var(--a-report-controls-input-padding-y));
  padding-left: calc(var(--a-report-controls-input-padding-x) - var(--a-report-controls-input-border-width));
  padding-right: calc(var(--a-report-controls-input-padding-x) - var(--a-report-controls-input-border-width));
  padding-top: calc(var(--a-report-controls-input-padding-y) - var(--a-report-controls-input-border-width));
  padding-bottom: calc(var(--a-report-controls-input-padding-y) - var(--a-report-controls-input-border-width));
  font-size: var(--a-report-controls-input-font-size);
  line-height: var(--a-report-controls-input-line-height);
  width: var(--a-report-controls-search-width);
  border-radius: var(--a-report-controls-input-border-radius);
  border-width: var(--a-report-controls-input-border-width);
  border-style: solid;
  border-color: var(--a-report-controls-input-border-color);
}

.a-Toolbar-inputText:focus {
  border-color: var(--a-report-controls-input-focus-border-color);
  z-index: 1;
}

.a-Toolbar-inputText[data-enter-action="search"] {
  width: var(--a-report-controls-search-width);
}

/* Toolbar Select Lists
   ========================================================================== */
.a-Toolbar-selectList,
.a-IRR-selectList {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: var(--a-field-input-font-size, 12px);
  line-height: var(--a-field-input-line-height, 16px);
  font-weight: var(--a-field-input-font-weight);
  color: var(--a-field-input-text-color, #404040);
  background-color: var(--a-field-input-background-color, #F4F4F4);
  border-radius: var(--a-field-input-border-radius, 2px);
  border-color: var(--a-field-input-border-color, #E4E4E4);
  border-width: var(--a-field-input-border-width, 1px);
  border-style: solid;
  -webkit-box-shadow: var(--a-field-input-shadow);
          box-shadow: var(--a-field-input-shadow);
  height: calc(var(--a-report-controls-input) + var(--a-report-controls-input-padding-y));
  padding-left: calc(var(--a-report-controls-input-padding-x) - var(--a-report-controls-input-border-width));
  padding-top: calc(var(--a-report-controls-input-padding-y) - var(--a-report-controls-input-border-width));
  padding-bottom: calc(var(--a-report-controls-input-padding-y) - var(--a-report-controls-input-border-width));
  background-repeat: no-repeat;
  background-position: right center;
  background-size: var(--a-field-select-background-size);
  background-image: var(--a-field-select-background-image);
  padding-right: var(--a-field-select-arrow-padding);
}

.u-RTL .a-Toolbar-selectList, .u-RTL
.a-IRR-selectList {
  padding-right: calc(var(--a-report-controls-input-padding-x) - var(--a-report-controls-input-border-width));
  padding-left: var(--a-field-select-arrow-padding);
  background-position: left center;
}

.a-Toolbar-selectList:-moz-focusring, .a-Toolbar-selectList::-moz-focus-inner,
.a-IRR-selectList:-moz-focusring,
.a-IRR-selectList::-moz-focus-inner {
  outline: none;
}

/* Toolbar Buttons
   ========================================================================== */
.a-Toolbar-group .a-Button:focus,
input:not(.a-Toolbar-inputText):focus + .a-Toolbar-group .a-Button {
  z-index: 110;
}

/* Toolbar Group Containers
   ========================================================================== */
.a-Toolbar-groupContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.a-Toolbar-groupContainer--start {
  margin-right: auto;
}

.u-RTL .a-Toolbar-groupContainer--start {
  margin-right: 0;
  margin-left: auto;
}

.a-Toolbar-groupContainer--center {
  margin-left: auto;
  margin-right: auto;
}

.a-Toolbar-groupContainer--end {
  margin-left: auto;
}

.u-RTL .a-Toolbar-groupContainer--end {
  margin-left: 0;
  margin-right: auto;
}

/* Toolbar Button Groups (Including radios, checkboxes)
   ========================================================================== */
.a-Toolbar-radioGroup,
.a-Toolbar-toggleButton {
  display: inline-block;
}

.a-Toolbar-radioGroup input,
.a-Toolbar-toggleButton input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.a-Toolbar-radioGroup input:checked + .a-Button,
.a-Toolbar-toggleButton input:checked + .a-Button {
  z-index: 110;
}

.a-Toolbar-button-item + .a-Toolbar-button-item {
  margin-left: calc(var(--a-button-border-width, 1px) * -1);
}

.u-RTL .a-Toolbar-button-item + .a-Toolbar-button-item {
  margin-left: 0;
  margin-right: calc(var(--a-button-border-width, 1px) * -1);
}

.a-Toolbar-button-item .a-Button {
  border-radius: 0;
}

.a-Toolbar-button-item:first-of-type .a-Button {
  border-top-left-radius: var(--a-button-border-radius);
  border-bottom-left-radius: var(--a-button-border-radius);
}

.u-RTL .a-Toolbar-button-item:first-of-type .a-Button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--a-button-border-radius);
  border-bottom-right-radius: var(--a-button-border-radius);
}

.a-Toolbar-button-item:last-of-type .a-Button {
  border-top-right-radius: var(--a-button-border-radius);
  border-bottom-right-radius: var(--a-button-border-radius);
}

.u-RTL .a-Toolbar-button-item:last-of-type .a-Button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--a-button-border-radius);
  border-bottom-left-radius: var(--a-button-border-radius);
}

/* ==========================================================================
   Toolbar Items
   ========================================================================== */
/* ==========================================================================
   Toolbar Modifiers
   ========================================================================== */
/* Small
   ========================================================================== */
.a-Toolbar--small .a-Button,
.a-Toolbar--small .a-Toolbar-inputText {
  --a-button-padding-y: 4px;
  --a-button-padding-x: 8px;
}

.a-Toolbar--small .a-Toolbar-selectList {
  height: 24px;
}

/* Simple
   ==========================================================================
   Removes borders and outlines from buttons and other toolbar controls
   ========================================================================== */
.a-Toolbar--simple .a-Toolbar-group .a-Button,
.a-Toolbar--simple .a-Toolbar-group .a-Toolbar-selectList {
  --a-button-shadow: none;
  --a-button-background-color: transparent;
  --a-button-border-width: 0px;
}

/* Simple
   ==========================================================================
   Removes borders and outlines from buttons and other toolbar controls
   ========================================================================== */
.a-Toolbar--padded .a-Toolbar-items {
  padding: var(--a-toolbar-item-spacing, 8px);
}

/* ==========================================================================
 Tree Component
 ========================================================================== */
.a-TreeView {
  display: block;
  min-width: 100%;
  min-height: 100%;
  position: relative;
  clear: both;
}

.a-TreeView.is-disabled {
  opacity: var(--a-treeview-disabled-opacity);
  background-color: var(--a-treeview-disabled-background-color);
}

/* ==========================================================================
Tree Parent List
 ========================================================================== */
.a-TreeView ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ==========================================================================
Tree Node
 ========================================================================== */
.a-TreeView-node {
  padding-left: var(--a-treeview-node-indent);
  min-height: calc(var(--a-treeview-node-line-height) + calc(var(--a-treeview-node-padding-y) * 2));
}

.u-RTL .a-TreeView-node {
  padding-left: 0;
  padding-right: var(--a-treeview-node-indent);
}

.a-TreeView-node.a-TreeView--noCollapse,
.a-TreeView.u-RTL .a-TreeView-node.a-TreeView--noCollapse {
  padding-left: 0;
  padding-right: 0;
}

/* ==========================================================================
Toggle Control
 ========================================================================== */
.a-TreeView-toggle {
  float: left;
  opacity: var(--a-treeview-toggle-opacity);
  color: var(--a-treeview-toggle-text-color);
  height: var(--a-treeview-toggle-size);
  width: var(--a-treeview-toggle-size);
  margin-left: calc(var(--a-treeview-toggle-size) * -1);
  margin-top: var(--a-treeview-node-padding-y);
  cursor: var(--a-treeview-toggle-cursor);
  position: relative;
  font-family: "apex-5-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: var(--a-treeview-toggle-size);
  font-size: var(--a-treeview-toggle-size);
  text-align: center;
}

.u-RTL .a-TreeView-toggle {
  float: right;
  margin-left: 0;
  margin-right: calc(var(--a-treeview-toggle-size) * -1);
}

.a-TreeView .is-expandable > .a-TreeView-toggle:before {
  content: "\e126";
}

.a-TreeView.u-RTL .is-expandable > .a-TreeView-toggle:before {
  content: "\e002";
}

.a-TreeView .is-collapsible > .a-TreeView-toggle:before {
  content: "\e123";
}

/*
 * Loading Animation when Lazy Loading
 */
.a-TreeView .is-processing > .a-TreeView-toggle {
  -webkit-animation: u-animate-spin 1s infinite linear;
          animation: u-animate-spin 1s infinite linear;
}

.a-TreeView .is-processing > .a-TreeView-toggle:before {
  content: "\e01e";
}

/* ==========================================================================
Tree Row
---
Empty Element that is used to provide highlighting of tree
 ========================================================================== */
.a-TreeView-row {
  cursor: var(--a-treeview-node-cursor);
  -moz-user-select: none;
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(var(--a-treeview-node-line-height) + calc(var(--a-treeview-node-padding-y) * 2));
}

.a-TreeView-row.is-hover {
  background-color: var(--a-treeview-node-hover-background-color);
}

.a-TreeView-row.is-selected {
  background-color: var(--a-treeview-node-selected-background-color);
}

.a-TreeView-row.is-selected + .a-TreeView-toggle {
  color: var(--a-treeview-node-selected-text-color);
}

.a-TreeView-row.is-focused {
  background-color: var(--a-treeview-node-focused-background-color);
  -webkit-box-shadow: var(--a-treeview-node-focused-shadow);
          box-shadow: var(--a-treeview-node-focused-shadow);
}

.a-TreeView-row.is-active {
  background-color: var(--a-treeview-node-active-background-color);
}

.a-TreeView-placeholder > .a-TreeView-row {
  background-color: var(--a-treeview-node-placeholder-background-color);
}

/* ==========================================================================
Tree Node Content
 ========================================================================== */
.a-TreeView-content {
  cursor: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  line-height: var(--a-treeview-node-line-height);
  font-size: var(--a-treeview-node-font-size);
  padding-top: var(--a-treeview-node-padding-y);
  padding-bottom: var(--a-treeview-node-padding-y);
  padding-left: var(--a-treeview-node-padding-x);
  padding-right: var(--a-treeview-node-padding-x);
  color: var(--a-treeview-node-text-color);
}

.a-TreeView-content .a-Icon,
.a-TreeView-content .fa {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: var(--a-treeview-node-icon-size);
}

.a-TreeView-content.is-disabled {
  opacity: var(--a-treeview-disabled-opacity);
}

.a-TreeView-content.is-selected {
  color: var(--a-treeview-node-selected-text-color);
}

.a-TreeView-content.is-active {
  color: var(--a-treeview-node-active-text-color);
}

/* ==========================================================================
Tree Node Label
 ========================================================================== */
.a-TreeView-label {
  text-decoration: none;
  margin-left: var(--a-treeview-node-padding-x);
  color: inherit;
}

.u-RTL .a-TreeView-label {
  margin-left: 0;
  margin-right: var(--a-treeview-node-padding-x);
}

.a-TreeView-label:focus {
  outline: none;
}

.a-TreeView-label input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  height: var(--a-treeview-node-line-height);
  font-size: var(--a-treeview-node-font-size);
  line-height: 1;
  padding: 0;
}

/* ==========================================================================
Drag and Drop
 ========================================================================== */
.a-TreeView-dragHelper {
  max-height: 200px;
  overflow: hidden;
  padding-top: var(--a-treeview-drag-helper-padding-y);
  padding-bottom: var(--a-treeview-drag-helper-padding-y);
  padding-left: var(--a-treeview-drag-helper-padding-x);
  padding-right: var(--a-treeview-drag-helper-padding-x);
  border-radius: var(--a-treeview-drag-helper-border-radius);
  border-width: var(--a-treeview-drag-helper-border-width);
  border-style: solid;
  border-color: var(--a-treeview-drag-helper-border-color);
  background-color: var(--a-treeview-drag-helper-background-color);
  -webkit-box-shadow: var(--a-treeview-drag-helper-shadow);
          box-shadow: var(--a-treeview-drag-helper-shadow);
  opacity: var(--a-treeview-drag-helper-opacity) !important;
  -webkit-backdrop-filter: var(--a-treeview-drag-helper-backdrop-filter);
          backdrop-filter: var(--a-treeview-drag-helper-backdrop-filter);
}

.a-TreeView-placeholder > .a-TreeView-content:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--a-treeview-node-placeholder-fill-background-color);
  margin-top: var(--a-treeview-node-padding-y);
  margin-bottom: var(--a-treeview-node-padding-y);
  margin-left: var(--a-treeview-node-padding-x);
  margin-right: var(--a-treeview-node-padding-x);
  border-radius: var(--a-treeview-node-placeholder-border-radius);
}

/* ==========================================================================
   jQuery UI - v1.12.1
   ========================================================================== */
/* Variables */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  list-style: none;
}

.ui-helper-clearfix::before, .ui-helper-clearfix::after {
  display: table;
  content: '';
}

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

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}

.ui-front {
  z-index: 100;
}

/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--jui-overlay-background-color, rgba(0, 0, 0, 0.5));
  opacity: var(--jui-overlay-opacity, 1);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  font-family: inherit;
  margin: 0;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  padding-top: calc(var(--a-button-padding-y) - var(--a-button-border-width));
  padding-bottom: calc(var(--a-button-padding-y) - var(--a-button-border-width));
  padding-left: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  padding-right: calc(var(--a-button-padding-x) - var(--a-button-border-width));
  border-width: var(--a-button-border-width);
  border-style: solid;
  border-radius: var(--a-button-border-radius);
  cursor: var(--a-button-cursor, pointer);
  font-size: var(--a-button-font-size);
  line-height: var(--a-button-line-height, normal);
  font-weight: var(--a-button-font-weight);
  background-color: var(--a-button-state-background-color, var(--a-button-type-background-color, var(--a-button-background-color, transparent)));
  color: var(--a-button-state-text-color, var(--a-button-type-text-color, var(--a-button-text-color, inherit)));
  border-color: var(--a-button-state-border-color, var(--a-button-type-border-color, var(--a-button-border-color)));
  -webkit-box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
          box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
}

.ui-button:hover {
  --a-button-state-background-color: var(--a-button-hover-background-color);
  --a-button-state-text-color: var(--a-button-hover-text-color);
  --a-button-state-border-color: var(--a-button-hover-border-color);
  --a-button-state-shadow: var(--a-button-hover-shadow);
}

.ui-button:active {
  --a-button-state-background-color: var(--a-button-active-background-color);
  --a-button-state-text-color: var(--a-button-active-text-color);
  --a-button-state-border-color: var(--a-button-active-border-color);
  --a-button-state-shadow: var(--a-button-active-shadow);
}

.ui-button:focus {
  --a-button-state-background-color: var(--a-button-focus-background-color);
  --a-button-state-text-color: var(--a-button-focus-text-color);
  --a-button-state-border-color: var(--a-button-focus-border-color);
  --a-button-state-shadow: var(--a-button-focus-shadow);
}

.ui-button + .ui-button {
  margin-left: var(--a-button-gap-x);
}

.u-RTL .ui-button + .ui-button {
  margin-left: 0;
  margin-right: var(--a-button-gap-x);
}

.ui-button--hot {
  --a-button-font-weight: var(--a-base-font-weight-bold, 700);
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 24px;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: auto !important;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
          box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-datepicker {
  display: none;
  width: var(--jui-datepicker-width);
  background-color: var(--jui-datepicker-background-color);
  border-radius: var(--jui-datepicker-border-radius);
  -webkit-box-shadow: var(--jui-datepicker-shadow);
          box-shadow: var(--jui-datepicker-shadow);
  padding: var(--jui-datepicker-padding);
}

.ui-datepicker-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ui-datepicker-header:before, .ui-datepicker-header:after {
  content: none !important;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  margin: var(--jui-datepicker-padding);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  cursor: pointer;
  width: var(--jui-datepicker-button-width, 32px);
  height: var(--jui-datepicker-button-height, 32px);
  padding: var(--jui-datepicker-button-padding, 8px);
}

.ui-datepicker-prev {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.ui-datepicker-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.ui-datepicker-title {
  margin: var(--jui-datepicker-padding);
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
  margin-left: 1%;
  margin-right: 1%;
}

.ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.ui-datepicker th {
  padding: 8px;
  text-align: center;
  font-weight: 400;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

.ui-datepicker-buttonpane {
  background-image: none;
  margin: 8px 0 0 0;
  padding: 0 2px;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker-buttonpane button {
  float: right;
  margin: 8px 0 0;
  cursor: pointer;
  padding: 8px 12px;
  width: auto;
  overflow: visible;
}

.ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.ui-datepicker-rtl .ui-datepicker-next {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Dialog */
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  outline: 0;
  background-color: var(--jui-dialog-background-color);
  color: var(--jui-dialog-text-color);
  border-width: var(--jui-dialog-border-width);
  border-style: solid;
  border-color: var(--jui-dialog-border-color);
  border-radius: var(--jui-dialog-border-radius);
  -webkit-box-shadow: var(--jui-dialog-shadow);
          box-shadow: var(--jui-dialog-shadow);
  overflow: var(--jui-dialog-overflow);
  max-height: 100vh;
  max-width: 100vw;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.ui-dialog-titlebar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: var(--jui-dialog-titlebar-padding-x);
  padding-right: var(--jui-dialog-titlebar-padding-x);
  padding-top: var(--jui-dialog-titlebar-padding-y);
  padding-bottom: var(--jui-dialog-titlebar-padding-y);
  background-color: var(--jui-dialog-titlebar-background-color);
  color: var(--jui-dialog-titlebar-text-color);
  border-bottom-width: var(--jui-dialog-titlebar-border-width);
  border-bottom-style: solid;
  border-bottom-color: var(--jui-dialog-titlebar-border-color);
  border-top-left-radius: var(--jui-dialog-border-radius);
  border-top-right-radius: var(--jui-dialog-border-radius);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-height: 0;
}

.ui-dialog-titlebar:before, .ui-dialog-titlebar:after {
  content: none !important;
}

.ui-dialog-title {
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--jui-dialog-title-font-weight);
  font-size: var(--jui-dialog-title-font-size);
  line-height: var(--jui-dialog-title-line-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.ui-dialog-titlebar-close {
  --a-button-padding-y: calc(var(--jui-dialog-title-close-padding-y) - var(--jui-dialog-title-close-border-width));
  --a-button-padding-x: calc(var(--jui-dialog-title-close-padding-x) - var(--jui-dialog-title-close-border-width));
  --a-button-border-width: var(--jui-dialog-title-close-border-width);
  --a-button-border-color: var(--jui-dialog-title-close-border-color);
  --a-button-border-radius: var(--jui-dialog-title-close-border-radius);
  width: var(--jui-dialog-title-close-width);
  height: var(--jui-dialog-title-close-height);
  margin-left: var(--jui-dialog-titlebar-padding-x);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.u-RTL .ui-dialog-titlebar-close {
  margin-left: 0;
  margin-right: var(--jui-dialog-titlebar-padding-x);
}

.ui-dialog-titlebar-close .ui-icon {
  --jui-icon-background-image: none;
  text-indent: 0;
}

.ui-dialog-titlebar-close .ui-icon-closethick::before {
  display: block;
  content: var(--jui-dialog-title-close-icon, '\2715');
  width: var(--jui-dialog-title-close-icon-size, 16px);
  height: var(--jui-dialog-title-close-icon-size, 16px);
  font-size: var(--jui-dialog-title-close-icon-size, 16px);
  line-height: var(--jui-dialog-title-close-icon-size, 16px);
  font-family: var(--jui-dialog-title-close-icon-font-family);
  text-transform: none !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-variant: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  text-align: center;
}

.ui-dialog-content {
  position: relative;
  padding-left: var(--jui-dialog-content-padding-x);
  padding-right: var(--jui-dialog-content-padding-x);
  padding-top: var(--jui-dialog-content-padding-y);
  padding-bottom: var(--jui-dialog-content-padding-y);
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.ui-dialog-buttonpane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: var(--jui-dialog-buttonpane-content-padding-x);
  padding-right: var(--jui-dialog-buttonpane-content-padding-x);
  padding-top: var(--jui-dialog-buttonpane-content-padding-y);
  padding-bottom: var(--jui-dialog-buttonpane-content-padding-y);
  background-color: var(--jui-dialog-buttonpane-background-color);
  border-top-width: var(--jui-dialog-buttonpane-border-width);
  border-top-style: solid;
  border-top-color: var(--jui-dialog-buttonpane-border-color);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-height: 0;
}

.ui-dialog-buttonpane:before, .ui-dialog-buttonpane:after {
  content: none !important;
}

.ui-dialog-buttonpane .ui-dialog-buttonset {
  margin-left: auto;
}

.u-RTL .ui-dialog-buttonpane .ui-dialog-buttonset {
  margin-left: 0;
  margin-right: auto;
}

.ui-dialog.ui-resizable-resizing .ui-dialog-content {
  overflow: hidden;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 10px;
  height: 10px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
      touch-action: none;
}

.ui-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  outline: 0;
  position: absolute;
  padding-top: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  padding-bottom: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  padding-left: calc(var(--a-menu-padding-x, 0) - var(--a-menu-border-width, 1px));
  padding-right: calc(var(--a-menu-padding-x, 0) - var(--a-menu-border-width, 1px));
  font-size: var(--a-menu-font-size, 12px);
  line-height: var(--a-menu-line-height, 16px);
  font-weight: var(--a-menu-font-weight, 400);
  color: var(--a-menu-text-color, #000);
  background-color: var(--a-menu-background-color, #fff);
  border-radius: var(--a-menu-border-radius, 4px);
  border-color: var(--a-menu-border-color, rgba(0, 0, 0, 0.1));
  border-width: var(--a-menu-border-width, 1px);
  border-style: solid;
  -webkit-box-shadow: var(--a-menu-shadow, 0 12px 24px -12px rgba(0, 0, 0, 0.3));
          box-shadow: var(--a-menu-shadow, 0 12px 24px -12px rgba(0, 0, 0, 0.3));
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-divider {
  width: 100%;
  margin-top: var(--a-menu-sep-spacing-y, 4px);
  margin-bottom: var(--a-menu-sep-spacing-y, 4px);
  margin-left: var(--a-menu-sep-spacing-x, 0);
  margin-right: var(--a-menu-sep-spacing-x, 0);
  border-width: 0;
  border-color: var(--a-menu-sep-border-color, rgba(0, 0, 0, 0.1));
  border-style: solid;
  border-top-width: var(--a-menu-sep-border-width, 1px);
  height: 0;
  font-size: 0;
  line-height: 0;
}

.ui-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  float: none;
  white-space: nowrap;
  line-height: 32px;
  font-size: 12px;
  cursor: var(--a-menu-cursor, pointer);
  position: relative;
}

.ui-menu-item-wrapper {
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: calc(var(--a-menu-icon-size, 16px) + calc(var(--a-menu-icon-spacing-y, 8px) * 2));
  padding-left: calc(var(--a-menu-icon-size, 16px) + calc(var(--a-menu-icon-spacing-x, 8px) * 2));
  padding-right: calc(var(--a-menu-icon-size, 16px) + calc(var(--a-menu-icon-spacing-x, 8px) * 2));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-menu-item-wrapper.ui-state-active {
  background-color: var(--a-menu-focused-background-color, #0572CE);
  color: var(--a-menu-focused-text-color, #fff);
}

.ui-menu .ui-icon {
  position: absolute;
  margin-left: var(--a-menu-icon-spacing-x, 8px);
  margin-right: var(--a-menu-icon-spacing-x, 8px);
  margin-top: var(--a-menu-icon-spacing-y, 8px);
  margin-bottom: var(--a-menu-icon-spacing-y, 8px);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  top: 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-progressbar {
  height: 24px;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  display: block;
  -ms-touch-action: none;
      touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
      touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted currentColor;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
      touch-action: none;
}

.ui-slider {
  position: relative;
  text-align: left;
  background-color: var(--jui-slider-background-color, #fff);
  border-color: var(--jui-slider-border-color, rgba(0, 0, 0, 0.2));
  border-width: var(--jui-slider-border-width, 1px);
  border-style: solid;
  border-radius: var(--jui-slider-border-radius);
}

.ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: var(--jui-slider-handle-size, 20px);
  height: var(--jui-slider-handle-size, 20px);
  cursor: default;
  -ms-touch-action: none;
      touch-action: none;
  background-color: var(--jui-slider-handle-background-color, #e0e0e0);
  color: var(--jui-slider-handle-text-color);
  border-color: var(--jui-slider-handle-border-color, rgba(0, 0, 0, 0.2));
  border-width: var(--jui-slider-handle-border-width, 1px);
  border-style: solid;
  border-radius: var(--jui-slider-handle-border-radius);
}

.ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background-color: var(--jui-slider-range-background-color, rgba(0, 0, 0, 0.05));
}

.ui-slider-horizontal {
  height: var(--jui-slider-thickness, 12px);
}

.ui-slider-horizontal .ui-slider-handle {
  top: calc(calc(calc(var(--jui-slider-handle-size, 20px) - var(--jui-slider-thickness, 12px)) / -2) - var(--jui-slider-border-width, 1px));
  margin-left: calc(calc(var(--jui-slider-handle-size, 20px) / -2) - var(--jui-slider-border-width, 1px));
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: var(--jui-slider-thickness, 12px);
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: calc(calc(var(--jui-slider-handle-size, 20px) / -2) - var(--jui-slider-border-width, 1px));
  margin-left: 0;
  margin-bottom: calc(calc(calc(var(--jui-slider-handle-size, 20px) - var(--jui-slider-thickness, 12px)) / -2) - var(--jui-slider-border-width, 1px));
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 24px;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tooltip {
  background-color: var(--jui-tooltip-background-color);
  color: var(--jui-tooltip-text-color);
  border-width: var(--jui-tooltip-border-width);
  border-style: solid;
  border-color: var(--jui-tooltip-border-color);
  border-radius: var(--jui-tooltip-border-radius);
  -webkit-box-shadow: var(--jui-tooltip-shadow);
          box-shadow: var(--jui-tooltip-shadow);
  padding: var(--jui-tooltip-padding);
  position: absolute;
  z-index: var(--jui-tooltip-zindex, 9999);
  max-width: var(--jui-tooltip-maxwidth, 300px);
}

/* Component containers
----------------------------------*/
.ui-widget-shadow {
  -webkit-box-shadow: var(--jui-widget-shadow);
          box-shadow: var(--jui-widget-shadow);
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: var(--jui-icon-size, 16px);
  height: var(--jui-icon-size, 16px);
  font-size: var(--jui-icon-size);
  line-height: 1;
  background-image: var(--jui-icon-background-image);
}

.ui-icon-gripsmall-diagonal-se {
  --jui-icon-background-image: url(data:image/svg+xml;base64,PHN2ZyBvcGFjaXR5PSIuMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjgiIGhlaWdodD0iOCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9Ii43NSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgZD0iTTUuNSA4TDggNS41TTMuNSA4TDggMy41TTEuNSA4TDggMS41Ii8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9Ii43NSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgZD0iTTQuNSA4TDggNC41TTIuNSA4TDggMi41TS41IDhMOCAuNSIvPjwvc3ZnPg==) !important;
  background-position: 0 0 !important;
}

/* ==========================================================================
   jQuery UI Overrides
   ========================================================================== */
.ui-front {
  z-index: 900;
}

.ui-dialog.ui-front {
  z-index: 901;
}

.ui-datepicker {
  z-index: 902;
}

.ui-dialog.ui-front.ui-dialog--helpDialog {
  z-index: 1002;
}

.ui-icon-circle-triangle-w,
.ui-icon-caret-1-w,
.ui-icon-circle-triangle-e,
.ui-icon-caret-1-e,
.ui-icon-triangle-1-n,
.ui-icon-triangle-1-s,
.ui-icon-triangle-1-e,
.ui-icon-triangle-1-w,
.ui-icon-check,
.ui-icon-seek-next,
.ui-icon-seek-prev {
  font-family: var(--a-icon-font-family, "apex-5-icon-font");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.ui-icon-circle-triangle-w:before,
.ui-icon-caret-1-w:before,
.ui-icon-circle-triangle-e:before,
.ui-icon-caret-1-e:before,
.ui-icon-triangle-1-n:before,
.ui-icon-triangle-1-s:before,
.ui-icon-triangle-1-e:before,
.ui-icon-triangle-1-w:before,
.ui-icon-check:before,
.ui-icon-seek-next:before,
.ui-icon-seek-prev:before {
  text-indent: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ui-icon-closethick:before {
  content: "\e0a2";
}

.ui-icon-circle-triangle-w:before,
.ui-icon-caret-1-w:before {
  content: "\e002";
}

.ui-icon-circle-triangle-e:before,
.ui-icon-caret-1-e:before {
  content: "\e126";
}

.ui-icon-triangle-1-n:before {
  content: "\e127";
}

.ui-icon-triangle-1-s:before {
  content: "\e123";
}

.ui-icon-triangle-1-e:before {
  content: "\e126";
}

.ui-icon-triangle-1-w:before {
  content: "\e002";
}

.ui-icon-check:before {
  content: "\e1ab";
}

.ui-icon-seek-next:before {
  content: "\e004";
}

.ui-icon-seek-prev:before {
  content: "\e0ee";
}