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

/* =========================================================================
   Theme Configuration File
   ========================================================================= */
:root {
  /* Colors
     ======================================================================= */
  --a-palette-primary: #0572CE;
  --a-palette-primary-contrast: #fff;
  --a-palette-danger: #EE060B;
  --a-palette-danger-contrast: #fff;
  --a-palette-danger-shade: #FFEFEF;
  --a-palette-warning: #B36205;
  --a-palette-warning-contrast: #fff;
  --a-palette-warning-shade: #FFF8DF;
  --a-palette-success: #388729;
  --a-palette-success-contrast: #fff;
  --a-palette-success-shade: #f4fcf3;
  --a-palette-info: #0076df;
  --a-palette-info-contrast: #fff;
  --a-palette-info-shade: #f9fcff;
  /* Base
     ======================================================================= */
  /* Buttons
     ======================================================================= */
  --a-button-border-width: 1px;
  --a-button-border-color: rgba(0, 0, 0, .1);
  --a-button-border-radius: 2px;
  --a-button-padding-y: 8px;
  --a-button-padding-x: 12px;
  --a-button-font-size: 12px;
  --a-button-line-height: 16px;
  --a-button-gap-x: 8px;
  /* Cards
     ======================================================================= */
  --a-cv-grid-gap: 16px;
  --a-cv-item-width: 320px;
  --a-cv-order-header: 1;
  --a-cv-order-media: 2;
  --a-cv-order-body: 3;
  --a-cv-order-actions: 4;
  --a-cv-border-width: 1px;
  --a-cv-border-color: rgba(0, 0, 0, .1);
  --a-cv-background-color: #fff;
  --a-cv-header-padding-y: 16px;
  --a-cv-header-padding-x: 16px;
  --a-cv-header-border-width: 1px;
  --a-cv-header-border-color: rgba(0, 0, 0, .05);
  --a-cv-icon-border-radius: 100%;
  --a-cv-icon-size: 16px;
  --a-cv-icon-container-size: 32px;
  --a-cv-icon-padding: 8px;
  --a-cv-icon-spacer: calc(var(--a-cv-icon-container-size, 16px) + var(--a-cv-header-item-spacing-x, 12px));
  --a-cv-initials-border-radius: 100%;
  --a-cv-initials-size: 32px;
  --a-cv-initials-font-size: 14px;
  --a-cv-initials-font-weight: 700;
  --a-cv-initials-text-color: #fff;
  --a-cv-initials-background-color: rgba(0, 0, 0, .6);
  --a-cv-subtitle-font-size: 12px;
  --a-cv-subtitle-font-weight: 400;
  --a-cv-subtitle-line-height: 16px;
  --a-cv-body-padding-x: 16px;
  --a-cv-body-padding-y: 16px;
  --a-cv-maincontent-font-size: 14px;
  --a-cv-maincontent-line-height: 20px;
  --a-cv-subcontent-font-size: 11px;
  --a-cv-subcontent-line-height: 16px;
  --a-cv-actions-border-width: 1px;
  --a-cv-actions-border-color: rgba(0, 0, 0, .05);
  --a-cv-actions-padding-y: 16px;
  --a-cv-actions-padding-x: 16px;
  /* Checkboxes & Radios
     ======================================================================= */
  --a-checkbox-size: 16px;
  --a-checkbox-border-radius: 2px;
  --a-checkbox-border-color: rgba(0, 0, 0, .3);
  --a-checkbox-border-width: 1px;
  --a-checkbox-shadow: 0 1px 2px rgba(0, 0, 0, .075) inset;
  --a-checkbox-background-color: #fff;
  --a-checkbox-text-color: #000;
  --a-checkbox-hover-opacity: .15;
  --a-checkbox-active-background-color: rgba(0, 0, 0, .05);
  --a-checkbox-checked-background-color: var(--a-palette-primary, #0572CE);
  --a-checkbox-checked-text-color: var(--a-palette-primary-contrast, #fff);
  --a-checkbox-icon-size: 12px;
  --a-checkbox-icon-character: "\e007";
  --a-checkbox-icon-font-family: "apex-5-icon-font";
  --a-checkbox-icon-transition: .1s ease;
  --a-checkbox-indeterminate-width: 10px;
  --a-checkbox-indeterminate-height: 2px;
  --a-checkbox-cursor: pointer;
  --a-checkbox-disabled-cursor: default;
  --a-checkbox-disabled-opacity: .5;
  --a-checkbox-label-spacing-y: 2px;
  --a-checkbox-label-spacing-x: 8px;
  /* Combo Box
     ======================================================================= */
  /* Developer Tools
     ======================================================================= */
  --a-dev-toolbar-background-color: rgba(0, 0, 0, .75);
  --a-dev-toolbar-text-color: #fff;
  --a-dev-toolbar-backdrop-filter: blur(2px);
  --a-dev-toolbar-shadow: 0 0 12px rgba(0, 0, 0, .3);
  --a-dev-toolbar-auto-hide-opacity: .35;
  --a-dev-toolbar-transition: .15s ease;
  --a-dev-toolbar-sep-border-width: 1px;
  --a-dev-toolbar-sep-border-color: rgba(0, 0, 0, .1);
  --a-dev-toolbar-button-background-color: transparent;
  --a-dev-toolbar-button-text-color: var(--a-dev-toolbar-text-color);
  --a-dev-toolbar-button-border-radius: 0px;
  --a-dev-toolbar-button-border-padding-y: 8px;
  --a-dev-toolbar-button-border-padding-x: 12px;
  --a-dev-toolbar-button-error-background-color: #EA1818;
  --a-dev-toolbar-button-error-text-color: #fff;
  --a-dev-toolbar-button-active-background-color: rgba(0, 0, 0, .5);
  --a-dev-toolbar-button-active-text-color: var(--a-dev-toolbar-text-color);
  --a-dev-toolbar-button-icon-size: 16px;
  --a-dev-toolbar-button-icon-spacing: 4px;
  --a-dev-toolbar-button-icon-color: var(--a-dev-toolbar-text-color);
  --a-dev-toolbar-font-size: 12px;
  --a-dev-toolbar-line-height: 16px;
  --a-dev-live-template-options-background-color: rgba(0, 0, 0, .65);
  --a-dev-live-template-options-text-color: #fff;
  --a-dev-live-template-options-hover-background-color: rgba(0, 0, 0, .85);
  --a-dev-toolbar-ui-selector-border-width: 2px;
  --a-dev-toolbar-ui-selector-border-color: var(--a-palette-primary, #0572CE);
  --a-dev-toolbar-ui-selector-border-radius: 4px;
  --a-dev-toolbar-ui-selector-background-color: transparent;
  --a-dev-timeline-background-color: rgba(0, 0, 0, .5);
  --a-dev-timeline-text-color: rgba(255, 255, 255, .8);
  --a-dev-timeline-rule-background-color: rgba(255, 255, 255, .5);
  --a-dev-timeline-bar-background-color: #B22222;
  --a-dev-timeline-time-background-color: rgba(122, 122, 122, .75);
  --a-dev-timeline-time-text-color: #fff;
  /* Faceted Search
     ======================================================================= */
  --a-fs-control-seperator-border-color: rgba(0, 0, 0, .1);
  --a-fs-chart-padding-y: 16px;
  --a-fs-chart-padding-x: 16px;
  --a-fs-chart-border-width: 1px;
  --a-fs-chart-border-color: rgba(0, 0, 0, .1);
  /* File Drop
     ======================================================================= */
  --a-filedrop-padding-y: 16px;
  --a-filedrop-padding-x: 16px;
  --a-filedrop-border-radius: 2px;
  --a-filedrop-border-width: 1px;
  --a-filedrop-border-color: rgba(0, 0, 0, .1);
  --a-filedrop-border-style: solid;
  --a-filedrop-error-border-color: var(--a-palette-danger);
  --a-filedrop-dragging-background-color: #ecf3ff;
  --a-filedrop-dragging-border-color: var(--a-palette-primary, #0572CE);
  --a-filedrop-item-spacing: 4px;
  --a-filedrop-icon-size: 32px;
  --a-filedrop-heading-font-size: 20px;
  --a-filedrop-heading-line-height: 28px;
  --a-filedrop-heading-font-weight: var(--a-base-font-weight-bold, 700);
  --a-filedrop-font-size: 14px;
  --a-filedrop-line-height: 16px;
  --a-filedrop-progress-width: 240px;
  --a-filedrop-progress-height: 12px;
  --a-filedrop-progress-border-radius: 6px;
  --a-filedrop-progress-background-color: rgba(0, 0, 0, .1);
  --a-filedrop-progress-bar-background-color: rgba(0, 0, 0, .5);
  --a-filedrop-progress-bar-width: 48px;
  --a-filedrop-progress-backdrop-filter: blur(2px);
  --a-filedrop-progress-content-opacity: .05;
  /* Form
     ======================================================================= */
  --a-form-container-padding-y: 4px;
  --a-form-container-padding-x: 8px;
  --a-form-label-container-width: 30%;
  --a-form-input-container-width: 70%;
  --a-form-error-text-color: var(--a-palette-danger);
  --a-form-required-asterisk-text-color: var(--a-palette-danger);
  --a-field-input-padding-y: 4px;
  --a-field-input-padding-x: 4px;
  --a-field-input-font-size: 12px;
  --a-field-input-font-weight: 400;
  --a-field-input-line-height: 16px;
  --a-field-input-text-color: #000;
  --a-field-input-background-color: #fff;
  --a-field-input-border-radius: 2px;
  --a-field-input-border-color: rgba(0, 0, 0, .1);
  --a-field-input-border-width: 1px;
  --a-field-input-shadow: none;
  --a-field-select-background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMzIgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzdBN0E3QTt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkuNjQ2LDYuMTQ2TDE2LDkuNzkzbC0zLjY0Ni0zLjY0N2MtMC4xOTYtMC4xOTYtMC41MTItMC4xOTYtMC43MDgsMGMtMC4xOTYsMC4xOTYtMC4xOTYsMC41MTIsMCwwLjcwOGw0LDRjMC4xOTUsMC4xOTYsMC41MTIsMC4xOTYsMC43MDcsMC4wMDFjMCwwLDAuMDAxLTAuMDAxLDAuMDAxLTAuMDAxbDQtNGMwLjE5Ni0wLjE5NiwwLjE5Ni0wLjUxMiwwLTAuNzA4UzE5Ljg0Miw1Ljk1LDE5LjY0Niw2LjE0NkwxOS42NDYsNi4xNDZ6Ii8+PC9zdmc+);
  --a-field-select-background-size: 32px 16px;
  --a-field-select-arrow-padding: 32px;
  --a-field-disabled-opacity: .5;
  --a-field-input-counter-font-size: 10px;
  /* Grid View
     ======================================================================= */
  --a-gv-font-size: 12px;
  --a-gv-line-height: 16px;
  --a-gv-border-width: 1px;
  --a-gv-border-color: #e0e0e0;
  --a-gv-background-color: #fff;
  --a-gv-cell-border-width: 1px;
  --a-gv-cell-border-color: #eaeaea;
  --a-gv-cell-padding-y: 4px;
  --a-gv-cell-padding-x: 8px;
  --a-gv-cell-height: 32px;
  --a-gv-cell-frozen-border-width: 3px;
  --a-gv-row-hover-background-color: #f4f4f4;
  --a-gv-header-background-color: #f0f0f0;
  --a-gv-header-cell-padding-y: 4px;
  --a-gv-header-cell-padding-x: 8px;
  --a-gv-header-cell-height: 40px;
  --a-gv-header-cell-font-weight: var(--a-base-font-weight-bold, 700);
  --a-gv-header-cell-border-width: var(--a-gv-cell-border-width);
  --a-gv-header-cell-border-color: #e0e0e0;
  --a-gv-footer-background-color: var(--a-gv-background-color);
  --a-gv-footer-padding-y: 8px;
  --a-gv-footer-padding-x: 12px;
  --a-gv-footer-border-width: var(--a-gv-cell-border-width);
  --a-gv-footer-border-color: var(--a-gv-header-cell-border-color);
  --a-gv-pagination-button-background-color: var(--a-button-background-color);
  --a-gv-pagination-button-text-color: var(--a-button-text-color);
  --a-gv-pagination-button-border-width: 0px;
  --a-gv-pagination-button-border-color: var(--a-button-border-color);
  --a-gv-pagination-button-border-radius: var(--a-button-border-radius);
  --a-gv-pagination-button-padding-y: 4px;
  --a-gv-pagination-button-padding-x: 4px;
  --a-gv-pagination-button-gap-x: 4px;
  --a-tooltip-background-color: rgba(0, 0, 0, .9);
  --a-tooltip-text-color: #fff;
  --a-gv-nodata-message-padding-y: 16px;
  --a-gv-nodata-message-padding-x: 16px;
  --a-gv-nodata-message-text-color: #707070;
  --a-gv-nodata-message-font-size: 12px;
  --a-gv-nodata-message-icon-size: 32px;
  --a-gv-nodata-message-icon-spacing: 12px;
  --a-gv-nodata-message-icon-color: #d0d0d0;
  --a-tooltip-backdrop-filter: blur(4px);
  /* Help
     ======================================================================= */
  --a-help-dialog-padding-y: 12px;
  --a-help-dialog-padding-x: var(--a-help-dialog-padding-y);
  --a-help-dialog-base-font-size: 14px;
  --a-help-dialog-base-font-family: var(--a-base-font-family);
  --a-help-dialog-base-line-height: inherit;
  --a-help-dialog-h1-font-size: 32px;
  --a-help-dialog-h2-font-size: 20px;
  --a-help-dialog-h3-font-size: 16px;
  --a-help-dialog-h4-font-size: 14px;
  --a-help-dialog-code-text-color: #606060;
  /* Icons
     ======================================================================= */
  --a-icon-font-family: "apex-5-icon-font";
  --a-icon-size: 16px;
  --a-icon-medium-size: 24px;
  --a-icon-large-size: 32px;
  --a-icon-xlarge-size: 48px;
  /* Interactive Grid (IG)
     ======================================================================= */
  --a-iconlist-selected-background-color: #ecf3ff;
  /* Interactive Report (IRR)
     ======================================================================= */
  --a-irr-item-spacing: var(--a-toolbar-item-spacing);
  /* Markdown Editor
     ======================================================================= */
  --a-mdeditor-background-color: #fff;
  --a-mdeditor-border-color: rgba(0, 0, 0, .1);
  --a-mdeditor-border-width: 1px;
  --a-mdeditor-focus-border-color: var(--a-palette-primary);
  /* Media Block
     ======================================================================= */
  /* Menu
     ======================================================================= */
  --a-menubar-background-color: #f0f0f0;
  --a-menubar-cursor: pointer;
  --a-menubar-disabled-cursor: default;
  --a-menubar-disabled-opacity: .5;
  --a-menubar-item-background-color: transparent;
  --a-menubar-item-text-color: inherit;
  --a-menubar-item-current-background-color: #fff;
  --a-menubar-item-current-text-color: #000;
  --a-menubar-item-border-radius: 0px;
  --a-menubar-item-border-color: rgba(0, 0, 0, .1);
  --a-menubar-item-border-width: 1px;
  --a-menubar-item-shadow: none;
  --a-menubar-item-padding-y: 8px;
  --a-menubar-item-padding-x: 8px;
  --a-menubar-item-font-size: inherit;
  --a-menubar-item-font-weight: 400;
  --a-menubar-item-line-height: inherit;
  --a-menubar-item-split-icon-size: 16px;
  --a-menubar-item-split-icon-spacing: 8px;
  --a-menubar-item-split-icon-color: rgba(0, 0, 0, .25);
  --a-menubar-item-split-border-color: rgba(0, 0, 0, .025);
  --a-menubar-item-split-border-width: var(--a-menubar-item-border-width);
  --a-menu-padding-y: 8px;
  --a-menu-padding-x: 0px;
  --a-menu-font-size: 12px;
  --a-menu-font-weight: 400;
  --a-menu-line-height: 16px;
  --a-menu-text-color: #000;
  --a-menu-accel-font-size: var(--a-menu-font-size);
  --a-menu-accel-text-color: #707070;
  --a-menu-background-color: #fff;
  --a-menu-border-radius: 4px;
  --a-menu-border-color: rgba(0, 0, 0, .1);
  --a-menu-border-width: 1px;
  --a-menu-shadow: 0 12px 24px -12px rgba(0, 0, 0, .3);
  --a-menu-offset-x: 0px;
  --a-menu-offset-y: 0px;
  --a-menu-zindex: 2010;
  --a-menu-default-background-color: transparent;
  --a-menu-default-text-color: var(--a-menu-text-color);
  --a-menu-default-accel-text-color: var(--a-menu-accel-text-color);
  --a-menu-focused-background-color: var(--a-palette-primary, #0572CE);
  --a-menu-focused-text-color: var(--a-palette-primary-contrast, #fff);
  --a-menu-focused-accel-text-color: #eff8ff;
  --a-menu-expanded-background-color: var(--a-menu-focused-background-color);
  --a-menu-expanded-text-color: var(--a-menu-focused-text-color);
  --a-menu-expanded-accel-text-color: var(--a-menu-focused-accel-text-color);
  --a-menu-cursor: pointer;
  --a-menu-disabled-cursor: default;
  --a-menu-disabled-opacity: .5;
  --a-menu-disabled-focused-background-color: rgba(0, 0, 0, .025);
  --a-menu-disabled-focused-text-color: inherit;
  --a-menu-disabled-focused-shadow: 0 -1px 0 0 rgba(0, 0, 0, .05) inset, 0 1px 0 0 rgba(0, 0, 0, .05) inset;
  --a-menu-sep-border-color: rgba(0, 0, 0, .1);
  --a-menu-sep-border-width: 1px;
  --a-menu-sep-spacing-y: 4px;
  --a-menu-sep-spacing-x: 0px;
  --a-menu-scroll-button-background-color: rgba(0, 0, 0, .05);
  --a-menu-scroll-button-text-color: inherit;
  --a-menu-scroll-button-active-background-color: var(--a-menu-focused-background-color);
  --a-menu-scroll-button-active-text-color: var(--a-menu-focused-text-color);
  --a-menu-scroll-up-shadow: 0 2px 6px rgba(0, 0, 0, .15);
  --a-menu-scroll-down-shadow: 0 -2px 6px rgba(0, 0, 0, .15);
  --a-menu-icon-size: 16px;
  --a-menu-icon-spacing-y: 8px;
  --a-menu-icon-spacing-x: 8px;
  --a-menu-icon-color: rgba(0, 0, 0, .25);
  --a-menu-item-generic-padding-y: 8px;
  --a-menu-item-generic-padding-x: 8px;
  --a-menu-callout-size: 12px;
  --a-menu-callout-background-color: var(--a-menu-background-color);
  --a-menu-callout-border-radius: calc(var(--a-menu-border-radius) / 2);
  --a-menu-callout-border-color: var(--a-menu-border-color);
  --a-menu-callout-border-width: var(--a-menu-border-width);
  --a-menu-callout-shadow: 0 0 6px rgba(0, 0, 0, .3);
  /* Popup LOV
     ======================================================================= */
  --a-popuplov-search-bar-padding-y: 8px;
  --a-popuplov-search-bar-padding-x: var(--a-popuplov-search-bar-padding-y);
  --a-popuplov-highlight-font-weight: 900;
  --a-popuplov-dialog-background-color: #fff;
  /* Record View
     ======================================================================= */
  /* Report
     ======================================================================= */
  --a-percent-chart-background-color: rgba(0, 0, 0, .1);
  --a-percent-chart-border-color: rgba(0, 0, 0, .1);
  --a-percent-chart-bar-background-color: rgba(0, 0, 0, .2);
  --a-percent-chart-bar-border-color: rgba(0, 0, 0, .1);
  /* Report Controls
     ======================================================================= */
  --a-report-controls-padding-y: 8px;
  --a-report-controls-padding-x: 8px;
  --a-report-controls-border-color: rgba(0, 0, 0, .1);
  --a-report-controls-border-width: 1px;
  --a-report-controls-item-spacing: 4px;
  --a-report-controls-cell-spacing: 8px;
  --a-report-controls-cell-border-radius: 2px;
  --a-report-controls-cell-label-width: 300px;
  --a-report-controls-cell-label-font-size: 12px;
  --a-report-controls-cell-label-line-height: 16px;
  --a-report-controls-cell-label-background-color: #fff;
  --a-report-controls-cell-label-text-color: #000;
  --a-report-controls-cell-label-border-color: rgba(0, 0, 0, .075);
  --a-report-controls-cell-label-border-width: 1px;
  --a-report-controls-cell-label-icon-background-color: #f0f0f0;
  --a-report-controls-cell-label-icon-text-color: #fff;
  --a-report-controls-search-width: 210px;
  --a-report-controls-input-border-width: 1px;
  --a-report-controls-input-border-color: rgba(0, 0, 0, .1);
  --a-report-controls-input-border-radius: 2px;
  --a-report-controls-input-focus-border-color: #4696fc;
  --a-report-controls-input-padding-y: 8px;
  --a-report-controls-input-padding-x: 8px;
  --a-report-controls-input-font-size: 12px;
  --a-report-controls-input-line-height: 16px;
  /* Splitter
     ======================================================================= */
  --a-splitter-bar-width: 8px;
  --a-splitter-bar-background-color: #EAEAEA;
  --a-splitter-bar-border-width: 1px;
  --a-splitter-bar-border-color: rgba(0, 0, 0, .1);
  --a-splitter-bar-hover-background-color: #fff;
  --a-splitter-bar-active-background-color: var(--a-splitter-bar-hover-background-color);
  --a-splitter-bar-focus-background-color: #399BEA;
  --a-splitter-bar-focus-border-color: var(--a-splitter-bar-focus-background-color);
  --a-splitter-thumb-width: 8px;
  --a-splitter-thumb-height: 48px;
  --a-splitter-thumb-border-radius: 0px;
  --a-splitter-thumb-border-width: 1px;
  --a-splitter-thumb-border-color: var(--a-splitter-bar-border-color);
  --a-splitter-thumb-background-color: var(--a-splitter-bar-background-color);
  --a-splitter-thumb-arrow-color: #000;
  --a-splitter-thumb-hover-border-color: var(--a-splitter-bar-focus-background-color);
  --a-splitter-thumb-hover-background-color: var(--a-splitter-bar-hover-background-color);
  --a-splitter-thumb-focus-border-color: var(--a-splitter-bar-focus-background-color);
  --a-splitter-thumb-focus-background-color: var(--a-splitter-bar-focus-background-color);
  --a-splitter-thumb-focus-arrow-color: #fff;
  --a-splitter-thumb-focus-hover-background-color: var(--a-splitter-thumb-focus-background-color);
  --a-splitter-thumb-cursor: pointer;
  /* Star Rating
     ======================================================================= */
  --a-starrating-stars-fg-color: var(--a-palette-primary, #0572CE);
  /* Switch
     ======================================================================= */
  --a-switch-cursor: pointer;
  --a-switch-width: 44px;
  --a-switch-padding-y: 2px;
  --a-switch-padding-x: 2px;
  --a-switch-border-width: 0px;
  --a-switch-border-color: rgba(0, 0, 0, .1);
  --a-switch-border-radius: var(--a-switch-width);
  --a-switch-shadow: inset rgba(0, 0, 0, .1) 0 0 0 1px;
  --a-switch-background-color: #8c8c8c;
  --a-switch-hover-background-color: #3F3F3F;
  --a-switch-active-background-color: var(--a-switch-hover-background-color);
  --a-switch-checked-background-color: var(--a-palette-primary, #0572CE);
  --a-switch-checked-hover-background-color: #0466B8;
  --a-switch-checked-active-background-color: var(--a-switch-checked-hover-background-color);
  --a-switch-focused-shadow: var(--a-switch-checked-background-color) 0 0 0 1px, inset #fff 0 0 0 1px;
  --a-switch-toggle-width: 20px;
  --a-switch-toggle-height: 20px;
  --a-switch-toggle-border-width: 0px;
  --a-switch-toggle-border-color: rgba(0, 0, 0, .1);
  --a-switch-toggle-border-radius: var(--a-switch-toggle-width);
  --a-switch-toggle-shadow: none;
  --a-switch-toggle-background-color: #fff;
  --a-switch-toggle-hover-background-color: var(--a-switch-toggle-background-color);
  --a-switch-toggle-active-background-color: var(--a-switch-toggle-background-color);
  --a-switch-toggle-checked-background-color: var(--a-switch-toggle-background-color);
  --a-switch-toggle-checked-hover-background-color: var(--a-switch-toggle-background-color);
  --a-switch-toggle-checked-active-background-color: var(--a-switch-toggle-background-color);
  --a-switch-toggle-indeterminate-background-color: rgba(255, 255, 255, .5);
  --a-switch-toggle-indeterminate-shadow: inset #fff 0 0 0 1px;
  --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));
  --a-switch-disabled-cursor: default;
  --a-switch-disabled-opacity: .5;
  /* Table
     ======================================================================= */
  /* Toolbar
     ======================================================================= */
  --a-toolbar-background-color: rgba(0, 0, 0, .05);
  --a-toolbar-border-width: 1px;
  --a-toolbar-border-color: rgba(0, 0, 0, .1);
  --a-toolbar-border-radius: 0px;
  --a-toolbar-disabled-cursor: default;
  --a-toolbar-disabled-opacity: .5;
  --a-toolbar-item-spacing: 8px;
  --a-toolbar-sep-border-width: 1px;
  --a-toolbar-sep-border-color: rgba(0, 0, 0, .05);
  --a-toolbar-sep-spacing: var(--a-toolbar-item-spacing);
  /* Tree
     ======================================================================= */
  --a-treeview-disabled-opacity: .5;
  --a-treeview-disabled-background-color: rgba(0, 0, 0, .1);
  --a-treeview-toggle-size: 16px;
  --a-treeview-toggle-cursor: pointer;
  --a-treeview-toggle-opacity: .5;
  --a-treeview-toggle-text-color: inherit;
  --a-treeview-node-indent: calc(var(--a-treeview-toggle-size) + var(--a-treeview-node-padding-x));
  --a-treeview-node-cursor: default;
  --a-treeview-node-icon-size: 16px;
  --a-treeview-node-font-size: 12px;
  --a-treeview-node-line-height: 16px;
  --a-treeview-node-padding-y: 4px;
  --a-treeview-node-padding-x: 4px;
  --a-treeview-node-text-color: #000;
  --a-treeview-node-hover-background-color: rgba(0, 0, 0, .05);
  --a-treeview-node-hover-text-color: inherit;
  --a-treeview-node-selected-background-color: #2D7BBB;
  --a-treeview-node-selected-text-color: #fff;
  --a-treeview-node-focused-background-color: rgba(57, 155, 234, 1);
  --a-treeview-node-focused-text-color: #fff;
  --a-treeview-node-focused-shadow: 0 0 0 2px rgba(57, 155, 234, .5);
  --a-treeview-node-active-background-color: #FFFFA3;
  --a-treeview-node-active-text-color: #000;
  --a-treeview-node-placeholder-background-color: #FFFFA3;
  --a-treeview-node-placeholder-border-radius: 2px;
  --a-treeview-node-placeholder-fill-background-color: rgba(0, 0, 0, .15);
  --a-treeview-drag-helper-background-color: rgba(229, 238, 251, .6);
  --a-treeview-drag-helper-border-radius: 2px;
  --a-treeview-drag-helper-border-color: #9EA9B7;
  --a-treeview-drag-helper-border-width: 1px;
  --a-treeview-drag-helper-opacity: 1;
  --a-treeview-drag-helper-shadow: none;
  --a-treeview-drag-helper-padding-y: var(--a-treeview-node-padding-y);
  --a-treeview-drag-helper-padding-x: var(--a-treeview-node-padding-x);
  --a-treeview-drag-helper-backdrop-filter: blur(2px);
  /* Utilities
     ======================================================================= */
  --a-tooltip-backdrop-filter: blur(4px);
  --a-overlay-background-color: rgba(0, 0, 0, .15);
  --a-spinner-zindex: 2000;
  --a-spinner-cursor: progress;
  --a-spinner-size: 32px;
  --a-spinner-border-width: 4px;
  --a-spinner-border-color: rgba(255, 255, 255, .25);
  --a-spinner-color: #fff;
  --a-spinner-speed: .5s;
  --a-spinner-container-background-color: rgba(0, 0, 0, .5);
  --a-spinner-container-border-radius: 100%;
  --a-spinner-container-backdrop-filter: blur(2px);
  --a-spinner-container-shadow: none;
  --a-spinner-container-padding: 8px;
  --a-spinner-cell-refresh-background-color: rgba(0, 0, 0, .2);
  /* Built with APEX
     ======================================================================= */
  --a-love-apex-margin: 0 2px;
  --a-love-apex-hover-text-color: #F00;
  --a-love-apex-hover-animation: apexheartpulse 1s infinite ease;
  /* Third Party Library: jQuery
     ======================================================================= */
  --jui-widget-shadow: 0 2px 4px rgba(0, 0, 0, .15);
  --jui-overlay-background-color: rgba(0, 0, 0, .25);
  --jui-overlay-opacity: 1;
  --jui-dialog-background-color: #fff;
  --jui-dialog-text-color: #000;
  --jui-dialog-border-color: rgba(0, 0, 0, .2);
  --jui-dialog-border-width: 1px;
  --jui-dialog-border-radius: 4px;
  --jui-dialog-shadow: 0 4px 16px rgba(0, 0, 0, .15);
  --jui-dialog-overflow: unset;
  --jui-dialog-titlebar-padding-y: 12px;
  --jui-dialog-titlebar-padding-x: 16px;
  --jui-dialog-titlebar-background-color: rgba(0, 0, 0, .025);
  --jui-dialog-titlebar-text-color: #000;
  --jui-dialog-titlebar-border-width: 1px;
  --jui-dialog-titlebar-border-color: rgba(0, 0, 0, .1);
  --jui-dialog-title-font-weight: var(--a-base-font-weight-semibold, 500);
  --jui-dialog-title-font-size: 16px;
  --jui-dialog-title-line-height: 24px;
  --jui-dialog-title-close-width: 24px;
  --jui-dialog-title-close-height: 24px;
  --jui-dialog-title-close-padding-y: 8px;
  --jui-dialog-title-close-padding-x: 8px;
  --jui-dialog-title-close-border-width: 1px;
  --jui-dialog-title-close-border-radius: 100%;
  --jui-dialog-title-close-border-color: rgba(0, 0, 0, .1);
  --jui-dialog-title-close-icon: "\00D7";
  --jui-dialog-title-close-icon-size: 16px;
  --jui-dialog-content-padding-y: 12px;
  --jui-dialog-content-padding-x: 16px;
  --jui-dialog-buttonpane-content-padding-y: 12px;
  --jui-dialog-buttonpane-content-padding-x: 16px;
  --jui-dialog-buttonpane-background-color: rgba(0, 0, 0, .025);
  --jui-dialog-buttonpane-border-width: 1px;
  --jui-dialog-buttonpane-border-color: rgba(0, 0, 0, .1);
  --jui-datepicker-width: 280px;
  --jui-datepicker-background-color: #fff;
  --jui-datepicker-border-color: rgba(0, 0, 0, .1);
  --jui-datepicker-border-width: 1px;
  --jui-datepicker-border-radius: 8px;
  --jui-datepicker-padding: 8px;
  --jui-datepicker-shadow: 0 4px 16px rgba(0, 0, 0, .15);
  --jui-datepicker-overflow: hidden;
  --jui-tooltip-background-color: #fff;
  --jui-tooltip-text-color: #000;
  --jui-tooltip-border-color: rgba(0, 0, 0, .1);
  --jui-tooltip-border-width: 1px;
  --jui-tooltip-border-radius: 2px;
  --jui-tooltip-padding: 8px;
  --jui-tooltip-shadow: 0 4px 16px rgba(0, 0, 0, .15);
  /* Third Party Library: Oracle Jet
     ======================================================================= */
  --ojet-font-size: 14px;
  --ojet-small-font-size: 12px;
  --ojet-medium-font-size: 16px;
  --ojet-large-font-size: 18px;
  --ojet-larger-font-size: 20px;
}

/**
 * Import Compass and Theme Variables
 */
/******************************************************************************

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

******************************************************************************/
/* Table Container
   ========================================================================== */
.a-GV-table tr.is-selected .a-GV-cell {
  background-color: #ecf3ff;
}

.a-GV-table .a-GV-cell.is-focused,
.a-GV-table .a-GV-header.is-focused,
.a-GV-table .a-GV-headerGroup.is-focused,
.a-GV-table .a-GV-controlBreakHeader.is-focused {
  -webkit-box-shadow: 0 0 0 1px #0572CE inset;
          box-shadow: 0 0 0 1px #0572CE inset;
}

/* Column Header
   ========================================================================== */
.a-GV-columnControls .a-Button {
  background-color: #F4F4F4;
  color: #707070;
}

.a-GV-columnControls .a-Button.is-active {
  background-color: #E0E0E0;
  border-color: rgba(0, 0, 0, 0.2);
}

.a-GV-header.is-active {
  background-color: #FFF;
}

/* Control Breaks
   ========================================================================== */
.a-GV-table th.a-GV-controlBreakHeader {
  background-color: #F4F4F4;
  border-color: #eaeaea;
  color: #707070;
}

.a-GV-cell.is-stale {
  font-style: italic;
}

/* Aggregates
   ========================================================================== */
.is-aggregate .a-GV-cell {
  background-color: #F8F8F8;
}

.is-aggregate .a-GV-rowHeader {
  color: #707070;
}

/* Overall Aggregate
   ========================================================================== */
.is-grandTotal {
  background-color: #E0E0E0;
}

.is-grandTotal .a-GV-cell {
  background-color: transparent !important;
}

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

/* Footer
   ========================================================================== */
/* Column Move Handle
   ========================================================================== */
.a-GV-header-dragHelper {
  color: #404040;
  background-color: #F4F4F4;
  border-color: #e0e0e0;
}

.a-GV-colMoveMarker {
  background-color: rgba(0, 0, 0, 0.3);
}

.a-GV-rownum {
  color: #707070;
}

/* Selected Cells
   ========================================================================== */
.a-GV.a-GV--selectCells .a-GV-cell.is-selected {
  background-color: #D9E9F7;
}

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

.a-GV-cell .a-GV-columnItem input:not([type="radio"]):not([type="checkbox"]):focus,
.a-GV-cell .a-GV-columnItem select[size='1']:focus {
  outline: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0572CE inset;
          box-shadow: 0 0 0 1px #0572CE inset;
}

.a-GV-floatingItem:not(.is-expanded) {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0572CE inset;
          box-shadow: 0 0 0 1px #0572CE inset;
}

.a-GV-floatingItem:not(.is-expanded) .a-GV-expandCollapse {
  background-color: #fff;
}

.a-GV-floatingItem:not(.is-expanded) .a-GV-expandCollapse:hover {
  background-color: #F4F4F4;
}

.a-GV-floatingItem.is-expanded {
  border-color: #0572CE;
}

.a-GV-floatingItem.is-expanded .a-GV-expandCollapse {
  background-color: #404040;
  color: #FFF;
}

/* Read Only Rows
   ========================================================================== */
.a-GV--editMode .a-GV-row.is-readonly .a-GV-cell,
.a-GV--editMode .a-GV-cell.is-readonly {
  background-color: #F8F8F8;
  color: #707070;
}

/* Updated and Changed States
   ========================================================================== */
.a-GV-row.is-updated .a-GV-cell {
  background-color: rgba(5, 114, 206, 0.05);
}

.a-GV-cell.is-changed:not(.is-active):before,
.a-GV-row.is-updated .a-GV-selHeader:before {
  color: #0572CE;
}

/* Row Inserted
   ========================================================================== */
.a-GV-row.is-inserted .a-GV-cell {
  background-color: rgba(76, 217, 100, 0.1);
}

/* Required, Error Indicator
   ========================================================================== */
.a-GV-row.is-updated.is-error .a-GV-rowHeader .a-GV-rownum,
.a-GV-row.is-updated.is-error .a-GV-selHeader:before,
.a-GV--editMode .a-GV-header.is-required:before {
  color: var(--a-palette-danger);
}

/* Warning Indicator and Icon
   ========================================================================== */
.a-GV-cell.is-warning:not(.is-active),
.a-GV-cell.is-warning:not(.is-active):before {
  color: var(--a-palette-warning);
}

.a-GV-cell.is-error:not(.is-active),
.a-GV-cell.is-error:not(.is-active):before {
  color: var(--a-palette-danger);
}

/* Status
   ========================================================================== */
.a-GV-status {
  color: #707070;
}

/* Pagination
   ========================================================================== */
.a-GV-pageButton {
  color: #404040;
}

.a-GV-pageButton:hover {
  background-color: #F4F4F4;
}

.a-GV-pageButton:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 1px #0572CE inset;
          box-shadow: 0 0 0 1px #0572CE inset;
}

.a-GV-pageSelector-item.is-selected .a-GV-pageButton {
  background-color: #E0E0E0;
}

/**
 * Import Compass and Theme Variables
 */
/******************************************************************************
Color Variables
******************************************************************************/
/* Region
   ========================================================================== */
.a-IGDialog-side {
  border-color: #E8E8E8;
}

/* Dialog List
   ========================================================================== */
.a-IGDialog-list-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  background-clip: padding-box;
  -webkit-transition: .1s ease;
  transition: .1s ease;
}

.a-IGDialog-list-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.a-IGDialog-list-item.is-active {
  background-color: rgba(0, 0, 0, 0.075);
}

.a-IGDialog-list-link {
  color: #404040;
}

/* Fancy Checkbox
   ========================================================================== */
.a-IGDialog-label-checkbox {
  border: 1px solid #C0C0C0;
}

.a-IGDialog-label-checkbox:before {
  color: #404040;
}

.a-IGDialog-label-checkbox:active {
  background-color: #E0E0E0;
}

.a-IGDialog-input-checkbox:focus + .a-IGDialog-label-checkbox {
  border-color: #4696fc;
  -webkit-box-shadow: 0 0 2px 0 rgba(70, 150, 252, 0.5);
          box-shadow: 0 0 2px 0 rgba(70, 150, 252, 0.5);
}

/* Forms
   ========================================================================== */
.a-IGDialog .a-Button--helpButton {
  opacity: .25;
}

.a-IGDialog .a-Button--helpButton:hover {
  opacity: 1;
}

/* Toolbars
   ========================================================================== */
.a-IGDialog-toolbar--primary .a-Toolbar-buttonGroup .a-Toolbar-button {
  border: 1px solid transparent;
}

.a-IGDialog-toolbar--primary .a-Toolbar-buttonGroup .a-Toolbar-input:checked + .a-Toolbar-button {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #FFF;
  border: 1px solid #E0E0E0;
  margin-bottom: -1px;
  border-bottom-color: #FFF;
}

/* Toolbar Radios
   ========================================================================== */
.a-IGDialog-buttonGroup .a-IGDialog-input:checked + .a-IGDialog-button {
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  background-color: #D0D0D0;
}

/* IGDialog Buttons
   ========================================================================== */
.a-Button.a-IGDialog-button {
  -webkit-box-shadow: 0 0 0 1px #E4E4E4 inset;
          box-shadow: 0 0 0 1px #E4E4E4 inset;
  background-color: #F4F4F4;
}

/* Side Bottom Toolbar
   ========================================================================== */
.a-IGDialog-side .a-Toolbar {
  border-color: rgba(0, 0, 0, 0.1);
}

/**
 * Import Compass and Theme Variables
 */
/******************************************************************************
Interactive Report
******************************************************************************/
/* ==========================================================================
   IRR Download Dialog
   ========================================================================== */
.a-IRR-iconList-item + .a-IRR-iconList-item {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.u-RTL .a-IRR-iconList-item + .a-IRR-iconList-item {
  border-left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.a-IRR-iconList-item .a-IRR-iconList-link,
.a-IRR-iconList-item .a-IRR-iconList-action {
  background-color: rgba(0, 0, 0, 0.025) !important;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.05) 0 -1px 0 0;
          box-shadow: inset rgba(0, 0, 0, 0.05) 0 -1px 0 0;
}

.a-IRR-iconList-item .a-IRR-iconList-link:hover,
.a-IRR-iconList-item .a-IRR-iconList-action:hover {
  background-color: #fff !important;
}

.a-IRR-iconList-item .a-IRR-iconList-link.is-active,
.a-IRR-iconList-item .a-IRR-iconList-action.is-active {
  background-color: #fff !important;
  -webkit-box-shadow: inset #0572CE 0 2px 0 0;
          box-shadow: inset #0572CE 0 2px 0 0;
}

.a-IRR-dialog--download .a-IconList-item {
  background-color: rgba(0, 0, 0, 0.025);
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.05) 0 -1px 0 0;
          box-shadow: inset rgba(0, 0, 0, 0.05) 0 -1px 0 0;
}

.a-IRR-dialog--download .a-IconList-item:hover {
  background-color: #fff;
}

.a-IRR-dialog--download .a-IconList-item.is-selected {
  background-color: #fff;
  -webkit-box-shadow: inset #0572CE 0 2px 0 0;
          box-shadow: inset #0572CE 0 2px 0 0;
}

.a-IRR-dialog--download .a-IconList-item.is-selected.is-focused {
  color: inherit;
  -webkit-box-shadow: inset #0572CE 0 2px 0 0, inset #0572CE 0 0 0 1px;
          box-shadow: inset #0572CE 0 2px 0 0, inset #0572CE 0 0 0 1px;
  background-color: #fff;
}

.a-IRR-dialogRow--header {
  color: #404040;
}

.a-IRR-dialogInfo:first-child {
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   IRR Radio Icon List
   ========================================================================== */
.a-IRR-radioIconList-item {
  background-color: rgba(0, 0, 0, 0.025);
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.05) 0 -1px 0 0;
          box-shadow: inset rgba(0, 0, 0, 0.05) 0 -1px 0 0;
}

.a-IRR-radioIconList-item + .a-IRR-radioIconList-item {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.u-RTL .a-IRR-radioIconList-item + .a-IRR-radioIconList-item {
  border-left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.a-IRR-radioIconList-item input[type=radio]:checked + label {
  background-color: #fff;
  -webkit-box-shadow: inset #0572CE 0 2px 0 0;
          box-shadow: inset #0572CE 0 2px 0 0;
}

/* ==========================================================================
   IRR Dialog Shuttle
   ========================================================================== */
.a-IRR-dialogListContainer .u-Form-label {
  background-color: rgba(0, 0, 0, 0.025);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   IRR Dialog List Select
   ========================================================================== */
.a-IRR-dialogList {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.a-IRR-dialogList:focus {
  border-color: #0572CE;
}

.a-IRR-dialogList a {
  color: #404040 !important;
}

.a-IRR-dialogList a:focus {
  -webkit-box-shadow: inset 0 0 0 1px #0572CE;
          box-shadow: inset 0 0 0 1px #0572CE;
}

.a-IRR-dialogList a:hover {
  background-color: #0572CE;
  color: #FFF !important;
}

/* ==========================================================================
   IRR Dropdown Menu
   ========================================================================== */
.a-IRR-col-values-drop {
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.a-IRR-col-value {
  color: #404040 !important;
}

.a-IRR-col-value:hover {
  background-color: #0572CE;
  color: #FFF !important;
}

.a-IRR-dialogError {
  background-color: #FFEFEF;
  color: #4C4242;
}

/* ==========================================================================
   Property Editor
   ========================================================================== */
.a-LiveTemplateOptions {
  /* ==========================================================================
       Property Editor
       ========================================================================== */
  /* Property Editor Groups
       ========================================================================== */
  /******************************************************************************
    Color Variables
    ******************************************************************************/
  /******************************************************************************
  Properties
  ******************************************************************************/
  /* Property Editor Select List
     ========================================================================== */
  /* Text Area
     ========================================================================== */
  /******************************************************************************
  Property Editor in Dialogs
  ******************************************************************************/
  /******************************************************************************
  Color Variables
  ******************************************************************************/
  /******************************************************************************
  Property Group Styles
  ******************************************************************************/
}

.a-LiveTemplateOptions .a-PropertyEditor {
  background-color: #404040 !important;
}

.a-LiveTemplateOptions .a-LiveTemplateOptions--info {
  display: none;
  float: left;
  color: #79AAC1;
}

.a-LiveTemplateOptions .a-PropertyEditor-propertyGroup,
.a-LiveTemplateOptions .a-PropertyEditor-propertyGroup-header,
.a-LiveTemplateOptions .a-PropertyEditor-propertyGroup-body {
  border-color: #6B6B6B !important;
}

.a-LiveTemplateOptions .a-PropertyEditor-propertyGroup {
  background-color: #262626 !important;
}

.a-LiveTemplateOptions .a-PropertyEditor-propertyGroup-header .a-Icon {
  color: #c3c3c3;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.a-LiveTemplateOptions .a-PropertyEditor-propertyGroup-header {
  background-color: #393939 !important;
  padding: 12px 8px;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a-LiveTemplateOptions .a-PropertyEditor-propertyGroup-title {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 16px;
  font-size: 12px;
  color: #c3c3c3 !important;
  -webkit-font-smoothing: antialiased;
  vertical-align: top;
}

.a-LiveTemplateOptions .a-PropertyEditor-propertyGroup-body .a-Property {
  border-color: #323232 !important;
}

.a-LiveTemplateOptions .a-PropertyEditor-propertyGroup-header.is-focused {
  -webkit-box-shadow: 2px -1px 0 0 #399bea inset, -2px 1px 0 0 #399bea inset, 0 0 0px 1px #399bea, 0 0 1px 2px rgba(57, 155, 234, 0.25) !important;
          box-shadow: 2px -1px 0 0 #399bea inset, -2px 1px 0 0 #399bea inset, 0 0 0px 1px #399bea, 0 0 1px 2px rgba(57, 155, 234, 0.25) !important;
  outline: none;
  z-index: 100;
  position: relative;
  border-color: #399BEA;
}

.a-LiveTemplateOptions .a-Property {
  -webkit-transition: -webkit-box-shadow .1s;
  transition: -webkit-box-shadow .1s;
  transition: box-shadow .1s;
  transition: box-shadow .1s, -webkit-box-shadow .1s;
}

.a-LiveTemplateOptions .a-Property.is-active {
  background-color: #393e46;
}

.a-LiveTemplateOptions .a-Property.is-active .a-Property-field {
  -webkit-box-shadow: 0 0 0 1px rgba(57, 155, 234, 0.5) inset;
          box-shadow: 0 0 0 1px rgba(57, 155, 234, 0.5) inset;
}

.a-LiveTemplateOptions .a-Property.is-focused {
  border-color: rgba(57, 155, 234, 0.5) !important;
  z-index: 100;
  position: relative;
}

.a-LiveTemplateOptions .a-Property-buttonContainer,
.a-LiveTemplateOptions .a-Property-labelContainer,
.a-LiveTemplateOptions .a-Property-fieldContainer,
.a-LiveTemplateOptions .a-Property-unitContainer,
.a-LiveTemplateOptions .a-PropertyEditor--stacked .a-Property-labelContainer .a-Property-label {
  padding: 6px 8px;
}

.a-LiveTemplateOptions .a-PropertyEditor--stacked .a-Property--stacked .a-Property-labelContainer .a-Property-label {
  padding: 4px 0 !important;
}

.a-LiveTemplateOptions .a-PropertyEditor--stacked .a-Property-labelContainer .a-Property-label {
  padding-bottom: 0 !important;
}

.a-LiveTemplateOptions .a-Property.is-error {
  background-color: #FFEFEF !important;
}

.a-LiveTemplateOptions .a-Property.is-error .a-Property-label {
  color: #4C4242;
}

.a-LiveTemplateOptions .a-Property.is-error .a-Property-field {
  background-color: #FFF;
}

.a-LiveTemplateOptions .a-Property.is-error.is-focused {
  background-color: #FEDFDF !important;
  -webkit-box-shadow: 0 1px 2px 0px rgba(252, 24, 27, 0.25), 0 -1px 2px 0px rgba(252, 24, 27, 0.25), 0 1px 0 0 rgba(255, 255, 255, 0.25) inset !important;
          box-shadow: 0 1px 2px 0px rgba(252, 24, 27, 0.25), 0 -1px 2px 0px rgba(252, 24, 27, 0.25), 0 1px 0 0 rgba(255, 255, 255, 0.25) inset !important;
  border-color: #FC181B !important;
}

.a-LiveTemplateOptions .a-Property.is-error .a-Property-labelContainer .a-Icon {
  margin-right: 4px;
  color: #FC181B !important;
}

.a-LiveTemplateOptions .a-Property.is-warning {
  background-color: #FFF8DF !important;
}

.a-LiveTemplateOptions .a-Property.is-warning .a-Property-label {
  color: #463403;
}

.a-LiveTemplateOptions .a-Property.is-warning .a-Property-field {
  background-color: #FFF;
}

.a-LiveTemplateOptions .a-Property.is-warning.is-focused {
  background-color: #FEEDB9 !important;
  -webkit-box-shadow: 0 1px 2px 0px rgba(253, 179, 9, 0.25), 0 -1px 2px 0px rgba(253, 179, 9, 0.25), 0 1px 0 0 rgba(255, 255, 255, 0.25) inset !important;
          box-shadow: 0 1px 2px 0px rgba(253, 179, 9, 0.25), 0 -1px 2px 0px rgba(253, 179, 9, 0.25), 0 1px 0 0 rgba(255, 255, 255, 0.25) inset !important;
  border-color: #FDB309 !important;
}

.a-LiveTemplateOptions .a-Property.is-warning .a-Property-labelContainer .a-Icon {
  margin-right: 4px;
  color: #F69F00 !important;
}

.a-LiveTemplateOptions .a-Property-label,
.a-LiveTemplateOptions .a-Property-setItemsHeader-header,
.a-LiveTemplateOptions .a-Property-unit {
  font-size: 12px;
  line-height: 16px;
  padding: 4px 0;
  color: darkgray;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

.a-LiveTemplateOptions .a-Property-checkbox-label,
.a-LiveTemplateOptions .a-Property-radio {
  font-size: 12px;
  line-height: 16px;
  color: darkgray;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

.a-LiveTemplateOptions .a-Property-unit {
  font-size: 11px;
}

.a-LiveTemplateOptions .a-Property-label--withIcon {
  line-height: 16px;
  padding: 4px 0;
}

.a-LiveTemplateOptions .a-Property-field {
  font-size: 12px;
  line-height: 16px;
  padding: 4px;
  height: 24px;
  background-color: #262626;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset, 0 1px 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset, 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  border-radius: 2px;
  border: none;
}

.a-LiveTemplateOptions .a-Property-field:focus {
  -webkit-box-shadow: 0 0 0px 1px #399bea inset !important;
          box-shadow: 0 0 0px 1px #399bea inset !important;
  outline: none;
  background-color: #262626;
}

.a-LiveTemplateOptions .a-Property-field:hover {
  background-color: #262626;
}

.a-LiveTemplateOptions .a-Property.is-variable.is-active .a-Icon.icon-variable {
  color: #404040;
}

.a-LiveTemplateOptions .a-Property.is-variable .a-Icon.icon-variable {
  color: #A0A0A0;
  margin-right: 4px;
}

.a-LiveTemplateOptions .a-Property-field.is-variable {
  background-color: #DFEBFB;
}

.a-LiveTemplateOptions .a-Property.is-warning .a-Property-field:focus {
  -webkit-box-shadow: 0 0 0px 1px rgba(253, 179, 9, 0.75) inset !important;
          box-shadow: 0 0 0px 1px rgba(253, 179, 9, 0.75) inset !important;
}

.a-LiveTemplateOptions .a-Property.is-error .a-Property-field:focus {
  -webkit-box-shadow: 0 0 0px 1px rgba(252, 24, 27, 0.5) inset !important;
          box-shadow: 0 0 0px 1px rgba(252, 24, 27, 0.5) inset !important;
}

.a-LiveTemplateOptions .a-Property-field--select {
  text-indent: 0.01px;
  background-repeat: no-repeat;
  background-position: 100% 0;
  color: #e5e5e5;
  padding-right: 30px;
  text-overflow: ' ';
  overflow: hidden;
  border: 1px solid #4c4c4c;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMy4zNTUgNS4yMTZjLS4xOTYtLjE5Ni0uNTEyLS4xOTctLjcwOC0uMDAybC00LjYxMyA0LjU4MS00LjY4Mi00LjY1Yy0uMTk1LS4xOTQtLjUxMS0uMTkyLS43MDcuMDAyLS4xOTQuMTk3LS4xOTMuNTEzLjAwMi43MDhsNS4wMzQgNWMuMDk4LjA5Ny4yMjYuMTQ1LjM1My4xNDVzLjI1NS0uMDQ4LjM1My0uMTQ1bDQuOTY2LTQuOTMyYy4xOTUtLjE5NC4xOTYtLjUxMS4wMDItLjcwN3oiLz48L3N2Zz4=");
  background-position: 99% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  -webkit-appearance: none !important;
}

.u-RTL .a-LiveTemplateOptions .a-Property-field--select {
  padding-right: 4px;
  padding-left: 30px;
  background-position: 1% 50%;
}

.a-LiveTemplateOptions body:not(:-moz-handler-blocked) .a-Property-field--select {
  padding: 2px 24px 2px 2px;
}

.u-RTL .a-LiveTemplateOptions body:not(:-moz-handler-blocked) .a-Property-field--select {
  padding: 2px 2px 2px 24px;
}

.a-LiveTemplateOptions .is-changed .a-Property-field--select {
  background-color: #243223 !important;
  color: #F5F5F5 !important;
  border-color: #2c3c2b !important;
}

.a-LiveTemplateOptions .has-warning .a-Property-field--select {
  background-color: #323200 !important;
  color: #F5F5F5 !important;
  border-color: #3c3c00 !important;
}

.a-LiveTemplateOptions .a-Property-readOnly {
  font-size: 12px;
  line-height: 2;
  font-weight: bold;
  color: darkgray;
}

.a-LiveTemplateOptions .a-Property-field--readOnly {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.a-LiveTemplateOptions .a-Property-setItemsTable-header {
  font-weight: normal;
}

.a-LiveTemplateOptions .a-Property-setItemsTable .a-Property-field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.a-LiveTemplateOptions .ui-dialog .a-Property {
  border-color: #3c3c3c;
}

.a-LiveTemplateOptions .a-PropertyGroup-item {
  border-top-color: #505050;
}

.a-LiveTemplateOptions ul.apex-rds li {
  margin-right: 1px;
  margin-left: 0;
  background-color: #191919;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  margin-top: 8px;
}

.a-LiveTemplateOptions ul.apex-rds li a {
  padding: 12px !important;
  color: #E0E0E0;
}

.a-LiveTemplateOptions li.apex-rds-selected {
  background-color: #393939 !important;
  font-weight: var(--a-base-font-weight-semibold, 500);
}

.a-LiveTemplateOptions ul.apex-rds li.apex-rds-selected {
  background-color: #393939 !important;
}

.a-LiveTemplateOptions ul.apex-rds .apex-rds-selected a {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.a-LiveTemplateOptions--inner-message {
  background-color: #393939;
}