<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*!
* Copyright (c) 2023, Oracle and/or its affiliates.
* apex-builder-app_ui 23.1.0
*//* ==========================================================================
   Oracle APEX - Application UI
   ========================================================================== */
/* ==========================================================================
   Mixin: Icon Variable (used to get around SASS encoding unicode characters
   Example: @include icon-var("--a-starrating-icon-character","e0f8");
   ========================================================================== */
/* ==========================================================================
 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,
.u-textEnd,
.u-tE {
  text-align: end !important;
}

.u-textLeft,
.u-tL,
.u-textStart,
.u-tS {
  text-align: start !important;
}

.u-textCenter,
.u-tC {
  text-align: center !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% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@keyframes u-animate-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    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%;
  transform: translateX(-50%);
  cursor: var(--a-spinner-cursor, progress);
  padding: var(--a-spinner-container-padding, 8px);
  background-color: var(--a-spinner-container-background-color);
  border-radius: var(--a-spinner-container-border-radius, 100%);
  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, 2000);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  height: calc(var(--a-spinner-size, 32px) + var(--a-spinner-container-padding, 8px) + var(--a-spinner-container-padding, 8px));
  width: calc(var(--a-spinner-size, 32px) + var(--a-spinner-container-padding, 8px) + var(--a-spinner-container-padding, 8px));
}

.u-Processing-spinner {
  display: block;
  border-radius: 100%;
  border-style: solid;
  -webkit-animation: u-animate-spin var(--a-spinner-speed, 0.5s) infinite linear;
          animation: u-animate-spin var(--a-spinner-speed, 0.5s) infinite linear;
  width: var(--a-spinner-size, 32px);
  height: var(--a-spinner-size, 32px);
  border-width: var(--a-spinner-border-width, 4px);
  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, 32px);
    font-size: calc(var(--a-spinner-size, 32px) * 0.75);
  }
  .u-Processing-spinner:before {
    content: "\e248";
  }
}

.u-Processing--inline {
  --a-spinner-size: 16px;
  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;
}
@media (prefers-reduced-motion: reduce) {
  .u-Processing--inline .u-Processing-spinner:before {
    content: "\e247";
  }
}

.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);
  font-size: var(--a-base-html-font-size);
  scroll-padding-block-start: var(--js-sticky-scrollpad-block-start, 0px);
  scroll-padding-block-end: var(--js-sticky-scrollpad-block-end, 0px);
}

*,
*:before,
*:after {
  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);
  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 {
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
  display: inline;
}

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

@keyframes apexheartpulse {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.25);
  }
  100% {
    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:
 *
 * &lt;button class="a-Button [modifiers]" type="submit"&gt;Button Label&lt;/button&gt;
 * &lt;a class="a-Button [modifiers]" href="#" role="button"&gt;Button Label&lt;/a&gt;
 * &lt;input class="a-Button [modifiers]" type="submit" value="Button Label"&gt;
 *
 */
/**
 * 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;
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  font-family: inherit;
  margin: 0;
  position: relative;
  text-align: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-padding-before: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  border-width: var(--a-button-border-width, 1px);
  border-style: solid;
  border-radius: var(--a-button-border-radius, 2px);
  cursor: var(--a-button-cursor, pointer);
  font-size: var(--a-button-font-size, 12px);
  line-height: var(--a-button-line-height, 16px);
  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)));
  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.is-active, .a-Button:active,
.u-Button.is-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);
}

/**
 * Danger
 */
.a-Button--danger,
.ui-button--danger {
  --a-button-background-color: var(--a-palette-danger);
  --a-button-text-color: var(--a-palette-danger-contrast);
}

/**
 * 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 {
  -webkit-margin-start: calc(var(--a-button-border-width, 1px) * -1) !important;
          margin-inline-start: calc(var(--a-button-border-width, 1px) * -1) !important;
}

.a-Button--pill {
  --a-button-border-radius: 0;
  -webkit-margin-start: calc(var(--a-button-border-width, 1px) * -1) !important;
          margin-inline-start: calc(var(--a-button-border-width, 1px) * -1) !important;
}

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

.a-Button--padLeft {
  -webkit-margin-start: 4px !important;
          margin-inline-start: 4px !important;
}

.a-Button--padRight {
  -webkit-margin-end: 4px !important;
          margin-inline-end: 4px !important;
}

.a-Button--gapLeft {
  -webkit-margin-start: 12px !important;
          margin-inline-start: 12px !important;
}

.a-Button--gapRight {
  -webkit-margin-end: 12px !important;
          margin-inline-end: 12px !important;
}
.a-Button--gapRight + .a-Button {
  -webkit-margin-start: 0 !important;
          margin-inline-start: 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:

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

   ========================================================================== */
/* 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 {
  -webkit-margin-end: -1px;
          margin-inline-end: -1px;
  min-width: 48px;
  white-space: nowrap;
  text-align: center;
}
.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, 2px);
  border-bottom-right-radius: var(--a-button-border-radius, 2px);
  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, 2px);
  border-bottom-left-radius: var(--a-button-border-radius, 2px);
  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, 2px);
}

/* Notification Button
   ========================================================================== */
.a-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;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}

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

.a-Button--calendar,
.a-Button--colorPicker,
.a-Button--listManager,
.a-Button--popupLOV {
  --a-button-padding-y: 4px;
  --a-button-padding-x: 8px;
  display: inline-flex;
  align-self: stretch;
  align-items: center;
}

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

.a-Button--listManager {
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}

.a-Button--calendar,
.a-Button--colorPicker,
.apex-item-group--popup-lov .a-Button--popupLOV,
.apex-item-group--rich-text-editor .a-Button--rte,
span.lov .a-Button--popupLOV {
  -webkit-margin-start: calc(var(--a-button-border-width, 1px) * -1);
          margin-inline-start: calc(var(--a-button-border-width, 1px) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.u-RTL .a-Button--calendar,
.u-RTL .a-Button--colorPicker,
.u-RTL .apex-item-group--popup-lov .a-Button--popupLOV,
.u-RTL .apex-item-group--rich-text-editor .a-Button--rte,
.u-RTL span.lov .a-Button--popupLOV {
  border-top-left-radius: var(--a-button-border-radius, 2px);
  border-bottom-left-radius: var(--a-button-border-radius, 2px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.a-Button .a-Icon--pullRight {
  float: right !important;
  -webkit-margin-start: var(--a-button-icon-spacing, 4px);
          margin-inline-start: var(--a-button-icon-spacing, 4px);
  -webkit-margin-end: 0 !important;
          margin-inline-end: 0 !important;
}

.a-Button--withIcon .a-Icon {
  -webkit-margin-end: var(--a-button-icon-spacing, 4px);
          margin-inline-end: var(--a-button-icon-spacing, 4px);
}
.a-Button--withIcon.a-Button--shuttle .a-Icon {
  margin: 0 var(--a-button-icon-spacing, 4px);
}
.a-Button--withIcon.a-Button--slim {
  --a-button-padding-x: 8px;
}

.a-Button--noLabel .a-FAIcon,
.a-Button--noLabel .a-Icon {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

/* ==========================================================================
   Calendar
   ========================================================================== */
/* Full Calendar v5
   ========================================================================== */
.apex-fullcalendar-5 .fc-toolbar-chunk {
  padding: var(--fc5-toolbar-padding-y, 16px) var(--fc5-toolbar-padding-x, 12px);
}

/* Full Calendar v3
   ========================================================================== */
.apex-fullcalendar-3.fc {
  font-size: inherit;
}
.apex-fullcalendar-3 .fc-toolbar h2 {
  font-size: var(--fc3-header-title-font-size, 24px);
  line-height: var(--fc3-header-title-line-height, 32px);
  font-weight: var(--fc3-header-title-font-weight, 400);
  color: var(--fc3-header-title-text-color);
}
.apex-fullcalendar-3 .fc-toolbar .fc-left,
.apex-fullcalendar-3 .fc-toolbar .fc-right,
.apex-fullcalendar-3 .fc-toolbar .fc-center {
  padding: var(--fc3-toolbar-padding-y, 16px) var(--fc3-toolbar-padding-x, 12px);
}
.apex-fullcalendar-3 .fc-toolbar.fc-header-toolbar {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.apex-fullcalendar-3 .ui-button,
.apex-fullcalendar-3 button {
  margin: 0;
  height: auto;
  cursor: var(--a-button-cursor, pointer);
  font-size: var(--a-button-font-size, 12px);
  line-height: var(--a-button-line-height, 16px);
  -webkit-padding-before: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
}
.apex-fullcalendar-3 .fc-day-header {
  font-size: var(--fc3-day-header-font-size, 12px);
  line-height: var(--fc3-day-header-line-height, 24px);
  font-weight: normal;
  color: var(--fc3-day-header-text-color, #606060);
  text-align: center;
  background-image: none;
  background-color: var(--fc3-day-header-background-color, #F8F8F8);
  border-color: var(--fc3-day-header-border-color, #E0E0E0);
}
.apex-fullcalendar-3 .fc-event a {
  color: inherit;
}
.apex-fullcalendar-3 .fc-event:active, .apex-fullcalendar-3 .fc-event:focus {
  outline: 1px auto Highlight;
  outline: 1px auto -webkit-focus-ring-color;
}

/* Weekly View Headers
   ========================================================================== */
.fc-agenda-divider.ui-widget-header,
.fc-agenda-gutter.ui-widget-header {
  padding: 0;
}

/* Days
   ========================================================================== */
.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-color: #E6EEF7;
}

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

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

.fc-grid .fc-day-header {
  font-size: 12px;
  line-height: 24px;
  font-weight: normal;
  color: #707070;
  text-align: end;
  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;
}

.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;
  -webkit-margin-after: 2px;
          margin-block-end: 2px;
  background-color: rgba(79, 137, 223, 0.1);
  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-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;
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
  font-weight: var(--a-base-font-weight-bold, 700);
  color: #808080;
}

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

.fc-apex-dialog-date {
  font-size: 11px;
  -webkit-margin-before: 4px;
          margin-block-start: 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;
}

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

/******************************************************************************
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 {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: 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 {
  --a-cv-icon-spacer: calc(var(--a-cv-icon-container-size, 32px) + var(--a-cv-header-item-spacing-x, 12px));
  margin: 0;
  padding: 0;
  list-style: none;
}
.a-CardView-items li {
  line-height: inherit;
  font-size: inherit;
}

.a-CardView-item {
  display: flex;
}

.a-CardView {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  overflow: var(--a-cv-overflow);
  border-width: var(--a-cv-border-width, 1px);
  border-style: solid;
  border-radius: var(--a-cv-border-radius);
  min-width: 0;
  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)));
  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 {
  box-shadow: inset 0 0 0 var(--a-cv-border-width, 1px) 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 {
  order: var(--a-cv-order-media, 2);
  background-color: var(--a-cv-media-background-color);
  border-radius: var(--a-cv-media-border-radius);
  overflow: hidden;
  -webkit-padding-start: var(--a-cv-media-padding-x);
          padding-inline-start: var(--a-cv-media-padding-x);
  -webkit-padding-end: var(--a-cv-media-padding-x);
          padding-inline-end: var(--a-cv-media-padding-x);
  -webkit-padding-before: var(--a-cv-media-padding-y);
          padding-block-start: var(--a-cv-media-padding-y);
  -webkit-padding-after: var(--a-cv-media-padding-y);
          padding-block-end: var(--a-cv-media-padding-y);
  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 {
  -webkit-padding-before: 100%;
          padding-block-start: 100%;
}

.a-CardView-media--widescreen:before {
  -webkit-padding-before: 56.25%;
          padding-block-start: 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 {
  order: var(--a-cv-order-header, 1);
  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";
  -webkit-padding-start: var(--a-cv-header-padding-x, 16px);
          padding-inline-start: var(--a-cv-header-padding-x, 16px);
  -webkit-padding-end: var(--a-cv-header-padding-x, 16px);
          padding-inline-end: var(--a-cv-header-padding-x, 16px);
  -webkit-padding-before: var(--a-cv-header-padding-y, 16px);
          padding-block-start: var(--a-cv-header-padding-y, 16px);
  -webkit-padding-after: var(--a-cv-header-padding-y, 16px);
          padding-block-end: var(--a-cv-header-padding-y, 16px);
  background-color: var(--a-cv-header-background-color);
  color: var(--a-cv-header-text-color);
  border-bottom-width: var(--a-cv-header-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--a-cv-header-border-color);
}

.a-CardView-iconWrap {
  --a-icon-size: var(--a-cv-icon-size, 16px);
  min-width: var(--a-cv-icon-image-size, var(--a-cv-icon-container-size, 32px));
  -webkit-margin-end: var(--a-cv-header-item-spacing-x, 12px);
          margin-inline-end: var(--a-cv-header-item-spacing-x, 12px);
  order: 1;
  grid-area: icon;
}
.a-CardView-iconWrap:empty {
  display: none;
}
.a-CardView-iconWrap--top {
  grid-area: icon-top;
  -webkit-margin-end: unset;
          margin-inline-end: unset;
  -webkit-margin-start: unset;
          margin-inline-start: unset;
  -webkit-margin-after: var(--a-cv-header-item-spacing-x, 12px);
          margin-block-end: var(--a-cv-header-item-spacing-x, 12px);
}
.a-CardView-iconWrap--end {
  order: 4;
  grid-area: icon-end;
  -webkit-margin-start: var(--a-cv-header-item-spacing-x, 12px);
          margin-inline-start: var(--a-cv-header-item-spacing-x, 12px);
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.a-CardView-icon {
  width: var(--a-cv-icon-container-size, 32px);
  height: var(--a-cv-icon-container-size, 32px);
  padding: var(--a-cv-icon-padding, 8px);
  background-color: var(--u-color, var(--a-cv-icon-background-color));
  background-image: var(--a-cv-icon-background-image);
  color: var(--u-color-contrast, var(--a-cv-icon-text-color));
  border-radius: var(--a-cv-icon-border-radius, 100%);
}
.a-CardView-icon, .a-CardView-icon.fa {
  display: grid;
  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, 16px);
}

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

.a-CardView-initials {
  flex-grow: 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, 700);
  line-height: 1;
  color: var(--u-color-contrast, var(--a-cv-initials-text-color, #fff));
  background-color: var(--u-color, 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;
  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, 12px);
  font-weight: var(--a-cv-subtitle-font-weight, 400);
  line-height: var(--a-cv-subtitle-line-height, 16px);
  color: var(--a-cv-subtitle-text-color);
  margin: 0;
}

.a-CardView-badge {
  -webkit-margin-start: var(--a-cv-header-item-spacing-x, 12px);
          margin-inline-start: 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;
  order: 3;
  grid-area: badge;
}
.a-CardView-badge:empty {
  display: none;
}

.a-CardView-body {
  order: var(--a-cv-order-body, 3);
  flex-grow: 1;
  -webkit-padding-start: var(--a-cv-body-padding-x, 16px);
          padding-inline-start: var(--a-cv-body-padding-x, 16px);
  -webkit-padding-end: var(--a-cv-body-padding-x, 16px);
          padding-inline-end: var(--a-cv-body-padding-x, 16px);
  -webkit-padding-before: var(--a-cv-body-padding-y, 16px);
          padding-block-start: var(--a-cv-body-padding-y, 16px);
  -webkit-padding-after: var(--a-cv-body-padding-y, 16px);
          padding-block-end: var(--a-cv-body-padding-y, 16px);
  background-color: var(--a-cv-body-background-color);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.a-CardView-body:empty {
  display: none;
}

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

.a-CardView-subContent {
  font-size: var(--a-cv-subcontent-font-size, 11px);
  line-height: var(--a-cv-subcontent-line-height, 16px);
  color: var(--a-cv-subcontent-text-color);
}
.a-CardView-subContent:empty {
  display: none;
}

.a-CardView-actions {
  order: var(--a-cv-order-actions, 4);
  border-top-width: var(--a-cv-actions-border-width, 1px);
  border-top-style: solid;
  border-top-color: var(--a-cv-actions-border-color);
  background-color: var(--a-cv-actions-background-color);
  -webkit-padding-start: var(--a-cv-actions-padding-x, 16px);
          padding-inline-start: var(--a-cv-actions-padding-x, 16px);
  -webkit-padding-end: var(--a-cv-actions-padding-x, 16px);
          padding-inline-end: var(--a-cv-actions-padding-x, 16px);
  -webkit-padding-before: var(--a-cv-actions-padding-y, 16px);
          padding-block-start: var(--a-cv-actions-padding-y, 16px);
  -webkit-padding-after: var(--a-cv-actions-padding-y, 16px);
          padding-block-end: var(--a-cv-actions-padding-y, 16px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.a-CardView-actions:empty {
  display: none;
}

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

.a-CardView-button {
  display: inline-flex;
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  font-family: inherit;
  margin: 0;
  position: relative;
  justify-content: center;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-padding-before: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  border-width: var(--a-button-border-width, 1px);
  border-style: solid;
  border-radius: var(--a-button-border-radius, 2px);
  cursor: var(--a-button-cursor, pointer);
  font-size: var(--a-button-font-size, 12px);
  line-height: var(--a-button-line-height, 16px);
  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)));
  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 {
  -webkit-margin-end: 6px;
          margin-inline-end: 6px;
}
.a-CardView-buttonIcon:only-child {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.a-CardView-items {
  display: grid;
  grid-gap: var(--a-cv-grid-gap, 16px);
  grid-template-columns: 1fr;
  -webkit-padding-after: var(--a-cv-grid-gap, 16px);
          padding-block-end: var(--a-cv-grid-gap, 16px);
}

.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;
  min-width: 160px;
}
.a-CardView-items--float .a-CardView-item:not(:last-child) {
  -webkit-margin-end: var(--a-cv-header-item-spacing-x, 12px);
          margin-inline-end: var(--a-cv-header-item-spacing-x, 12px);
  -webkit-margin-after: var(--a-cv-header-item-spacing-y, 12px);
          margin-block-end: var(--a-cv-header-item-spacing-y, 12px);
}
.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: flex;
  align-items: center;
  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;
}

.a-CardView-items.is-placeholder.a-CardView-items--float .a-CardView-item {
  min-width: 160px;
}
.a-CardView-items.is-placeholder.a-CardView-items--row .a-CardView-media:before {
  background-color: transparent;
}
.a-CardView-items.is-placeholder .a-CardView-title,
.a-CardView-items.is-placeholder .a-CardView-subTitle,
.a-CardView-items.is-placeholder .a-CardView-badge,
.a-CardView-items.is-placeholder .a-CardView-mainContent,
.a-CardView-items.is-placeholder .a-CardView-subContent,
.a-CardView-items.is-placeholder .a-CardView-media {
  display: block;
}
.a-CardView-items.is-placeholder .a-CardView-title:before,
.a-CardView-items.is-placeholder .a-CardView-subTitle:before,
.a-CardView-items.is-placeholder .a-CardView-badge:before,
.a-CardView-items.is-placeholder .a-CardView-mainContent:before,
.a-CardView-items.is-placeholder .a-CardView-subContent:before,
.a-CardView-items.is-placeholder .a-CardView-media:before {
  display: inline-block;
  content: "\00a0";
  background-color: var(--a-cv-placeholder-color, var(--a-cv-border-color));
}
.a-CardView-items.is-placeholder .a-CardView-icon,
.a-CardView-items.is-placeholder .a-CardView-initials {
  background-color: var(--a-cv-placeholder-color, var(--a-cv-border-color));
}
.a-CardView-items.is-placeholder .has-media--background .a-CardView-header,
.a-CardView-items.is-placeholder .has-media--background .a-CardView-body {
  filter: invert(1);
}
.a-CardView-items.is-placeholder .has-media--background .a-CardView-media:before {
  background-color: transparent;
}
.a-CardView-items.is-placeholder .a-CardView-title:before {
  min-width: 75%;
}
.a-CardView-items.is-placeholder .a-CardView-subTitle:before {
  min-width: 50%;
}
.a-CardView-items.is-placeholder .a-CardView-badge {
  background-color: var(--a-cv-placeholder-color, var(--a-cv-border-color));
}
.a-CardView-items.is-placeholder .a-CardView-badge:before {
  background-color: transparent;
  min-width: 1rem;
}
.a-CardView-items.is-placeholder .a-CardView-media:before {
  min-height: 5rem;
  width: 100%;
  content: "";
}
.a-CardView-items.is-placeholder .a-CardView-mainContent:before {
  min-width: 100%;
  min-height: calc(var(--a-cv-maincontent-line-height, 20px) * 2);
  white-space: pre;
}
.a-CardView-items.is-placeholder .a-CardView-subContent:before {
  min-width: 65%;
}

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

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, 16px);
  height: var(--a-checkbox-size, 16px);
  border-width: var(--a-checkbox-border-width, 1px);
  border-style: solid;
  border-color: var(--a-checkbox-border-color);
  border-radius: var(--a-checkbox-border-radius, 2px);
  cursor: var(--a-checkbox-cursor, pointer);
  background-color: var(--a-checkbox-background-color);
  color: var(--a-checkbox-text-color);
  font-size: var(--a-checkbox-icon-size, 12px);
  line-height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 2);
}
.u-selector:before,
.a-IRR-controlsCheckboxLabel:before,
.a-IG-controlsCheckboxLabel:before {
  font-family: var(--a-checkbox-icon-font-family, "apex-5-icon-font");
  content: var(--a-checkbox-icon-character, "\e007");
  font-style: normal;
  font-weight: var(--a-checkbox-icon-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, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  text-align: center;
  opacity: 0;
  transition: var(--a-checkbox-icon-transition, 0.1s ease);
}
.u-RTL .u-selector:before,
.u-RTL .a-IRR-controlsCheckboxLabel:before,
.u-RTL .a-IG-controlsCheckboxLabel:before {
  left: unset;
  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);
}
.u-selector.u-vh,
.a-IRR-controlsCheckboxLabel.u-vh,
.a-IG-controlsCheckboxLabel.u-vh {
  position: absolute;
}

.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 {
  -webkit-margin-start: var(--a-gv-cell-padding-x, 0);
          margin-inline-start: var(--a-gv-cell-padding-x, 0);
}
.a-GV-cell.is-active.u-tE .apex-item-single-checkbox {
  -webkit-margin-end: var(--a-gv-cell-padding-x, 0);
          margin-inline-end: 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, 10px);
  height: var(--a-checkbox-indeterminate-height, 2px);
  -webkit-margin-before: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-height, 2px)) / 2);
          margin-block-start: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-height, 2px)) / 2);
  -webkit-margin-start: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-width, 10px)) / 2);
          margin-inline-start: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-width, 10px)) / 2);
}

.a-IRR-controlsCheckbox:focus + .a-IRR-controlsCheckboxLabel:before,
.a-IG-controlsCheckbox:focus + .a-IG-controlsCheckboxLabel:before {
  outline: 1px auto Highlight;
  outline: 1px auto -webkit-focus-ring-color;
}

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

/* Read Only Checkbox
   ========================================================================== */
.ro-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: var(--a-checkbox-size, 16px);
  height: var(--a-checkbox-size, 16px);
  border-width: var(--a-checkbox-border-width, 1px);
  border-style: solid;
  border-color: var(--a-checkbox-border-color);
  border-radius: var(--a-checkbox-border-radius, 2px);
  cursor: var(--a-checkbox-cursor, pointer);
  background-color: var(--a-checkbox-background-color);
  color: var(--a-checkbox-text-color);
  font-size: var(--a-checkbox-icon-size, 12px);
  line-height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 2);
}
.ro-checkbox:before {
  font-family: var(--a-checkbox-icon-font-family, "apex-5-icon-font");
  content: var(--a-checkbox-icon-character, "\e007");
  font-style: normal;
  font-weight: var(--a-checkbox-icon-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, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  text-align: center;
  opacity: 0;
  transition: var(--a-checkbox-icon-transition, 0.1s ease);
}
.u-RTL .ro-checkbox:before {
  left: unset;
  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%;
  transform: translate(-50%, -50%);
  width: calc(var(--a-checkbox-size, 16px) / 2);
  height: calc(var(--a-checkbox-size, 16px) / 2);
}

.apex-item-checkbox .apex-item-option {
  position: relative;
}
.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;
  top: 0;
  bottom: 0;
  height: 100%;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.apex-item-checkbox .apex-item-option input + label {
  position: relative;
  -webkit-padding-start: calc(var(--a-checkbox-size, 16px) + var(--a-checkbox-label-spacing-x, 8px));
          padding-inline-start: calc(var(--a-checkbox-size, 16px) + var(--a-checkbox-label-spacing-x, 8px));
  -webkit-padding-end: var(--a-checkbox-label-spacing-x, 8px);
          padding-inline-end: var(--a-checkbox-label-spacing-x, 8px);
  display: block;
  line-height: var(--a-checkbox-size, 16px);
  cursor: var(--a-checkbox-cursor, pointer);
}
.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: unset;
  right: 0;
}
.apex-item-checkbox .apex-item-option input + label:before {
  width: var(--a-checkbox-size, 16px);
  height: var(--a-checkbox-size, 16px);
  border-width: var(--a-checkbox-border-width, 1px);
  border-style: solid;
  border-color: var(--a-checkbox-border-color);
  border-radius: var(--a-checkbox-border-radius, 2px);
  background-color: var(--a-checkbox-background-color);
  font-size: var(--a-checkbox-icon-size, 12px);
  line-height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 2);
}
.apex-item-checkbox .apex-item-option input + label:after {
  color: var(--a-checkbox-text-color);
  font-family: var(--a-checkbox-icon-font-family, "apex-5-icon-font");
  content: var(--a-checkbox-icon-character, "\e007");
  font-size: var(--a-checkbox-icon-size, 12px);
  line-height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  margin: var(--a-checkbox-border-width, 1px);
  font-style: normal;
  font-weight: var(--a-checkbox-icon-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, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  text-align: center;
  opacity: 0;
  transition: var(--a-checkbox-icon-transition, 0.1s ease);
}
.apex-item-checkbox .apex-item-option input:disabled + label {
  opacity: var(--a-checkbox-disabled-opacity, 0.5);
  cursor: var(--a-checkbox-disabled-cursor, default);
  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, 10px);
  height: var(--a-checkbox-indeterminate-height, 2px);
  -webkit-margin-before: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-height, 2px)) / 2);
          margin-block-start: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-height, 2px)) / 2);
  -webkit-margin-start: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-width, 10px)) / 2);
          margin-inline-start: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-width, 10px)) / 2);
}

.apex-item-single-checkbox {
  position: relative;
}
.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;
}
.apex-item-single-checkbox input:indeterminate + label:after {
  opacity: 1;
  content: "";
  color: transparent;
  background-color: var(--a-checkbox-text-color);
  width: var(--a-checkbox-indeterminate-width, 10px);
  height: var(--a-checkbox-indeterminate-height, 2px);
  -webkit-margin-before: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-height, 2px)) / 2);
          margin-block-start: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-height, 2px)) / 2);
  -webkit-margin-start: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-width, 10px)) / 2);
          margin-inline-start: calc((var(--a-checkbox-size, 16px) - var(--a-checkbox-indeterminate-width, 10px)) / 2);
}

.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, pointer);
}
.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: unset;
  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, 16px);
  height: var(--a-checkbox-size, 16px);
  border-width: var(--a-checkbox-border-width, 1px);
  border-style: solid;
  border-color: var(--a-checkbox-border-color);
  border-radius: var(--a-checkbox-border-radius, 2px);
  background-color: var(--a-checkbox-background-color);
  font-size: var(--a-checkbox-icon-size, 12px);
  line-height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 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, "apex-5-icon-font");
  content: var(--a-checkbox-icon-character, "\e007");
  font-size: var(--a-checkbox-icon-size, 12px);
  line-height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  margin: var(--a-checkbox-border-width, 1px);
  font-style: normal;
  font-weight: var(--a-checkbox-icon-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, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  text-align: center;
  opacity: 0;
  transition: var(--a-checkbox-icon-transition, 0.1s ease);
}

.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, 0.5);
  cursor: var(--a-checkbox-disabled-cursor, default);
  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, 16px) / 2);
  height: calc(var(--a-checkbox-size, 16px) / 2);
  -webkit-margin-before: calc(var(--a-checkbox-size, 16px) / 4);
          margin-block-start: calc(var(--a-checkbox-size, 16px) / 4);
  -webkit-margin-start: calc(var(--a-checkbox-size, 16px) / 4);
          margin-inline-start: calc(var(--a-checkbox-size, 16px) / 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: 1px auto Highlight;
  outline: 1px auto -webkit-focus-ring-color;
}

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

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

/* HTML Structure:
*
* .color-picker-inline-wrapper (wrapper for inline only)
* .a-ColorPicker
*     .a-ColorPicker-spectrum
*         .color-spectrum
*
*     .a-ColorPicker-previews
*         .a-ColorPicker-preview.a-ColorPicker-preview--current
*               .a-ColorPicker-preview-label
*               .a-ColorPicker-preview-color
*         .a-ColorPicker-preview.a-ColorPicker-preview--initial
*               .a-ColorPicker-preview-label
*               .a-ColorPicker-preview-color
*
*     .a-ColorPicker-colorContrast
*
*     .a-ColorPicker-details
*         .a-ColorPicker-detail.a-ColorPicker-detail--rgb
*             .a-ColorPicker-detailItem.a-ColorPicker-detailItem--r
*               label.a-ColorPicker-detailLabel
*               input.apex-item-text.a-ColorPicker-detailInput
*             .a-ColorPicker-detailItem.a-ColorPicker-detailItem--g
*               label.a-ColorPicker-detailLabel
*               input.apex-item-text.a-ColorPicker-detailInput
*             .a-ColorPicker-detailItem.a-ColorPicker-detailItem--b
*               label.a-ColorPicker-detailLabel
*               input.apex-item-text.a-ColorPicker-detailInput
*
*         .a-ColorPicker-detail.a-ColorPicker-detail--hsl
*             .a-ColorPicker-detailItem.a-ColorPicker-detailItem--h
*               label.a-ColorPicker-detailLabel
*               input.apex-item-text.a-ColorPicker-detailInput
*             .a-ColorPicker-detailItem.a-ColorPicker-detailItem--s
*               label.a-ColorPicker-detailLabel
*               input.apex-item-text.a-ColorPicker-detailInput
*             .a-ColorPicker-detailItem.a-ColorPicker-detailItem--l
*               label.a-ColorPicker-detailLabel
*               input.apex-item-text.a-ColorPicker-detailInput
*
*         .a-ColorPicker-detail.a-ColorPicker-detail--hex
*             .a-ColorPicker-detailItem.a-ColorPicker-detailItem--hex
*               label.a-ColorPicker-detailLabel
*               input.apex-item-text.a-ColorPicker-detailInput
*
*         .a-ColorPicker-detailsToggle
*             .a-ColorPicker-detailsToggle-button
*
*     .a-ColorPicker-presets
*         .a-ColorPicker-preset
*         .a-ColorPicker-preset
*         .a-ColorPicker-preset
*         .a-ColorPicker-preset
*         .a-ColorPicker-preset
*         .a-ColorPicker-presetMenuButton (if more than 5 presets)
*         .a-ColorPicker-presetMenus      (if more than 5 presets)
*/
body .a-ColorPicker {
  display: grid;
  font-size: 12px;
  line-height: 16px;
  grid-template-columns: 50px auto;
  grid-template-areas: "spectrum spectrum" "previews details" "contrast contrast" "presets presets";
  grid-gap: 8px;
  resize: both;
  min-width: 250px;
  min-height: 250px;
}
.a-ColorPicker-inlineWrap body .a-ColorPicker {
  padding: calc(var(--a-color-picker-padding, 4px) * 2);
}
body .a-ColorPicker.a-ColorPicker--simple {
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas: "spectrum" "presets";
  grid-gap: 8px;
}
body .a-ColorPicker.a-ColorPicker--simple .a-ColorPicker-details,
body .a-ColorPicker.a-ColorPicker--simple .a-ColorPicker-previews {
  display: none;
}
body .a-ColorPicker .a-ColorPicker-spectrum {
  grid-area: spectrum;
}
body .a-ColorPicker .a-ColorPicker-previews {
  grid-area: previews;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--jui-dialog-border-color);
  display: flex;
  overflow: hidden;
  position: relative;
  width: 50px;
  height: 50px;
}
body .a-ColorPicker .a-ColorPicker-preview {
  display: block;
  width: 50%;
}
body .a-ColorPicker .a-ColorPicker-preview-value {
  min-height: 50px;
}
body .a-ColorPicker .a-ColorPicker-details {
  grid-area: details;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: var(--a-color-picker-padding, 4px);
  min-width: 180px;
}
body .a-ColorPicker .a-ColorPicker-detail {
  align-self: center;
  width: 160px;
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  grid-gap: var(--a-color-picker-padding, 4px);
}
body .a-ColorPicker .a-ColorPicker-detailItem {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0;
  padding: 0;
}
body .a-ColorPicker .a-ColorPicker-detailItem input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-padding-before: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-start: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-after: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-end: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  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, 400);
  color: var(--a-field-input-text-color);
  background-color: var(--a-field-input-background-color);
  border-radius: var(--a-field-input-border-radius, 2px);
  border-color: var(--a-field-input-border-color);
  border-width: var(--a-field-input-border-width, 1px);
  border-style: solid;
  box-shadow: var(--a-field-input-shadow, none);
}
body .a-ColorPicker .a-ColorPicker-detailLabel {
  font-weight: var(--a-base-font-weight-bold, 700);
  min-width: 0;
}
body .a-ColorPicker .a-ColorPicker-detailInput {
  border-radius: var(--a-color-picker-border-radius, 2px);
  padding: 0;
  text-align: center;
  width: auto;
  min-height: 0 !important;
}
body .a-ColorPicker .a-ColorPicker-detailInput::-webkit-inner-spin-button, body .a-ColorPicker .a-ColorPicker-detailInput[type=number] {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
body .a-ColorPicker .a-ColorPicker-detailsToggle {
  align-self: stretch;
  -webkit-margin-start: var(--a-color-picker-detail-item-margin);
          margin-inline-start: var(--a-color-picker-detail-item-margin);
  text-shadow: none;
  background-color: transparent !important;
  font-size: 11px;
  line-height: 16px;
  padding: var(--a-color-picker-padding, 4px);
  min-width: 0;
  box-shadow: none;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 24px;
  border-width: 0;
  display: inline-flex;
}

.a-ColorPicker-presets {
  grid-area: presets;
  display: grid;
  grid-gap: calc(var(--a-color-picker-padding, 4px) * 2);
  grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
}
.a-ColorPicker-presets .a-Button {
  border-radius: var(--a-button-border-radius, 2px);
  margin: 0;
}

.a-ColorPicker-preset {
  height: var(--a-color-picker-preset-height, 32px);
  width: var(--a-color-picker-preset-width, 32px);
  border-radius: var(--a-button-border-radius, 4px);
  margin: auto;
  padding: 8px !important;
}

.a-ColorPicker-presetMenu .a-Menu-label {
  text-transform: lowercase;
}

.a-ColorPicker-contrast {
  grid-area: contrast;
  display: flex;
  align-items: center;
  font-size: var(--a-color-picker-contrast-font-size, 11px);
  -webkit-padding-before: 4px;
          padding-block-start: 4px;
  -webkit-padding-after: 4px;
          padding-block-end: 4px;
}

.a-ColorPicker-contrastColorCheck {
  width: 16px;
  height: 16px;
  position: relative;
}

.a-ColorPicker-contrastColor1,
.a-ColorPicker-contrastColor2 {
  display: block;
  height: 10px;
  width: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--jui-dialog-border-color);
  border-radius: 1px;
  position: absolute;
}

.a-ColorPicker-contrastColor1 {
  top: 0;
  left: 0;
  z-index: 2;
}
.u-RTL .a-ColorPicker-contrastColor1 {
  left: unset;
  right: 0;
}

.a-ColorPicker-contrastColor2 {
  bottom: 0;
  right: 0;
  z-index: 1;
}
.u-RTL .a-ColorPicker-contrastColor2 {
  right: unset;
  left: 0;
}

.a-ColorPicker-contrastColorCheck,
.a-ColorPicker-contrastResult,
.a-ColorPicker-contrastRating,
.a-ColorPicker-contrastIcon {
  -webkit-margin-start: var(--a-color-picker-contrast-item-spacing-x, 6px);
          margin-inline-start: var(--a-color-picker-contrast-item-spacing-x, 6px);
}

.a-ColorPicker-contrastRating,
.a-ColorPicker-contrastIcon.u-success-text {
  color: var(--a-palette-success);
  font-weight: var(--a-base-font-weight-bold, 700);
}

.a-ColorPicker-contrastIcon.u-warning-text {
  color: var(--a-palette-warning);
}

.a-ColorPicker-contrastIcon.u-danger-text {
  color: var(--a-palette-danger);
}

.a-ColorPicker-inlineWrap {
  border-width: var(--a-color-picker-inline-border-width, 1px);
  border-style: solid;
  border-color: var(--a-color-picker-inline-border-color, var(--jui-dialog-border-color));
  border-radius: var(--a-color-picker-inline-border-radius, 4px);
  min-height: var(--a-color-picker-inline-min-size, 250px);
  min-width: var(--a-color-picker-inline-min-size, 250px);
  padding: var(--a-color-picker-inline-padding, 8px);
  display: inline-block;
}
.a-ColorPicker-inlineWrap .u-Processing {
  height: calc(var(--a-spinner-size, 18px) + var(--a-spinner-container-padding, 8px) + var(--a-spinner-container-padding, 8px));
  width: calc(var(--a-spinner-size, 18px) + var(--a-spinner-container-padding, 8px) + var(--a-spinner-container-padding, 8px));
}
.a-ColorPicker-inlineWrap .u-Processing-spinner {
  width: var(--a-spinner-size, 18px);
  height: var(--a-spinner-size, 18px);
}

.a-ColorPicker-dialog {
  --jui-dialog-content-padding-y: 8px;
  --jui-dialog-content-padding-x: 8px;
}

.a-ColorPicker-dialog.ui-dialog-content {
  -webkit-padding-start: var(--jui-dialog-content-padding-x, 8px);
          padding-inline-start: var(--jui-dialog-content-padding-x, 8px);
  -webkit-padding-end: var(--jui-dialog-content-padding-x, 8px);
          padding-inline-end: var(--jui-dialog-content-padding-x, 8px);
  -webkit-padding-before: var(--jui-dialog-content-padding-y, 8px);
          padding-block-start: var(--jui-dialog-content-padding-y, 8px);
  -webkit-padding-after: var(--jui-dialog-content-padding-y, 8px);
          padding-block-end: var(--jui-dialog-content-padding-y, 8px);
}

.apex-item-group--color-picker {
  display: inline-block;
}
.apex-item-group--color-picker .apex-item-color-picker-preview {
  width: var(--a-icon-size, 16px);
  height: var(--a-icon-size, 16px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: var(--a-icon-padding, 4px);
  pointer-events: none;
}
.u-RTL .apex-item-group--color-picker .apex-item-color-picker-preview {
  left: unset;
  right: var(--a-icon-padding, 4px);
}
.apex-item-group--color-picker .a-Button--colorPicker.a-Button--colorPickerOnly {
  height: auto;
  width: auto;
  -webkit-padding-before: calc(var(--a-button-padding, 8px) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding, 8px) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding, 8px) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding, 8px) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding, 8px) - var(--a-button-border-width, 1px));
  border-width: var(--a-button-border-width, 1px);
  border-color: var(--a-field-input-border-color);
  border-style: solid;
  border-radius: var(--a-button-border-radius, 2px);
}
.apex-item-group--color-picker .a-Button--colorPicker.a-Button--colorPickerOnly .apex-item-color-picker-preview {
  width: var(--a-color-picker-color-only-width, 32px);
  height: var(--a-color-picker-color-only-height, 12px);
  border-radius: var(--a-button-border-radius, 2px);
}
.apex-item-group--color-picker .apex-item-color-picker-native {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: 44px;
  height: 23px;
  background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
  cursor: default;
  color: -internal-light-dark(black, white);
  border-width: 1px;
  border-style: solid;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  -o-border-image: initial;
     border-image: initial;
  padding: 1px 2px;
}

.apex-item-group--color-picker .apex-item-color-picker-value {
  -webkit-padding-start: calc(var(--a-item-icon-offset, 0px) + var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-start: calc(var(--a-item-icon-offset, 0px) + var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
}

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

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

******************************************************************************/
/* Combo Box Container
   ========================================================================== */
.a-Combobox-wrapper {
  display: flex;
  flex-grow: var(--a-field-input-flex-grow);
}
.a-Combobox-wrapper .apex-item-color-picker-preview {
  flex-shrink: 0;
  flex-grow: 0;
  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, 2px);
  border-bottom-left-radius: var(--a-button-border-radius, 2px);
  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: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  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%;
          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: end;
}

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

.a-Customize-body {
  flex-grow: 1;
  padding: 16px;
}

.a-Customize-bodyWrapperOut {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}

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

.a-Customize-setting {
  -webkit-padding-after: 16px;
          padding-block-end: 16px;
}
.a-Customize-setting:last-child {
  -webkit-padding-after: 0;
          padding-block-end: 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: var(--a-base-font-weight-bold, 700);
  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;
  transition: background-color 0.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;
  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 {
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}

.a-Customize-button.a-Button--hot {
  background-color: #2D7BBB;
  color: #fff;
  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 {
  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 {
  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);
  box-shadow: var(--a-dev-toolbar-shadow);
  transition: var(--a-dev-toolbar-transition, 0.1s ease);
  position: fixed;
  z-index: 1000;
}

.a-DevToolbar-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
}
.a-DevToolbar-list li {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}

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

.a-DevToolbar--right {
  right: 0;
}
.u-RTL .a-DevToolbar--right {
  right: unset;
  left: 0;
}

.a-DevToolbar--left,
.a-DevToolbar--right {
  top: 20%;
}
.a-DevToolbar--left .a-DevToolbar-list,
.a-DevToolbar--right .a-DevToolbar-list {
  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, 1px);
  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, 1px);
  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, 1px);
  border-right-style: solid;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
.a-Button.a-Button--devToolbar {
  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, 0);
  -webkit-padding-before: var(--a-dev-toolbar-button-border-padding-y, 8px);
          padding-block-start: var(--a-dev-toolbar-button-border-padding-y, 8px);
  -webkit-padding-after: var(--a-dev-toolbar-button-border-padding-y, 8px);
          padding-block-end: var(--a-dev-toolbar-button-border-padding-y, 8px);
  -webkit-padding-start: var(--a-dev-toolbar-button-border-padding-x, 12px);
          padding-inline-start: var(--a-dev-toolbar-button-border-padding-x, 12px);
  -webkit-padding-end: var(--a-dev-toolbar-button-border-padding-x, 12px);
          padding-inline-end: var(--a-dev-toolbar-button-border-padding-x, 12px);
  flex-grow: 1;
  display: flex;
  align-items: center;
  text-shadow: none;
  transition: background-color var(--a-dev-toolbar-transition, 0.1s ease), color var(--a-dev-toolbar-transition, 0.1s ease);
  font-size: var(--a-dev-toolbar-font-size, 12px);
  line-height: var(--a-dev-toolbar-line-height, 16px);
}
.a-Button.a-Button--devToolbar .a-Icon {
  --a-icon-size: var(--a-dev-toolbar-button-icon-size, 16px);
  text-align: center;
}
.a-Button.a-Button--devToolbar .a-Icon:only-child {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: 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) !important;
  color: var(--a-dev-toolbar-button-active-text-color);
}

.a-DevToolbar-buttonLabel {
  -webkit-margin-start: var(--a-dev-toolbar-button-icon-spacing, 4px);
          margin-inline-start: var(--a-dev-toolbar-button-icon-spacing, 4px);
}
@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;
  }
}

.a-DevToolbar-buttonToggle {
  -webkit-margin-start: var(--a-dev-toolbar-button-toggle-spacing, 8px);
          margin-inline-start: var(--a-dev-toolbar-button-toggle-spacing, 8px);
}

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

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

.a-DevToolbar--right.a-DevToolbar--autoHide {
  transform: translateX(90%);
  right: 0;
}
.u-RTL .a-DevToolbar--right.a-DevToolbar--autoHide {
  transform: translateX(-90%);
  right: unset;
  left: 0;
}

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

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

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

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

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

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

.a-DevToolbar--left.a-DevToolbar--autoHide {
  left: 0;
}
.u-RTL .a-DevToolbar--left.a-DevToolbar--autoHide {
  left: unset;
  right: 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, 2px);
  border-style: solid;
  border-radius: var(--a-dev-toolbar-ui-selector-border-radius, 4px);
  background-color: var(--a-dev-toolbar-ui-selector-background-color);
  position: absolute;
  z-index: 1010;
  transition: var(--a-dev-toolbar-transition, 0.1s ease);
}

.a-DevToolbar-liveTemplateOptions {
  transition: var(--a-dev-toolbar-transition, 0.1s ease);
  position: absolute;
  border: 0;
  z-index: var(--a-dev-toolbar-zindex, 9999);
  -webkit-margin-before: var(--a-dev-toolbar-ui-selector-border-width, 2px);
          margin-block-start: var(--a-dev-toolbar-ui-selector-border-width, 2px);
  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, 4px) - var(--a-dev-toolbar-ui-selector-border-width, 2px));
  border-bottom-left-radius: var(--a-dev-toolbar-ui-selector-border-radius, 4px);
  -webkit-padding-before: var(--a-dev-toolbar-button-border-padding-y, 8px);
          padding-block-start: var(--a-dev-toolbar-button-border-padding-y, 8px);
  -webkit-padding-after: var(--a-dev-toolbar-button-border-padding-y, 8px);
          padding-block-end: var(--a-dev-toolbar-button-border-padding-y, 8px);
  -webkit-padding-start: var(--a-dev-toolbar-button-border-padding-x, 12px);
          padding-inline-start: var(--a-dev-toolbar-button-border-padding-x, 12px);
  -webkit-padding-end: var(--a-dev-toolbar-button-border-padding-x, 12px);
          padding-inline-end: var(--a-dev-toolbar-button-border-padding-x, 12px);
  display: block;
  font-size: var(--a-dev-toolbar-font-size, 12px);
  line-height: var(--a-dev-toolbar-line-height, 16px);
}
.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;
          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);
}
.u-RTL .apex-timeline-rule {
  left: unset;
  right: 100px;
}

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

/* Menu Styles
   ========================================================================== */
.a-DevToolbar-menu.a-Menu {
  --a-menu-padding-y: 8px;
  --a-menu-padding-x: 0px;
  --a-menu-font-size: 12px;
  --a-menu-font-weight: normal;
  --a-menu-line-height: 16px;
  --a-menu-text-color: var(--a-dev-toolbar-text-color, #fff);
  --a-menu-accel-font-size: var(--a-menu-font-size);
  --a-menu-accel-text-color: var(--a-dev-toolbar-text-color, #fff);
  --a-menu-background-color: var(--a-dev-toolbar-background-color, rgba(0, 0, 0, .5));
  --a-menu-border-radius: 2px;
  --a-menu-border-color: var(--a-dev-toolbar-sep-border-color);
  --a-menu-border-width: 1px;
  --a-menu-shadow: 0 8px 16px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.1);
  --a-menu-item-height: 32px;
  --a-menu-default-text-color: var(--a-menu-text-color);
  --a-menu-focused-background-color: var(--a-dev-toolbar-button-active-background-color, rgba(0, 0, 0, .75));
  --a-menu-focused-text-color: var(--a-menu-text-color);
  --a-menu-focused-accel-text-color: var(--a-menu-accel-text-color);
  --a-menu-disabled-focused-background-color: transparent;
  --a-menu-sep-border-color: var(--a-dev-toolbar-sep-border-color, rgba(0, 0, 0, .1));
  --a-menu-icon-size: 16px;
  --a-menu-icon-spacing-x: 8px;
  --a-menu-default-color: var(--a-menu-text-color);
  --a-dev-toolbar-background-color: #666;
  --a-dev-toolbar-button-background-color: #666;
  --a-dev-toolbar-auto-hide-opacity: 1;
  --a-dev-toolbar-backdrop-filter: none;
  --a-menu-callout-size: 16px;
  --a-menu-callout-border-radius: calc(var(--a-menu-border-radius) / 2);
  --a-menu-callout-shadow: 0 0 24px -10px rgba(0, 0, 0, 0.3);
}
.a-DevToolbar-menu.a-Menu .a-Menu-content {
  color: var(--a-menu-text-color);
  background-color: var(--a-menu-background-color);
}
.a-DevToolbar-menu.a-Menu .a-Menu-item {
  background-color: var(--a-menu-background-color);
  color: var(--a-menu-default-text-color, var(--a-menu-text-color));
}
.a-DevToolbar-menu.a-Menu .a-Menu-item:hover,
.a-DevToolbar-menu.a-Menu .a-Menu-item.is-expanded,
.a-DevToolbar-menu.a-Menu .a-Menu-item.is-focused {
  background-color: var(--a-menu-focused-background-color);
  color: var(--a-menu-focused-text-color);
}
.a-DevToolbar-menu.a-Menu .a-Menu-item:hover &gt; .a-Menu-inner .a-Menu-statusCol, .a-DevToolbar-menu.a-Menu .a-Menu-item:hover &gt; .a-Menu-inner .a-Menu-accel,
.a-DevToolbar-menu.a-Menu .a-Menu-item.is-expanded &gt; .a-Menu-inner .a-Menu-statusCol,
.a-DevToolbar-menu.a-Menu .a-Menu-item.is-expanded &gt; .a-Menu-inner .a-Menu-accel,
.a-DevToolbar-menu.a-Menu .a-Menu-item.is-focused &gt; .a-Menu-inner .a-Menu-statusCol,
.a-DevToolbar-menu.a-Menu .a-Menu-item.is-focused &gt; .a-Menu-inner .a-Menu-accel {
  color: var(--a-menu-accel-text-color);
}

/* Enviornment Dev Toolbar Styles
   ========================================================================== */
.a-DevToolbar span.a-Button.a-Button--devToolbar {
  --a-dev-toolbar-button-icon-spacing: 0;
  --a-dev-toolbar-font-size: 10px;
  background-color: transparent !important;
  pointer-events: none;
}
.a-DevToolbar span.a-Button.a-Button--devToolbar .a-DevToolbar-buttonLabel {
  font-weight: 600;
  opacity: 0.6;
  text-transform: uppercase;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 120px;
}
.a-DevToolbar.a-DevToolbar--iconsOnly span.a-Button.a-Button--devToolbar {
  display: none;
}

.a-DevToolbar--accent-1 {
  --a-dev-toolbar-background-color: #47423e;
}
.a-DevToolbar--accent-2 {
  --a-dev-toolbar-background-color: #62371F;
}
.a-DevToolbar--accent-3 {
  --a-dev-toolbar-background-color: #2C4A35;
}
.a-DevToolbar--accent-4 {
  --a-dev-toolbar-background-color: #2B484B;
}
.a-DevToolbar--accent-5 {
  --a-dev-toolbar-background-color: #264759;
}
.a-DevToolbar--accent-6 {
  --a-dev-toolbar-background-color: #2C4752;
}
.a-DevToolbar--accent-7 {
  --a-dev-toolbar-background-color: #3C425B;
}
.a-DevToolbar--accent-8 {
  --a-dev-toolbar-background-color: #4D3C57;
}
.a-DevToolbar--accent-9 {
  --a-dev-toolbar-background-color: #5F363F;
}
.a-DevToolbar--accent-10 {
  --a-dev-toolbar-background-color: #3C4545;
}
.a-DevToolbar--accent-11 {
  --a-dev-toolbar-background-color: #3f4248;
}
.a-DevToolbar--accent-12 {
  --a-dev-toolbar-background-color: #464237;
}
.a-DevToolbar--accent-13 {
  --a-dev-toolbar-background-color: #06485f;
}
.a-DevToolbar--accent-14 {
  --a-dev-toolbar-background-color: #7c2216;
}
.a-DevToolbar--accent-15 {
  --a-dev-toolbar-background-color: #633807;
}
.a-DevToolbar--accent-16 {
  --a-dev-toolbar-background-color: #2e4914;
}

/* Accessibility Overlays
   ========================================================================== */
.a-LandmarkOverlay {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  border: 3px solid;
  border-width: 3px;
  border-style: solid;
  border-color: var(--a-dev-landmarkoverlay-color, var(--a-palette-primary, #0572CE));
  color: var(--a-dev-landmarkoverlay-text-color, #fff);
  pointer-events: none;
  z-index: 899;
  font-size: 13px;
  line-height: 16px;
}

.a-LandmarkOverlay-role,
.a-LandmarkOverlay-label {
  float: right;
  padding: 2px 4px;
  background-color: var(--a-dev-landmarkoverlay-color, var(--a-palette-primary, #0572CE));
}

.a-LandmarkOverlay-role {
  font-weight: var(--a-base-font-weight-bold, 700);
}

.a-LandmarkOverlay--banner {
  --a-dev-landmarkoverlay-color: #212121;
}

.a-LandmarkOverlay--complementary {
  --a-dev-landmarkoverlay-color: #112e51;
}

.a-LandmarkOverlay--contentinfo {
  --a-dev-landmarkoverlay-color: #0071bc;
}

.a-LandmarkOverlay--form {
  --a-dev-landmarkoverlay-color: #cd2026;
}

.a-LandmarkOverlay--main {
  --a-dev-landmarkoverlay-color: #e31c3d;
}

.a-LandmarkOverlay--navigation {
  --a-dev-landmarkoverlay-color: #2e8540;
}

.a-LandmarkOverlay--region {
  --a-dev-landmarkoverlay-color: #205493;
}

.a-LandmarkOverlay--search {
  --a-dev-landmarkoverlay-color: #323a45;
}

.a-HeadingOverlay {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  border: 3px solid;
  border-width: 3px;
  border-style: solid;
  border-color: var(--a-dev-headingoverlay-color, var(--a-palette-primary, #0572CE));
  color: var(--a-dev-headingoverlay-text-color, #fff);
  pointer-events: none;
  z-index: 900;
  font-size: 13px;
  line-height: 16px;
  min-height: 24px;
}

.a-HeadingOverlay-label {
  float: right;
  padding: 2px 4px;
  background-color: var(--a-dev-headingoverlay-color, var(--a-palette-primary, #0572CE));
}

.a-HeadingOverlay--H1 {
  --a-dev-headingoverlay-color: #003b49;
}

.a-HeadingOverlay--H2 {
  --a-dev-headingoverlay-color: #1d4289;
}

.a-HeadingOverlay--H3 {
  --a-dev-headingoverlay-color: #d3273e;
}

.a-HeadingOverlay--H4 {
  --a-dev-headingoverlay-color: #5d3754;
}

.a-HeadingOverlay--H5 {
  --a-dev-headingoverlay-color: #007a78;
}

.a-HeadingOverlay--H6 {
  --a-dev-headingoverlay-color: #1b365d;
}

/* ==========================================================================
   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 {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}

.ui-dialog.ui-dialog--apex {
  --jui-dialog-content-padding-y: 0px;
  --jui-dialog-content-padding-x: 0px;
  overflow: hidden;
}
.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;
}
.ui-dialog.ui-dialog--notification .ui-dialog-content,
.ui-dialog.ui-dialog--notificationLarge .ui-dialog-content {
  min-height: auto;
  -webkit-padding-before: 0;
          padding-block-start: 0;
}
.ui-dialog.ui-dialog--notification .ui-dialog-content p:first-child,
.ui-dialog.ui-dialog--notificationLarge .ui-dialog-content p:first-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.ui-dialog.ui-dialog--notification .ui-dialog-content p:last-child,
.ui-dialog.ui-dialog--notificationLarge .ui-dialog-content p:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 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: var(--a-base-font-family-mono, monospace);
  white-space: pre-wrap;
  font-size: 11px;
  line-height: 14px;
}

/* Modern Dialog
   ========================================================================== */
.ui-dialog.ui-dialog--modern .ui-dialog-titlebar {
  border: none;
  background-color: transparent;
  padding: 0;
  height: var(--a-dialog-move-handle-height, 12px);
  width: 100%;
  position: absolute;
  z-index: 1;
}
.ui-dialog.ui-dialog--modern .ui-dialog-content {
  height: auto !important;
  padding-top: var(--jui-dialog-content-padding-y, 12px);
}

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

/* ==========================================================================
   Faceted Search Styles
   ========================================================================== */
/* Filters Container
   This is rendered once per Filter region type
   ========================================================================== */
.a-FS--facets,
.a-FS-currentList {
  transition: var(--a-fs-transition-delay, opacity 0.15s ease);
  transition-delay: var(--a-fs-transition-delay, 0.25s);
}
@media (prefers-reduced-motion: reduce) {
  .a-FS--facets,
.a-FS-currentList {
    transition: none;
  }
}

/* Filters Control Wrapper
   This is rendered once per filter control
   ========================================================================== */
/* ==========================================================================
   1. Header
   ========================================================================== */
.a-FS-header {
  display: flex;
  align-items: center;
  gap: var(--a-fs-header-item-spacing, var(--a-fs-toggle-spacing-x, 8px));
}

/* Filter Label */
.a-FS-label {
  gap: var(--a-fs-header-label-spacing, var(--a-fs-toggle-spacing-x, 8px));
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  align-items: center;
  min-inline-size: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Toggle Filter (Expand / Collapse filter control)
   ========================================================================== */
.a-FS-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: block;
  font-size: var(--a-fs-toggle-font-size, 16px);
  line-height: var(--a-fs-toggle-line-height, 16px);
  -webkit-padding-before: calc(var(--a-fs-toggle-padding-y, 0) - var(--a-fs-toggle-border-width, 0));
          padding-block-start: calc(var(--a-fs-toggle-padding-y, 0) - var(--a-fs-toggle-border-width, 0));
  -webkit-padding-after: calc(var(--a-fs-toggle-padding-y, 0) - var(--a-fs-toggle-border-width, 0));
          padding-block-end: calc(var(--a-fs-toggle-padding-y, 0) - var(--a-fs-toggle-border-width, 0));
  -webkit-padding-start: calc(var(--a-fs-toggle-padding-x, 0) - var(--a-fs-toggle-border-width, 0));
          padding-inline-start: calc(var(--a-fs-toggle-padding-x, 0) - var(--a-fs-toggle-border-width, 0));
  -webkit-padding-end: calc(var(--a-fs-toggle-padding-x, 0) - var(--a-fs-toggle-border-width, 0));
          padding-inline-end: 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));
}

.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-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;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-padding-before: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  border-width: var(--a-button-border-width, 1px);
  border-style: solid;
  border-color: var(--a-button-border-color);
  border-radius: var(--a-button-border-radius, 2px);
  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, 12px);
  line-height: var(--a-button-line-height, 16px);
  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
   ========================================================================== */
/* Clear Filters control
     ========================================================================== */
.a-FS-control:not(.has-value) .a-FS-clearButton {
  display: none;
}

/* Show More Control
     ========================================================================== */
.a-FS-toggleOverflow {
  -webkit-margin-before: var(--a-button-gap-x, 8px);
          margin-block-start: 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: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.a-FS-currentList ul:empty {
  display: none;
}
.a-FS-currentList ul li {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.a-FS-itemOptionHighlight {
  font-weight: var(--a-fs-item-highlight-font-weight, var(--a-base-font-weight-bold, 700));
  color: var(--a-fs-item-highlight-text-color);
}

/* ==========================================================================
   2. Body
   ========================================================================== */
.a-FS-body {
  --a-field-input-flex-grow: 1;
}

/* Searching
   ========================================================================== */
.a-FS-search {
  display: flex;
  -webkit-padding-before: var(--a-fs-search-container-padding-y, 12px);
          padding-block-start: var(--a-fs-search-container-padding-y, 12px);
  -webkit-padding-after: var(--a-fs-search-container-padding-y, 12px);
          padding-block-end: var(--a-fs-search-container-padding-y, 12px);
  -webkit-padding-start: var(--a-fs-search-container-padding-x, 12px);
          padding-inline-start: var(--a-fs-search-container-padding-x, 12px);
  -webkit-padding-end: var(--a-fs-search-container-padding-x, 12px);
          padding-inline-end: var(--a-fs-search-container-padding-x, 12px);
  border-width: 0;
  border-block-end-width: var(--a-fs-search-container-border-width, 1px);
  border-style: solid;
  border-color: var(--a-fs-search-container-border-color, rgba(0, 0, 0, 0.1));
}

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

.a-FS-wrap.has-max-height {
  overflow: auto;
}

/* Batch Apply
   ========================================================================== */
.a-FS-apply {
  -webkit-padding-before: var(--a-fs-control-actions-padding-y, 12px);
          padding-block-start: var(--a-fs-control-actions-padding-y, 12px);
  -webkit-padding-start: var(--a-fs-control-actions-padding-x, 0);
          padding-inline-start: var(--a-fs-control-actions-padding-x, 0);
  -webkit-padding-end: var(--a-fs-control-actions-padding-x, 0);
          padding-inline-end: var(--a-fs-control-actions-padding-x, 0);
  text-align: center;
}
.a-FS-apply .a-Button {
  inline-size: 100%;
}

/* ==========================================================================
   Faceted Search
   ========================================================================== */
.a-FS--facets .a-FS-control + .a-FS-control {
  border-block-start-width: var(--a-fs-control-seperator-border-width, 1px);
  border-block-start-style: solid;
  border-block-start-color: var(--a-fs-control-seperator-border-color, rgba(0, 0, 0, 0.1));
}
.a-FS--facets .a-FS-header {
  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);
  -webkit-padding-before: var(--a-fs-control-header-padding-y, 12px);
          padding-block-start: var(--a-fs-control-header-padding-y, 12px);
  -webkit-padding-after: var(--a-fs-control-header-padding-y, 12px);
          padding-block-end: var(--a-fs-control-header-padding-y, 12px);
  -webkit-padding-start: var(--a-fs-control-header-padding-x, 12px);
          padding-inline-start: var(--a-fs-control-header-padding-x, 12px);
  -webkit-padding-end: var(--a-fs-control-header-padding-x, 12px);
          padding-inline-end: var(--a-fs-control-header-padding-x, 12px);
}
.a-FS--facets .a-FS-body {
  -webkit-padding-after: var(--a-fs-control-body-padding-y, 12px);
          padding-block-end: var(--a-fs-control-body-padding-y, 12px);
  -webkit-padding-start: var(--a-fs-control-body-padding-x, 12px);
          padding-inline-start: var(--a-fs-control-body-padding-x, 12px);
  -webkit-padding-end: var(--a-fs-control-body-padding-x, 12px);
          padding-inline-end: var(--a-fs-control-body-padding-x, 12px);
}
.a-FS--facets .a-FS-body .apex-item-group--rc {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  align-items: flex-start;
}
.a-FS--facets .a-FS-body .apex-item-subgroup {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  align-items: flex-start;
}
.a-FS--facets .a-FS-body .apex-group-label {
  align-self: stretch;
  -webkit-margin-after: 4px;
          margin-block-end: 4px;
}
.a-FS--facets .a-FS-currentList {
  padding: var(--a-fs-filter-group-padding-y, 12px) var(--a-fs-filter-group-padding-x, 12px);
  border-block-end-width: var(--a-fs-filter-group-border-width, 1px);
  border-block-end-style: solid;
  border-block-end-color: var(--a-fs-filter-group-border-color, rgba(0, 0, 0, 0.1));
}
.a-FS--facets .a-FS-currentList ul {
  flex-direction: column;
}
.a-FS--facets .a-FS-currentList .a-FS-currentItem:not(:last-child) {
  -webkit-margin-after: 2px;
          margin-block-end: 2px;
}
.a-FS--facets .a-FS-currentList .a-FS-currentItem--all {
  margin: 0;
  -webkit-margin-before: 4px;
          margin-block-start: 4px;
  text-align: end;
}

.a-FS-currentItem {
  display: flex;
  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.1 Searching and Filtering
   ========================================================================== */
.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 {
  -webkit-padding-start: 0;
          padding-inline-start: 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;
}

/* ==========================================================================
   3. Filter List, Items and Types (checkboxes, radios, ratings, ranges, etc)
   ========================================================================== */
/* Filter Items
   ========================================================================== */
.a-FS .apex-item-subgroup:not(:last-child) {
  margin-bottom: var(--a-fs-item-sub-group-spacing, 8px);
}

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

.a-FS .apex-item-option-badge {
  -webkit-margin-start: var(--a-button-icon-spacing, 4px);
          margin-inline-start: var(--a-button-icon-spacing, 4px);
  opacity: var(--a-fs-control-item-badge-opacity, 0.7);
}
.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-FS-facetPopupContent .apex-item-option {
  outline: none;
  cursor: var(--a-button-cursor, pointer);
}
.a-FS .apex-item-option:focus input + label:before,
.a-FS-facetPopupContent .apex-item-option:focus input + label:before {
  outline: 1px auto Highlight;
  outline: 1px auto -webkit-focus-ring-color;
}
.a-FS .apex-item-option label,
.a-FS-facetPopupContent .apex-item-option label {
  pointer-events: none;
}
.a-FS .apex-item-option .a-Icon + .label,
.a-FS-facetPopupContent .apex-item-option .a-Icon + .label {
  -webkit-margin-start: var(--a-button-icon-spacing, 4px);
          margin-inline-start: var(--a-button-icon-spacing, 4px);
}

/* Filter Range &amp; Input
   ========================================================================== */
.a-FS-range,
.a-FS-input {
  display: flex;
  align-items: center;
  -webkit-margin-before: var(--a-fs-control-item-spacing, 12px);
          margin-block-start: var(--a-fs-control-item-spacing, 12px);
  font-size: var(--a-fs-control-item-font-size, var(--a-field-input-font-size, 12px));
}
.a-FS-range .a-Button,
.a-FS-input .a-Button {
  -webkit-margin-start: var(--a-button-gap-x, 8px);
          margin-inline-start: var(--a-button-gap-x, 8px);
}
.a-FS-range .apex-item-text,
.a-FS-input .apex-item-text {
  max-inline-size: var(--a-fs-control-input-max-width);
}

.a-FS-range .apex-item-text {
  --a-fs-control-input-max-width: var(--a-fs-range-control-input-max-width, 100px);
}

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

.a-FS-rangeSuffix,
.a-FS-inputSuffix {
  -webkit-margin-start: 2px;
          margin-inline-start: 2px;
}

.a-FS-rangeTo {
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}

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

/* Disabled Class
   ========================================================================== */
.a-FS.is-disabled,
.a-FS-currentList.is-disabled {
  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;
          hyphens: auto;
  margin: var(--a-fs-clear-margin, 1px);
  display: inline-flex;
  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;
          user-select: none;
  vertical-align: top;
  white-space: nowrap;
  -webkit-padding-before: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  border-width: var(--a-button-border-width, 1px);
  border-style: solid;
  border-color: var(--a-button-border-color);
  border-radius: var(--a-button-border-radius, 2px);
  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, 12px);
  line-height: var(--a-button-line-height, 16px);
  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: var(--a-fs-clear-remove-icon-size, 16px);
  padding: var(--a-fs-clear-remove-padding, 1px);
  -webkit-margin-start: calc(var(--a-button-padding-x, 8px) - var(--a-button-border-width, 0));
          margin-inline-start: calc(var(--a-button-padding-x, 8px) - var(--a-button-border-width, 0));
  -webkit-margin-end: calc((var(--a-button-padding-x, 8px) / 2 - var(--a-button-border-width, 0)) * -1);
          margin-inline-end: calc((var(--a-button-padding-x, 8px) / 2 - var(--a-button-border-width, 0)) * -1);
  border-radius: calc(var(--a-button-border-radius, 2px) - 1px);
}
.a-FS-clear .a-Icon.icon-multi-remove:before {
  --a-icon-size: calc(var(--a-icon-size) - var(--a-fs-clear-remove-padding, 1px) - var(--a-fs-clear-remove-padding, 1px));
  vertical-align: top;
}

/* ==========================================================================
   Facet Charts
   ========================================================================== */
.a-FS-facetChart {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border-width: var(--a-fs-chart-border-width, 1px);
  border-style: solid;
  border-color: var(--a-fs-chart-border-color);
  background-color: var(--a-fs-chart-background-color);
  box-shadow: var(--a-fs-chart-shadow);
  border-radius: var(--a-fs-chart-border-radius, 0);
}
.a-FS-facetChart .oj-chart {
  position: relative;
  min-block-size: 0;
  flex-grow: 1;
}
.a-FS-facetChart .oj-chart svg {
  min-block-size: var(--a-fs-chart-height, 220px);
}

.a-FS-facetChart-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-padding-start: var(--jui-dialog-titlebar-padding-x, 16px);
          padding-inline-start: var(--jui-dialog-titlebar-padding-x, 16px);
  -webkit-padding-end: var(--jui-dialog-titlebar-padding-x, 16px);
          padding-inline-end: var(--jui-dialog-titlebar-padding-x, 16px);
  -webkit-padding-before: var(--jui-dialog-titlebar-padding-y, 12px);
          padding-block-start: var(--jui-dialog-titlebar-padding-y, 12px);
  -webkit-padding-after: var(--jui-dialog-titlebar-padding-y, 12px);
          padding-block-end: var(--jui-dialog-titlebar-padding-y, 12px);
  background-color: var(--jui-dialog-titlebar-background-color);
  color: var(--jui-dialog-titlebar-text-color);
  border-bottom-width: var(--jui-dialog-titlebar-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--jui-dialog-titlebar-border-color);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  min-block-size: 0;
}

.a-FS-facetChart-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--jui-dialog-title-font-weight, var(--a-base-font-weight-semibold, 500));
  font-size: var(--jui-dialog-title-font-size, 16px);
  line-height: var(--jui-dialog-title-line-height, 24px);
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  margin: 0;
}

.a-FS-facetChart-controls {
  -webkit-margin-start: var(--jui-dialog-titlebar-padding-x, 16px);
          margin-inline-start: var(--jui-dialog-titlebar-padding-x, 16px);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  white-space: nowrap;
}

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

.a-FS-facetChart-body {
  flex-grow: 1;
  -webkit-padding-start: var(--a-fs-chart-padding-x, 16px);
          padding-inline-start: var(--a-fs-chart-padding-x, 16px);
  -webkit-padding-end: var(--a-fs-chart-padding-x, 16px);
          padding-inline-end: var(--a-fs-chart-padding-x, 16px);
  -webkit-padding-before: var(--a-fs-chart-padding-y, 16px);
          padding-block-start: var(--a-fs-chart-padding-y, 16px);
  -webkit-padding-after: var(--a-fs-chart-padding-y, 16px);
          padding-block-end: var(--a-fs-chart-padding-y, 16px);
}

.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: flex;
  flex-direction: column;
  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, 4px);
  border-top-right-radius: var(--jui-dialog-border-radius, 4px);
}
.ui-dialog--popup .a-FS-removeChart {
  display: inline-block;
}

.a-FS-moreFacets {
  -webkit-padding-before: var(--a-fs-control-body-padding-y, 12px);
          padding-block-start: var(--a-fs-control-body-padding-y, 12px);
  -webkit-padding-after: var(--a-fs-control-body-padding-y, 12px);
          padding-block-end: var(--a-fs-control-body-padding-y, 12px);
  -webkit-padding-start: var(--a-fs-control-body-padding-x, 12px);
          padding-inline-start: var(--a-fs-control-body-padding-x, 12px);
  -webkit-padding-end: var(--a-fs-control-body-padding-x, 12px);
          padding-inline-end: var(--a-fs-control-body-padding-x, 12px);
}
.a-FS-moreFacets, .a-FS-moreFacets--top {
  border-bottom-width: var(--a-fs-control-seperator-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--a-fs-control-seperator-border-color, rgba(0, 0, 0, 0.1));
}
.a-FS-moreFacets--bottom {
  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));
}

.a-FS-configPopup {
  --jui-dialog-content-padding-y: var(--a-fs-config-popup-padding-y, 8px);
  --jui-dialog-content-padding-x: var(--a-fs-config-popup-padding-x, 8px);
}

/* ==========================================================================
   File Drop Styles
   ========================================================================== */
.apex-item-group--file-browse,
.apex-item-group--file-block,
.apex-item-group--file-inline {
  position: relative;
  display: flex;
  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);
}
.u-RTL .apex-item-group--file-browse .apex-item-file,
.u-RTL .apex-item-group--file-block .apex-item-file,
.u-RTL .apex-item-group--file-inline .apex-item-file {
  left: unset;
  right: 0;
}

.apex-item-filedrop {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  cursor: var(--a-filedrop-cursor, pointer);
  -webkit-padding-before: var(--a-filedrop-padding-y, 16px);
          padding-block-start: var(--a-filedrop-padding-y, 16px);
  -webkit-padding-after: var(--a-filedrop-padding-y, 16px);
          padding-block-end: var(--a-filedrop-padding-y, 16px);
  -webkit-padding-start: var(--a-filedrop-padding-x, 16px);
          padding-inline-start: var(--a-filedrop-padding-x, 16px);
  -webkit-padding-end: var(--a-filedrop-padding-x, 16px);
          padding-inline-end: var(--a-filedrop-padding-x, 16px);
  border-width: var(--a-filedrop-border-width, 1px);
  border-style: var(--a-filedrop-border-style, solid);
  border-radius: var(--a-filedrop-border-radius, 2px);
  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)));
  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, 32px);
  text-align: center;
  color: var(--a-filedrop-icon-color);
  transition: var(--a-filedrop-progress-transition, opacity 0.15s ease);
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  padding: var(--a-filedrop-item-spacing, 4px);
  -webkit-margin-after: var(--a-filedrop-item-spacing, 4px);
          margin-block-end: var(--a-filedrop-item-spacing, 4px);
}
.apex-item-filedrop-icon .a-Icon:before {
  content: var(--a-filedrop-icon-character, '\e13f') !important;
}

.apex-item-filedrop-body {
  transition: var(--a-filedrop-progress-transition, opacity 0.15s ease);
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: center;
  font-size: var(--a-filedrop-font-size, 14px);
  line-height: var(--a-filedrop-line-height, 16px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-inline-size: 100%;
}

.apex-item-filedrop-heading {
  font-size: var(--a-filedrop-heading-font-size, 20px);
  font-weight: var(--a-filedrop-heading-font-weight, var(--a-base-font-weight-bold, 700));
  line-height: var(--a-filedrop-heading-line-height, 28px);
  color: var(--a-filedrop-heading-text-color);
}

.apex-item-filedrop-description,
.apex-item-filedrop-filename {
  max-inline-size: 100%;
  -webkit-margin-before: var(--a-filedrop-item-spacing, 4px);
          margin-block-start: var(--a-filedrop-item-spacing, 4px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apex-item-filedrop-description:empty,
.apex-item-filedrop-filename:empty {
  display: none;
}

.apex-item-filedrop-action {
  -webkit-margin-before: calc(var(--a-filedrop-item-spacing, 4px) * 2);
          margin-block-start: calc(var(--a-filedrop-item-spacing, 4px) * 2);
}
.apex-item-filedrop-action:empty {
  display: none;
}

.apex-item-filedrop-progress {
  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, 240px);
  background-color: var(--a-filedrop-progress-background-color);
  border-radius: var(--a-filedrop-progress-border-radius, 6px);
  position: relative;
  height: var(--a-filedrop-progress-height, 12px);
}
.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, 6px);
  height: var(--a-filedrop-progress-height, 12px);
  width: var(--a-filedrop-progress-bar-width, 48px);
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.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, blur(2px));
          backdrop-filter: var(--a-filedrop-progress-backdrop-filter, blur(2px));
}
.apex-item-filedrop.is-loading .apex-item-filedrop-progressbar:before {
  -webkit-animation-name: KnightRider;
          animation-name: KnightRider;
}

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

@keyframes KnightRider {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(var(--a-filedrop-progress-width, 240px) - var(--a-filedrop-progress-bar-width, 48px)));
  }
}
.apex-item-group--file-inline .apex-item-filedrop {
  flex-direction: row;
}
.apex-item-group--file-inline .apex-item-filedrop-icon {
  order: 2;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: calc(var(--a-filedrop-item-spacing, 4px) * 4);
          margin-inline-start: calc(var(--a-filedrop-item-spacing, 4px) * 4);
  justify-content: space-between;
}
.apex-item-group--file-inline .apex-item-filedrop-body {
  order: 1;
  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 {
  flex-direction: row;
  height: auto;
}
.apex-item-group--file-browse .apex-item-filedrop-icon {
  order: 2;
  margin: 0;
  -webkit-padding-before: calc(var(--a-button-padding-y, 8px) - var(--a-filedrop-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 8px) - var(--a-filedrop-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 8px) - var(--a-filedrop-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 8px) - var(--a-filedrop-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 12px) - var(--a-filedrop-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 12px) - var(--a-filedrop-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 12px) - var(--a-filedrop-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 12px) - var(--a-filedrop-border-width, 1px));
  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)));
  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 {
  order: 1;
  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 {
  -webkit-margin-before: 0;
          margin-block-start: 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: flex;
  clear: both;
}
/**
 * Label and Input Containers
 */
.u-Form-labelContainer,
.u-Form-inputContainer {
  -webkit-padding-before: var(--a-form-container-padding-y, 4px);
          padding-block-start: var(--a-form-container-padding-y, 4px);
  -webkit-padding-after: var(--a-form-container-padding-y, 4px);
          padding-block-end: var(--a-form-container-padding-y, 4px);
  -webkit-padding-start: var(--a-form-container-padding-x, 8px);
          padding-inline-start: var(--a-form-container-padding-x, 8px);
  -webkit-padding-end: var(--a-form-container-padding-x, 8px);
          padding-inline-end: var(--a-form-container-padding-x, 8px);
}

.u-Form-labelContainer {
  width: var(--a-form-label-container-width, 30%);
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
}

.u-Form-inputContainer {
  width: var(--a-form-input-container-width, 70%);
  flex-grow: 1;
  flex-basis: auto;
  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;
  -webkit-margin-start: 4px;
          margin-inline-start: 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, 16px) + var(--a-field-input-padding-y, 4px) * 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;
  -webkit-padding-before: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-start: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-after: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-end: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px) + var(--a-item-icon-offset, 0px));
          padding-inline-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px) + var(--a-item-icon-offset, 0px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  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, 400);
  color: var(--a-field-input-text-color);
  background-color: var(--a-field-input-background-color);
  border-radius: var(--a-field-input-border-radius, 2px);
  border-color: var(--a-field-input-border-color);
  border-width: var(--a-field-input-border-width, 1px);
  border-style: solid;
  box-shadow: var(--a-field-input-shadow, none);
}
.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])::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;
  -webkit-padding-end: var(--a-field-select-arrow-padding);
          padding-inline-end: var(--a-field-select-arrow-padding);
}
.u-RTL .u-Form-inputContainer select {
  background-position: left center;
}
.u-Form-inputContainer select[multiple] {
  background-image: none;
  -webkit-padding-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
}

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

.a-RV--editMode .u-Form-fieldContainer.is-required .u-Form-label:before {
  content: "\e058";
  font-family: "apex-5-icon-font" !important;
  color: var(--a-form-required-asterisk-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 {
  flex-direction: column;
}
.u-Form--labelsAbove .u-Form-labelContainer {
  -webkit-padding-after: 0;
          padding-block-end: 0;
}
.u-Form--labelsAbove .u-Form-inputContainer {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

/* Stretch Inputs
   ========================================================================== */
.u-Form-stretchInputs,
.u-Form--stretchInputs {
  --a-field-input-flex-grow: 1;
}
.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 {
  flex-grow: 1;
}

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

.apex-item-icon {
  float: left;
  padding: var(--a-icon-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, 10px);
}
.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));
}

.apex-item-group--textarea {
  flex-grow: var(--a-field-input-flex-grow);
}

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

/* Color Picker
   ========================================================================== */
a-color-picker,
.apex-item-group--color-picker {
  --a-item-icon-offset: calc(var(--a-icon-size, 16px) + var(--a-icon-padding, 4px));
  position: relative;
  flex-grow: var(--a-field-input-flex-grow);
  display: flex;
}

.apex-item-color-picker-preview {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  display: block;
  box-shadow: inset 0 0 0 1px var(--a-colorpicker-preview-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, 0.15)));
  z-index: 2;
}
.apex-item-color-picker-preview--noPreview {
  background-image: linear-gradient(45deg, transparent, transparent 48%, var(--a-colorpicker-preview-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, 0.15))) 48%, var(--a-colorpicker-preview-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, 0.15))) 52%, transparent 52%, transparent 100%);
}

/* Search
   ========================================================================== */
.apex-item-group--search {
  --a-field-input-flex-grow: 1;
  display: grid;
  align-items: center;
  align-self: center;
  min-inline-size: 0;
  flex-grow: 1;
  grid-template-areas: "search";
  position: relative;
}
.apex-item-group--search .apex-item-text {
  grid-area: search;
  align-self: stretch;
}
.apex-item-group--search .apex-item-icon.icon-search {
  align-self: center;
  grid-area: search;
  z-index: 1;
  justify-self: flex-start;
  margin: 0;
  position: relative;
  -webkit-padding-before: var(--ut-field-input-icon-padding-y, var(--a-field-input-icon-padding-y, 4px));
          padding-block-start: var(--ut-field-input-icon-padding-y, var(--a-field-input-icon-padding-y, 4px));
  -webkit-padding-after: var(--ut-field-input-icon-padding-y, var(--a-field-input-icon-padding-y, 4px));
          padding-block-end: var(--ut-field-input-icon-padding-y, var(--a-field-input-icon-padding-y, 4px));
  -webkit-padding-start: var(--ut-field-input-icon-padding-x, var(--a-field-input-icon-padding-x, 4px));
          padding-inline-start: var(--ut-field-input-icon-padding-x, var(--a-field-input-icon-padding-x, 4px));
  -webkit-padding-end: var(--ut-field-input-icon-padding-x, var(--a-field-input-icon-padding-x, 4px));
          padding-inline-end: var(--ut-field-input-icon-padding-x, var(--a-field-input-icon-padding-x, 4px));
  float: none;
  order: 2;
  color: var(--ut-field-input-icon-color);
  width: unset;
  height: unset;
  left: unset;
}
.apex-item-group--search .a-FS-search-clear {
  align-self: center;
  grid-area: search;
  z-index: 1;
  justify-self: flex-end;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-padding-start: var(--ut-field-input-icon-padding-x, var(--a-field-input-icon-padding-x, 4px));
          padding-inline-start: var(--ut-field-input-icon-padding-x, var(--a-field-input-icon-padding-x, 4px));
  -webkit-padding-end: var(--ut-field-input-icon-padding-x, var(--a-field-input-icon-padding-x, 4px));
          padding-inline-end: var(--ut-field-input-icon-padding-x, var(--a-field-input-icon-padding-x, 4px));
}
.apex-item-group--search .apex-item-text:-moz-placeholder-shown + .a-FS-search-clear {
  display: none;
}
.apex-item-group--search .apex-item-text:placeholder-shown + .a-FS-search-clear {
  display: none;
}

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

.apex-col {
  position: relative;
  width: 100%;
  min-height: 1px;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.apex-col-12 {
  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, 12px);
  line-height: var(--a-gv-line-height, 16px);
}

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

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

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

.a-GV-altMessage-icon .a-Icon,
.a-TMV-altMessage-icon .a-Icon {
  --a-icon-size: var(--a-gv-nodata-message-icon-size, 32px);
  color: var(--a-gv-nodata-message-icon-color);
  -webkit-margin-after: var(--a-gv-nodata-message-icon-spacing, 12px);
          margin-block-end: var(--a-gv-nodata-message-icon-spacing, 12px);
}

.a-GV-altMessage-text,
.a-TMV-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;
}

.a-GV .a-GV-w-scroll,
.a-GV .a-GV-w-hdr {
  scroll-padding-inline-start: var(--a-gv-scroll-pad-start, 0);
}

/*
 * 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, 1px);
  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, 1px);
  border-top-style: solid;
  border-top-color: transparent;
}

.a-GV-hdr--fixed:after {
  content: "";
  position: absolute;
  height: 8px;
  top: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
  width: 100%;
  left: 0;
  z-index: 101;
  pointer-events: none;
}
.u-RTL .a-GV-hdr--fixed:after {
  left: unset;
  right: 0;
}

.a-GV-w-frozen .a-GV-table {
  width: auto;
  border-right-width: var(--a-gv-cell-frozen-border-width, 3px);
  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, 3px);
  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: separate;
  border-spacing: 0;
  border-style: hidden;
  table-layout: fixed;
  width: 100%;
  box-shadow: 0 0 0 var(--a-gv-cell-border-width, 1px) var(--a-gv-cell-border-color);
}

.a-GV-table th {
  font-weight: normal;
  font-size: var(--a-gv-header-cell-font-size);
  line-height: var(--a-gv-header-cell-line-height);
}
.a-GV-table th.a-GV-header, .a-GV-table th.a-GV-headerGroup {
  font-weight: var(--a-gv-header-cell-font-weight, var(--a-base-font-weight-bold, 700));
}

.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, var(--a-base-font-weight-bold, 700));
  height: var(--a-gv-header-cell-height, 40px);
  border-width: var(--a-gv-header-cell-border-width, 1px);
  border-style: solid;
  border-color: var(--a-gv-header-cell-border-color);
  -webkit-padding-start: var(--a-gv-header-cell-padding-x, 8px);
          padding-inline-start: var(--a-gv-header-cell-padding-x, 8px);
  -webkit-padding-end: var(--a-gv-header-cell-padding-x, 8px);
          padding-inline-end: var(--a-gv-header-cell-padding-x, 8px);
  -webkit-padding-before: var(--a-gv-header-cell-padding-y, 4px);
          padding-block-start: var(--a-gv-header-cell-padding-y, 4px);
  -webkit-padding-after: var(--a-gv-header-cell-padding-y, 4px);
          padding-block-end: var(--a-gv-header-cell-padding-y, 4px);
  background-color: var(--a-gv-header-background-color);
  color: var(--a-gv-header-text-color);
}

.a-GV-cell {
  position: relative;
  height: var(--a-gv-cell-height, 32px);
  -webkit-padding-start: var(--a-gv-cell-padding-x, 8px);
          padding-inline-start: var(--a-gv-cell-padding-x, 8px);
  -webkit-padding-end: var(--a-gv-cell-padding-x, 8px);
          padding-inline-end: var(--a-gv-cell-padding-x, 8px);
  -webkit-padding-before: var(--a-gv-cell-padding-y, 4px);
          padding-block-start: var(--a-gv-cell-padding-y, 4px);
  -webkit-padding-after: var(--a-gv-cell-padding-y, 4px);
          padding-block-end: var(--a-gv-cell-padding-y, 4px);
  border-width: var(--a-gv-cell-border-width, 1px);
  border-style: solid;
  border-color: var(--a-gv-cell-border-color);
  background-color: var(--a-gv-background-color);
  color: var(--a-gv-text-color);
  border-top-width: 0;
  border-left-width: 0;
}
.u-RTL .a-GV-cell {
  border-right-width: 0;
  border-left-width: var(--a-gv-cell-border-width, 1px);
}

.a-GV-selHeader,
.a-GV-table th.a-GV-selHeader {
  overflow: unset;
  text-overflow: unset;
}

.a-GV-selHeader .u-selector {
  display: inline-block;
}
.a-GV-selHeader .u-selector + .a-GV-rowLabel:not(:empty) {
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}

.a-GV-controlBreakHeader {
  border-style: solid;
  border-top-width: 0;
  border-bottom-width: var(--a-gv-cell-border-width, 1px);
  border-right-width: var(--a-gv-cell-border-width, 1px);
  border-left-width: 0;
}
.u-RTL .a-GV-controlBreakHeader {
  border-left-width: var(--a-gv-cell-border-width, 1px);
  border-right-width: 0;
}
.a-GV-controlBreakHeader.a-GV-frozen {
  border-right-width: var(--a-gv-frozen-last-border-width, 4px);
  overflow: visible;
  border-right-style: hidden;
}
.u-RTL .a-GV-controlBreakHeader.a-GV-frozen {
  border-left-width: var(--a-gv-frozen-last-border-width, 4px);
  border-right-width: 0;
  border-right-style: solid;
  border-left-style: hidden;
}

.a-GV-table tr.is-selected {
  --a-gv-background-color: var(--a-gv-selected-background-color, var(--a-palette-primary-shade, #ecf3ff));
  --a-gv-text-color: var(--a-gv-selected-text-color);
}

.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;
}
.u-RTL .a-GV-cell.is-changed:not(.is-active):before,
.u-RTL .a-GV-row.is-updated .a-GV-selHeader:before,
.u-RTL .a-GV--editMode .a-GV-header.is-required:before {
  right: unset;
  left: 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
   ========================================================================== */
.a-GV-row.is-updated .a-GV-cell {
  background-color: var(--a-gv-updated-background-color, #F3F8FD);
}

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

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

/* Row Inserted
   ========================================================================== */
.a-GV-row.is-inserted .a-GV-cell {
  background-color: var(--a-gv-inserted-background-color, #EDFBF0);
}

/* Row Deleted
   ========================================================================== */
.a-GV-row.is-deleted .a-GV-cell:not(.is-error) {
  text-decoration: line-through;
  opacity: 1 !important;
  position: relative;
  --a-gv-background-color: var(--a-gv-deleted-background-color, #F9F9F9);
}
.a-GV-row.is-deleted .a-GV-cell:not(.is-error):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: var(--a-gv-deleted-opacity, 0.5);
  background-color: var(--a-gv-background-color);
  pointer-events: none;
}

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

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

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

/* Cell Warning State */
.a-GV-cell.is-warning:not(.is-active),
.a-GV-cell.is-error:not(.is-active) {
  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;
  border-top-width: 0;
  border-left-width: 0;
}
.u-RTL .a-GV-header {
  border-right-width: 0;
  border-left-width: var(--a-gv-header-cell-border-width, 1px);
}

.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: var(--a-base-font-weight-bold, 700);
}

.a-GV-header-sort {
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
  opacity: 0.8;
  display: inline-block;
  vertical-align: top;
}
.a-GV-header:hover .a-GV-header-sort {
  opacity: 0.3;
}

.a-GV-columnControls {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 4px 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.u-RTL .a-GV-columnControls {
  right: unset;
  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: end;
  display: inline-block;
  width: 50%;
}

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

.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;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  vertical-align: top;
}

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

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

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

/* Footer
   ========================================================================== */
.a-GV-footer {
  background-color: var(--a-gv-footer-background-color, #fff);
  -webkit-padding-before: var(--a-gv-footer-padding-y, 8px);
          padding-block-start: var(--a-gv-footer-padding-y, 8px);
  -webkit-padding-after: var(--a-gv-footer-padding-y, 8px);
          padding-block-end: var(--a-gv-footer-padding-y, 8px);
  -webkit-padding-start: var(--a-gv-footer-padding-x, 12px);
          padding-inline-start: var(--a-gv-footer-padding-x, 12px);
  -webkit-padding-end: var(--a-gv-footer-padding-x, 12px);
          padding-inline-end: var(--a-gv-footer-padding-x, 12px);
  border-top-width: var(--a-gv-footer-border-width, var(--a-gv-cell-border-width, 1px));
  border-top-style: solid;
  border-top-color: var(--a-gv-footer-border-color, var(--a-gv-cell-border-color));
  display: flex;
  align-items: center;
}

.a-GV-pagination,
.a-GV-status,
.a-GV-stateIcons {
  display: inline-flex;
}

.a-GV-stateIcons,
.a-TMV-stateIcons {
  -webkit-margin-end: calc(var(--a-gv-footer-padding-x, 12px) / 2);
          margin-inline-end: calc(var(--a-gv-footer-padding-x, 12px) / 2);
}
.a-GV-stateIcons:empty,
.a-TMV-stateIcons:empty {
  display: none;
}

/* Pagination
   ========================================================================== */
.a-GV-pagination {
  text-align: end;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  align-items: center;
}
.a-GV-pagination &gt; span:last-child .a-GV-pageRange {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

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

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

.a-GV-pageButton {
  display: inline-flex;
  align-items: center;
  -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;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-margin-start: calc(var(--a-gv-pagination-button-gap-x, 4px) / 2);
          margin-inline-start: calc(var(--a-gv-pagination-button-gap-x, 4px) / 2);
  -webkit-margin-end: calc(var(--a-gv-pagination-button-gap-x, 4px) / 2);
          margin-inline-end: calc(var(--a-gv-pagination-button-gap-x, 4px) / 2);
  -webkit-padding-before: calc(var(--a-gv-pagination-button-padding-y, 4px) - var(--a-gv-pagination-button-border-width, 0px));
          padding-block-start: calc(var(--a-gv-pagination-button-padding-y, 4px) - var(--a-gv-pagination-button-border-width, 0px));
  -webkit-padding-after: calc(var(--a-gv-pagination-button-padding-y, 4px) - var(--a-gv-pagination-button-border-width, 0px));
          padding-block-end: calc(var(--a-gv-pagination-button-padding-y, 4px) - var(--a-gv-pagination-button-border-width, 0px));
  -webkit-padding-start: calc(var(--a-gv-pagination-button-padding-x, 4px) - var(--a-gv-pagination-button-border-width, 0px));
          padding-inline-start: calc(var(--a-gv-pagination-button-padding-x, 4px) - var(--a-gv-pagination-button-border-width, 0px));
  -webkit-padding-end: calc(var(--a-gv-pagination-button-padding-x, 4px) - var(--a-gv-pagination-button-border-width, 0px));
          padding-inline-end: calc(var(--a-gv-pagination-button-padding-x, 4px) - var(--a-gv-pagination-button-border-width, 0px));
  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, 12px);
  line-height: var(--a-button-line-height, 16px);
  font-weight: var(--a-button-font-weight);
}
.a-GV-pageRange {
  --a-gv-pagination-button-gap-x: calc(var(--a-gv-pagination-button-gap-x, 4px) * 2);
  -webkit-margin-start: var(--a-gv-pagination-button-gap-x, 8px);
          margin-inline-start: var(--a-gv-pagination-button-gap-x, 8px);
  -webkit-margin-end: var(--a-gv-pagination-button-gap-x, 8px);
          margin-inline-end: var(--a-gv-pagination-button-gap-x, 8px);
}

/* Status Bar
   ========================================================================== */
.a-GV-status,
.a-TMV-status {
  text-align: start;
}
.a-GV-status:empty,
.a-TMV-status:empty {
  display: none;
}

/* TMV Footer
   ========================================================================== */
.a-TMV-footer {
  padding-block: var(--a-tmv-footer-padding-y, 12px);
  padding-inline: var(--a-tmv-footer-padding-x, 12px);
  color: var(--a-tmv-footer-text-color, inherit);
  font-size: var(--a-tmv-footer-font-size, 12px);
  line-height: var(--a-tmv-footer-line-height, 16px);
}

.a-TMV-pagination {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
}

.a-TMV-pageRange:empty {
  display: none;
}

/* 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;
  transition: 0.2s ease;
}

.a-GV-columnHandle {
  position: absolute;
  left: 0;
  width: 4px;
  margin: 2px;
  top: 0;
  bottom: 0;
  cursor: move;
  opacity: 0.4;
}
.u-RTL .a-GV-columnHandle {
  left: unset;
  right: 0;
}
.a-GV-columnHandle .a-Icon {
  display: none;
}

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

.a-GV-header-dragHelper {
  height: 40px;
  padding: 8px;
  font-size: 12px;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  transition: transform 0.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);
  transform: translateY(40px);
  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: end;
  display: inline-block;
}
.a-GV-table--checkbox .a-GV-rownum {
  -webkit-margin-start: -18px;
          margin-inline-start: -18px;
}

/* 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)));
  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: 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]) {
  --a-field-input-padding-y: 0;
  --a-field-input-padding-x: 8px;
  --a-field-input-border-width: 0px;
  --a-field-input-background-color: transparent;
  color: var(--a-field-input-state-text-color, var(--a-field-input-text-color));
  background-color: var(--a-field-input-state-background-color, var(--a-field-input-background-color));
  border-color: var(--a-field-input-state-border-color, var(--a-field-input-border-color));
  border-width: var(--a-field-input-border-width, 1px);
  border-style: solid;
  -webkit-padding-before: var(--ut-field-fl-label-offset, calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px)));
          padding-block-start: var(--ut-field-fl-label-offset, calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px)));
  -webkit-padding-after: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-end: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-start: calc(var(--a-item-icon-offset, 0px) + var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-start: calc(var(--a-item-icon-offset, 0px) + var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  margin: 0;
}
.a-GV-cell .a-GV-columnItem select[size="1"] {
  overflow: hidden;
  -webkit-padding-start: 8px;
          padding-inline-start: 8px;
  text-indent: 0.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);
  -webkit-padding-end: var(--a-field-select-arrow-padding);
          padding-inline-end: 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: end;
}
.u-tS .a-GV-cell .a-GV-columnItem input {
  text-align: start;
}
.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 {
  align-self: center;
}
.a-GV-cell .a-GV-columnItem .a-Switch {
  align-self: center;
}

.a-GV-columnItem {
  --a-field-input-flex-grow: 1;
  display: flex;
  /* 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 {
  display: flex;
  position: relative;
}
.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: flex;
}
.a-GV-columnItem .apex-button-group.apex-item-group--switch .apex-item-option {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
  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: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
.a-GV-columnItem .apex-item-group--auto-complete {
  width: 100%;
  display: flex;
}
.a-GV-columnItem .apex-item-starrating {
  -webkit-margin-before: auto;
          margin-block-start: auto;
  -webkit-margin-after: auto;
          margin-block-end: auto;
}
.a-GV-columnItem .apex-item-textarea {
  min-height: 100%;
  min-width: 100%;
}

/* 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: 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;
  -webkit-margin-end: 12px;
          margin-inline-end: 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;
  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.25);
  visibility: visible;
}
.u-RTL .a-GV-floatingItem.is-expanded {
  left: unset;
  right: 0;
}
.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: flex;
  justify-content: center;
  align-items: center;
}
.u-RTL .a-GV-floatingItem.is-expanded .a-GV-expandCollapse {
  right: unset;
  left: -12px;
}
.a-GV-floatingItem.is-expanded .a-GV-expandCollapse .a-Icon {
  transform: scale(0.75);
}
.a-GV-floatingItem.is-expanded .apex-item-multi {
  min-width: 160px;
  flex-grow: 1;
}

/* Scroll Filler / Gap
   ========================================================================== */
.a-GV-scrollFiller .a-GV-cell {
  height: 0;
}

.a-GV-scrollFiller {
  clear: both;
  grid-column-start: 1;
  grid-column-end: -1;
}
.a-GV-scrollFiller.is-hidden {
  height: 0 !important;
}

/* Load More
   ========================================================================== */
.a-GV-loadMore {
  text-align: center;
  -webkit-padding-before: var(--a-gv-footer-padding-y, 8px);
          padding-block-start: var(--a-gv-footer-padding-y, 8px);
  -webkit-padding-after: var(--a-gv-footer-padding-y, 8px);
          padding-block-end: var(--a-gv-footer-padding-y, 8px);
  -webkit-padding-start: var(--a-gv-footer-padding-x, 12px);
          padding-inline-start: var(--a-gv-footer-padding-x, 12px);
  -webkit-padding-end: var(--a-gv-footer-padding-x, 12px);
          padding-inline-end: var(--a-gv-footer-padding-x, 12px);
  border-top-width: var(--a-gv-cell-border-width, 1px);
  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;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-padding-before: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  border-width: var(--a-button-border-width, 1px);
  border-style: solid;
  border-color: var(--a-button-border-color);
  border-radius: var(--a-button-border-radius, 2px);
  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, 12px);
  line-height: var(--a-button-line-height, 16px);
  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;
  -webkit-margin-before: -8px;
          margin-block-start: -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;
  -webkit-margin-before: -8px;
          margin-block-start: -8px;
  border-width: 8px 0 8px 8px;
  border-left-color: var(--jui-tooltip-background-color);
}
.u-RTL .a-GV-tooltip.ui-tooltip.arrow-right:before {
  right: unset;
  left: -8px;
}
.a-GV-tooltip.ui-tooltip.arrow-bottom:before {
  bottom: -8px;
  left: 50%;
  -webkit-margin-start: -8px;
          margin-inline-start: -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%;
  -webkit-margin-start: -8px;
          margin-inline-start: -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;
}

/* Forzen Columns
   ========================================================================== */
.a-GV-frozen {
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: var(--a-gv-frozen-zindex, 100);
}

.a-GV-frozen--start1 {
  left: var(--a-gv-frozen-offset-1, 0);
}
.u-RTL .a-GV-frozen--start1 {
  left: unset;
  right: var(--a-gv-frozen-offset-1, 0);
}

.a-GV-frozen--start2 {
  left: var(--a-gv-frozen-offset-2, 0);
}
.u-RTL .a-GV-frozen--start2 {
  left: unset;
  right: var(--a-gv-frozen-offset-2, 0);
}

.a-GV-frozen--start3 {
  left: var(--a-gv-frozen-offset-3, 0);
}
.u-RTL .a-GV-frozen--start3 {
  left: unset;
  right: var(--a-gv-frozen-offset-3, 0);
}

.a-GV-frozen--start4 {
  left: var(--a-gv-frozen-offset-4, 0);
}
.u-RTL .a-GV-frozen--start4 {
  left: unset;
  right: var(--a-gv-frozen-offset-4, 0);
}

.a-GV-frozen--start5 {
  left: var(--a-gv-frozen-offset-5, 0);
}
.u-RTL .a-GV-frozen--start5 {
  left: unset;
  right: var(--a-gv-frozen-offset-5, 0);
}

.a-GV-frozen--start6 {
  left: var(--a-gv-frozen-offset-6, 0);
}
.u-RTL .a-GV-frozen--start6 {
  left: unset;
  right: var(--a-gv-frozen-offset-6, 0);
}

.a-GV-frozen--start7 {
  left: var(--a-gv-frozen-offset-7, 0);
}
.u-RTL .a-GV-frozen--start7 {
  left: unset;
  right: var(--a-gv-frozen-offset-7, 0);
}

.a-GV-frozen--start8 {
  left: var(--a-gv-frozen-offset-8, 0);
}
.u-RTL .a-GV-frozen--start8 {
  left: unset;
  right: var(--a-gv-frozen-offset-8, 0);
}

.a-GV-frozen--start9 {
  left: var(--a-gv-frozen-offset-9, 0);
}
.u-RTL .a-GV-frozen--start9 {
  left: unset;
  right: var(--a-gv-frozen-offset-9, 0);
}

.a-GV-frozen--start10 {
  left: var(--a-gv-frozen-offset-10, 0);
}
.u-RTL .a-GV-frozen--start10 {
  left: unset;
  right: var(--a-gv-frozen-offset-10, 0);
}

.a-GV-frozen--start11 {
  left: var(--a-gv-frozen-offset-11, 0);
}
.u-RTL .a-GV-frozen--start11 {
  left: unset;
  right: var(--a-gv-frozen-offset-11, 0);
}

.a-GV-frozen--start12 {
  left: var(--a-gv-frozen-offset-12, 0);
}
.u-RTL .a-GV-frozen--start12 {
  left: unset;
  right: var(--a-gv-frozen-offset-12, 0);
}

.a-GV-frozen--start13 {
  left: var(--a-gv-frozen-offset-13, 0);
}
.u-RTL .a-GV-frozen--start13 {
  left: unset;
  right: var(--a-gv-frozen-offset-13, 0);
}

.a-GV-frozen--start14 {
  left: var(--a-gv-frozen-offset-14, 0);
}
.u-RTL .a-GV-frozen--start14 {
  left: unset;
  right: var(--a-gv-frozen-offset-14, 0);
}

.a-GV-frozen--start15 {
  left: var(--a-gv-frozen-offset-15, 0);
}
.u-RTL .a-GV-frozen--start15 {
  left: unset;
  right: var(--a-gv-frozen-offset-15, 0);
}

.a-GV-frozen--start16 {
  left: var(--a-gv-frozen-offset-16, 0);
}
.u-RTL .a-GV-frozen--start16 {
  left: unset;
  right: var(--a-gv-frozen-offset-16, 0);
}

.a-GV-frozen--start17 {
  left: var(--a-gv-frozen-offset-17, 0);
}
.u-RTL .a-GV-frozen--start17 {
  left: unset;
  right: var(--a-gv-frozen-offset-17, 0);
}

.a-GV-frozen--start18 {
  left: var(--a-gv-frozen-offset-18, 0);
}
.u-RTL .a-GV-frozen--start18 {
  left: unset;
  right: var(--a-gv-frozen-offset-18, 0);
}

.a-GV-frozen--start19 {
  left: var(--a-gv-frozen-offset-19, 0);
}
.u-RTL .a-GV-frozen--start19 {
  left: unset;
  right: var(--a-gv-frozen-offset-19, 0);
}

.a-GV-frozen--start20 {
  left: var(--a-gv-frozen-offset-20, 0);
}
.u-RTL .a-GV-frozen--start20 {
  left: unset;
  right: var(--a-gv-frozen-offset-20, 0);
}

.a-GV-frozen--startLast {
  border-right-width: var(--a-gv-frozen-last-border-width, 4px);
}
.u-RTL .a-GV-frozen--startLast {
  border-left-width: var(--a-gv-frozen-last-border-width, 4px);
  border-right-width: var(--a-gv-cell-border-width, 1px);
}

/* Variable Height
   ========================================================================== */
.a-GV--variableHeight .a-GV-table .a-GV-header,
.a-GV--variableHeight .a-GV-table .a-GV-cell {
  white-space: initial;
}
.a-GV--variableHeight th.a-GV-controlBreakHeader {
  white-space: nowrap;
}

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

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, inherit);
}
.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 {
  -webkit-margin-after: 4px;
          margin-block-end: 4px;
}
.apex-help-dialog li:last-child,
body#ir_help li:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 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 {
  -webkit-margin-before: var(--a-button-gap-x, 8px);
          margin-block-start: var(--a-button-gap-x, 8px);
}

/* ==========================================================================
   Interactive Grid
   ========================================================================== */
.a-IG {
  border-width: var(--a-gv-border-width, 1px);
  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-toolbar-item-spacing, 8px)) var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 8px)) 0;
  background-color: var(--a-toolbar-background-color);
  color: var(--a-toolbar-text-color);
  border-bottom-width: var(--a-toolbar-border-width, 1px);
  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: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.a-TMV-defaultIconView .a-IconList-item {
  -webkit-padding-before: var(--a-iconlist-item-padding-y, 8px);
          padding-block-start: var(--a-iconlist-item-padding-y, 8px);
  -webkit-padding-after: var(--a-iconlist-item-padding-y, 8px);
          padding-block-end: var(--a-iconlist-item-padding-y, 8px);
  -webkit-padding-start: var(--a-iconlist-item-padding-x, 8px);
          padding-inline-start: var(--a-iconlist-item-padding-x, 8px);
  -webkit-padding-end: var(--a-iconlist-item-padding-x, 8px);
          padding-inline-end: var(--a-iconlist-item-padding-x, 8px);
  width: var(--a-iconlist-item-width, 128px);
  height: var(--a-iconlist-item-height), 128px;
  display: flex;
  align-items: 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-item-selected-background-color, var(--a-palette-primary-shade, #ecf3ff));
}

.a-TMV-defaultIconView .a-IconList-icon {
  display: block;
  text-align: center;
}

.a-TMV-defaultIconView .a-IconList-label {
  -webkit-margin-before: var(--a-iconlist-label-spacing, 4px);
          margin-block-start: 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-IG-dialog {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Region
   ========================================================================== */
.a-IG-dialog-region {
  display: flex;
}
.a-IG-dialog-region .a-Form {
  display: block;
  overflow: hidden;
  padding: 8px;
}

.a-IG-dialog-header {
  border-bottom: 1px solid;
  flex-direction: column;
}

.a-IG-dialog-footer {
  border-top: 1px solid;
}

.a-IG-dialog-header .a-IG-dialog-region-body {
  padding: 8px;
  text-align: center;
}

.a-IG-dialog-side,
.a-IG-dialog-main {
  display: flex;
  flex-direction: column;
}

.a-IG-dialog-side {
  border-right: 1px solid;
  width: 20%;
  min-width: 180px;
  background-color: #FAFAFA;
}

.a-IG-dialog-main {
  width: 100%;
}

/*
  Handle Empty Positions
  */
.a-IG-dialog-header:empty,
.a-IG-dialog-body:empty,
.a-IG-dialog-footer:empty {
  display: none;
}

/* Titles and Text
   ========================================================================== */
.a-IG-dialog-title {
  font-size: 16px;
  line-height: 1.5;
  padding: 8px 12px;
  margin: 0;
  font-weight: 400;
}

/* Dialog List
   ========================================================================== */
.a-IG-dialog-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.a-IG-dialog-list .a-TMV-body {
  height: unset !important;
}
.a-IG-dialog-list .a-TMV-w-scroll {
  height: unset !important;
  width: unset !important;
}

.a-IG-dialog-list-item {
  display: block;
}

.a-IG-dialog-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-IG-dialog-label-checkbox {
  position: relative;
  width: 16px;
  height: 16px;
  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;
}
.u-RTL .a-IG-dialog-label-checkbox {
  float: right;
}
.a-IG-dialog-label-checkbox:before {
  font-size: 12px;
  width: 12px;
  height: 12px;
  content: "\e007";
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s;
}
.a-IG-dialog-label-checkbox:hover:before {
  opacity: 0.15;
}
.a-IG-dialog-label-checkbox:active:before {
  opacity: 0.75;
}

.a-IG-dialog-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-IG-dialog-input-checkbox:checked + .a-IG-dialog-label-checkbox {
  position: relative;
}
.a-IG-dialog-input-checkbox:checked + .a-IG-dialog-label-checkbox:before {
  opacity: 1;
}
.a-IG-dialog-input-checkbox:disabled + .a-IG-dialog-label-checkbox {
  opacity: 0.35;
  pointer-events: none;
}

/* Button
   ========================================================================== */
.a-IG-dialog-button:focus, .a-IG-dialog-input:focus + .a-IG-dialog-button {
  outline: 1px dotted;
}

/* Button Group
   ========================================================================== */
.a-IG-dialog-buttonGroup {
  display: inline-block;
}
.a-IG-dialog-buttonGroup .a-IG-dialog-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-IG-dialog-buttonGroup .a-IG-dialog-input:checked + .a-IG-dialog-button {
  z-index: 110;
}

.a-IG-dialog-buttonGroup-item {
  display: inline-block;
}
.a-IG-dialog-buttonGroup-item .a-IG-dialog-button {
  border-radius: 0;
  -webkit-margin-end: -1px;
          margin-inline-end: -1px;
}
.a-IG-dialog-buttonGroup-item:first-of-type .a-IG-dialog-button {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
.a-IG-dialog-buttonGroup-item:last-of-type .a-IG-dialog-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-IG-dialog-buttonGroup--simple .a-Button.a-IG-dialog-button {
  box-shadow: none;
  background-color: transparent;
  border-color: transparent;
}
.a-IG-dialog-buttonGroup--simple .a-IG-dialog-input:checked + .a-IG-dialog-button {
  border-radius: 2px;
}

/* Side Contents
   ========================================================================== */
.a-IG-dialog-side .a-Toolbar {
  border-top: 1px solid;
  padding: 8px;
}
.a-IG-dialog-side .a-Toolbar .a-Button--withIcon {
  padding: 4px 8px;
}
.a-IG-dialog-side .a-Toolbar .a-Toolbar-group {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.a-IG-dialog-side .a-GV-table td,
.a-IG-dialog-side .a-GV-table th {
  border-right-width: 0;
  border-left-width: 0;
}

/* ==========================================================================
   Icon List
   ========================================================================== */
.a-IconList.a-IG-dialog-iconList {
  margin: 0;
  padding: 0;
}

.a-IconList .a-IG-dialog-iconList-item {
  padding: 16px 4px;
  margin: 0 4px 4px 0;
  width: 96px;
}

.a-IconList .a-IG-dialog-iconList-link {
  display: block;
}

.a-IconList .a-IG-dialog-iconList-icon {
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}
.a-IconList .a-IG-dialog-iconList-icon:before {
  font-size: 32px;
}

.a-IconList .a-IG-dialog-iconList-label {
  display: block;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  -webkit-margin-before: 4px;
          margin-block-start: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.a-IG-highlightPreview {
  -webkit-padding-before: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-start: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-after: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-end: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  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, 400);
  text-align: center;
  border-radius: var(--a-field-input-border-radius, 2px);
  border-color: var(--a-field-input-border-color);
  border-width: var(--a-field-input-border-width, 1px);
  border-style: solid;
}

/* ==========================================================================
   Interactive Report
   ========================================================================== */
.a-IRR {
  font-size: var(--a-gv-font-size, 12px);
  line-height: var(--a-gv-line-height, 16px);
  border-width: var(--a-gv-border-width, 1px);
  border-style: solid;
  border-color: var(--a-gv-border-color);
  border-radius: var(--a-gv-border-radius);
  position: relative;
  background-color: var(--a-gv-background-color);
}

.a-IRR-container {
  position: relative;
}

.a-IRR-toolbar {
  position: relative;
  padding: var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 8px));
  display: flex;
  width: 100%;
  background-color: var(--a-toolbar-background-color);
  border-bottom-width: var(--a-toolbar-border-width, 1px);
  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, var(--a-toolbar-item-spacing, 8px)) / -2) calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 8px)) / -2);
}

.a-IRR-buttons {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  align-items: center;
  align-self: center;
}
.a-IRR-buttons:empty {
  display: none;
}
.a-IRR-buttons .a-Button {
  -webkit-margin-before: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 8px)) / 2);
          margin-block-start: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 8px)) / 2);
  -webkit-margin-after: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 8px)) / 2);
          margin-block-end: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 8px)) / 2);
}

.a-IRR-colSearch,
.a-IRR-savedReports,
.a-IRR-rowSelector,
.a-IRR-manage {
  display: inline-flex;
  vertical-align: top;
}

.a-IRR-savedReports {
  align-self: stretch;
}

/* ==========================================================================
   Search
   ========================================================================== */
.a-IRR-search {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}
.a-IRR-search .a-IRR-colSelector,
.a-IRR-search .a-IRR-searchFieldContainer,
.a-IRR-search .a-IRR-searchButtonContainer {
  display: flex;
}

.a-IRR-colSelector {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.a-IRR-searchFieldContainer {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  -webkit-margin-start: -1px;
          margin-inline-start: -1px;
  -webkit-margin-end: -1px;
          margin-inline-end: -1px;
}

.a-IRR-searchButtonContainer {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.a-IRR-button--colSearch {
  border-radius: 0;
  border-top-left-radius: var(--a-button-border-radius, 2px);
  border-bottom-left-radius: var(--a-button-border-radius, 2px);
}
.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, 2px);
  border-bottom-right-radius: var(--a-button-border-radius, 2px);
}

.a-IRR-search-field {
  flex-grow: 1;
  flex-basis: auto;
  min-width: 0;
  display: block;
  margin: 0;
  height: calc(var(--a-report-controls-input) + var(--a-report-controls-input-padding-y, 8px));
  -webkit-padding-start: calc(var(--a-report-controls-input-padding-x, 8px) - var(--a-report-controls-input-border-width, 1px));
          padding-inline-start: calc(var(--a-report-controls-input-padding-x, 8px) - var(--a-report-controls-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-report-controls-input-padding-x, 8px) - var(--a-report-controls-input-border-width, 1px));
          padding-inline-end: calc(var(--a-report-controls-input-padding-x, 8px) - var(--a-report-controls-input-border-width, 1px));
  -webkit-padding-before: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
          padding-block-start: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
  -webkit-padding-after: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
          padding-block-end: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
  font-size: var(--a-report-controls-input-font-size, 12px);
  line-height: var(--a-report-controls-input-line-height, 16px);
  width: var(--a-report-controls-search-width, 210px);
  border-width: var(--a-report-controls-input-border-width, 1px);
  border-style: solid;
  border-color: var(--a-field-input-border-color);
  color: var(--a-field-input-text-color);
  background-color: var(--a-field-input-background-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, 2px);
  border-bottom-right-radius: var(--a-button-border-radius, 2px);
}
.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, 2px);
  border-bottom-left-radius: var(--a-button-border-radius, 2px);
}

/* ==========================================================================
   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 {
  -webkit-margin-start: -1px;
          margin-inline-start: -1px;
}
.a-IRR-views .a-IRR-button:first-child {
  border-top-left-radius: var(--a-button-border-radius, 2px);
  border-bottom-left-radius: var(--a-button-border-radius, 2px);
}
.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, 2px);
  border-bottom-right-radius: var(--a-button-border-radius, 2px);
}
.a-IRR-views .a-IRR-button:last-child {
  border-top-right-radius: var(--a-button-border-radius, 2px);
  border-bottom-right-radius: var(--a-button-border-radius, 2px);
}
.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, 2px);
  border-bottom-left-radius: var(--a-button-border-radius, 2px);
}

/* ==========================================================================
   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 {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
  vertical-align: top;
}

.a-IRR-rowSelector label {
  display: inline-block;
  vertical-align: top;
  -webkit-margin-end: 4px;
          margin-inline-end: 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, 4px);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: var(--a-menu-border-color);
  border-width: var(--a-menu-border-width, 1px);
  border-style: solid;
  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: flex;
  width: 100%;
  border-bottom-color: var(--a-menu-border-color);
  border-bottom-width: var(--a-menu-border-width, 1px);
  border-bottom-style: solid;
  padding: 2px;
}

.a-IRR-sortWidget-actions-item {
  flex-grow: 1;
  flex-shrink: 0;
  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 &gt; .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;
  transition: height 0.1s ease;
  border-top-color: var(--a-menu-border-color);
  border-top-width: var(--a-menu-border-width, 1px);
  border-top-style: solid;
  -webkit-padding-before: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-start: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  -webkit-padding-after: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-end: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  -webkit-padding-start: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
          padding-inline-start: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
  -webkit-padding-end: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
          padding-inline-end: calc(var(--a-menu-padding-x, 0px) - 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, normal);
}
.a-IRR-sortWidget-rows:empty:before {
  content: "...";
  display: block;
  -webkit-padding-before: var(--a-menu-item-generic-padding-y, 8px);
          padding-block-start: var(--a-menu-item-generic-padding-y, 8px);
  -webkit-padding-after: var(--a-menu-item-generic-padding-y, 8px);
          padding-block-end: var(--a-menu-item-generic-padding-y, 8px);
  -webkit-padding-start: var(--a-menu-item-generic-padding-x, 8px);
          padding-inline-start: var(--a-menu-item-generic-padding-x, 8px);
  -webkit-padding-end: var(--a-menu-item-generic-padding-x, 8px);
          padding-inline-end: var(--a-menu-item-generic-padding-x, 8px);
  opacity: var(--a-menu-disabled-opacity, 0.5);
}

.a-IRR-sortWidget-row {
  display: block;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-padding-before: var(--a-menu-item-generic-padding-y, 8px);
          padding-block-start: var(--a-menu-item-generic-padding-y, 8px);
  -webkit-padding-after: var(--a-menu-item-generic-padding-y, 8px);
          padding-block-end: var(--a-menu-item-generic-padding-y, 8px);
  -webkit-padding-start: var(--a-menu-item-generic-padding-x, 8px);
          padding-inline-start: var(--a-menu-item-generic-padding-x, 8px);
  -webkit-padding-end: var(--a-menu-item-generic-padding-x, 8px);
          padding-inline-end: var(--a-menu-item-generic-padding-x, 8px);
}
.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;
}
.a-IRR-chartView:empty,
.a-IRR-groupByView:empty,
.a-IRR-pivotView:empty,
.a-IRR-reportView:empty {
  display: none;
}

/* ==========================================================================
   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-size: var(--a-gv-header-cell-font-size);
  line-height: var(--a-gv-header-cell-line-height);
  font-weight: var(--a-gv-header-cell-font-weight, var(--a-base-font-weight-bold, 700));
  padding: 0;
  height: var(--a-gv-header-cell-height, 40px);
  background-color: var(--a-gv-header-background-color);
  color: var(--a-gv-header-text-color);
  border-width: var(--a-gv-header-cell-border-width, 1px);
  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 {
  -webkit-margin-before: -1px;
          margin-block-start: -1px;
}

.a-IRR-header--link {
  width: 1%;
}

.a-IRR-header--group {
  padding: 8px;
  text-align: start;
  background-color: #F8F8F8;
  border-top: 1px solid #E8E8E8;
}
.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: var(--a-base-font-weight-bold, 700);
  background-color: #F4F4F4;
}

/**
 * Table Cell
 */
.a-IRR-table td {
  -webkit-padding-start: var(--a-gv-cell-padding-x, 8px);
          padding-inline-start: var(--a-gv-cell-padding-x, 8px);
  -webkit-padding-end: var(--a-gv-cell-padding-x, 8px);
          padding-inline-end: var(--a-gv-cell-padding-x, 8px);
  -webkit-padding-before: var(--a-gv-cell-padding-y, 4px);
          padding-block-start: var(--a-gv-cell-padding-y, 4px);
  -webkit-padding-after: var(--a-gv-cell-padding-y, 4px);
          padding-block-end: var(--a-gv-cell-padding-y, 4px);
  height: var(--a-gv-cell-height, 32px);
  border-width: var(--a-gv-cell-border-width, 1px);
  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 {
  -webkit-padding-start: var(--a-gv-header-cell-padding-x, 8px);
          padding-inline-start: var(--a-gv-header-cell-padding-x, 8px);
  -webkit-padding-end: var(--a-gv-header-cell-padding-x, 8px);
          padding-inline-end: var(--a-gv-header-cell-padding-x, 8px);
  -webkit-padding-before: var(--a-gv-header-cell-padding-y, 4px);
          padding-block-start: var(--a-gv-header-cell-padding-y, 4px);
  -webkit-padding-after: var(--a-gv-header-cell-padding-y, 4px);
          padding-block-end: var(--a-gv-header-cell-padding-y, 4px);
  display: flex;
  align-items: center;
  text-align: inherit;
  justify-content: center;
  min-height: var(--a-gv-header-cell-height, 40px);
}

.a-IRR-headerLink {
  text-decoration: none;
  cursor: pointer;
}
.a-IRR-headerLink:hover, .a-IRR-headerLink.has-hover {
  text-decoration: none;
}
.a-IRR-headerLink:focus, .a-IRR-headerLink.has-focus {
  outline: none;
  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 {
  justify-content: flex-end;
}

.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 {
  justify-content: flex-start;
}

.u-textCenter .a-IRR-headerLink,
.u-textCenter .a-IRR-headerLabel,
.u-tC .a-IRR-headerLink,
.u-tC .a-IRR-headerLabel {
  justify-content: center;
}

.a-IRR-headerSort {
  color: #909090;
  -webkit-margin-start: 4px;
          margin-inline-start: 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 {
  -webkit-padding-before: var(--a-gv-footer-padding-y, 8px);
          padding-block-start: var(--a-gv-footer-padding-y, 8px);
  -webkit-padding-after: var(--a-gv-footer-padding-y, 8px);
          padding-block-end: var(--a-gv-footer-padding-y, 8px);
  -webkit-padding-start: var(--a-gv-footer-padding-x, 12px);
          padding-inline-start: var(--a-gv-footer-padding-x, 12px);
  -webkit-padding-end: var(--a-gv-footer-padding-x, 12px);
          padding-inline-end: var(--a-gv-footer-padding-x, 12px);
}

.a-IRR-paginationWrap--top {
  border-bottom-width: var(--a-gv-cell-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--a-gv-cell-border-color);
}

.a-IRR-paginationWrap--bottom {
  border-top-width: var(--a-gv-cell-border-width, 1px);
  border-top-style: solid;
  border-top-color: var(--a-gv-cell-border-color);
}

.a-IRR-paginationWrap--textLeft .a-IRR-pagination {
  text-align: start;
}

.a-IRR-pagination {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: end;
  white-space: nowrap;
}

.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, 32px);
  color: var(--a-gv-nodata-message-icon-color);
  -webkit-margin-after: var(--a-gv-nodata-message-icon-spacing, 12px);
          margin-block-end: 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
   ========================================================================== */
.a-IRR-button {
  display: inline-flex;
  align-items: center;
}

/*
   Pagination + control Buttons
   ========================================================================== */
.a-IRR-button.a-IRR-button--pagination {
  --a-button-padding-y: 2px;
  --a-button-padding-x: 2px;
  --a-button-border-radius: 100%;
  -webkit-margin-start: calc(var(--a-button-gap-x, 8px) / 2);
          margin-inline-start: calc(var(--a-button-gap-x, 8px) / 2);
  -webkit-margin-end: calc(var(--a-button-gap-x, 8px) / 2);
          margin-inline-end: calc(var(--a-button-gap-x, 8px) / 2);
  vertical-align: top;
}
.a-IRR-button.a-IRR-button--pagination:hover {
  background-color: #4696fc;
  color: #FFF;
}

/* ==========================================================================
   Single Row View
   ========================================================================== */
.a-IRR-toolbar--singleRow {
  justify-content: space-between;
  align-items: center;
}

.a-IRR-toolbarNav,
.a-IRR-singleRowNav {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.a-IRR-viewOptionsContainer {
  display: inline-block;
}

.a-IRR-viewOption {
  display: inline-block;
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
}
.a-IRR-viewOption input[type=checkbox] {
  display: inline-block;
}
.a-IRR-viewOption label {
  display: inline-block;
  font-size: 12px;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}
.a-IRR-viewOption input:checked + label {
  font-weight: var(--a-base-font-weight-bold, 700);
}

/*
   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;
  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 var(--a-gv-cell-border-color);
  font-size: 12px;
  line-height: 16px;
}

.a-IRR-singleRow-name {
  width: 25%;
  border-right: 1px solid var(--a-gv-cell-border-color);
  font-weight: var(--a-base-font-weight-bold, 700);
  background-color: #FCFCFC;
}

/*
   IRR Groups
   ========================================================================== */
.a-IRR-viewsContainer {
  display: inline-block;
  vertical-align: top;
}

.a-IRR-controlGroup {
  display: inline-flex;
  vertical-align: top;
  margin: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 8px)) / 2);
  align-items: center;
  border-right-width: var(--a-toolbar-sep-border-width, 1px);
  border-right-style: solid;
  border-right-color: var(--a-toolbar-sep-border-color);
  -webkit-padding-end: var(--a-toolbar-sep-spacing, var(--a-toolbar-item-spacing, 8px));
          padding-inline-end: var(--a-toolbar-sep-spacing, var(--a-toolbar-item-spacing, 8px));
}
.u-RTL .a-IRR-controlGroup {
  border-right: 0;
  border-left-width: var(--a-toolbar-sep-border-width, 1px);
  border-left-style: solid;
  border-left-color: var(--a-toolbar-sep-border-color);
}
.a-IRR-controlGroup--hidden, .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: flex;
}

.a-IRR-dialogListContainer {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  display: flex;
  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);
  -webkit-margin-after: -1px;
          margin-block-end: -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%;
  flex-grow: 1;
  flex-shrink: 1;
  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 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  -webkit-margin-after: 6px;
          margin-block-end: 6px;
}
.a-IRR-dialogShuttle-actions .a-Button.a-Button--shuttle {
  padding: 6px 4px;
  margin: 2px;
}

.a-IRR-dialogMsg {
  display: flex;
  padding: 8px;
}

.a-IRR-dialogMsg-icon {
  opacity: 0.35;
  -webkit-margin-end: 12px;
          margin-inline-end: 12px;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
  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;
}

.a-IRR-dialogMsg-text {
  align-self: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

/* ==========================================================================
   IRR Dialog Flex Grid
   ========================================================================== */
.a-IRR-dialogRow {
  display: flex;
}

.a-IRR-dialogCol {
  flex-grow: 1;
  flex-shrink: 1;
  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,
.a-IRR-dialog--subscription .a-IRR-dialogBody {
  padding: 0 !important;
}
.a-IRR-dialog--download .a-IconList-item,
.a-IRR-dialog--subscription .a-IconList-item {
  --a-icon-size: 32px;
  border: 0;
  cursor: pointer;
  padding: 12px;
  margin: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.a-IRR-dialog--download .a-IconList-item .a-Icon,
.a-IRR-dialog--subscription .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: 0.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%;
  flex-basis: auto;
}
.a-IRR-dialog--filter .a-IRR-dialogBody .a-IRR-dialogCol--expression {
  width: 50%;
  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;
  flex-grow: 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%;
  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%;
  flex-basis: auto;
}
.a-IRR-dialog--highlight .a-IRR-dialogCol--name {
  width: 40%;
  flex-basis: auto;
}
.a-IRR-dialog--highlight .a-IRR-dialogCol--enabled {
  min-width: 60px;
  max-width: 60px;
  flex-grow: 0;
  flex-shrink: 0;
}
.a-IRR-dialog--highlight .a-IRR-dialogCol--preview {
  min-width: 120px;
}
.a-IRR-dialog--highlight .a-IRR-dialogCol--column, .a-IRR-dialog--highlight .a-IRR-dialogCol--operator {
  width: 25%;
  max-width: 25%;
  flex-basis: auto;
}
.a-IRR-dialog--highlight .a-IRR-dialogCol--expression {
  width: 50%;
  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;
  align-self: center;
  text-align: end;
  font-weight: var(--a-base-font-weight-bold, 700);
  flex-grow: 0;
  flex-shrink: 0;
}

.a-IRR-radioIconList {
  display: flex;
}

.a-IRR-radioIconList-item {
  margin: 0;
  min-width: 118px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  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: flex;
  flex-direction: column;
  text-align: center;
  padding: 12px 16px !important;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: var(--a-iconlist-item-background-color);
  color: var(--a-iconlist-item-text-color);
}
.a-IRR-radioIconList-item label:before, .a-IRR-radioIconList-item label:after {
  content: none !important;
}
.a-IRR-radioIconList--horItems .a-IRR-radioIconList-item label {
  flex-direction: row;
}
.a-IRR-radioIconList--horItems .a-IRR-radioIconList-item label .a-IRR-radioIconList-icon {
  -webkit-margin-end: 4px;
          margin-inline-end: 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 {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}

.a-IRR-flashBackField {
  -webkit-margin-before: 4px;
          margin-block-start: 4px;
}
.a-IRR-flashBackField input {
  vertical-align: middle;
}

.colorpicker.a-IRR-colorPicker {
  z-index: 1001;
}

.a-IRR-lovItem {
  display: flex;
  position: relative;
}
.a-IRR-lovItem + .a-IRR-lovItem {
  -webkit-margin-start: 2px;
          margin-inline-start: 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;
  -webkit-margin-start: 2px !important;
          margin-inline-start: 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;
  -webkit-margin-start: 6px;
          margin-inline-start: 6px;
  flex-shrink: 0;
  flex-grow: 0;
  box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  border: 0;
}
.a-IRR-lovItem .lov_colorpicker {
  display: flex;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  align-items: center;
}
.a-IRR-lovItem .lov_colorpicker .apex-item-group--color-picker {
  flex-grow: 1;
}
.a-IRR-lovItem.a-IRR-filterExpression {
  flex-grow: 1;
}
.a-IRR-lovItem .a-IRR-filterExpressionAnd {
  -webkit-margin-start: 6px;
          margin-inline-start: 6px;
  -webkit-margin-end: 6px;
          margin-inline-end: 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;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
}

.a-IRR-highlightPreview {
  background-color: transparent;
  -webkit-padding-before: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-start: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-after: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-end: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  line-height: var(--a-field-input-line-height, 16px);
  border-radius: var(--a-field-input-border-radius, 2px);
  border-color: var(--a-field-input-border-color);
  border-width: var(--a-field-input-border-width, 1px);
  border-style: solid;
  min-width: 56px;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 16px;
  box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 1px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.a-IRR-highlightContrast {
  -webkit-padding-start: var(--a-form-container-padding-x, 8px);
          padding-inline-start: var(--a-form-container-padding-x, 8px);
  -webkit-padding-end: var(--a-form-container-padding-x, 8px);
          padding-inline-end: var(--a-form-container-padding-x, 8px);
}

.a-IRR-button--add {
  -webkit-margin-before: 2px;
          margin-block-start: 2px;
  -webkit-margin-start: 48px;
          margin-inline-start: 48px;
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
  padding: 4px 8px !important;
}

.a-IRR-calculator {
  margin: 4px 0;
}
.a-IRR-calculator .a-Button {
  margin: 2px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 25%;
  padding: 4px;
}
.a-IRR-calculator .a-Button[data-key="0"] {
  flex-basis: 50%;
}
.a-IRR-calculator .a-Button[data-key=" "] {
  flex-basis: 75%;
}

.a-IRR-caclulatorRow {
  display: flex;
  -webkit-margin-start: -2px;
          margin-inline-start: -2px;
  -webkit-margin-end: -2px;
          margin-inline-end: -2px;
}

.a-IRR-dialogError {
  padding: 8px;
}
.a-IRR-dialogError:empty {
  display: none;
}

.a-IRR-flashBackText {
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}

/*
   Filter Dialog
   ========================================================================== */
.a-IRR-col-values-drop {
  display: block;
  min-width: 180px;
  max-height: 136px;
  overflow: auto;
  position: absolute;
  z-index: 1000;
  -webkit-padding-before: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-start: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  -webkit-padding-after: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-end: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  -webkit-padding-start: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
          padding-inline-start: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
  -webkit-padding-end: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
          padding-inline-end: calc(var(--a-menu-padding-x, 0px) - 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, normal);
  color: var(--a-menu-text-color);
  background-color: var(--a-menu-background-color);
  min-height: calc(var(--a-menu-line-height, 16px) + var(--a-menu-padding-y, 8px) * 2);
  border-radius: var(--a-menu-border-radius, 4px);
  border-color: var(--a-menu-border-color);
  border-width: var(--a-menu-border-width, 1px);
  border-style: solid;
  box-shadow: var(--a-menu-shadow);
}

.a-IRR-col-value {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 6px 12px;
  text-decoration: none;
  cursor: var(--a-menu-cursor, pointer);
  border-radius: var(--a-menu-item-border-radius);
  background-color: var(--a-menu-default-background-color);
  color: var(--a-menu-default-text-color, var(--a-menu-text-color));
}
.a-IRR-col-value:hover {
  --a-menu-default-background-color: var(--a-menu-focused-background-color);
  --a-menu-default-text-color: var(--a-menu-focused-text-color);
}

.a-IRR-dialogError {
  background-color: var(--a-palette-danger);
  color: var(--a-palette-danger-contrast);
  border-radius: var(--a-field-input-border-radius, 2px);
}

.a-IRR-form-label {
  padding: 0;
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-weight: var(--a-base-font-weight-bold, 700);
}

/*
   Dialog Table
   ========================================================================== */
.a-IRR-dialogTable {
  border-spacing: 0 6px;
  font-size: 12px;
  line-height: 16px;
  -webkit-margin-after: 12px;
          margin-block-end: 12px;
  min-width: 280px;
  border-collapse: collapse;
  /* Computation Dialog
     ========================================================================== */
}
.a-IRR-dialogTable:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.a-IRR-dialogTable input[type=radio] {
  margin: 0 4px 0 0;
}
.a-IRR-dialogTable + .a-IRR-dialogTable {
  -webkit-margin-before: -12px;
          margin-block-start: -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 {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.a-IRR-dialogTable .a-IRR-key .nolink {
  display: block;
  padding: 4px;
  line-height: 16px;
  height: 24px;
  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);
  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);
  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 {
  -webkit-margin-after: 2px;
          margin-block-end: 2px;
}
.a-IRR-computeExamples .a-IRR-button--examples {
  -webkit-margin-before: 6px;
          margin-block-start: 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) {
  -webkit-margin-after: 2px;
          margin-block-end: 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 {
  -webkit-padding-end: 0;
          padding-inline-end: 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: end;
}
.a-IRR-dialog-tableContainer .a-IRR-computation-function {
  font-family: var(--a-base-font-family-mono, monospace);
}

.a-IRR-dialogTable #IR_computation_expr {
  width: 100%;
  padding: 4px;
  margin: 0;
  border-radius: 2px;
  font-family: var(--a-base-font-family-mono, monospace);
  font-size: 12px;
  line-height: 16px;
  border-color: rgba(0, 0, 0, 0.25);
}

.a-IRR-dialogTable-header {
  font-weight: var(--a-base-font-weight-bold, 700);
}

.a-IRR-dialogTable th {
  font-weight: var(--a-base-font-weight-bold, 700);
  padding: 4px;
}

.a-IRR-dialogTable th,
.a-IRR-dialogTable td {
  text-align: start;
  -webkit-padding-end: 8px;
          padding-inline-end: 8px;
  vertical-align: top;
  line-height: 16px;
}

/*
   IRR Download Dialog
   ========================================================================== */
.a-IRR-iconList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.a-IRR-iconList-item {
  margin: 0;
  min-width: 64px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  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: flex;
  flex-direction: column;
  text-align: center;
  border-radius: 0;
  padding: 12px 16px;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
  justify-content: center;
  text-decoration: none;
}
.a-IRR-iconList-link:hover,
.a-IRR-iconList-action:hover {
  text-decoration: none;
}

.a-IRR-radioIconList-icon {
  -webkit-margin-after: 2px;
          margin-block-end: 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,
.a-IRR-subscriptionForm {
  padding: 8px;
}
.a-IRR-emailForm &gt; .a-IRR-iconList,
.a-IRR-downloadForm &gt; .a-IRR-iconList,
.a-IRR-subscriptionForm &gt; .a-IRR-iconList {
  -webkit-margin-start: -8px;
          margin-inline-start: -8px;
  margin-inline-start: -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);
  vertical-align: inherit;
}

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

.a-Icon.icon-irr-ws-history:before,
.a-Icon.icon-page-session:before,
.a-Icon.icon-coming-soon:before,
.a-Icon.icon-time: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-toggle-on:before {
  content: "\e255";
}

.a-Icon.icon-toggle-off:before {
  content: "\e256";
}

.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,
.a-Icon.icon-apex:before {
  content: "\e054";
}

.sample-otn:before {
  content: "\e1bb";
}

.a-Icon.icon-layout-2col:before {
  content: "\e264";
}

.a-Icon.icon-layout-2row:before {
  content: "\e265";
}

.a-Icon.icon-dev-bullet:before {
  content: "\e13a";
}

.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,
.a-Icon.icon-tab-close: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-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-shuttle-bottom:before,
.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-colorpicker-select:before {
  content: "\e215";
}

.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-color-preview:before {
  content: "\e216";
}

.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-search-suggestion:before,
.a-Icon.icon-cm-find:before {
  content: "\e022";
}

.a-Icon.icon-search-facet:before {
  content: "\e195";
}

.a-Icon.icon-search-recent:before {
  content: "\e11c";
}

.a-Icon.icon-facet-actions:before {
  content: "\e262";
}

.a-Icon.icon-actions:before {
  content: "\e261";
}

.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-bar-chart-horz:before {
  content: "\e16a";
}

.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-calendar-time:before {
  content: "\e243";
}

.a-Icon.icon-starrating-clear:before,
.a-Icon.icon-chip-clear:before {
  content: "\e241";
}

.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,
.apex-item-group--rich-text-editor .a-Icon.icon-popup-lov: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";
}

/* File Type Icons
   ========================================================================== */
.a-Icon.icon-file-css:before {
  content: "\e210";
}

.a-Icon.icon-file-html:before {
  content: "\e211";
}

.a-Icon.icon-file-js:before {
  content: "\e212";
}

.a-Icon.icon-file-json:before {
  content: "\e213";
}

.a-Icon.icon-file-xml:before {
  content: "\e214";
}

.a-Icon.icon-file-landscape-o:before {
  content: "\e257";
}

.a-Icon.icon-file-portrait-o:before {
  content: "\e258";
}

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

/* Map Icons
   ========================================================================== */
.a-Icon.icon-map-markers:before {
  content: "\e217";
}

.a-Icon.icon-zoom-draw:before {
  content: "\e218";
}

.a-Icon.icon-draw-circle:before {
  content: "\e219";
}

.a-Icon.icon-3d-mode:before {
  content: "\e220";
}

.a-Icon.icon-2d-mode:before {
  content: "\e221";
}

.a-Icon.icon-ban:before {
  content: "\e222";
}

.a-Icon.icon-ruler:before {
  content: "\e223";
}

.a-Icon.icon-line-map:before {
  content: "\e224";
}

.a-Icon.icon-polygon-3d-map:before {
  content: "\e225";
}

.a-Icon.icon-polygon-map:before {
  content: "\e226";
}

.a-Icon.icon-heat-map:before {
  content: "\e227";
}

.a-Icon.icon-map-layer:before {
  content: "\e12b";
}

.a-Icon.a-Icon--large.icon-map-markers:before {
  content: "\e228";
}

.a-Icon.a-Icon--large.icon-zoom-draw:before {
  content: "\e229";
}

.a-Icon.a-Icon--large.icon-draw-circle:before {
  content: "\e230";
}

.a-Icon.a-Icon--large.icon-3d-mode:before {
  content: "\e231";
}

.a-Icon.a-Icon--large.icon-2d-mode:before {
  content: "\e232";
}

.a-Icon.a-Icon--large.icon-ban:before {
  content: "\e233";
}

.a-Icon.a-Icon--large.icon-ruler:before {
  content: "\e234";
}

.a-Icon.a-Icon--large.icon-line-map:before {
  content: "\e235";
}

.a-Icon.a-Icon--large.icon-polygon-3d-map:before {
  content: "\e236";
}

.a-Icon.a-Icon--large.icon-polygon-map:before {
  content: "\e237";
}

.a-Icon.a-Icon--large.icon-heat-map:before {
  content: "\e238";
}

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

.a-IconList-item a {
  color: inherit;
}

/**
 * Icon Name (SPAN)
 */
.a-IconList-iconName {
  font-size: var(--a-iconlist-icon-name-font-size, 11px);
  line-height: var(--a-iconlist-icon-name-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: var(--a-iconlist-item-padding-y, 8px) var(--a-iconlist-item-padding-x, 4px);
  margin: var(--a-iconlist-item-margin, 4px);
  border-radius: var(--a-iconlist-item-border-radius, 3px);
  background-color: var(--a-iconlist-item-background-color);
  color: var(--a-iconlist-item-text-color);
}
.a-IconList-item:empty {
  display: none;
}
.a-IconList-item:hover {
  --a-iconlist-item-text-color: var(--a-iconlist-item-hover-text-color);
  --a-iconlist-item-background-color: var(--a-iconlist-item-hover-background-color, rgba(0, 0, 0, .025));
}
.a-IconList-item.is-selected {
  --a-iconlist-item-text-color: var(--a-iconlist-item-selected-text-color);
  --a-iconlist-item-background-color: var(--a-iconlist-item-selected-background-color, var(--a-palette-primary-shade, #ecf3ff));
}

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

File Name:    Icon.scss
Purpose:      Custom APEX Icons

******************************************************************************/
/* Report Edit Icons
   --
   APEX uses the &lt;img&gt; 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;
  -webkit-margin-start: 8px;
          margin-inline-start: 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: flex;
  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: var(--a-base-font-weight-bold, 700);
  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: unset;
  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: unset;
  left: 32px;
}
.a-ListView-item.has-link.has-alt .ui-btn:first-child {
  -webkit-margin-end: 32px;
          margin-inline-end: 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: unset;
  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: unset;
  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: unset;
  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);
  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: unset;
  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: unset;
  left: 0;
}
.a-ListView-item.has-alt .ui-li-count {
  right: 32px;
}
.u-RTL .a-ListView-item.has-alt .ui-li-count {
  right: unset;
  left: 32px;
}
.a-ListView-item .apex-load-more {
  text-align: center;
}

/* Notes
   has-alt =&gt; has description

   ========================================================================== */
/* Nested List Header
   ========================================================================== */
.a-ListView-header {
  margin: 12px;
  display: flex;
  align-items: center;
}
.a-ListView-header button {
  flex-shrink: 0;
}
.a-ListView-header h3 {
  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);
}

/* ==========================================================================
   Map Region
   ========================================================================== */
.a-MapRegion {
  --mg-bottom-left-ctrl-margin-y: 12px;
  --mg-bottom-left-ctrl-margin-x: 12px;
  --mg-top-right-ctrl-margin-y: 12px;
  --mg-top-right-ctrl-margin-x: 12px;
  --mg-popup-border-width: 0px;
  --mg-popup-border-radius: var(--jui-dialog-border-radius, 4px);
}

.a-MapRegion-container {
  display: flex;
  flex-direction: column;
}
.a-MapRegion-container .mapboxgl-map,
.a-MapRegion-container .maplibregl-map {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  min-height: 0;
  min-width: 0;
}
.a-MapRegion-container .a-MapRegion-legend {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
.a-MapRegion-container .mapboxgl-canvas,
.a-MapRegion-container .maplibregl-canvas {
  outline-offset: -2px;
}

.a-MapRegion-messages {
  display: flex;
}

.a-MapRegion-message {
  display: inline-flex;
  align-items: center;
  font-size: var(--a-map-message-font-size, 12px);
  line-height: var(--a-map-message-line-height, 16px);
  background-color: var(--a-map-message-background-color, var(--a-palette-warning-shade));
  color: var(--a-map-message-text-color, var(--a-palette-warning-text));
  border-radius: var(--a-map-message-border-radius, 4px);
  margin: var(--a-map-message-margin, 4px);
  padding: calc(var(--a-map-message-padding-y, 2px) / 2) calc(var(--a-map-message-padding-x, 8px) / 2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 16px -4px rgba(0, 0, 0, 0.2);
}
.a-MapRegion-message: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: "\e017";
  -webkit-margin-start: var(--a-map-message-padding-x, 8px);
          margin-inline-start: var(--a-map-message-padding-x, 8px);
  color: var(--a-map-message-icon-color, var(--a-palette-warning));
}

.a-MapRegion-messageText {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  padding: calc(var(--a-map-message-padding-y, 2px) / 2) calc(var(--a-map-message-padding-x, 8px) / 2);
}

.a-MapRegion-messageClose {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  order: 2;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  color: inherit;
  display: inline-flex;
  padding: 4px;
  cursor: var(--a-button-cursor, pointer);
  border-radius: var(--a-map-message-border-radius, 16px);
  opacity: var(--a-map-message-close-opacity, 0.35);
}
.a-MapRegion-messageClose:hover, .a-MapRegion-messageClose:focus {
  --a-map-message-close-opacity: 1;
}

.a-MapRegion-legend {
  --a-checkbox-label-spacing-x: 4px;
  -webkit-margin-before: var(--a-map-legend-margin-y, 8px);
          margin-block-start: var(--a-map-legend-margin-y, 8px);
  -webkit-margin-after: var(--a-map-legend-margin-y, 8px);
          margin-block-end: var(--a-map-legend-margin-y, 8px);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--a-map-legend-font-size, 13px);
}

.a-MapRegion-legendTitle {
  padding: var(--a-map-legend-title-padding-y, 4px) var(--a-map-legend-title-padding-x, 8px);
  align-items: center;
  color: var(--a-map-legend-title-text-color);
}

.a-MapRegion-legendItem {
  display: inline-flex;
  align-items: center;
  padding: var(--a-map-legend-item-padding-y, 4px) var(--a-map-legend-item-padding-x, 8px);
}

.a-MapRegion-legendLabel {
  display: inline-flex;
  align-items: center;
  cursor: var(--a-checkbox-cursor, pointer);
}

.a-MapRegion-legendIcon {
  -webkit-margin-start: var(--a-map-legend-icon-spacing, 4px);
          margin-inline-start: var(--a-map-legend-icon-spacing, 4px);
  color: var(--a-map-legend-selector-color);
}

.a-MapRegion-legendSelector {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: var(--a-checkbox-size, 16px);
  height: var(--a-checkbox-size, 16px);
  border-width: var(--a-checkbox-border-width, 1px);
  border-style: solid;
  border-color: var(--a-checkbox-border-color);
  border-radius: var(--a-checkbox-border-radius, 2px);
  cursor: var(--a-checkbox-cursor, pointer);
  background-color: var(--a-checkbox-background-color);
  color: var(--a-checkbox-text-color);
  font-size: var(--a-checkbox-icon-size, 12px);
  line-height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  position: relative;
  -webkit-margin-end: var(--a-checkbox-label-spacing-x, 8px);
          margin-inline-end: var(--a-checkbox-label-spacing-x, 8px);
}
.a-MapRegion-legendSelector:before {
  font-family: var(--a-checkbox-icon-font-family, "apex-5-icon-font");
  content: var(--a-checkbox-icon-character, "\e007");
  font-style: normal;
  font-weight: var(--a-checkbox-icon-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, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  height: calc(var(--a-checkbox-size, 16px) - var(--a-checkbox-border-width, 1px) * 2);
  text-align: center;
  opacity: 0;
  transition: var(--a-checkbox-icon-transition, 0.1s ease);
}
.u-RTL .a-MapRegion-legendSelector:before {
  left: unset;
  right: 0;
}
.a-MapRegion-legendSelector:checked {
  --a-checkbox-background-color: var(--a-map-legend-selector-color, var(--a-checkbox-checked-background-color));
  --a-checkbox-text-color: var(--a-checkbox-checked-text-color);
}
.a-MapRegion-legendSelector:checked:before {
  opacity: 1;
}

.mapboxgl-ctrl-group {
  overflow: hidden;
}
.mapboxgl-ctrl-group button:focus {
  outline: auto;
  outline-color: -webkit-focus-ring-color;
  outline-offset: -2px;
}
.mapboxgl-ctrl-group .is-active {
  background-color: var(--a-palette-primary) !important;
  color: var(--a-palette-primary-contrast) !important;
}
.mapboxgl-ctrl-group .a-Icon {
  width: var(--mg-ctrl-icon-size, 100%);
  height: var(--mg-ctrl-icon-size, 100%);
  line-height: var(--mg-ctrl-group-botton-size, 29px);
  display: grid;
  align-items: center;
  color: var(--a-map-control-icon-color, inherit);
}

.a-MapRegion-overview.mapboxgl-map {
  position: absolute;
  width: var(--a-map-overview-size, 33.33%);
  height: var(--a-map-overview-size, 33.33%);
  bottom: 0;
  right: 0;
  -webkit-margin-after: var(--a-map-zoom-overview-offset-y, 36px);
          margin-block-end: var(--a-map-zoom-overview-offset-y, 36px);
  -webkit-margin-end: var(--a-map-zoom-overview-offset-x, 12px);
          margin-inline-end: var(--a-map-zoom-overview-offset-x, 12px);
  background-color: var(--a-map-zoom-overview-background-color, #fff);
  border-radius: var(--a-map-zoom-overview-border-radius, 4px);
  box-shadow: var(--a-map-zoom-overview-box-shadow, 0 0 0 1px rgb(255, 255, 255), 0 4px 16px -4px rgba(0, 0, 0, 0.2));
}
.u-RTL .a-MapRegion-overview.mapboxgl-map {
  right: unset;
  left: 0;
}

.a-MapRegion-overviewSquare {
  width: 38%;
  height: 38%;
  background-color: var(--a-map-zoom-overview-square-background-color, rgba(5, 114, 206, 0.2));
  border-width: var(--a-map-zoom-overview-square-border-width, 2px);
  border-style: solid;
  border-color: var(--a-map-zoom-overview-square-border-color, #3887be);
  cursor: default;
}

.a-MapRegion-zoomOverlay {
  background-color: var(--a-map-zoom-overlay-background-color, rgba(5, 114, 206, 0.1));
  border-width: var(--a-map-zoom-overlay-border-width, 2px);
  border-style: solid;
  border-color: var(--a-map-zoom-overlay-border-color, #3887be);
  position: absolute;
  top: 0;
  left: 0;
}
.u-RTL .a-MapRegion-zoomOverlay {
  left: unset;
  right: 0;
}

.mapboxgl-popup-content {
  --mg-popup-padding-y: 12px;
  --mg-popup-padding-x: 12px;
  --mg-popup-close-button-offset: 4px;
  padding: 0;
}

.a-MapRegion-popup {
  -webkit-padding-before: var(--mg-popup-padding-y, var(--jui-tooltip-padding, 8px));
          padding-block-start: var(--mg-popup-padding-y, var(--jui-tooltip-padding, 8px));
  -webkit-padding-after: var(--mg-popup-padding-y, var(--jui-tooltip-padding, 8px));
          padding-block-end: var(--mg-popup-padding-y, var(--jui-tooltip-padding, 8px));
  -webkit-padding-start: var(--mg-popup-padding-x, var(--jui-tooltip-padding, 8px));
          padding-inline-start: var(--mg-popup-padding-x, var(--jui-tooltip-padding, 8px));
  -webkit-padding-end: var(--mg-popup-padding-x, var(--jui-tooltip-padding, 8px));
          padding-inline-end: var(--mg-popup-padding-x, var(--jui-tooltip-padding, 8px));
}
.a-MapRegion-popup--info {
  --a-map-popup-padding-offset: calc(var(--mg-popup-close-button-padding, 2px) + var(--mg-popup-close-button-padding, 2px) + var(--mg-popup-close-button-size, 16px) + var(--mg-popup-close-button-offset) + var(--mg-popup-close-button-offset));
  -webkit-padding-end: var(--a-map-popup-padding-offset, 28px);
          padding-inline-end: var(--a-map-popup-padding-offset, 28px);
}

.a-MapRegion-popupTitle {
  font-weight: var(--a-base-font-weight-bold, 700);
  font-size: var(--a-map-popup-title-font-size, 14px);
  line-height: var(--a-map-popup-title-line-height, 20px);
  -webkit-margin-end: calc(var(--mg-popup-close-button-size, 16px) + var(--mg-popup-padding-x, var(--jui-tooltip-padding, 8px)));
          margin-inline-end: calc(var(--mg-popup-close-button-size, 16px) + var(--mg-popup-padding-x, var(--jui-tooltip-padding, 8px)));
}
.a-MapRegion-popupTitle:not(:last-child) {
  -webkit-margin-after: 4px;
          margin-block-end: 4px;
}

/* Distance Tool */
.a-MapRegion-distance {
  position: absolute;
  top: var(--a-map-distance-offset, 12px);
  left: var(--a-map-distance-offset, 12px);
  z-index: 1;
  border-radius: var(--a-map-distance-border-radius, 4px);
  padding: var(--a-map-distance-padding-y, 4px) var(--a-map-distance-padding-x, 12px);
  font-size: var(--a-map-distance-font-size, 12px);
  line-height: var(--a-map-distance-line-height, 16px);
  box-shadow: var(--a-map-distance-box-shadow, var(--jui-tooltip-shadow));
}
.u-RTL .a-MapRegion-distance {
  left: unset;
  right: var(--a-map-distance-offset, 12px);
}
.u-RTL .u-RTL .a-MapRegion-distance {
  right: unset;
  left: 0var --a-map-distance-offset, 12px;
}
.a-MapRegion-distance:empty {
  display: none;
}
.a-MapRegion-distance--light {
  background-color: var(--a-map-distance-light-background-color, rgba(255, 255, 255, 0.8));
  color: var(--a-map-distance-light-text-color, #000);
}
.a-MapRegion-distance--dark {
  background-color: var(--a-map-distance-dark-background-color, rgba(0, 0, 0, 0.5));
  color: var(--a-map-distance-dark-text-color, #fff);
}
.a-MapRegion--zoomControlsStart .a-MapRegion-distance {
  left: calc(var(--mg-top-left-ctrl-margin-x, 12px) + var(--mg-ctrl-group-botton-size, 32px) + var(--mg-top-left-ctrl-margin-x, 12px));
}
.u-RTL .a-MapRegion--zoomControlsStart .a-MapRegion-distance {
  left: unset;
  right: calc(var(--mg-top-left-ctrl-margin-x, 12px) + var(--mg-ctrl-group-botton-size, 32px) + var(--mg-top-left-ctrl-margin-x, 12px));
}

/* ==========================================================================
   GeoCoded Address List
   ========================================================================== */
.a-GeoCoder-results {
  overflow: hidden;
  max-width: 100%;
}

.a-AddressList {
  --a-iconlist-item-border-radius: 0;
  --a-iconlist-item-margin: 0px;
  --a-iconlist-item-padding-x: 12px;
}

.a-AddressList-item {
  float: none !important;
  cursor: pointer;
}

.a-AddressList-line1 {
  font-weight: var(--a-addresslist-line1-font-weight, var(--a-base-font-weight-bold, 700));
}

.a-AddressList-line2 {
  font-weight: var(--a-addresslist-line2-font-weight);
}

/* Markdown Editor
   ========================================================================== */
.a-MDEditor {
  position: relative;
}

.a-MDEditor .a-Toolbar {
  padding: var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 8px)) var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 8px)) 0;
  background-color: var(--a-toolbar-background-color);
  color: var(--a-toolbar-text-color);
  border-width: var(--a-toolbar-border-width, 1px);
  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);
}
.a-MDEditor-toolbar + .a-MDEditor-content {
  -webkit-margin-before: calc(var(--a-mdeditor-border-width, 1px) * -1);
          margin-block-start: calc(var(--a-mdeditor-border-width, 1px) * -1);
}

/* Preview / Textarea Styles
   ========================================================================== */
.a-MDEditor-previewPanel,
.a-MDEditor .CodeMirror {
  border-color: var(--a-mdeditor-border-color);
  background-color: var(--a-mdeditor-background-color);
  border-width: var(--a-mdeditor-border-width, 1px);
  border-style: solid;
}
.a-MDEditor-previewPanel:focus, .a-MDEditor-previewPanel.CodeMirror-focused,
.a-MDEditor .CodeMirror:focus,
.a-MDEditor .CodeMirror.CodeMirror-focused {
  --a-mdeditor-border-color: var(--a-mdeditor-focus-border-color);
}

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

/* Markdown Editor Live Editing with Syntax Highlighting */
.a-MDEditor .a-MDEditor-live {
  position: relative;
  color: var(--a-field-input-state-text-color, var(--a-field-input-text-color));
  background-color: var(--a-field-input-state-background-color, var(--a-field-input-background-color));
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.a-MDEditor .a-MDEditor-live:hover {
  --a-field-input-state-background-color: var(--a-field-input-hover-background-color);
  --a-field-input-state-border-color: var(--a-field-input-hover-border-color);
  --a-field-input-state-text-color: var(--a-field-input-hover-text-color);
}
.a-MDEditor .a-MDEditor-live:focus-within {
  --a-field-input-state-background-color: var(--a-field-input-focus-background-color);
  --a-field-input-state-border-color: var(--a-field-input-focus-border-color);
  --a-field-input-state-text-color: var(--a-field-input-focus-text-color);
  outline: 1px auto Highlight;
  outline: 1px auto -webkit-focus-ring-color;
  outline-offset: var(--ut-focus-outline-offset);
}
.a-MDEditor .a-MDEditor-live pre {
  -webkit-padding-before: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-start: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-after: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-end: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px)));
          padding-inline-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px)));
  position: absolute;
  top: var(--a-mdeditor-border-width, 1px);
  left: var(--a-mdeditor-border-width, 1px);
  bottom: var(--a-mdeditor-border-width, 1px);
  right: var(--a-mdeditor-border-width, 1px);
  pointer-events: none;
  overflow: hidden;
  display: none;
}
.a-MDEditor .a-MDEditor-live pre,
.a-MDEditor .a-MDEditor-live code,
.a-MDEditor .a-MDEditor-live .apex-item-textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
  font-family: var(--a-base-font-family-mono, monospace);
  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, 400);
  white-space: pre-wrap;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
}
.a-MDEditor .a-MDEditor-live .apex-item-textarea {
  width: 100%;
  background-color: transparent;
  caret-color: var(--a-mdeditor-caret, var(--a-field-input-text-color, inherit));
  resize: vertical !important;
  outline: none;
}
.a-MDEditor .a-MDEditor-live.a-MDEditor-live--enabled pre {
  display: block;
}
.a-MDEditor .a-MDEditor-live.a-MDEditor-live--enabled .apex-item-textarea:not(:-moz-placeholder-shown) {
  color: transparent;
}
.a-MDEditor .a-MDEditor-live.a-MDEditor-live--enabled .apex-item-textarea:not(:placeholder-shown) {
  color: transparent;
}

.apex-item-wrapper--markdown-editor .apex-item-textarea {
  min-height: var(--a-mdeditor-code-height, 180px);
}

/* ==========================================================================
   Markdownified
   ========================================================================== */
.is-markdownified {
  font-weight: normal;
}
.is-markdownified a {
  word-wrap: break-word;
  -webkit-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 {
  -webkit-margin-before: 24px;
          margin-block-start: 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 {
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  -webkit-margin-start: 32px;
          margin-inline-start: 32px;
  -webkit-margin-end: 0;
          margin-inline-end: 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) {
  -webkit-margin-after: 4px;
          margin-block-end: 4px;
}
.is-markdownified ul ul,
.is-markdownified ul ol,
.is-markdownified ol ul,
.is-markdownified ol ol {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 12px;
          margin-block-end: 12px;
}
.is-markdownified ul p + ul, .is-markdownified ul p + ol,
.is-markdownified ol p + ul,
.is-markdownified ol p + ol {
  -webkit-margin-before: -8px;
          margin-block-start: -8px;
}
.is-markdownified hr {
  clear: both;
  background-color: transparent;
  -webkit-margin-before: var(--a-md-hr-margin-y, 20px);
          margin-block-start: var(--a-md-hr-margin-y, 20px);
  -webkit-margin-after: var(--a-md-hr-margin-y, 20px);
          margin-block-end: var(--a-md-hr-margin-y, 20px);
  -webkit-margin-start: var(--a-md-hr-margin-x, 0);
          margin-inline-start: var(--a-md-hr-margin-x, 0);
  -webkit-margin-end: var(--a-md-hr-margin-x, 0);
          margin-inline-end: 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 {
  -webkit-margin-before: var(--a-md-blockquote-margin-y, 20px);
          margin-block-start: var(--a-md-blockquote-margin-y, 20px);
  -webkit-margin-after: var(--a-md-blockquote-margin-y, 20px);
          margin-block-end: var(--a-md-blockquote-margin-y, 20px);
  -webkit-margin-start: var(--a-md-blockquote-margin-x, 20px);
          margin-inline-start: var(--a-md-blockquote-margin-x, 20px);
  -webkit-margin-end: var(--a-md-blockquote-margin-x, 20px);
          margin-inline-end: var(--a-md-blockquote-margin-x, 20px);
  -webkit-padding-before: var(--a-md-blockquote-padding-y, 4px);
          padding-block-start: var(--a-md-blockquote-padding-y, 4px);
  -webkit-padding-after: var(--a-md-blockquote-padding-y, 4px);
          padding-block-end: var(--a-md-blockquote-padding-y, 4px);
  -webkit-padding-start: var(--a-md-blockquote-padding-x, 20px);
          padding-inline-start: var(--a-md-blockquote-padding-x, 20px);
  -webkit-padding-end: var(--a-md-blockquote-padding-x, 20px);
          padding-inline-end: 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 {
  -webkit-padding-before: var(--a-md-code-padding-y, 2px);
          padding-block-start: var(--a-md-code-padding-y, 2px);
  -webkit-padding-after: var(--a-md-code-padding-y, 2px);
          padding-block-end: var(--a-md-code-padding-y, 2px);
  -webkit-padding-start: var(--a-md-code-padding-x, 4px);
          padding-inline-start: var(--a-md-code-padding-x, 4px);
  -webkit-padding-end: var(--a-md-code-padding-x, 4px);
          padding-inline-end: 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 {
  -webkit-margin-after: 16px;
          margin-block-end: 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;
  box-shadow: none;
  border-width: 0;
}
.is-markdownified table {
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
  -webkit-margin-after: 20px;
          margin-block-end: 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 {
  -webkit-margin-after: 8px;
          margin-block-end: 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 {
  -webkit-padding-before: var(--a-md-table-cell-padding-y, 6px);
          padding-block-start: var(--a-md-table-cell-padding-y, 6px);
  -webkit-padding-after: var(--a-md-table-cell-padding-y, 6px);
          padding-block-end: var(--a-md-table-cell-padding-y, 6px);
  -webkit-padding-start: var(--a-md-table-cell-padding-x, 8px);
          padding-inline-start: var(--a-md-table-cell-padding-x, 8px);
  -webkit-padding-end: var(--a-md-table-cell-padding-x, 8px);
          padding-inline-end: 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:
 *
 * &lt;div class="a-MediaBlock"&gt;
 *   &lt;div class="a-MediaBlock-graphic"&gt;
 *     &lt;img src="foo.jpg" alt=""&gt;
 *   &lt;/div&gt;
 *   &lt;div class="a-MediaBlock-content"&gt;
 *     Content here
 *   &lt;/div&gt;
 * &lt;/div&gt;
 */
.a-MediaBlock,
.a-RegionMedia {
  display: flex;
}

.a-MediaBlock-graphic,
.a-RegionMedia-graphic {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  -webkit-margin-end: var(--a-media-block-spacing, 8px);
          margin-inline-end: var(--a-media-block-spacing, 8px);
}
.a-MediaBlock-graphic img,
.a-RegionMedia-graphic img {
  display: block;
}

.a-MediaBlock-graphic--right,
.a-RegionMedia-graphic--right {
  -webkit-margin-start: var(--a-media-block-spacing, 8px);
          margin-inline-start: var(--a-media-block-spacing, 8px);
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  order: 3;
}

.a-MediaBlock-content,
.a-RegionMedia-content {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  order: 2;
  min-width: 0;
}

/* ==========================================================================
  Menus
  ========================================================================== */
.a-MenuBar {
  background-color: var(--a-menubar-background-color);
}
.a-MenuBar &gt; ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.a-MenuBar-item {
  display: flex;
  border-width: var(--a-menubar-item-border-width, 1px);
  border-style: solid;
  border-color: var(--a-menubar-item-border-color);
  border-radius: var(--a-menubar-item-border-radius, 0px);
  cursor: var(--a-menubar-cursor, pointer);
  background-color: var(--a-menubar-item-background-color);
  color: var(--a-menubar-item-text-color);
  font-size: var(--a-menubar-item-font-size, inherit);
  line-height: var(--a-menubar-item-line-height, inherit);
  font-weight: var(--a-menubar-item-font-weight, normal);
}
.a-MenuBar-item + .a-MenuBar-item {
  -webkit-margin-start: calc(var(--a-menubar-item-border-width, 1px) * -1);
          margin-inline-start: calc(var(--a-menubar-item-border-width, 1px) * -1);
}
.a-MenuBar-item.is-disabled {
  cursor: var(--a-menubar-disabled-cursor, default) !important;
  opacity: var(--a-menubar-disabled-opacity, 0.5);
}
.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-label {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  text-align: inherit;
  color: inherit;
  -webkit-padding-before: var(--a-menubar-item-padding-y, 8px);
          padding-block-start: var(--a-menubar-item-padding-y, 8px);
  -webkit-padding-after: var(--a-menubar-item-padding-y, 8px);
          padding-block-end: var(--a-menubar-item-padding-y, 8px);
  -webkit-padding-start: var(--a-menubar-item-padding-x, 8px);
          padding-inline-start: var(--a-menubar-item-padding-x, 8px);
  -webkit-padding-end: var(--a-menubar-item-padding-x, 8px);
          padding-inline-end: var(--a-menubar-item-padding-x, 8px);
  outline: none;
  font: inherit;
  display: flex;
  align-items: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: inherit;
}

.a-MenuBar-item &gt; .a-Menu-subMenuCol {
  --a-icon-size: var(--a-menubar-item-split-icon-size, 16px);
  width: calc(var(--a-menubar-item-split-icon-size, 16px) + var(--a-menubar-item-split-icon-spacing, 8px) * 2);
  color: var(--a-menubar-item-split-icon-color);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  align-items: center;
}
.a-MenuBar-item &gt; .a-Menu-subMenuCol .a-Icon {
  flex-shrink: 0;
}
.a-MenuBar-item.a-Menu--split &gt; .a-Menu-subMenuCol {
  border-left-width: var(--a-menubar-item-split-border-width, var(--a-menubar-item-border-width, 1px));
  border-left-style: solid;
  border-left-color: var(--a-menubar-item-split-border-color);
  padding: var(--a-menubar-item-split-icon-spacing, 8px);
}
.u-RTL .a-MenuBar-item.a-Menu--split &gt; .a-Menu-subMenuCol {
  border-left-width: 0;
  border-right-width: var(--a-menubar-item-split-border-width, var(--a-menubar-item-border-width, 1px));
  border-right-style: solid;
  border-right-color: var(--a-menubar-item-split-border-color);
}

/* ==========================================================================
   Menu
   ========================================================================== */
.a-Menu {
  display: none;
  outline: none;
  min-width: var(--a-menu-min-width);
  z-index: var(--a-menu-zindex, 2010);
}
.a-Menu .a-Menu {
  -webkit-margin-before: calc((var(--a-menu-padding-y, 8px) + var(--a-menu-border-width, 1px)) * -1);
          margin-block-start: calc((var(--a-menu-padding-y, 8px) + var(--a-menu-border-width, 1px)) * -1);
}

.a-Menu-content {
  position: relative;
  -webkit-padding-before: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-start: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  -webkit-padding-after: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-end: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  -webkit-padding-start: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
          padding-inline-start: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
  -webkit-padding-end: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
          padding-inline-end: calc(var(--a-menu-padding-x, 0px) - 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, normal);
  color: var(--a-menu-text-color);
  background-color: var(--a-menu-background-color);
  min-height: calc(var(--a-menu-line-height, 16px) + var(--a-menu-padding-y, 8px) * 2);
  border-radius: var(--a-menu-border-radius, 4px);
  border-color: var(--a-menu-border-color);
  border-width: var(--a-menu-border-width, 1px);
  border-style: solid;
  box-shadow: var(--a-menu-shadow);
}
.a-Menu-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.a-Menu--top:not(.has-callout) &gt; .a-Menu-content {
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.a-Menu-item {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  float: none;
  white-space: nowrap;
  cursor: var(--a-menu-cursor, pointer);
  border-radius: var(--a-menu-item-border-radius);
}
.a-Menu-item--default .a-MenuBar-label {
  font-weight: var(--a-base-font-weight-bold, 700);
}

/*
 * Classes to handle menus without explicit widths + paddings
 */
.a-Menu-inner {
  display: flex;
  min-height: var(--a-menu-item-height, calc(var(--a-menu-line-height, 16px) + var(--a-menu-padding-y, 8px) * 2));
}

.a-Menu-labelContainer {
  display: flex;
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  -webkit-margin-end: calc(var(--a-menu-icon-spacing-x, 8px) * 2);
          margin-inline-end: calc(var(--a-menu-icon-spacing-x, 8px) * 2);
  align-items: center;
}

.a-Menu-statusCol {
  -webkit-padding-start: var(--a-menu-icon-spacing-x, 8px);
          padding-inline-start: var(--a-menu-icon-spacing-x, 8px);
  -webkit-padding-end: var(--a-menu-icon-spacing-x, 8px);
          padding-inline-end: var(--a-menu-icon-spacing-x, 8px);
  -webkit-padding-before: var(--a-menu-icon-spacing-y, 8px);
          padding-block-start: var(--a-menu-icon-spacing-y, 8px);
  -webkit-padding-after: var(--a-menu-icon-spacing-y, 8px);
          padding-block-end: var(--a-menu-icon-spacing-y, 8px);
  width: calc(var(--a-menu-icon-size, 16px) + var(--a-menu-icon-spacing-x, 8px) * 2);
  height: calc(var(--a-menu-icon-size, 16px) + var(--a-menu-icon-spacing-y, 8px) * 2);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.a-Menu-statusCol .fa,
.a-Menu-statusCol .a-Icon {
  font-size: var(--a-menu-icon-size, 16px);
  width: var(--a-menu-icon-size, 16px);
  height: var(--a-menu-icon-size, 16px);
}
.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;
          user-select: none;
  cursor: inherit;
  font-size: var(--a-menu-font-size, 12px);
  line-height: var(--a-menu-line-height, 16px);
  font-weight: var(--a-menu-font-weight, normal);
}
.a-Menu-label, .a-Menu-label:hover {
  text-decoration: none;
}

.a-Menu-accelContainer {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  text-align: end;
  align-items: center;
}

.a-Menu-accel {
  font-size: var(--a-menu-accel-font-size, var(--a-menu-font-size, 12px));
  color: var(--a-menu-accel-text-color);
}

.a-Menu-itemSep .a-Menu-inner {
  min-height: 0;
}
.a-Menu-itemSep .a-Menu-labelContainer {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.a-Menu-itemSep .a-Menu-statusCol,
.a-Menu-itemSep .a-Menu-accelContainer {
  display: none;
}

.a-Menu-hSeparator {
  display: block;
  width: 100%;
  -webkit-margin-before: var(--a-menu-sep-spacing-y, 4px);
          margin-block-start: var(--a-menu-sep-spacing-y, 4px);
  -webkit-margin-after: var(--a-menu-sep-spacing-y, 4px);
          margin-block-end: var(--a-menu-sep-spacing-y, 4px);
  -webkit-margin-start: var(--a-menu-sep-spacing-x, 0px);
          margin-inline-start: var(--a-menu-sep-spacing-x, 0px);
  -webkit-margin-end: var(--a-menu-sep-spacing-x, 0px);
          margin-inline-end: var(--a-menu-sep-spacing-x, 0px);
  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);
}

.a-Menu-item {
  background-color: var(--a-menu-default-background-color);
  color: var(--a-menu-default-text-color, var(--a-menu-text-color));
}
.a-Menu-item .a-Menu-accel {
  color: var(--a-menu-default-accel-text-color);
}

.a-Menu-item.is-focused {
  background-color: var(--a-menu-focused-background-color);
  color: var(--a-menu-focused-text-color);
}
.a-Menu-item.is-focused .a-Menu-accel {
  color: var(--a-menu-focused-accel-text-color);
}

.a-Menu-item.is-expanded {
  background-color: var(--a-menu-expanded-background-color);
  color: var(--a-menu-expanded-text-color);
}
.a-Menu-item.is-expanded &gt; .a-Menu-inner .a-Menu-statusCol, .a-Menu-item.is-expanded &gt; .a-Menu-inner .a-Menu-accel {
  color: var(--a-menu-expanded-accel-text-color);
}

.a-Menu-item.is-disabled {
  cursor: var(--a-menu-disabled-cursor, default) !important;
}
.a-Menu-item.is-disabled .a-Menu-inner {
  opacity: var(--a-menu-disabled-opacity, 0.5);
}
.a-Menu-item.is-disabled.is-focused {
  background-color: var(--a-menu-disabled-focused-background-color);
  color: var(--a-menu-disabled-focused-text-color);
}
.a-Menu-item.is-disabled.is-focused &gt; .a-Menu-inner .a-Menu-statusCol, .a-Menu-item.is-disabled.is-focused &gt; .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-subMenuCol {
  -webkit-padding-start: var(--a-menu-icon-spacing-x, 8px);
          padding-inline-start: var(--a-menu-icon-spacing-x, 8px);
  -webkit-padding-end: var(--a-menu-icon-spacing-x, 8px);
          padding-inline-end: var(--a-menu-icon-spacing-x, 8px);
  -webkit-padding-before: var(--a-menu-icon-spacing-y, 8px);
          padding-block-start: var(--a-menu-icon-spacing-y, 8px);
  -webkit-padding-after: var(--a-menu-icon-spacing-y, 8px);
          padding-block-end: var(--a-menu-icon-spacing-y, 8px);
  width: calc(var(--a-menu-icon-size, 16px) + var(--a-menu-icon-spacing-x, 8px) * 2);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.a-Menu-subMenuCol .fa,
.a-Menu-subMenuCol .a-Icon {
  font-size: var(--a-menu-icon-size, 16px);
  width: var(--a-menu-icon-size, 16px);
  height: var(--a-menu-icon-size, 16px);
}
.a-Menu-subMenuCol .fa:before,
.a-Menu-subMenuCol .a-Icon:before {
  font-size: inherit;
}

/* ==========================================================================
   Scrolling Buttons
   ========================================================================== */
.a-Menu-content.a-Menu--scrollable {
  padding: 0;
}

.a-Menu-scroll {
  overflow: hidden;
  -webkit-padding-before: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-start: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  -webkit-padding-after: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-end: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
}

.a-Menu-scrollBtn {
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: var(--a-menu-cursor, pointer);
  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, 1px);
  border-bottom-style: solid;
  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, 1px);
  border-top-style: solid;
  box-shadow: var(--a-menu-scroll-down-shadow);
}
.a-Menu-scrollBtn.is-disabled {
  opacity: var(--a-menu-disabled-opacity, 0.5);
}
.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, var(--a-menu-border-width, 1px));
  box-shadow: var(--a-menu-callout-shadow);
  background-clip: var(--a-menu-callout-background-clip);
  display: block;
  height: calc(var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px)) * 2);
  width: calc(var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px)) * 2);
  transform-origin: 50%;
  position: relative;
  margin: calc(var(--a-menu-callout-size, 12px) / 2);
}

.a-Menu.has-callout,
.ui-dialog--popup {
  margin: calc(var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px)));
}

.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, 12px) * 2);
  height: var(--a-menu-callout-size, 12px);
}
.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((var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px))) * -1);
  left: calc((var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px))) * 1.5);
}
.a-Menu .has-callout-top .u-callout,
.a-Menu .u-callout.u-callout--top {
  transform: translateX(-50%);
}

.has-callout-top .u-callout:before,
.u-callout.u-callout--top:before {
  transform: translateY(0) rotateZ(45deg);
  border-top-left-radius: var(--a-menu-callout-border-radius, calc(var(--a-menu-border-radius, 4px) / 2));
}

.has-callout-bottom .u-callout,
.u-callout.u-callout--bottom {
  bottom: calc((var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px))) * -1);
  left: calc((var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px))) * 1.5);
}
.a-Menu .has-callout-bottom .u-callout,
.a-Menu .u-callout.u-callout--bottom {
  transform: translateX(-50%);
}

.has-callout-bottom .u-callout:before,
.u-callout.u-callout--bottom:before {
  transform: translateY(calc(var(--a-menu-callout-size, 12px) * -1)) rotateZ(45deg);
  border-bottom-right-radius: var(--a-menu-callout-border-radius, calc(var(--a-menu-border-radius, 4px) / 2));
}

.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, 12px);
  height: calc(var(--a-menu-callout-size, 12px) * 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((var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px))) / 2);
  left: calc((var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px))) * -1);
}
.has-callout-left .u-callout:before,
.u-callout.u-callout--left:before {
  transform: translateX(0) rotateZ(45deg);
  border-bottom-left-radius: var(--a-menu-callout-border-radius, calc(var(--a-menu-border-radius, 4px) / 2));
}

.has-callout-right .u-callout,
.u-callout.u-callout--right {
  top: calc((var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px))) / 2);
  right: calc((var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px))) * -1);
}
.has-callout-right .u-callout:before,
.u-callout.u-callout--right:before {
  transform: translateX(calc((var(--a-menu-callout-size, 12px) - var(--a-menu-callout-border-width, var(--a-menu-border-width, 1px))) * -1)) rotateZ(45deg);
  border-top-right-radius: var(--a-menu-callout-border-radius, calc(var(--a-menu-border-radius, 4px) / 2));
}

body .ui-dialog.ui-dialog--popup .ui-dialog-content {
  background-color: transparent;
}
body .ui-dialog.ui-dialog--popup .ui-dialog-content ~ .has-callout-top .u-callout,
body .ui-dialog.ui-dialog--popup .ui-dialog-content ~ .u-callout.u-callout--top {
  top: calc(var(--a-menu-callout-size, 12px) * -1);
}
body .ui-dialog.ui-dialog--popup .ui-dialog-content ~ .has-callout-bottom .u-callout,
body .ui-dialog.ui-dialog--popup .ui-dialog-content ~ .u-callout.u-callout--bottom {
  bottom: calc(var(--a-menu-callout-size, 12px) * -1);
}
body .ui-dialog.ui-dialog--popup .ui-dialog-content ~ .has-callout-left .u-callout,
body .ui-dialog.ui-dialog--popup .ui-dialog-content ~ .u-callout.u-callout--left {
  left: calc(var(--a-menu-callout-size, 12px) * -1);
}
body .ui-dialog.ui-dialog--popup .ui-dialog-content ~ .has-callout-right .u-callout,
body .ui-dialog.ui-dialog--popup .ui-dialog-content ~ .u-callout.u-callout--right {
  right: calc(var(--a-menu-callout-size, 12px) * -1);
}

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

/* ==========================================================================
   PrismJS
   ========================================================================== */
.token.comment, .token.prolog, .token.doctype, .token.cdata {
  color: var(--prism-comment);
}
.token.namespace {
  color: var(--prism-namespace);
}
.token.interpolation {
  color: var(--prism-interpolation);
}
.token.string {
  color: var(--prism-string);
}
.token.keyword.module, .token.keyword.control-flow {
  color: var(--prism-keyword-control);
}
.token.url, .token.symbol, .token.inserted {
  color: var(--prism-symbol);
}
.token.constant {
  color: var(--prism-constant);
}
.token.boolean, .token.language-json .boolean {
  color: var(--prism-boolean);
}
.token.number, .token.language-json .number {
  color: var(--prism-number);
}
.token.variable {
  color: var(--prism-variable);
}
.token.keyword {
  color: var(--prism-keyword);
}
.token.atrule, .token.attr-value, .token.selector {
  color: var(--prism-selector);
}
.token.function {
  color: var(--prism-function);
}
.token.deleted {
  color: var(--prism-deleted);
}
.token.important, .token.bold {
  font-weight: var(--a-base-font-weight-bold, 700);
}
.token.italic {
  font-style: italic;
}
.token.class-name {
  color: var(--prism-class);
}
.token.tag, .token.builtin {
  color: var(--prism-builtin);
}
.token.attr-name, .token.property, .token.entity {
  color: var(--prism-property);
}
.token.language-json .property {
  color: var(--prism-json-property);
}
.token.regex {
  color: var(--prism-regex);
}
.token.decorator, .token.annotation {
  color: var(--prism-decorator);
}

/* ==========================================================================
   Popup LOV
   ========================================================================== */
.apex-item-group--popup-lov {
  display: inline-flex;
  vertical-align: top;
}

.apex-item-popup-lov {
  flex-grow: 1;
  width: 100%;
  margin: 0;
}
.apex-item-popup-lov.apex-item-text {
  height: auto;
}

.a-Button--popupLOV {
  flex-grow: 0;
}

.apex-item-text.a-PopupLOV-search,
.apex-item-text.apex-item-popup-lov,
.apex-item-multi {
  -webkit-padding-before: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-start: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-after: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
          padding-block-end: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px) + var(--a-item-icon-offset, 0px));
          padding-inline-start: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px) + var(--a-item-icon-offset, 0px));
  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, 400);
  color: var(--a-field-input-state-text-color, var(--a-field-input-text-color));
  background-color: var(--a-field-input-state-background-color, var(--a-field-input-background-color));
  border-radius: var(--a-field-input-border-radius, 2px);
  border-color: var(--a-field-input-state-border-color, var(--a-field-input-border-color));
  border-width: var(--a-field-input-border-width, 1px);
  border-style: solid;
  box-shadow: var(--a-field-input-state-shadow, var(--a-field-input-shadow, none));
}

.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, 2px);
  border-bottom-right-radius: var(--a-field-input-border-radius, 2px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.apex-item-multi {
  margin: 0;
  list-style: none;
  display: flex;
  flex-grow: 1;
  width: 100%;
  flex-wrap: wrap;
  padding: 1px;
  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-background-color: transparent;
  --a-field-input-shadow: none;
  --a-field-input-padding-y: 1px;
  --a-field-input-padding-x: 2px;
}

.apex-item-multi-item {
  flex-grow: 0;
  display: inline-flex;
  margin: var(--a-popuplov-chip-margin-y, 1px) var(--a-popuplov-chip-margin-x, 1px);
  vertical-align: top;
  max-width: 100%;
}
.apex-item-multi-item &gt; span {
  display: inline-flex;
  align-items: center;
  border-radius: var(--a-popuplov-chip-border-radius, 2px);
  font-size: var(--a-popuplov-chip-font-size, 12px);
  line-height: var(--a-popuplov-chip-line-height, 16px);
  padding: var(--a-popuplov-chip-padding-y, 1px) var(--a-popuplov-chip-padding-x, 4px);
  vertical-align: top;
  cursor: default;
  max-width: 100%;
  word-break: break-all;
  -webkit-hyphens: auto;
          hyphens: auto;
  background-color: var(--a-popuplov-chip-background-color, rgba(0, 0, 0, 0.05));
  color: var(--a-popuplov-chip-text-color);
}
.apex-item-multi-item.is-active &gt; span {
  box-shadow: 0 0 0 1px var(--a-palette-primary, #0572CE) inset;
}
.apex-item-multi-item:last-child {
  flex-grow: 1;
}

.apex-item-multi-remove {
  --a-icon-size: var(--a-popuplov-chip-remove-font-size);
  -webkit-margin-start: var(--a-popuplov-chip-remove-gap-x, 2px);
          margin-inline-start: var(--a-popuplov-chip-remove-gap-x, 2px);
  -webkit-margin-end: calc(var(--a-popuplov-chip-remove-gap-x, 2px) * -1);
          margin-inline-end: calc(var(--a-popuplov-chip-remove-gap-x, 2px) * -1);
  border: 0;
  border-radius: var(--a-popuplov-chip-remove-border-radius, 1px);
  cursor: pointer;
  padding: 0;
  font-size: var(--a-popuplov-chip-remove-font-size, var(--a-icon-size, 16px));
  line-height: var(--a-popuplov-chip-remove-font-size, var(--a-icon-size, 16px));
  background-color: var(--a-popuplov-chip-remove-background-color, transparent);
  color: var(--a-popuplov-chip-remove-text-color, inherit);
}

.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: flex;
  flex-direction: column;
}

.a-PopupLOV-searchBar {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  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, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--a-toolbar-border-color);
}

.a-PopupLOV-search,
.apex-item-text.a-PopupLOV-search {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.a-PopupLOV-search.apex-item-text,
.apex-item-text.a-PopupLOV-search.apex-item-text {
  height: auto;
  flex-grow: 1;
}

.a-PopupLOV-doSearch {
  -webkit-margin-start: var(--a-button-gap-x, 8px);
          margin-inline-start: var(--a-button-gap-x, 8px);
}

.a-PopupLOV--incremental .a-PopupLOV-search {
  --a-popuplov-search-input-padding-inline-start: calc(var(--a-field-icon-size) + ((var(--a-field-icon-spacing) * 2) - var(--a-field-input-border-width, 1px)));
  order: 2;
  -webkit-padding-start: var(--a-popuplov-search-input-padding-left, 32px);
          padding-inline-start: 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-inline-start: 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));
  order: 1;
  align-self: center;
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: var(--a-field-icon-spacing, 8px);
  left: var(--a-popuplov-search-icon-left, 32px);
  -webkit-margin-start: var(--a-popuplov-search-icon-margin-left, -24px);
          margin-inline-start: var(--a-popuplov-search-icon-margin-left, -24px);
}
.u-RTL .a-PopupLOV--incremental .a-Icon {
  left: unset;
  right: var(--a-popuplov-search-icon-left, 32px);
}

.a-PopupLOV-clear {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  align-items: 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;
          user-select: none;
  -webkit-padding-before: var(--a-menu-item-generic-padding-y, 8px);
          padding-block-start: var(--a-menu-item-generic-padding-y, 8px);
  -webkit-padding-after: var(--a-menu-item-generic-padding-y, 8px);
          padding-block-end: var(--a-menu-item-generic-padding-y, 8px);
  -webkit-padding-start: var(--a-menu-item-generic-padding-x, 8px);
          padding-inline-start: var(--a-menu-item-generic-padding-x, 8px);
  -webkit-padding-end: var(--a-menu-item-generic-padding-x, 8px);
          padding-inline-end: var(--a-menu-item-generic-padding-x, 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: start;
}
.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, 8px);
  --a-gv-footer-padding-x: var(--a-popuplov-search-bar-padding-x, 8px);
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
}
.a-PopupLOV-results .a-TMV-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.a-PopupLOV-results .a-GV-noDataMsg,
.a-PopupLOV-results .a-GV-moreDataMsg {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 100%;
}
.a-PopupLOV-results .a-TMV-w-scroll {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
}
.a-PopupLOV-results .a-TMV-w-scroll .a-IconList {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  overflow: initial;
}
.a-PopupLOV-results .a-TMV-w-scroll .a-GV-loadMore {
  -webkit-margin-before: auto;
          margin-block-start: auto;
}
.a-PopupLOV-results .a-GV-breakValue {
  font-weight: var(--a-base-font-weight-bold, 700);
}
.a-PopupLOV-results .a-IconList-item {
  float: none;
  width: 100%;
  margin: 0;
  cursor: var(--a-menu-cursor, pointer);
}
.a-PopupLOV-results .popup-lov-highlight {
  font-weight: var(--a-popuplov-highlight-font-weight, var(--a-base-font-weight-heavy, 900));
}

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

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 {
  -webkit-margin-after: 0;
          margin-block-end: 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: 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: start;
  padding: 0;
}

.a-RV .is-deleted .u-Form-inputContainer {
  text-decoration: line-through;
}

.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 .a-Alert {
  padding: 8px;
  color: var(--a-palette-danger);
}

/* Record View Dialog
   ========================================================================== */
.a-RVDialog-scroll {
  overflow: auto;
}

/* Splitter Support
   ========================================================================== */
.a-IG-dialog-body.a-Splitter {
  display: block;
}

.a-IG-dialog-body.a-Splitter,
.a-IG-dialog-main,
.a-IG-dialog-body.a-Splitter,
.a-IG-dialog-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;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
  display: inline-block;
  vertical-align: top;
}

/* Read Only Single Row View
   ========================================================================== */
.a-RV .a-RV-fieldValue .a-RV-readonly {
  resize: none;
  inline-size: 100%;
  color: inherit;
  background-color: unset;
  border-color: transparent;
  max-height: 200px;
  white-space: normal;
}

/* 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;
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}

.a-RV .apex-item-checkbox input[type=checkbox] {
  vertical-align: top;
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}

.a-RV-fieldValue .u-checkbox {
  display: inline-block;
  vertical-align: top;
}
.a-RV-fieldValue .u-checkbox + .u-Form-label {
  -webkit-padding-before: 0;
          padding-block-start: 0;
  -webkit-padding-after: 0;
          padding-block-end: 0;
  -webkit-margin-start: 6px;
          margin-inline-start: 6px;
}

.a-RV .u-Form-inputContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.a-RV .u-Form-inputContainer .a-RV-fieldValue {
  flex-grow: 1;
}
.a-RV .u-Form-inputContainer .js-itemHelp {
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}
.a-RV .u-Form-inputContainer .a-Form-error,
.a-RV .u-Form-inputContainer .t-Form-error {
  flex-basis: 100%;
}

.a-RV .apex-col {
  float: left;
}
.u-RTL .a-RV .apex-col {
  float: right;
}

/* Removal of generic focus state in Single Row View
   ========================================================================== */
/* Edit Mode */
/* Not Edit Mode */
.apex-rds-last-item-spacer {
  min-height: 70vh;
}

.apex-rds.is-disabled {
  pointer-events: none;
}

/* ==========================================================================
   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 {
  vertical-align: middle;
  background-color: var(--a-gv-header-background-color, #F4F4F4);
  color: var(--a-gv-header-text-color, #404040);
  height: var(--a-gv-header-cell-height, 40px);
  -webkit-padding-start: var(--a-gv-header-cell-padding-x, 8px);
          padding-inline-start: var(--a-gv-header-cell-padding-x, 8px);
  -webkit-padding-end: var(--a-gv-header-cell-padding-x, 8px);
          padding-inline-end: var(--a-gv-header-cell-padding-x, 8px);
  -webkit-padding-before: var(--a-gv-header-cell-padding-y, 4px);
          padding-block-start: var(--a-gv-header-cell-padding-y, 4px);
  -webkit-padding-after: var(--a-gv-header-cell-padding-y, 4px);
          padding-block-end: var(--a-gv-header-cell-padding-y, 4px);
  font-weight: var(--a-gv-header-cell-font-weight, var(--a-base-font-weight-bold, 700));
  font-size: var(--a-gv-header-cell-font-size);
  line-height: var(--a-gv-header-cell-line-height);
}
.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, 32px);
  -webkit-padding-start: var(--a-gv-cell-padding-x, 8px);
          padding-inline-start: var(--a-gv-cell-padding-x, 8px);
  -webkit-padding-end: var(--a-gv-cell-padding-x, 8px);
          padding-inline-end: var(--a-gv-cell-padding-x, 8px);
  -webkit-padding-before: var(--a-gv-cell-padding-y, 4px);
          padding-block-start: var(--a-gv-cell-padding-y, 4px);
  -webkit-padding-after: var(--a-gv-cell-padding-y, 4px);
          padding-block-end: var(--a-gv-cell-padding-y, 4px);
  font-size: var(--a-gv-cell-font-size);
  line-height: var(--a-gv-cell-line-height);
  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: var(--a-gv-border-width, 1px) solid var(--a-gv-border-color, #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 {
  -webkit-margin-start: 4px;
          margin-inline-start: 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);
  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::before, .a-Report-percentChart::after {
  display: table;
  content: "";
}
.a-Report-percentChart::after {
  clear: both;
}

.a-Report-percentChart-fill {
  height: var(--a-percent-chart-height, 16px);
  background-color: var(--a-percent-chart-bar-background-color);
  color: var(--a-percent-chart-bar-text-color);
  border-radius: var(--a-percent-chart-bar-border-radius, 2px);
  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));
  text-align: var(--a-percent-chart-bar-alignment, center);
  font-size: var(--a-percent-chart-bar-font-size, 12px);
  line-height: var(--a-percent-chart-height, 16px);
  text-shadow: 0 -1px 0 var(--a-percent-chart-bar-background-color), 0 1px 0 var(--a-percent-chart-bar-background-color), -1px -1px 0 var(--a-percent-chart-bar-background-color), -1px 0 0 var(--a-percent-chart-bar-background-color), -1px 1px 0 var(--a-percent-chart-bar-background-color), 1px -1px 0 var(--a-percent-chart-bar-background-color), 1px 0 0 var(--a-percent-chart-bar-background-color), 1px 1px 0 var(--a-percent-chart-bar-background-color);
  float: left;
}
.u-RTL .a-Report-percentChart-fill {
  float: right;
}

.a-Report-percentChart-value {
  display: block;
}

/* ==========================================================================
   IG &amp; IRR Report Controls
   ========================================================================== */
.a-IG-controlsContainer,
.a-IRR-controlsContainer {
  -webkit-padding-before: var(--a-report-controls-padding-y, 8px);
          padding-block-start: var(--a-report-controls-padding-y, 8px);
  -webkit-padding-after: var(--a-report-controls-padding-y, 8px);
          padding-block-end: var(--a-report-controls-padding-y, 8px);
  -webkit-padding-start: var(--a-report-controls-padding-x, 8px);
          padding-inline-start: var(--a-report-controls-padding-x, 8px);
  -webkit-padding-end: var(--a-report-controls-padding-x, 8px);
          padding-inline-end: var(--a-report-controls-padding-x, 8px);
  border-bottom-width: var(--a-report-controls-border-width, 1px);
  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 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: center;
  list-style: none;
  margin: calc(var(--a-report-controls-item-spacing, 4px) / -2) calc(var(--a-report-controls-item-spacing, 4px) * -1);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  max-width: calc(100% - var(--a-report-controls-item-spacing, 4px));
  overflow: hidden;
}

.a-IG-controls-item,
.a-IRR-controls-item {
  line-height: inherit;
  display: flex;
  align-items: center;
  margin: calc(var(--a-report-controls-item-spacing, 4px) / 2) var(--a-report-controls-item-spacing, 4px);
}

.a-IG-controls-item .a-IG-button.a-IG-button--remove,
.a-IRR-controls-item .a-IRR-button.a-IRR-button--remove {
  opacity: 0.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;
  -webkit-margin-start: var(--a-report-controls-cell-spacing, 8px);
          margin-inline-start: var(--a-report-controls-cell-spacing, 8px);
  -webkit-margin-end: var(--a-report-controls-cell-spacing, 8px);
          margin-inline-end: var(--a-report-controls-cell-spacing, 8px);
}
.a-IG-controls-cell:first-child,
.a-IRR-controls-cell:first-child {
  min-width: var(--a-checkbox-size, 16px);
}
.a-IG-controls-cell:nth-child(2),
.a-IRR-controls-cell:nth-child(2) {
  margin: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--a-report-controls-cell-spacing, 8px);
  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, 2px) 0 0 var(--a-report-controls-cell-border-radius, 2px);
}
.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, 2px) var(--a-report-controls-cell-border-radius, 2px) 0;
}

.a-IG-controls-cell--label,
.a-IRR-controls-cell--label {
  margin: 0;
  width: var(--a-report-controls-cell-label-width, 300px);
  align-self: stretch;
  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, 2px) var(--a-report-controls-cell-border-radius, 2px) 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, 2px) 0 0 var(--a-report-controls-cell-border-radius, 2px);
}
.a-IG-controls-cell--label button.a-IG-controlsLabel,
.a-IG-controls-cell--label button.a-IRR-controlsLabel,
.a-IRR-controls-cell--label button.a-IG-controlsLabel,
.a-IRR-controls-cell--label button.a-IRR-controlsLabel {
  cursor: pointer;
}

.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: flex;
  align-items: center;
  flex-grow: 1;
  text-align: start;
  text-decoration: none;
  padding: calc(var(--a-report-controls-cell-spacing, 8px) - var(--a-report-controls-cell-label-border-width, 1px));
  border-width: var(--a-report-controls-cell-label-border-width, 1px);
  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, 12px);
  line-height: var(--a-report-controls-cell-label-line-height, 16px);
}
.u-RTL .a-IG-controlsLabel,
.u-RTL .a-IRR-controlsLabel {
  border-left-width: var(--a-report-controls-cell-label-border-width, 1px);
  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 &gt; span,
.a-IRR-controlsLabel &gt; span {
  word-break: break-word;
}

.a-IG-controlsLabel--highlight,
.a-IRR-controlsLabel--highlight {
  --a-report-controls-cell-label-border-width: 2px;
}

/* ==========================================================================
   Report Summary
   ========================================================================== */
.a-IG-reportSummaryContainer,
.a-IRR-reportSummaryContainer {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: center;
}

.a-IG-reportSummary,
.a-IRR-reportSummary {
  list-style: none;
  margin: calc(var(--a-report-controls-item-spacing, 4px) / -2) calc(var(--a-report-controls-item-spacing, 4px) * -1);
  padding: 0;
  display: flex;
}

.a-IG-reportSummary-item,
.a-IRR-reportSummary-item {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  margin: calc(var(--a-report-controls-item-spacing, 4px) / 2) var(--a-report-controls-item-spacing, 4px);
}

.a-IG-reportSummary-label,
.a-IRR-reportSummary-label {
  display: flex;
  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;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--a-report-controls-cell-spacing, 8px);
  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, 2px) 0 0 var(--a-report-controls-cell-border-radius, 2px);
  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, 2px) var(--a-report-controls-cell-border-radius, 2px) 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, 8px) - var(--a-report-controls-cell-label-border-width, 1px));
  border-radius: 0 var(--a-report-controls-cell-border-radius, 2px) var(--a-report-controls-cell-border-radius, 2px) 0;
  border-width: var(--a-report-controls-cell-label-border-width, 1px);
  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, 12px);
  line-height: var(--a-report-controls-cell-label-line-height, 16px);
}
.u-RTL .a-IG-reportSummary-value,
.u-RTL .a-IRR-reportSummary-value {
  border-radius: var(--a-report-controls-cell-border-radius, 2px) 0 0 var(--a-report-controls-cell-border-radius, 2px);
  border-left-width: var(--a-report-controls-cell-label-border-width, 1px);
  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 {
  -webkit-margin-start: var(--a-report-controls-item-spacing, 4px);
          margin-inline-start: var(--a-report-controls-item-spacing, 4px);
  font-size: var(--a-report-controls-cell-label-font-size, 12px);
  line-height: var(--a-report-controls-cell-label-line-height, 16px);
}

/* 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 {
  -webkit-padding-end: 24px;
          padding-inline-end: 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;
}
.u-RTL .a-IG-reportSummary-item.has-delete .a-IG-button.a-IG-button--remove,
.u-RTL .a-IRR-reportSummary-item.has-delete .a-IRR-button.a-IRR-button--remove {
  right: unset;
  left: 0;
}

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

/* ==========================================================================
   Search Widget
   ========================================================================== */
/* Search Result Highlight
   ========================================================================== */
.a-SearchResults-highlight {
  font-weight: var(--a-searchresults-highlight-font-weight, bolder);
  color: var(--a-searchresults-highlight-text-color);
  background-color: var(--a-searchresults-highlight-background-color);
}

/* Search Results Region
   ========================================================================== */
.a-SearchResults-list {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  gap: var(--a-searchresults-gap, 16px);
  list-style: none;
  margin: 0;
  padding: 0;
}
.a-SearchResults-list:empty {
  display: none;
}

.a-SearchResults-item {
  margin: 0;
  padding: 0;
}

/* Result Item
   ========================================================================== */
.a-ResultsItem {
  display: flex;
  gap: var(--a-resultsitem-item-gap, 16px);
  position: relative;
  min-inline-size: 0;
  -webkit-padding-start: var(--a-resultsitem-padding-x, 16px);
          padding-inline-start: var(--a-resultsitem-padding-x, 16px);
  -webkit-padding-end: var(--a-resultsitem-padding-x, 16px);
          padding-inline-end: var(--a-resultsitem-padding-x, 16px);
  -webkit-padding-before: var(--a-resultsitem-padding-y, 16px);
          padding-block-start: var(--a-resultsitem-padding-y, 16px);
  -webkit-padding-after: var(--a-resultsitem-padding-y, 16px);
          padding-block-end: var(--a-resultsitem-padding-y, 16px);
  background-color: var(--a-resultsitem-background-color);
  color: var(--a-resultsitem-text-color);
  border-width: var(--a-resultsitem-border-width, 1px);
  border-style: solid;
  border-color: var(--a-resultsitem-border-color);
  border-radius: var(--a-resultsitem-border-radius, 4px);
  align-items: var(--a-resultsitem-alignment, flex-start);
}

.a-ResultsItem-icon,
.a-ResultsItem-initials,
.a-ResultsItem-image {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  min-inline-size: 0;
  min-block-size: var(--a-resultsitem-title-line-height, 20px);
  display: grid;
  place-items: center;
}
.a-ResultsItem-icon:empty,
.a-ResultsItem-initials:empty,
.a-ResultsItem-image:empty {
  display: none;
}
.a-ResultsItem-icon img,
.a-ResultsItem-initials img,
.a-ResultsItem-image img {
  inline-size: var(--a-resultsitem-image-width, var(--a-resultsitem-image-size));
  block-size: var(--a-resultsitem-image-height, var(--a-resultsitem-image-size));
  border-radius: var(--a-resultsitem-image-border-radius);
  aspect-ratio: var(--a-resultsitem-image-ratio);
  display: block;
  -o-object-fit: var(--a-resultsitem-image-fit, cover);
     object-fit: var(--a-resultsitem-image-fit, cover);
}

.a-ResultsItem-icon {
  inline-size: var(--a-resultsitem-icon-container-size, calc(var(--a-resultsitem-icon-padding, 8px) * 2 + var(--a-icon-size, 16px)));
  block-size: var(--a-resultsitem-icon-container-size, calc(var(--a-resultsitem-icon-padding, 8px) * 2 + var(--a-icon-size, 16px)));
  padding: var(--a-resultsitem-icon-padding, 8px);
  background-color: var(--u-color, var(--a-resultsitem-icon-background-color));
  background-image: var(--a-resultsitem-icon-background-image);
  color: var(--u-color-contrast, var(--a-resultsitem-icon-text-color));
  border-radius: var(--a-resultsitem-icon-border-radius, 100%);
}
.a-ResultsItem-icon .fa,
.a-ResultsItem-icon .fa.fa-lg,
.a-ResultsItem-icon .a-Icon {
  --a-icon-size: inherit;
  font-size: var(--a-icon-size, 16px);
}

.a-ResultsItem-initials {
  block-size: var(--a-resultsitem-initials-size, 32px);
  inline-size: var(--a-resultsitem-initials-size, 32px);
  font-size: var(--a-resultsitem-initials-font-size, 14px);
  font-weight: var(--a-resultsitem-initials-font-weight, 700);
  line-height: 1;
  color: var(--u-color-contrast, var(--a-resultsitem-initials-text-color, #fff));
  background-color: var(--u-color, var(--a-resultsitem-initials-background-color, rgba(0, 0, 0, 0.6)));
  background-image: var(--a-resultsitem-initials-background-image);
  border-radius: var(--a-resultsitem-initials-border-radius, 100%);
  padding: var(--a-resultsitem-initials-padding);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.a-ResultsItem-content {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  gap: var(--a-resultsitem-content-gap, 4px);
  font-size: var(--a-resultsitem-font-size, 14px);
  line-height: var(--a-resultsitem-line-height, 20px);
}

.a-ResultsItem-header {
  display: flex;
  flex-wrap: var(--a-resultsitem-header-wrap, wrap);
  gap: var(--a-resultsitem-header-gap, 8px);
}

.a-ResultsItem-title {
  font-size: var(--a-resultsitem-title-font-size, 16px);
  line-height: var(--a-resultsitem-title-line-height, 20px);
  font-weight: var(--a-resultsitem-title-font-weight, var(--a-base-font-weight-bold, 700));
}

.a-ResultsItem-badge {
  font-size: var(--a-resultsitem-badge-font-size, 12px);
  font-weight: var(--a-resultsitem-badge-font-weight, 700);
  line-height: var(--a-resultsitem-badge-line-height, 1);
  color: var(--a-resultsitem-badge-text-color);
  background-color: var(--a-resultsitem-badge-background-color, rgba(0, 0, 0, 0.1));
  border-radius: var(--a-resultsitem-badge-border-radius, 4px);
  padding: var(--a-resultsitem-badge-padding, 4px);
  text-align: center;
  order: 3;
}
.a-ResultsItem-badge:empty {
  display: none;
}

.a-ResultsItem-subTitle {
  font-size: var(--a-resultsitem-subtitle-font-size, 15px);
  line-height: var(--a-resultsitem-subtitle-line-height, 20px);
  color: var(--a-resultsitem-subtitle-text-color);
  font-weight: var(--a-resultsitem-subtitle-font-weight, var(--a-base-font-weight-semibold, 500));
  -webkit-margin-after: var(--a-resultsitem-subtitle-spacing, var(--a-resultsitem-header-spacing, 4px));
          margin-block-end: var(--a-resultsitem-subtitle-spacing, var(--a-resultsitem-header-spacing, 4px));
}
.a-ResultsItem-subTitle:empty {
  display: none;
}

.a-ResultsItem-description {
  -webkit-margin-before: var(--a-resultsitem-header-spacing, 4px);
          margin-block-start: var(--a-resultsitem-header-spacing, 4px);
  font-size: var(--a-resultsitem-description-font-size, 14px);
  line-height: var(--a-resultsitem-description-line-height, 20px);
  color: var(--a-resultsitem-description-text-color);
}
.a-ResultsItem-description:empty {
  display: none;
}

.a-ResultsItem-attributes {
  font-size: var(--a-resultsitem-attributes-font-size, 13px);
  line-height: var(--a-resultsitem-attributes-line-height, 16px);
  color: var(--a-resultsitem-attributes-text-color);
  display: flex;
  flex-wrap: var(--a-resultsitem-attributes-wrap, wrap);
  -moz-column-gap: var(--a-resultsitem-attributes-gap, 16px);
       column-gap: var(--a-resultsitem-attributes-gap, 16px);
  row-gap: var(--a-resultsitem-content-gap, 4px);
}
.a-ResultsItem-attributes:empty {
  display: none;
}

.a-ResultsItem-attribute:empty {
  display: none;
}

.a-ResultsItem-misc {
  font-size: var(--a-resultsitem-misc-font-size, 13px);
  line-height: var(--a-resultsitem-misc-line-height, 16px);
  color: var(--a-resultsitem-misc-text-color);
}
.a-ResultsItem-misc:empty {
  display: none;
}

.a-SearchResults.is-placeholder .a-ResultsItem-icon,
.a-SearchResults.is-placeholder .a-ResultsItem-title,
.a-SearchResults.is-placeholder .a-ResultsItem-description,
.a-SearchResults.is-placeholder .a-ResultsItem-attribute {
  display: block;
}
.a-SearchResults.is-placeholder .a-ResultsItem-icon:before,
.a-SearchResults.is-placeholder .a-ResultsItem-title:before,
.a-SearchResults.is-placeholder .a-ResultsItem-description:before,
.a-SearchResults.is-placeholder .a-ResultsItem-attribute:before {
  flex-grow: 1;
  display: block;
  content: "\00a0";
  background-color: var(--a-resultsitem-placeholder-color, var(--a-resultsitem-border-color));
  border-radius: var(--a-resultsitem-placeholder-color, 2px);
}
.a-SearchResults.is-placeholder .a-ResultsItem-icon {
  width: var(--a-icon-size, 16px);
}
.a-SearchResults.is-placeholder .a-ResultsItem-title {
  width: 35%;
}
.a-SearchResults.is-placeholder .a-ResultsItem-description {
  width: 85%;
}
.a-SearchResults.is-placeholder .a-ResultsItem-attribute {
  width: 5%;
}

.a-SearchResults-count {
  color: var(--a-searchresults-count-color);
  font-size: var(--a-searchresults-count-font-size, 14px);
  line-height: var(--a-searchresults-count-line-height, 20px);
  -webkit-margin-after: var(--a-searchresults-count-spacing, 16px);
          margin-block-end: var(--a-searchresults-count-spacing, 16px);
}
.a-SearchResults-count:empty {
  display: none;
}

.a-SearchResults-pagination {
  -webkit-margin-before: var(--a-searchresults-pagination-spacing, 16px);
          margin-block-start: var(--a-searchresults-pagination-spacing, 16px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--a-searchresults-pagination-gap, 16px);
  color: var(--a-searchresults-pagination-color);
  font-size: var(--a-searchresults-pagination-font-size, 14px);
  line-height: var(--a-searchresults-pagination-line-height, 20px);
}
.a-SearchResults-pagination:empty {
  display: none;
}

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

File Name:    SmartFilter.scss
Purpose:      Base styles for Smart Filter, used in Faceted Search

******************************************************************************/
/* Smart Filter
   ========================================================================== */
.a-FS-smartFilter .a-FS-searchBar {
  flex-basis: 100%;
}

.a-FS--smart.is-collapsed .a-FS-smartFilter {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.a-FS--smart.is-collapsed .a-FS-searchBarButton {
  display: block;
}
.a-FS--smart.is-collapsed .a-FS-searchBar {
  display: none;
}
.a-FS--smart.is-collapsed .a-FS-suggestionChips {
  flex-basis: auto;
}
.a-FS--smart.is-collapsed .a-FS-suggestionChips .a-Chips:not(:empty) {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.a-FS-smartFilter.is-placeholder {
  pointer-events: none;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.a-FS-smartFilter.is-placeholder .a-Chip {
  min-width: 4rem;
}
.a-FS-smartFilter.is-placeholder .a-Chip-label {
  display: block;
}
.a-FS-smartFilter.is-placeholder .a-Chip-label:before {
  content: "\00a0";
}

.a-FS-searchBarButton {
  --a-button-background-color: transparent;
  --a-button-border-color: transparent;
  --a-button-shadow: none;
  --a-button-padding-x: var(--a-button-padding-y, 8px);
  display: none;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  -webkit-margin-end: calc(var(--a-chip-spacing, 4px) * 2);
          margin-inline-end: calc(var(--a-chip-spacing, 4px) * 2);
}

/* Smart Filter Facet Popup
   ========================================================================== */
.a-FS-facetPopup,
.a-FS-overflowFacetsContent {
  min-inline-size: var(--a-fs-popup-min-width, 220px);
}
.a-FS-facetPopup .a-FS-body,
.a-FS-overflowFacetsContent .a-FS-body {
  -webkit-padding-before: var(--a-menu-padding-y, 8px);
          padding-block-start: var(--a-menu-padding-y, 8px);
  -webkit-padding-after: var(--a-menu-padding-y, 8px);
          padding-block-end: var(--a-menu-padding-y, 8px);
  -webkit-padding-start: var(--a-menu-padding-x, 0px);
          padding-inline-start: var(--a-menu-padding-x, 0px);
  -webkit-padding-end: var(--a-menu-padding-x, 0px);
          padding-inline-end: var(--a-menu-padding-x, 0px);
}
.a-FS-facetPopup .a-FS-filter,
.a-FS-overflowFacetsContent .a-FS-filter {
  -webkit-padding-before: var(--a-fs-facet-option-padding-y, 4px);
          padding-block-start: var(--a-fs-facet-option-padding-y, 4px);
  -webkit-padding-after: var(--a-fs-facet-option-padding-y, 4px);
          padding-block-end: var(--a-fs-facet-option-padding-y, 4px);
  -webkit-padding-start: var(--a-fs-facet-option-padding-x, 16px);
          padding-inline-start: var(--a-fs-facet-option-padding-x, 16px);
  -webkit-padding-end: var(--a-fs-facet-option-padding-x, 16px);
          padding-inline-end: var(--a-fs-facet-option-padding-x, 16px);
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.a-FS-facetPopup .a-FS-input,
.a-FS-facetPopup .a-FS-range,
.a-FS-overflowFacetsContent .a-FS-input,
.a-FS-overflowFacetsContent .a-FS-range {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-padding-start: 16px;
          padding-inline-start: 16px;
  -webkit-padding-end: 16px;
          padding-inline-end: 16px;
  align-items: center;
}
.a-FS-facetPopup .a-FS-input .apex-item-text,
.a-FS-facetPopup .a-FS-range .apex-item-text,
.a-FS-overflowFacetsContent .a-FS-input .apex-item-text,
.a-FS-overflowFacetsContent .a-FS-range .apex-item-text {
  flex-grow: 1;
  height: auto;
  align-self: stretch;
  min-width: 0;
}
.a-FS-facetPopup .apex-group-label,
.a-FS-overflowFacetsContent .apex-group-label {
  -webkit-padding-start: var(--a-fs-facet-option-padding-x, 16px);
          padding-inline-start: var(--a-fs-facet-option-padding-x, 16px);
  -webkit-padding-end: var(--a-fs-facet-option-padding-x, 16px);
          padding-inline-end: var(--a-fs-facet-option-padding-x, 16px);
  -webkit-padding-before: var(--a-fs-facet-option-padding-y, 4px);
          padding-block-start: var(--a-fs-facet-option-padding-y, 4px);
  -webkit-padding-after: var(--a-fs-facet-option-padding-y, 4px);
          padding-block-end: var(--a-fs-facet-option-padding-y, 4px);
}
.a-FS-facetPopup .apex-item-checkbox .apex-item-option,
.a-FS-facetPopup .apex-item-radio .apex-item-option,
.a-FS-overflowFacetsContent .apex-item-checkbox .apex-item-option,
.a-FS-overflowFacetsContent .apex-item-radio .apex-item-option {
  width: 100% !important;
  float: none !important;
  -webkit-padding-start: var(--a-fs-facet-option-padding-x, 16px);
          padding-inline-start: var(--a-fs-facet-option-padding-x, 16px);
  -webkit-padding-end: var(--a-fs-facet-option-padding-x, 16px);
          padding-inline-end: var(--a-fs-facet-option-padding-x, 16px);
  -webkit-padding-before: var(--a-fs-facet-option-padding-y, 4px);
          padding-block-start: var(--a-fs-facet-option-padding-y, 4px);
  -webkit-padding-after: var(--a-fs-facet-option-padding-y, 4px);
          padding-block-end: var(--a-fs-facet-option-padding-y, 4px);
}
.a-FS-facetPopup .apex-item-checkbox .apex-item-option input + label,
.a-FS-facetPopup .apex-item-radio .apex-item-option input + label,
.a-FS-overflowFacetsContent .apex-item-checkbox .apex-item-option input + label,
.a-FS-overflowFacetsContent .apex-item-radio .apex-item-option input + label {
  display: flex;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.a-FS-facetPopup .apex-item-checkbox .a-Icon,
.a-FS-facetPopup .apex-item-radio .a-Icon,
.a-FS-overflowFacetsContent .apex-item-checkbox .a-Icon,
.a-FS-overflowFacetsContent .apex-item-radio .a-Icon {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
.a-FS-facetPopup .apex-item-checkbox .label,
.a-FS-facetPopup .apex-item-radio .label,
.a-FS-overflowFacetsContent .apex-item-checkbox .label,
.a-FS-overflowFacetsContent .apex-item-radio .label {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.a-FS-facetPopup .a-FS--hideRadio .a-Icon,
.a-FS-overflowFacetsContent .a-FS--hideRadio .a-Icon {
  -webkit-margin-end: var(--a-checkbox-label-spacing-x, 8px);
          margin-inline-end: var(--a-checkbox-label-spacing-x, 8px);
}
.a-FS-facetPopup .apex-item-option-badge,
.a-FS-overflowFacetsContent .apex-item-option-badge {
  -webkit-margin-start: var(--a-checkbox-label-spacing-x, 8px);
          margin-inline-start: var(--a-checkbox-label-spacing-x, 8px);
  opacity: var(--a-fs-control-item-badge-opacity, 0.7);
  font-weight: normal;
}
.a-FS-facetPopup .apex-item-option-badge:before,
.a-FS-overflowFacetsContent .apex-item-option-badge:before {
  content: "(";
}
.a-FS-facetPopup .apex-item-option-badge:after,
.a-FS-overflowFacetsContent .apex-item-option-badge:after {
  content: ")";
}
.a-FS-facetPopup .apex-item-option-badge:empty,
.a-FS-overflowFacetsContent .apex-item-option-badge:empty {
  display: none;
}

/* ==========================================================================
 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, 8px);
  height: 100%;
  cursor: col-resize;
}
.a-Splitter-barH:before {
  border-width: 0 var(--a-splitter-bar-border-width, 1px);
  border-style: solid;
  border-color: var(--a-splitter-bar-border-color);
}

.a-Splitter-barV {
  width: 100%;
  height: var(--a-splitter-bar-width, 8px);
  cursor: row-resize;
}
.a-Splitter-barV:before {
  border-width: var(--a-splitter-bar-border-width, 1px) 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%;
  transform: translate(-50%, -50%);
  border-radius: var(--a-splitter-thumb-border-radius, 0px);
  border-width: var(--a-splitter-thumb-border-width, 1px);
  border-style: solid;
  border-color: var(--a-splitter-thumb-border-color);
  cursor: var(--a-splitter-thumb-cursor, pointer);
  display: flex;
  justify-content: 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, 8px);
  height: var(--a-splitter-thumb-height, 48px);
}

.a-Splitter-barV .a-Splitter-thumb {
  width: var(--a-splitter-thumb-height, 48px);
  height: var(--a-splitter-thumb-width, 8px);
}

/******************************************************************************
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: inline-flex;
  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 {
  flex-shrink: 0;
  flex-basis: auto;
  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, 8px);
  -webkit-margin-after: var(--a-gv-cell-border-width, 1px);
          margin-block-end: var(--a-gv-cell-border-width, 1px);
}

.a-StarRating-stars.is-focused {
  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: flex;
  align-items: center;
}

.a-StarRating-stars-fg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.u-RTL .a-StarRating-stars-fg {
  left: unset;
  right: 0;
}
.a-StarRating-stars-fg .a-StarRating-star {
  color: var(--a-starrating-stars-fg-color, #0572CE);
}

.a-StarRating-star {
  display: block !important;
  flex-grow: 0;
  flex-shrink: 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 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  -webkit-margin-start: var(--a-starrating-value-spacing, 8px);
          margin-inline-start: var(--a-starrating-value-spacing, 8px);
}

.a-StarRating-clear {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  line-height: 1;
  cursor: pointer;
  padding: 4px;
  outline: none;
  border-radius: 2px;
  opacity: 0.5;
}
.a-StarRating-clear:hover, .a-StarRating-clear:focus {
  opacity: 1;
}
.a-StarRating-clear:focus {
  box-shadow: inset var(--a-palette-primary, #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
   ========================================================================== */
/*
&lt;label class="a-SwitchCheckbox"&gt;
  &lt;input type="checkbox" /&gt;
  &lt;span class="a-SwitchCheckbox-toggle"&gt;&lt;/span&gt;
&lt;/label&gt;
*/
.a-Switch {
  --a-switch-toggled-offset: calc((var(--a-switch-width, 44px) - ((var(--a-switch-padding-x, 2px) + var(--a-switch-border-width, 0px)) * 2)) - var(--a-switch-toggle-width, 20px));
  display: inline-flex;
  vertical-align: top;
  cursor: var(--a-switch-cursor);
  align-items: center;
}
.u-RTL .a-Switch {
  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: inline-flex;
  align-items: center;
  position: relative;
  border-width: var(--a-switch-border-width, 0px);
  border-style: solid;
  border-color: var(--a-switch-border-color);
  border-radius: var(--a-switch-border-radius);
  -webkit-padding-before: var(--a-switch-padding-y, 2px);
          padding-block-start: var(--a-switch-padding-y, 2px);
  -webkit-padding-after: var(--a-switch-padding-y, 2px);
          padding-block-end: var(--a-switch-padding-y, 2px);
  -webkit-padding-start: var(--a-switch-padding-x, 2px);
          padding-inline-start: var(--a-switch-padding-x, 2px);
  -webkit-padding-end: var(--a-switch-padding-x, 2px);
          padding-inline-end: var(--a-switch-padding-x, 2px);
  box-shadow: var(--a-switch-shadow);
  background-color: var(--a-switch-background-color);
  width: var(--a-switch-width, 44px);
  cursor: var(--a-switch-cursor);
  transition: padding 0.2s ease, background-color 0.2s ease;
}
.a-Switch-toggle:before {
  content: "";
  display: block;
  width: var(--a-switch-toggle-width, 20px);
  height: var(--a-switch-toggle-height, 20px);
  border-width: var(--a-switch-toggle-border-width, 0px);
  border-style: solid;
  border-color: var(--a-switch-toggle-border-color);
  border-radius: var(--a-switch-toggle-border-radius, var(--a-switch-toggle-width, 20px));
  background-color: var(--a-switch-toggle-background-color);
  box-shadow: var(--a-switch-toggle-shadow);
  transform-origin: left 50%;
  left: 0;
  transition: transform 0.1s ease, inset-inline 0.2s ease, background-color 0.1s ease;
  position: relative;
}
.u-RTL .a-Switch-toggle:before {
  left: unset;
  right: 0;
}

.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 {
  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 {
  transform-origin: right 50%;
  left: var(--a-switch-toggled-offset);
}
.u-RTL .a-Switch input[type=checkbox]:checked + .a-Switch-toggle:before {
  transform-origin: left 50%;
  left: unset;
  right: var(--a-switch-toggled-offset);
}

.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);
  transform-origin: 50%;
}
.u-RTL .a-Switch input[type=checkbox]:indeterminate + .a-Switch-toggle:before {
  left: unset;
  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, default);
  opacity: var(--a-switch-disabled-opacity, 0.5);
}

.a-Switch--small {
  --a-switch-width: 30px;
  --a-switch-toggle-width: 12px;
  --a-switch-toggle-height: 12px;
}

/* ==========================================================================
   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: var(--a-gv-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;
  -webkit-margin-after: 12px;
          margin-block-end: 12px;
}
.u-RTL .a-Table-columntoggleBtn {
  float: left;
}

.a-Table--columntoggle {
  clear: both;
}

.a-Table-columntogglePopup,
.a-Table-columntogglePopup.ui-dialog-content {
  padding: var(--a-column-toggle-padding-y, 8px) var(--a-column-toggle-padding-x, 8px);
}

/* 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: start;
    display: block;
    height: auto;
  }
  /* Add a fair amount of top margin to visually separate each row when stacked */
  .a-Table--reflow.ui-responsive tbody tr + tr &gt; td:first-child,
.a-Table--reflow.ui-responsive tbody tr + tr &gt; th:first-child {
    -webkit-margin-before: 24px;
            margin-block-start: 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;
    -webkit-margin-after: -6px;
            margin-block-end: -6px;
    -webkit-margin-start: -6px;
            margin-inline-start: -6px;
    -webkit-margin-end: 16px;
            margin-inline-end: 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: flex;
  width: 100%;
}
.a-Toolbar.apex-toolbar-disabled {
  cursor: var(--a-toolbar-disabled-cursor, default);
  opacity: var(--a-toolbar-disabled-opacity, 0.5);
  pointer-events: none;
}

/* Toolbar Groups
   ========================================================================== */
.a-Toolbar-group {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  -webkit-margin-after: var(--a-toolbar-item-spacing, 8px);
          margin-block-end: var(--a-toolbar-item-spacing, 8px);
  border-right-width: var(--a-toolbar-sep-border-width, 1px);
  border-right-style: solid;
  border-right-color: var(--a-toolbar-sep-border-color);
  -webkit-margin-end: var(--a-toolbar-sep-spacing, var(--a-toolbar-item-spacing, 8px));
          margin-inline-end: var(--a-toolbar-sep-spacing, var(--a-toolbar-item-spacing, 8px));
  -webkit-padding-end: var(--a-toolbar-sep-spacing, var(--a-toolbar-item-spacing, 8px));
          padding-inline-end: var(--a-toolbar-sep-spacing, var(--a-toolbar-item-spacing, 8px));
}
.u-RTL .a-Toolbar-group {
  border-right: 0;
  border-left-width: var(--a-toolbar-sep-border-width, 1px);
  border-left-style: solid;
  border-left-color: var(--a-toolbar-sep-border-color);
}
.a-Toolbar-group .a-Toolbar-group, .a-Toolbar-group:last-child {
  border-right-width: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.a-Toolbar-group .a-Toolbar-group {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}

.a-Toolbar-group--together .a-Toolbar-item:not([style="display: none;"]) + .a-Toolbar-item {
  -webkit-margin-start: calc(var(--a-button-border-width, 1px) * -1);
          margin-inline-start: 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, 2px);
  border-bottom-left-radius: var(--a-button-border-radius, 2px);
}
.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, 2px);
  border-bottom-right-radius: var(--a-button-border-radius, 2px);
}
.a-Toolbar-group--together .a-Toolbar-item:last-child {
  border-top-right-radius: var(--a-button-border-radius, 2px);
  border-bottom-right-radius: var(--a-button-border-radius, 2px);
}
.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, 2px);
  border-bottom-left-radius: var(--a-button-border-radius, 2px);
}

.a-Toolbar-group--fill {
  max-width: 320px;
  white-space: nowrap;
  display: flex;
  float: left;
}
.u-RTL .a-Toolbar-group--fill {
  float: right;
}
.a-Toolbar-group--fill &gt; input, .a-Toolbar-group--fill &gt; button {
  display: flex;
}
.a-Toolbar-group--fill &gt; input {
  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;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
    border-right-width: 0;
  }
}
/* ==========================================================================
   Toolbar Items
   ========================================================================== */
.a-Toolbar-item {
  -webkit-margin-end: var(--a-toolbar-item-spacing, 8px);
          margin-inline-end: var(--a-toolbar-item-spacing, 8px);
}

.a-Toolbar-item:last-child {
  -webkit-margin-end: 0;
          margin-inline-end: 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 {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.a-Toolbar-group--together {
  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, 8px));
  -webkit-padding-start: calc(var(--a-report-controls-input-padding-x, 8px) - var(--a-report-controls-input-border-width, 1px));
          padding-inline-start: calc(var(--a-report-controls-input-padding-x, 8px) - var(--a-report-controls-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-report-controls-input-padding-x, 8px) - var(--a-report-controls-input-border-width, 1px));
          padding-inline-end: calc(var(--a-report-controls-input-padding-x, 8px) - var(--a-report-controls-input-border-width, 1px));
  -webkit-padding-before: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
          padding-block-start: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
  -webkit-padding-after: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
          padding-block-end: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
  font-size: var(--a-report-controls-input-font-size, 12px);
  line-height: var(--a-report-controls-input-line-height, 16px);
  width: var(--a-report-controls-search-width, 210px);
  border-radius: var(--a-report-controls-input-border-radius, 2px);
  border-width: var(--a-report-controls-input-border-width, 1px);
  border-style: solid;
  border-color: var(--a-report-controls-input-border-color, var(--a-field-input-border-color));
  border-color: var(--a-field-input-border-color);
  color: var(--a-field-input-text-color);
  background-color: var(--a-field-input-background-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, 210px);
}

/* 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, 400);
  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;
  box-shadow: var(--a-field-input-shadow, none);
  height: calc(var(--a-report-controls-input) + var(--a-report-controls-input-padding-y, 8px));
  -webkit-padding-start: calc(var(--a-report-controls-input-padding-x, 8px) - var(--a-report-controls-input-border-width, 1px));
          padding-inline-start: calc(var(--a-report-controls-input-padding-x, 8px) - var(--a-report-controls-input-border-width, 1px));
  -webkit-padding-before: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
          padding-block-start: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
  -webkit-padding-after: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
          padding-block-end: calc(var(--a-report-controls-input-padding-y, 8px) - var(--a-report-controls-input-border-width, 1px));
  background-repeat: no-repeat;
  background-position: right center;
  background-size: var(--a-field-select-background-size);
  background-image: var(--a-field-select-background-image);
  -webkit-padding-end: var(--a-field-select-arrow-padding);
          padding-inline-end: var(--a-field-select-arrow-padding);
}
.u-RTL .a-Toolbar-selectList,
.u-RTL .a-IRR-selectList {
  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: flex;
  flex-wrap: wrap;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: flex-start;
}
.a-Toolbar-groupContainer--start {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.a-Toolbar-groupContainer--center {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.a-Toolbar-groupContainer--end {
  -webkit-margin-start: auto;
          margin-inline-start: 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-radioGroup input:focus + .a-Button,
.a-Toolbar-toggleButton input:focus + .a-Button {
  outline: 1px auto Highlight;
  outline: 1px auto -webkit-focus-ring-color;
}

.a-Toolbar-button-item + .a-Toolbar-button-item {
  -webkit-margin-start: calc(var(--a-button-border-width, 1px) * -1);
          margin-inline-start: 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, 2px);
  border-bottom-left-radius: var(--a-button-border-radius, 2px);
}
.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, 2px);
  border-bottom-right-radius: var(--a-button-border-radius, 2px);
}
.a-Toolbar-button-item:last-of-type .a-Button {
  border-top-right-radius: var(--a-button-border-radius, 2px);
  border-bottom-right-radius: var(--a-button-border-radius, 2px);
}
.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, 2px);
  border-bottom-left-radius: var(--a-button-border-radius, 2px);
}

/* ==========================================================================
   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, 0.5);
  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 {
  -webkit-padding-start: var(--a-treeview-node-indent);
          padding-inline-start: var(--a-treeview-node-indent);
  min-height: calc(var(--a-treeview-node-line-height, 16px) + var(--a-treeview-node-padding-y, 4px) * 2);
}

.a-TreeView-node.a-TreeView--noCollapse,
.a-TreeView.u-RTL .a-TreeView-node.a-TreeView--noCollapse {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}

/* ==========================================================================
Toggle Control
 ========================================================================== */
.a-TreeView-toggle {
  float: left;
  opacity: var(--a-treeview-toggle-opacity, 0.5);
  color: var(--a-treeview-toggle-text-color, inherit);
  height: var(--a-treeview-toggle-size, 16px);
  width: var(--a-treeview-toggle-size, 16px);
  -webkit-margin-start: calc(var(--a-treeview-toggle-size, 16px) * -1);
          margin-inline-start: calc(var(--a-treeview-toggle-size, 16px) * -1);
  -webkit-margin-before: var(--a-treeview-node-padding-y, 4px);
          margin-block-start: var(--a-treeview-node-padding-y, 4px);
  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, 16px);
  font-size: var(--a-treeview-toggle-size, 16px);
  text-align: center;
}
.u-RTL .a-TreeView-toggle {
  float: right;
}

.a-TreeView .is-expandable &gt; .a-TreeView-toggle:before {
  content: "\e126";
}

.a-TreeView.u-RTL .is-expandable &gt; .a-TreeView-toggle:before {
  content: "\e002";
}

.a-TreeView .is-collapsible &gt; .a-TreeView-toggle:before {
  content: "\e123";
}

/*
 * Loading Animation when Lazy Loading
 */
.a-TreeView .is-processing &gt; .a-TreeView-toggle {
  -webkit-animation: u-animate-spin 1s infinite linear;
          animation: u-animate-spin 1s infinite linear;
}
.a-TreeView .is-processing &gt; .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, default);
  -moz-user-select: none;
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(var(--a-treeview-node-line-height, 16px) + var(--a-treeview-node-padding-y, 4px) * 2);
}
.u-RTL .a-TreeView-row {
  left: unset;
  right: 0;
}
.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);
  box-shadow: var(--a-treeview-node-focused-shadow);
  color: var(--a-treeview-node-focused-text-color);
}
.a-TreeView-row.is-focused + .a-TreeView-toggle, .a-TreeView-row.is-focused + .a-TreeView-toggle + .a-TreeView-content, .a-TreeView-row.is-focused + .a-TreeView-content {
  --a-treeview-toggle-text-color: var(--a-treeview-node-focused-text-color);
  --a-treeview-node-text-color: var(--a-treeview-node-focused-text-color);
}
.a-TreeView-row.is-active {
  background-color: var(--a-treeview-node-active-background-color);
}

.a-TreeView-placeholder &gt; .a-TreeView-row {
  background-color: var(--a-treeview-node-placeholder-background-color);
}

/* ==========================================================================
Tree Node Content
 ========================================================================== */
.a-TreeView-content {
  cursor: var(--a-treeview-node-cursor, default);
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  line-height: var(--a-treeview-node-line-height, 16px);
  font-size: var(--a-treeview-node-font-size, 12px);
  -webkit-padding-before: var(--a-treeview-node-padding-y, 4px);
          padding-block-start: var(--a-treeview-node-padding-y, 4px);
  -webkit-padding-after: var(--a-treeview-node-padding-y, 4px);
          padding-block-end: var(--a-treeview-node-padding-y, 4px);
  -webkit-padding-start: var(--a-treeview-node-padding-x, 4px);
          padding-inline-start: var(--a-treeview-node-padding-x, 4px);
  -webkit-padding-end: var(--a-treeview-node-padding-x, 4px);
          padding-inline-end: var(--a-treeview-node-padding-x, 4px);
  color: var(--a-treeview-node-text-color);
}
.a-TreeView-content .a-Icon,
.a-TreeView-content .fa {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  min-width: var(--a-treeview-node-icon-size, 16px);
  text-align: center;
  color: var(--a-treeview-node-icon-color);
}
.a-TreeView-content.is-disabled {
  opacity: var(--a-treeview-disabled-opacity, 0.5);
}
.a-TreeView-content.is-selected {
  --a-treeview-node-icon-color: var(--a-treeview-node-selected-icon-color);
  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;
  -webkit-margin-start: var(--a-treeview-node-padding-x, 4px);
          margin-inline-start: var(--a-treeview-node-padding-x, 4px);
  color: inherit;
  font-weight: var(--a-treeview-node-font-weight);
}
.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, 16px);
  font-size: var(--a-treeview-node-font-size, 12px);
  line-height: 1;
  padding: 0;
}
/* ==========================================================================
Drag and Drop
 ========================================================================== */
.a-TreeView-dragHelper {
  max-height: 200px;
  overflow: hidden;
  -webkit-padding-before: var(--a-treeview-drag-helper-padding-y, var(--a-treeview-node-padding-y, 4px));
          padding-block-start: var(--a-treeview-drag-helper-padding-y, var(--a-treeview-node-padding-y, 4px));
  -webkit-padding-after: var(--a-treeview-drag-helper-padding-y, var(--a-treeview-node-padding-y, 4px));
          padding-block-end: var(--a-treeview-drag-helper-padding-y, var(--a-treeview-node-padding-y, 4px));
  -webkit-padding-start: var(--a-treeview-drag-helper-padding-x, var(--a-treeview-node-padding-x, 4px));
          padding-inline-start: var(--a-treeview-drag-helper-padding-x, var(--a-treeview-node-padding-x, 4px));
  -webkit-padding-end: var(--a-treeview-drag-helper-padding-x, var(--a-treeview-node-padding-x, 4px));
          padding-inline-end: var(--a-treeview-drag-helper-padding-x, var(--a-treeview-node-padding-x, 4px));
  border-radius: var(--a-treeview-drag-helper-border-radius, 2px);
  border-width: var(--a-treeview-drag-helper-border-width, 1px);
  border-style: solid;
  border-color: var(--a-treeview-drag-helper-border-color);
  background-color: var(--a-treeview-drag-helper-background-color);
  color: var(--a-treeview-drag-helper-text-color);
  box-shadow: var(--a-treeview-drag-helper-shadow);
  opacity: var(--a-treeview-drag-helper-opacity, 1) !important;
  -webkit-backdrop-filter: var(--a-treeview-drag-helper-backdrop-filter);
          backdrop-filter: var(--a-treeview-drag-helper-backdrop-filter);
}

.a-TreeView-placeholder &gt; .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);
  -webkit-margin-before: var(--a-treeview-node-padding-y, 4px);
          margin-block-start: var(--a-treeview-node-padding-y, 4px);
  -webkit-margin-after: var(--a-treeview-node-padding-y, 4px);
          margin-block-end: var(--a-treeview-node-padding-y, 4px);
  -webkit-margin-start: var(--a-treeview-node-padding-x, 4px);
          margin-inline-start: var(--a-treeview-node-padding-x, 4px);
  -webkit-margin-end: var(--a-treeview-node-padding-x, 4px);
          margin-inline-end: var(--a-treeview-node-padding-x, 4px);
  border-radius: var(--a-treeview-node-placeholder-border-radius, 2px);
}

/* ==========================================================================
   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%;
  -webkit-margin-start: -8px;
          margin-inline-start: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.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;
  align-items: center;
  -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;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-padding-before: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 8px) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 12px) - var(--a-button-border-width, 1px));
  border-width: var(--a-button-border-width, 1px);
  border-style: solid;
  border-radius: var(--a-button-border-radius, 2px);
  cursor: var(--a-button-cursor, pointer);
  font-size: var(--a-button-font-size, 12px);
  line-height: var(--a-button-line-height, 16px);
  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)));
  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 {
  -webkit-margin-start: var(--a-button-gap-x, 8px);
          margin-inline-start: var(--a-button-gap-x, 8px);
}

.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%;
  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: 0.4em 1em;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.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 &gt; .ui-controlgroup-item {
  float: left;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.u-RTL .ui-controlgroup &gt; .ui-controlgroup-item {
  float: right;
}

.ui-controlgroup &gt; .ui-controlgroup-item:focus,
.ui-controlgroup &gt; .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical &gt; .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  text-align: start;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.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, 280px);
  background-color: var(--jui-datepicker-background-color);
  border-radius: var(--jui-datepicker-border-radius, 8px);
  box-shadow: var(--jui-datepicker-shadow);
  padding: var(--jui-datepicker-padding, 8px);
}

.ui-datepicker-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  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, 8px);
  flex-grow: 0;
  flex-shrink: 0;
  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 {
  order: 1;
}

.ui-datepicker-next {
  order: 3;
}

.ui-datepicker-title {
  margin: var(--jui-datepicker-padding, 8px);
  order: 2;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
  -webkit-margin-start: 1%;
          margin-inline-start: 1%;
  -webkit-margin-end: 1%;
          margin-inline-end: 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;
}
.u-RTL .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.u-RTL .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.u-RTL .ui-datepicker-multi .ui-datepicker-group {
  float: right;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.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 {
  order: 3;
}
.ui-datepicker-rtl .ui-datepicker-next {
  order: 1;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.u-RTL .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.u-RTL .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.u-RTL .ui-datepicker-rtl .ui-datepicker-group {
  float: left;
}
.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, 1px);
  border-style: solid;
  border-color: var(--jui-dialog-border-color);
  border-radius: var(--jui-dialog-border-radius, 4px);
  box-shadow: var(--jui-dialog-shadow);
  overflow: var(--jui-dialog-overflow);
  font-size: var(--jui-dialog-font-size);
  line-height: var(--jui-dialog-line-height);
  max-height: 100vh;
  max-width: 100vw;
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "dialog-header" "dialog-body" "dialog-footer";
}

.ui-dialog-titlebar {
  grid-area: dialog-header;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-padding-start: var(--jui-dialog-titlebar-padding-x, 16px);
          padding-inline-start: var(--jui-dialog-titlebar-padding-x, 16px);
  -webkit-padding-end: var(--jui-dialog-titlebar-padding-x, 16px);
          padding-inline-end: var(--jui-dialog-titlebar-padding-x, 16px);
  -webkit-padding-before: var(--jui-dialog-titlebar-padding-y, 12px);
          padding-block-start: var(--jui-dialog-titlebar-padding-y, 12px);
  -webkit-padding-after: var(--jui-dialog-titlebar-padding-y, 12px);
          padding-block-end: var(--jui-dialog-titlebar-padding-y, 12px);
  background-color: var(--jui-dialog-titlebar-background-color);
  color: var(--jui-dialog-titlebar-text-color);
  border-bottom-width: var(--jui-dialog-titlebar-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--jui-dialog-titlebar-border-color);
  border-top-left-radius: var(--jui-dialog-border-radius, 4px);
  border-top-right-radius: var(--jui-dialog-border-radius, 4px);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  min-height: auto;
  min-width: 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, var(--a-base-font-weight-semibold, 500));
  font-size: var(--jui-dialog-title-font-size, 16px);
  line-height: var(--jui-dialog-title-line-height, 24px);
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.ui-dialog-titlebar-close {
  --a-button-padding-y: var(--jui-dialog-title-close-padding-y, 8px);
  --a-button-padding-x: var(--jui-dialog-title-close-padding-x, 8px);
  --a-button-border-width: var(--jui-dialog-title-close-border-width, 1px);
  --a-button-border-color: var(--jui-dialog-title-close-border-color);
  --a-button-border-radius: var(--jui-dialog-title-close-border-radius, 100%);
  width: var(--jui-dialog-title-close-width, 24px);
  height: var(--jui-dialog-title-close-height, 24px);
  -webkit-margin-start: var(--jui-dialog-titlebar-padding-x, 16px);
          margin-inline-start: var(--jui-dialog-titlebar-padding-x, 16px);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
.ui-dialog-titlebar-close .ui-icon {
  --jui-icon-background-image: none;
  --jui-icon-size: var(--jui-dialog-title-close-icon-size, 16px);
  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 {
  grid-area: dialog-body;
  position: relative;
  -webkit-padding-start: var(--jui-dialog-content-padding-x, 16px);
          padding-inline-start: var(--jui-dialog-content-padding-x, 16px);
  -webkit-padding-end: var(--jui-dialog-content-padding-x, 16px);
          padding-inline-end: var(--jui-dialog-content-padding-x, 16px);
  -webkit-padding-before: var(--jui-dialog-content-padding-y, 12px);
          padding-block-start: var(--jui-dialog-content-padding-y, 12px);
  -webkit-padding-after: var(--jui-dialog-content-padding-y, 12px);
          padding-block-end: var(--jui-dialog-content-padding-y, 12px);
  overflow: auto;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
  box-sizing: content-box;
  min-height: auto;
  min-width: 0;
}

.ui-dialog-buttonpane {
  grid-area: dialog-footer;
  display: flex;
  -webkit-padding-start: var(--jui-dialog-buttonpane-content-padding-x, 16px);
          padding-inline-start: var(--jui-dialog-buttonpane-content-padding-x, 16px);
  -webkit-padding-end: var(--jui-dialog-buttonpane-content-padding-x, 16px);
          padding-inline-end: var(--jui-dialog-buttonpane-content-padding-x, 16px);
  -webkit-padding-before: var(--jui-dialog-buttonpane-content-padding-y, 12px);
          padding-block-start: var(--jui-dialog-buttonpane-content-padding-y, 12px);
  -webkit-padding-after: var(--jui-dialog-buttonpane-content-padding-y, 12px);
          padding-block-end: var(--jui-dialog-buttonpane-content-padding-y, 12px);
  background-color: var(--jui-dialog-buttonpane-background-color);
  border-top-width: var(--jui-dialog-buttonpane-border-width, 1px);
  border-top-style: solid;
  border-top-color: var(--jui-dialog-buttonpane-border-color);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  min-height: auto;
  min-width: 0;
}
.ui-dialog-buttonpane:before, .ui-dialog-buttonpane:after {
  content: none !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset {
  -webkit-margin-start: auto;
          margin-inline-start: 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 {
  touch-action: none;
}

.ui-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  outline: 0;
  position: absolute;
  -webkit-padding-before: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-start: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  -webkit-padding-after: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-end: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  -webkit-padding-start: calc(var(--a-menu-padding-x, 0) - var(--a-menu-border-width, 1px));
          padding-inline-start: calc(var(--a-menu-padding-x, 0) - var(--a-menu-border-width, 1px));
  -webkit-padding-end: calc(var(--a-menu-padding-x, 0) - var(--a-menu-border-width, 1px));
          padding-inline-end: 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;
  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%;
  -webkit-margin-before: var(--a-menu-sep-spacing-y, 4px);
          margin-block-start: var(--a-menu-sep-spacing-y, 4px);
  -webkit-margin-after: var(--a-menu-sep-spacing-y, 4px);
          margin-block-end: var(--a-menu-sep-spacing-y, 4px);
  -webkit-margin-start: var(--a-menu-sep-spacing-x, 0);
          margin-inline-start: var(--a-menu-sep-spacing-x, 0);
  -webkit-margin-end: var(--a-menu-sep-spacing-x, 0);
          margin-inline-end: 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: 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%;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-items: center;
  position: relative;
  min-height: calc(var(--a-menu-icon-size, 16px) + var(--a-menu-icon-spacing-y, 8px) * 2);
  -webkit-padding-start: calc(var(--a-menu-icon-size, 16px) + var(--a-menu-icon-spacing-x, 8px) * 2);
          padding-inline-start: calc(var(--a-menu-icon-size, 16px) + var(--a-menu-icon-spacing-x, 8px) * 2);
  -webkit-padding-end: calc(var(--a-menu-icon-size, 16px) + var(--a-menu-icon-spacing-x, 8px) * 2);
          padding-inline-end: calc(var(--a-menu-icon-size, 16px) + 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;
  -webkit-margin-start: var(--a-menu-icon-spacing-x, 8px);
          margin-inline-start: var(--a-menu-icon-spacing-x, 8px);
  -webkit-margin-end: var(--a-menu-icon-spacing-x, 8px);
          margin-inline-end: var(--a-menu-icon-spacing-x, 8px);
  -webkit-margin-before: var(--a-menu-icon-spacing-y, 8px);
          margin-block-start: var(--a-menu-icon-spacing-y, 8px);
  -webkit-margin-after: var(--a-menu-icon-spacing-y, 8px);
          margin-block-end: var(--a-menu-icon-spacing-y, 8px);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.u-RTL .ui-menu .ui-menu-icon {
  right: unset;
  left: 0;
}

.ui-progressbar {
  height: 24px;
  text-align: start;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background-image: 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;
  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 {
  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;
  -webkit-padding-after: 1px;
          padding-block-end: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: var(--a-base-font-weight-bold, 700);
  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;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: start;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.u-RTL .ui-selectmenu-icon.ui-icon {
  float: left;
}

.ui-sortable-handle {
  touch-action: none;
}

.ui-slider {
  position: relative;
  text-align: start;
  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, 0);
}

.ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: var(--jui-slider-handle-size, 20px);
  height: var(--jui-slider-handle-size, 20px);
  cursor: default;
  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, 0);
}

.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((var(--jui-slider-handle-size, 20px) - var(--jui-slider-thickness, 12px)) / -2 - var(--jui-slider-border-width, 1px));
  -webkit-margin-start: calc(var(--jui-slider-handle-size, 20px) / -2 - var(--jui-slider-border-width, 1px));
          margin-inline-start: 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(var(--jui-slider-handle-size, 20px) / -2 - var(--jui-slider-border-width, 1px));
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-after: calc((var(--jui-slider-handle-size, 20px) - var(--jui-slider-thickness, 12px)) / -2 - var(--jui-slider-border-width, 1px));
          margin-block-end: 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: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  -webkit-margin-start: 0.4em;
          margin-inline-start: 0.4em;
  -webkit-margin-end: 24px;
          margin-inline-end: 24px;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.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, 1px);
  border-style: solid;
  border-color: var(--jui-tooltip-border-color);
  border-radius: var(--jui-tooltip-border-radius, 2px);
  box-shadow: var(--jui-tooltip-shadow);
  padding: var(--jui-tooltip-padding, 8px);
  position: absolute;
  z-index: var(--jui-tooltip-zindex, 9999);
  max-width: var(--jui-tooltip-maxwidth, 300px);
}

/* Component containers
----------------------------------*/
.ui-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, 16px);
  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%;
  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";
}

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

File Name:    CKEditor.scss
Purpose:      Content Styles and Overrides for CKEditor Library

******************************************************************************/
body .ck.ck-balloon-panel {
  z-index: 2020;
}

/* CKEditor 5 (v32.0.0) content styles. Generated on Wed, 09 Feb 2022 12:24:56 GMT. */
:root {
  --ck-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-color-image-caption-text: hsl(0, 0%, 20%);
  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
  --ck-color-mention-text: hsl(341, 100%, 30%);
  --ck-color-table-caption-background: hsl(0, 0%, 97%);
  --ck-color-table-caption-text: hsl(0, 0%, 20%);
  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
  --ck-highlight-marker-green: hsl(120, 93%, 68%);
  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
  --ck-highlight-pen-green: hsl(112, 100%, 27%);
  --ck-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
  --ck-todo-list-checkmark-size: 16px;
}

/* ckeditor5-basic-styles/theme/code.css */
.apex-item-display-only .ck-content {
  font-weight: normal;
}

.ck-content code {
  background-color: hsla(0deg, 0%, 78%, 0.3);
  padding: 0.15em;
  border-radius: 2px;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
  font-size: 0.7em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
  font-size: 0.85em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
  font-size: 1.4em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
  font-size: 1.8em;
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
  overflow: hidden;
  -webkit-padding-start: 1.5em;
          padding-inline-start: 1.5em;
  -webkit-padding-end: 1.5em;
          padding-inline-end: 1.5em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-style: italic;
  border-left: solid 5px hsl(0deg, 0%, 80%);
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir=rtl] blockquote {
  border-left: 0;
  border-right: solid 5px hsl(0deg, 0%, 80%);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
  background-color: var(--ck-highlight-marker-yellow);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
  background-color: var(--ck-highlight-marker-green);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
  background-color: var(--ck-highlight-marker-pink);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
  background-color: var(--ck-highlight-marker-blue);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
  color: var(--ck-highlight-pen-red);
  background-color: transparent;
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
  color: var(--ck-highlight-pen-green);
  background-color: transparent;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-inline-size: 50px;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-inline-size: 100%;
  min-inline-size: 100%;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image-inline {
  /*
     * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
     * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
     * This strange behavior does not happen with inline-flex.
     */
  display: inline-flex;
  max-inline-size: 100%;
  align-items: flex-start;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image-inline picture {
  display: flex;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image-inline picture,
.ck-content .image-inline img {
  flex-grow: 1;
  flex-shrink: 1;
  max-inline-size: 100%;
}

/* ckeditor5-image/theme/imagecaption.css */
.ck-content .image &gt; figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: var(--ck-color-image-caption-text);
  background-color: var(--ck-color-image-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
  max-inline-size: 100%;
  display: block;
  box-sizing: border-box;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
  inline-size: 100%;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized &gt; figcaption {
  display: block;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
  max-inline-size: calc(100% - var(--ck-image-style-spacing));
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
  clear: none;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
  float: inline-end;
  -webkit-margin-start: var(--ck-image-style-spacing);
          margin-inline-start: var(--ck-image-style-spacing);
  max-inline-size: 50%;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
  float: inline-start;
  -webkit-margin-end: var(--ck-image-style-spacing);
          margin-inline-end: var(--ck-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
  float: inline-end;
  -webkit-margin-start: var(--ck-image-style-spacing);
          margin-inline-start: var(--ck-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-right {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content p + .image-style-align-left,
.ck-content p + .image-style-align-right,
.ck-content p + .image-style-side {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  -webkit-margin-before: var(--ck-inline-image-style-spacing);
          margin-block-start: var(--ck-inline-image-style-spacing);
  -webkit-margin-after: var(--ck-inline-image-style-spacing);
          margin-block-end: var(--ck-inline-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left {
  -webkit-margin-end: var(--ck-inline-image-style-spacing);
          margin-inline-end: var(--ck-inline-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-right {
  -webkit-margin-start: var(--ck-inline-image-style-spacing);
          margin-inline-start: var(--ck-inline-image-style-spacing);
}

/* ckeditor5-language/theme/language.css */
.ck-content span[lang] {
  font-style: italic;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
  list-style: none;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
  -webkit-margin-after: 5px;
          margin-block-end: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
  -webkit-margin-before: 5px;
          margin-block-start: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label &gt; input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  position: relative;
  inline-size: var(--ck-todo-list-checkmark-size);
  block-size: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  inset-inline: -25px;
  -webkit-margin-end: -15px;
          margin-inline-end: -15px;
  inset-inline-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label &gt; input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  inline-size: 100%;
  block-size: 100%;
  border: 1px solid hsl(0deg, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label &gt; input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  inset-inline-start: calc(var(--ck-todo-list-checkmark-size) / 3);
  inset-block-start: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  inline-size: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  block-size: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label &gt; input[checked]::before {
  background: hsl(126deg, 64%, 41%);
  border-color: hsl(126deg, 64%, 41%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label &gt; input[checked]::after {
  border-color: hsl(0deg, 0%, 100%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}

/* ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-inline-size: 15em;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
  content: "";
  position: absolute;
  border-bottom: 2px dashed hsl(0deg, 0%, 77%);
  inline-size: 100%;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: 0.3em 0.6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid hsl(0deg, 0%, 77%);
  border-radius: 2px;
  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  font-size: 0.75em;
  font-weight: bold;
  color: hsl(0deg, 0%, 20%);
  background: hsl(0deg, 0%, 100%);
  box-shadow: 2px 2px 1px hsla(0deg, 0%, 0%, 0.15);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* ckeditor5-table/theme/tablecaption.css */
.ck-content .table &gt; figcaption {
  display: table-caption;
  caption-side: top;
  word-break: break-word;
  text-align: center;
  color: var(--ck-color-table-caption-text);
  background-color: var(--ck-color-table-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}

/* ckeditor5-table/theme/table.css */
.ck-content .table {
  margin: 0.9em auto;
  display: table;
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  inline-size: 100%;
  block-size: 100%;
  border: 1px double hsl(0deg, 0%, 70%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
  min-inline-size: 2em;
  padding: 0.4em;
  border: 1px solid hsl(0deg, 0%, 75%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table th {
  font-weight: bold;
  background: hsla(0deg, 0%, 0%, 0.05);
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir=rtl] .table th {
  text-align: end;
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir=ltr] .table th {
  text-align: start;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
  padding: 1em;
  color: hsl(0deg, 0%, 20.8%);
  background: hsla(0deg, 0%, 78%, 0.3);
  border: 1px solid hsl(0deg, 0%, 77%);
  border-radius: 2px;
  text-align: start;
  direction: ltr;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-inline-size: 200px;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}

/* ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
  margin: 15px 0;
  block-size: 4px;
  background: hsl(0deg, 0%, 87%);
  border: 0;
}

/* ckeditor5-mention/theme/mention.css */
.ck-content .mention {
  background: var(--ck-color-mention-background);
  color: var(--ck-color-mention-text);
}

@media print {
  /* ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break {
    padding: 0;
  }
  /* ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break::after {
    display: none;
  }
}
/* ==========================================================================
   Enhanced Alert Dialog Message
   ========================================================================== */
.a-AlertMessage {
  display: flex;
}

.a-AlertMessage-icon {
  --a-icon-size: var(--a-alert-message-icon-size, 32px);
  min-height: var(--a-alert-message-icon-container-size, 40px);
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  color: var(--a-alert-message-icon-color);
  -webkit-margin-end: var(--a-alert-message-icon-spacing, 12px);
          margin-inline-end: var(--a-alert-message-icon-spacing, 12px);
}
.a-AlertMessage-icon:empty {
  display: none;
}
.a-AlertMessage-icon .a-Icon {
  font-size: var(--a-icon-size, 16px);
}
.a-AlertMessage-icon .a-Icon:before {
  font-size: inherit;
  content: var(--a-alert-message-icon);
}
.a-AlertMessage-icon .fa {
  font-size: var(--a-icon-size, 16px);
}

.a-AlertMessage-body {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-width: 0;
  align-self: center;
  font-size: var(--a-alert-message-font-size, 12px);
  line-height: var(--a-alert-message-line-height, 16px);
}

.a-AlertMessage-title {
  font-size: var(--a-alert-message-title-font-size, 14px);
  line-height: var(--a-alert-message-title-line-height, 20px);
  font-weight: var(--a-alert-message-title-font-weight, var(--a-base-font-weight-bold, 700));
  -webkit-margin-after: var(--a-alert-message-title-margin-y, 4px);
          margin-block-end: var(--a-alert-message-title-margin-y, 4px);
}
.a-AlertMessage-title:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.a-AlertMessage-title:empty {
  display: none;
}

/* Modifiers: Types
   ========================================================================== */
.ui-dialog--danger {
  --a-alert-message-icon: var(--a-alert-danger-icon);
  --a-alert-message-icon-color: var(--a-palette-danger);
}

.ui-dialog--warning {
  --a-alert-message-icon: var(--a-alert-warning-icon);
  --a-alert-message-icon-color: var(--a-palette-warning);
}

.ui-dialog--success {
  --a-alert-message-icon: var(--a-alert-success-icon);
  --a-alert-message-icon-color: var(--a-palette-success);
}

.ui-dialog--info,
.ui-dialog--information {
  --a-alert-message-icon: var(--a-alert-info-icon);
  --a-alert-message-icon-color: var(--a-palette-info);
}

/* ==========================================================================
   PWA
   ========================================================================== */
/* PWA Install
========================================================================== */
body:not(.a-pwaInstall--available) .a-pwaInstall {
  display: none;
}

/* PWA Dialog
========================================================================== */
.a-pwaDialog .ui-dialog-content {
  display: flex;
  flex-direction: column;
  inline-size: 320px;
}
.a-pwaDialog.a-pwaDialog--showInstructions .a-pwaDialog-screenshots,
.a-pwaDialog.a-pwaDialog--showInstructions [data-action=a-pwa-show-instructions] {
  display: none;
}
.a-pwaDialog:not(.a-pwaDialog--showInstructions) .a-pwaDialog-instructions,
.a-pwaDialog:not(.a-pwaDialog--showInstructions) [data-action=a-pwa-hide-instructions] {
  display: none;
}

/* PWA Dialog Header
========================================================================== */
.a-pwaDialog-header {
  display: flex;
  padding: var(--a-pwa-header-padding, 12px);
  gap: var(--a-pwa-header-item-spacing, 12px);
  min-inline-size: 0;
}

.a-pwaDialog-icon {
  inline-size: var(--a-pwa-icon-width, 64px);
  block-size: var(--a-pwa-icon-height, 64px);
  display: block;
  border-radius: var(--a-pwa-icon-border-radius, 8px);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.a-pwaDialog-about {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: center;
  min-inline-size: 0;
}

.a-pwaDialog-name {
  font-size: var(--a-pwa-name-font-size, 16px);
  font-weight: var(--a-pwa-name-font-weight, var(--a-base-font-weight-semibold, 500));
  line-height: var(--a-pwa-name-line-height, 20px);
}

.a-pwaDialog-description {
  font-size: var(--a-pwa-description-font-size, 14px);
  line-height: var(--a-pwa-description-line-height, 20px);
}

/* PWA Dialog Instructions
========================================================================== */
.a-pwaDialog-instructions {
  padding: var(--a-pwa-instructions-padding, 12px 16px);
  display: flex;
  flex-direction: column;
  align-items: center;
  min-inline-size: 0;
  flex-grow: 1;
}

.a-pwaDialog-steps {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  justify-content: space-evenly;
}

.a-pwaDialog-step {
  display: flex;
  align-items: center;
  gap: 12px;
}
.a-pwaDialog-step svg {
  fill: currentColor;
}
.a-pwaDialog-step--1 svg {
  fill: var(--a-pwa-step-image-color, #007ae1);
}

.a-pwaDialog-stepImage {
  inline-size: var(--a-pwa-step-image-width, 24px);
  block-size: var(--a-pwa-step-image-height, 24px);
}

.a-pwaDialog-stepText {
  color: var(--a-pwa-step-text-color);
  font-size: var(--a-pwa-step-text-font-size, 14px);
}

/* PWA Dialog Screenshots
========================================================================== */
.a-pwaDialog-screenshots {
  min-inline-size: 0;
  flex-grow: 1;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: var(--a-pwa-screenshots-padding, 0 12px);
  scroll-snap-type: x mandatory;
  gap: var(--a-pwa-screenshot-spacing, 12px);
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
}
.a-pwaDialog-screenshots::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.a-pwaDialog-screenshot {
  border-radius: var(--a-pwa-screenshot-border-radius, 4px);
  max-block-size: var(--a-pwa-screenshot-height, 240px);
  box-shadow: var(--a-pwa-screenshot-shadow);
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* PWA Dialog Footer
========================================================================== */
.a-pwaDialog-actions {
  padding: var(--a-pwa-actions-padding, 12px);
  position: -webkit-sticky;
  position: sticky;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  background-color: var(--jui-dialog-background-color);
}

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

File Name:    Chips.scss
Purpose:      Base styles for Chips

******************************************************************************/
.a-Chips {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  -webkit-margin-start: var(--a-chip-spacing, 4px);
          margin-inline-start: var(--a-chip-spacing, 4px);
  -webkit-padding-before: calc(var(--a-chip-spacing, 4px) / 2);
          padding-block-start: calc(var(--a-chip-spacing, 4px) / 2);
  -webkit-padding-after: calc(var(--a-chip-spacing, 4px) / 2);
          padding-block-end: calc(var(--a-chip-spacing, 4px) / 2);
}
.a-Chips--wrap {
  flex-wrap: wrap;
}
.a-Chips--wrap .a-Chip--overflow {
  display: none;
}

.a-Chip {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  min-width: 0;
  -webkit-padding-before: calc(var(--a-chip-padding-y, 2px) - var(--a-chip-border-width, 1px));
          padding-block-start: calc(var(--a-chip-padding-y, 2px) - var(--a-chip-border-width, 1px));
  -webkit-padding-after: calc(var(--a-chip-padding-y, 2px) - var(--a-chip-border-width, 1px));
          padding-block-end: calc(var(--a-chip-padding-y, 2px) - var(--a-chip-border-width, 1px));
  -webkit-padding-start: calc(var(--a-chip-padding-x, 4px) - var(--a-chip-border-width, 1px));
          padding-inline-start: calc(var(--a-chip-padding-x, 4px) - var(--a-chip-border-width, 1px));
  -webkit-padding-end: calc(var(--a-chip-padding-x, 4px) - var(--a-chip-border-width, 1px));
          padding-inline-end: calc(var(--a-chip-padding-x, 4px) - var(--a-chip-border-width, 1px));
  -webkit-margin-before: calc(var(--a-chip-spacing, 4px) / 2);
          margin-block-start: calc(var(--a-chip-spacing, 4px) / 2);
  -webkit-margin-after: calc(var(--a-chip-spacing, 4px) / 2);
          margin-block-end: calc(var(--a-chip-spacing, 4px) / 2);
  -webkit-margin-end: var(--a-chip-spacing, 4px);
          margin-inline-end: var(--a-chip-spacing, 4px);
  border-radius: var(--a-chip-border-radius, 2px);
  border-width: var(--a-chip-border-width, 1px);
  border-style: solid;
  border-color: var(--a-chip-state-border-color, var(--a-chip-type-border-color, var(--a-chip-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, 0.075)))));
  background-color: var(--a-chip-state-background-color, var(--a-chip-type-background-color, var(--a-chip-background-color, transparent)));
  color: var(--a-chip-state-text-color, var(--a-chip-type-text-color, var(--a-chip-text-color, inherit)));
  cursor: var(--a-chip-cursor, pointer);
  font-size: var(--a-chip-font-size, 12px);
  line-height: var(--a-chip-line-height, 16px);
}
.a-Chip:hover {
  --a-chip-state-background-color: var(--a-chip-hover-background-color);
  --a-chip-state-text-color: var(--a-chip-hover-text-color);
  --a-chip-state-border-color: var(--a-chip-hover-border-color);
}
.a-Chip.is-active, .a-Chip:active {
  --a-chip-state-background-color: var(--a-chip-active-background-color);
  --a-chip-state-text-color: var(--a-chip-active-text-color);
  --a-chip-state-border-color: var(--a-chip-active-border-color);
}
.a-Chip:focus {
  --a-chip-state-background-color: var(--a-chip-focus-background-color);
  --a-chip-state-text-color: var(--a-chip-focus-text-color);
  --a-chip-state-border-color: var(--a-chip-focus-border-color);
}
.a-Chip--applied {
  --a-chip-type-background-color: var(--a-chip-applied-background-color);
  --a-chip-type-text-color: var(--a-chip-applied-text-color);
  --a-chip-type-border-color: var(--a-chip-applied-border-color);
}
.a-Chip--applied:hover {
  --a-chip-state-background-color: var(--a-chip-applied-hover-background-color);
  --a-chip-state-text-color: var(--a-chip-applied-hover-text-color);
  --a-chip-state-border-color: var(--a-chip-applied-hover-border-color);
}
.a-Chip--applied:active {
  --a-chip-state-background-color: var(--a-chip-applied-active-background-color);
  --a-chip-state-text-color: var(--a-chip-applied-active-text-color);
  --a-chip-state-border-color: var(--a-chip-applied-active-border-color);
}
.a-Chip--applied:focus {
  --a-chip-state-background-color: var(--a-chip-applied-focus-background-color);
  --a-chip-state-text-color: var(--a-chip-applied-focus-text-color);
  --a-chip-state-border-color: var(--a-chip-applied-focus-border-color);
}
.a-Chip--applied.is-active {
  --a-chip-state-background-color: var(--a-chip-applied-is-active-background-color, var(--a-palette-primary));
  --a-chip-state-text-color: var(--a-chip-applied-is-active-text-color, var(--a-palette-primary-contrast));
  --a-chip-state-border-color: var(--a-chip-applied-is-active-border-color, transparent);
  --a-chip-remove-background-color: var(--a-chip-applied-is-active-remove-background-color);
  --a-chip-remove-text-color: var(--a-chip-applied-is-active-remove-text-color);
  --a-chip-remove-hover-background-color: var(--a-chip-applied-is-active-remove-hover-background-color);
  --a-chip-remove-hover-text-color: var(--a-chip-applied-is-active-remove-hover-text-color);
  --a-chip-remove-active-background-color: var(--a-chip-applied-is-active-remove-active-background-color);
  --a-chip-remove-active-text-color: var(--a-chip-applied-is-active-remove-active-text-color);
}

.a-Chip-label,
.a-Chip-value,
.a-Chip-count {
  display: block;
  padding: var(--a-chip-label-spacing, 4px);
}
.a-Chip-label:empty,
.a-Chip-value:empty,
.a-Chip-count:empty {
  display: none;
}

.a-Chip-label {
  color: var(--a-chip-label-text-color);
  opacity: var(--a-chip-label-opacity, 0.7);
}

.a-Chip-text {
  display: flex;
}

.a-Chip-value {
  color: var(--a-chip-value-text-color);
  font-weight: var(--a-chip-value-font-weight, var(--a-base-font-weight-semibold, 500));
}

.a-Chip-label:not(:empty) + .a-Chip-text {
  -webkit-margin-start: calc(var(--a-chip-label-spacing, 4px) * -1);
          margin-inline-start: calc(var(--a-chip-label-spacing, 4px) * -1);
}

.a-Chip-count {
  color: var(--a-chip-count-text-color);
  font-weight: var(--a-chip-count-font-weight, var(--a-base-font-weight-semibold, 500));
  -webkit-margin-start: calc(var(--a-chip-label-spacing, 4px) / 2 * -1);
          margin-inline-start: calc(var(--a-chip-label-spacing, 4px) / 2 * -1);
}
.a-Chip-count:before {
  content: "(";
}
.a-Chip-count:after {
  content: ")";
}

.a-Chip-divider {
  margin: var(--a-chip-divider-spacing, var(--a-chip-label-spacing, 4px));
  width: var(--a-chip-divider-width, 1px);
  align-self: stretch;
  background-color: var(--a-chip-divider-color, currentColor);
  opacity: var(--a-chip-divider-opacity, 0.1);
}

.a-Chip-remove {
  --a-icon-size: var(--a-chip-remove-icon-size);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--a-chip-remove-state-background-color, var(--a-chip-remove-background-color, transparent));
  color: var(--a-chip-remove-state-text-color, var(--a-chip-remove-text-color, inherit));
  border: none;
  box-shadow: none;
  margin: 0;
  padding: var(--a-chip-remove-padding, 2px);
  display: inline-flex;
  align-items: center;
  cursor: inherit;
  border-radius: var(--a-chip-remove-border-radius, 2px);
}
.a-Chip-remove:hover {
  --a-chip-remove-state-background-color: var(--a-chip-remove-hover-background-color);
  --a-chip-remove-state-text-color: var(--a-chip-remove-hover-text-color);
}
.a-Chip-remove:active {
  --a-chip-remove-state-background-color: var(--a-chip-remove-active-background-color);
  --a-chip-remove-state-text-color: var(--a-chip-remove-active-text-color);
}

.a-Chip--input {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: inherit;
}
.a-Chip--input input,
.a-Chip--input input.apex-item-text {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent !important;
  color: inherit !important;
  border: none !important;
  border-radius: var(--a-chip-border-radius, 2px);
  box-shadow: none !important;
  margin: 0;
  min-width: 32px;
  width: 100%;
  outline: none !important;
  font-family: inherit;
  font-size: var(--a-chip-input-font-size, 12px);
  line-height: var(--a-chip-input-line-height, 16px);
  padding: var(--a-chip-label-spacing, 4px);
  transition: none;
  height: calc(var(--a-chip-label-spacing, 4px) * 2 + var(--a-chip-padding-y, 2px) * 2 + var(--a-chip-input-line-height, 16px));
}
.a-Chip--input input::-moz-placeholder, .a-Chip--input input.apex-item-text::-moz-placeholder {
  color: inherit;
  opacity: var(--a-field-placeholder-opacity, 0.6);
}
.a-Chip--input input::placeholder,
.a-Chip--input input.apex-item-text::placeholder {
  color: inherit;
  opacity: var(--a-field-placeholder-opacity, 0.6);
}
.a-Chip--input input::-webkit-search-cancel-button,
.a-Chip--input input.apex-item-text::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.a-Chip--input.is-empty .a-Chip-clear {
  display: none;
}

.a-Chip-clear {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: inherit;
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 2px;
  display: inline-flex;
  align-items: center;
  cursor: inherit;
}

.a-Chip--overflow:not(.is-overflow) {
  display: none;
}

.a-Chips:not(.a-Chips--wrap) .a-Chip--applied.is-overflow {
  display: none;
}

.a-FS-suggestionChips {
  flex-basis: 100%;
  overflow-y: auto;
  scrollbar-width: none;
}
.a-FS-suggestionChips::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.a-FS-suggestionChips .a-Chips {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.a-FS-suggestionChips .a-Chips:not(:empty) {
  -webkit-margin-before: var(--a-chip-spacing, 4px);
          margin-block-start: var(--a-chip-spacing, 4px);
}

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

File Name:    ComboSelect.scss
Purpose:      Base styles for Combo Select item, used in Faceted Search

******************************************************************************/
/* Combo Select
   ========================================================================== */
.apex-item-comboselect {
  -webkit-padding-before: calc(var(--a-combo-select-padding-y, 2px) - var(--a-field-input-border-width, 1px));
          padding-block-start: calc(var(--a-combo-select-padding-y, 2px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-after: calc(var(--a-combo-select-padding-y, 2px) - var(--a-field-input-border-width, 1px));
          padding-block-end: calc(var(--a-combo-select-padding-y, 2px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-start: calc(var(--a-combo-select-padding-x, 2px) - var(--a-field-input-border-width, 1px));
          padding-inline-start: calc(var(--a-combo-select-padding-x, 2px) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-combo-select-padding-x, 2px) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-combo-select-padding-x, 2px) - var(--a-field-input-border-width, 1px));
  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, 400);
  color: var(--a-field-input-text-color);
  background-color: var(--a-field-input-background-color);
  border-radius: var(--a-field-input-border-radius, 2px);
  border-color: var(--a-field-input-border-color);
  border-width: var(--a-field-input-border-width, 1px);
  border-style: solid;
  box-shadow: var(--a-field-input-shadow, none);
  display: flex;
  align-items: center;
  align-self: center;
}
.apex-item-comboselect &gt; .a-Icon {
  --a-icon-size: var(--a-combo-select-icon-size);
  -webkit-margin-before: var(--a-combo-select-icon-margin-y, 8px);
          margin-block-start: var(--a-combo-select-icon-margin-y, 8px);
  -webkit-margin-after: var(--a-combo-select-icon-margin-y, 8px);
          margin-block-end: var(--a-combo-select-icon-margin-y, 8px);
  -webkit-margin-start: var(--a-combo-select-icon-margin-x, 8px);
          margin-inline-start: var(--a-combo-select-icon-margin-x, 8px);
  -webkit-margin-end: calc(var(--a-combo-select-icon-margin-x, 8px) - var(--a-chip-spacing, 4px));
          margin-inline-end: calc(var(--a-combo-select-icon-margin-x, 8px) - var(--a-chip-spacing, 4px));
}
.apex-item-comboselect.has-focus, .apex-item-comboselect:focus-within {
  outline: 1px auto Highlight;
  outline: 1px auto -webkit-focus-ring-color;
  outline-offset: 2px;
}
.apex-item-comboselect .a-Chips {
  -webkit-margin-before: calc(var(--a-combo-select-padding-y, 2px) * -1);
          margin-block-start: calc(var(--a-combo-select-padding-y, 2px) * -1);
  -webkit-margin-after: calc(var(--a-combo-select-padding-y, 2px) * -1);
          margin-block-end: calc(var(--a-combo-select-padding-y, 2px) * -1);
}

/* Combo Select Popup
   ========================================================================== */
.a-ComboSelect-popup {
  -webkit-padding-before: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-start: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  -webkit-padding-after: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
          padding-block-end: calc(var(--a-menu-padding-y, 8px) - var(--a-menu-border-width, 1px));
  -webkit-padding-start: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
          padding-inline-start: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
  -webkit-padding-end: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
          padding-inline-end: calc(var(--a-menu-padding-x, 0px) - var(--a-menu-border-width, 1px));
}

/* Combo Select List
   ========================================================================== */
.a-ComboSelect-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.a-ComboSelect-item {
  display: flex;
  gap: var(--a-combo-select-item-icon-spacing, 6px);
  min-inline-size: 0;
  margin: 0;
  font-size: var(--a-combo-select-item-font-size, 14px);
  line-height: var(--a-combo-select-item-line-height, 20px);
  -webkit-padding-before: var(--a-combo-select-item-padding-y, 8px);
          padding-block-start: var(--a-combo-select-item-padding-y, 8px);
  -webkit-padding-after: var(--a-combo-select-item-padding-y, 8px);
          padding-block-end: var(--a-combo-select-item-padding-y, 8px);
  -webkit-padding-start: var(--a-combo-select-item-padding-x, 12px);
          padding-inline-start: var(--a-combo-select-item-padding-x, 12px);
  -webkit-padding-end: var(--a-combo-select-item-padding-x, 12px);
          padding-inline-end: var(--a-combo-select-item-padding-x, 12px);
  position: relative;
  cursor: var(--a-menu-cursor, pointer);
  background-color: var(--a-combo-select-item-background-color, var(--a-menu-default-background-color));
  color: var(--a-combo-select-item-text-color, var(--a-menu-default-text-color, var(--a-menu-text-color)));
}
.a-ComboSelect-item:hover {
  color: var(--a-combo-select-item-hover-text-color, var(--a-menu-focused-text-color));
  background-color: var(--a-combo-select-item-hover-background-color, var(--a-menu-focused-background-color));
}
.a-ComboSelect-item.is-focused {
  color: var(--a-combo-select-item-focus-text-color, var(--a-menu-focused-text-color));
  background-color: var(--a-combo-select-item-focus-background-color, var(--a-menu-focused-background-color));
}

.a-ComboSelect-icon {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  min-inline-size: 0;
}

.a-ComboSelect-icon, .a-ComboSelect-icon:before,
.a-ComboSelect-item &gt; .a-Icon,
.a-ComboSelect-item &gt; .a-Icon:before {
  line-height: inherit;
}

.a-ComboSelect-label {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  min-inline-size: 0;
  word-break: break-all;
  -webkit-hyphens: auto;
          hyphens: auto;
}

.a-ComboSelect-itemHighlight {
  font-weight: var(--a-base-font-weight-bold, 700);
}

/* ==========================================================================
   APEX Date Picker
   ========================================================================== */
a-date-picker {
  display: flex;
  flex-grow: var(--a-field-input-flex-grow);
  min-inline-size: 0;
}
a-date-picker [disabled] {
  opacity: unset;
}

.a-DatePicker {
  position: relative;
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  min-block-size: 0;
  background-color: var(--a-datepicker-background-color);
}
.ui-dialog-datepicker .a-DatePicker {
  border-radius: var(--jui-dialog-border-radius, 4px);
}
.a-DatePicker-inline {
  overflow: hidden;
  background-color: var(--a-datepicker-background-color);
  border-width: var(--a-datepicker-border-width, 1px);
  border-style: solid;
  border-color: var(--a-datepicker-border-color, var(--a-field-input-border-color));
  border-radius: var(--a-datepicker-border-radius, var(--a-field-input-border-radius));
}

.a-DatePicker-header {
  display: flex;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  -webkit-padding-start: var(--a-datepicker-header-padding-x, 8px);
          padding-inline-start: var(--a-datepicker-header-padding-x, 8px);
  -webkit-padding-end: var(--a-datepicker-header-padding-x, 8px);
          padding-inline-end: var(--a-datepicker-header-padding-x, 8px);
  -webkit-padding-before: var(--a-datepicker-header-padding-y, 8px);
          padding-block-start: var(--a-datepicker-header-padding-y, 8px);
  -webkit-padding-after: var(--a-datepicker-header-padding-y, 8px);
          padding-block-end: var(--a-datepicker-header-padding-y, 8px);
  background-color: var(--a-datepicker-header-background-color, var(--a-datepicker-background-color));
  color: var(--a-datepicker-header-text-color);
  border-block-end-width: var(--a-datepicker-header-border-width, 1px);
  border-block-end-style: solid;
  border-block-end-color: var(--a-datepicker-header-border-color, var(--a-datepicker-border-color, var(--a-field-input-border-color)));
  gap: var(--a-datepicker-header-item-spacing, 4px);
  z-index: 2;
}
.ui-dialog-datepicker .a-DatePicker-header {
  border-top-left-radius: var(--jui-dialog-border-radius, 4px);
  border-top-right-radius: var(--jui-dialog-border-radius, 4px);
}

.a-DatePicker-monthPicker {
  min-inline-size: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: var(--a-datepicker-header-item-spacing, 4px);
  order: var(--a-datepicker-monthpicker-order);
}
.a-DatePicker-monthPicker select {
  -webkit-padding-start: var(--a-datepicker-monthpicker-select-padding-x, 4px);
          padding-inline-start: var(--a-datepicker-monthpicker-select-padding-x, 4px);
  -webkit-padding-end: var(--a-datepicker-monthpicker-select-padding-x, 4px);
          padding-inline-end: var(--a-datepicker-monthpicker-select-padding-x, 4px);
  -webkit-padding-before: var(--a-datepicker-monthpicker-select-padding-y, 4px);
          padding-block-start: var(--a-datepicker-monthpicker-select-padding-y, 4px);
  -webkit-padding-after: var(--a-datepicker-monthpicker-select-padding-y, 4px);
          padding-block-end: var(--a-datepicker-monthpicker-select-padding-y, 4px);
  background-color: var(--a-datepicker-monthpicker-select-background-color, var(--a-field-input-background-color));
  color: var(--a-datepicker-monthpicker-select-text-color, var(--a-field-input-text-color));
  border-width: var(--a-datepicker-monthpicker-select-border-width, 1px);
  border-style: solid;
  border-color: var(--a-datepicker-monthpicker-select-border-color, var(--a-field-input-border-color));
  border-radius: var(--a-datepicker-monthpicker-select-border-radius, var(--a-field-input-border-radius));
  font-size: var(--a-datepicker-monthpicker-select-font-size, 12px);
  font-weight: var(--a-datepicker-monthpicker-select-font-weight, 400);
}
.a-DatePicker-monthPicker select.is-disabled {
  opacity: var(--a-field-disabled-opacity, 0.5);
}

.a-DatePicker-nav {
  --a-button-padding-x: var(--a-datepicker-header-nav-padding-x, 8px);
  --a-button-padding-y: var(--a-datepicker-header-nav-padding-y, 8px);
}

.a-DatePicker-calendars {
  display: flex;
  padding: var(--a-datepicker-calendars-spacing, 0px);
  gap: var(--a-datepicker-calendars-gap, 1px);
  flex-wrap: wrap;
  flex-grow: 1;
  background-color: var(--a-datepicker-border-color, var(--a-field-input-border-color));
}
.ui-dialog-datepicker .a-DatePicker-calendars {
  overflow: hidden;
}
.ui-dialog-datepicker .a-DatePicker-calendars:first-child {
  border-start-start-radius: var(--jui-dialog-border-radius, 4px);
  border-start-end-radius: var(--jui-dialog-border-radius, 4px);
}
.ui-dialog-datepicker .a-DatePicker-calendars:last-child {
  border-end-start-radius: var(--jui-dialog-border-radius, 4px);
  border-end-end-radius: var(--jui-dialog-border-radius, 4px);
}

.a-DatePicker-calendarContainer {
  flex-grow: 1;
  background-color: var(--a-datepicker-calendar-background-color, #fff);
}

.a-DatePicker-calendarTitle {
  -webkit-padding-start: var(--a-datepicker-calendar-title-padding-x, 4px);
          padding-inline-start: var(--a-datepicker-calendar-title-padding-x, 4px);
  -webkit-padding-end: var(--a-datepicker-calendar-title-padding-x, 4px);
          padding-inline-end: var(--a-datepicker-calendar-title-padding-x, 4px);
  -webkit-padding-before: var(--a-datepicker-calendar-title-padding-y, 4px);
          padding-block-start: var(--a-datepicker-calendar-title-padding-y, 4px);
  -webkit-padding-after: var(--a-datepicker-calendar-title-padding-y, 4px);
          padding-block-end: var(--a-datepicker-calendar-title-padding-y, 4px);
  background-color: var(--a-datepicker-calendar-title-background-color);
  color: var(--a-datepicker-calendar-title-text-color);
  text-align: var(--a-datepicker-calendar-title-text-align, center);
  font-size: var(--a-datepicker-calendar-title-font-size, 14px);
  font-weight: var(--a-datepicker-calendar-title-font-weight, var(--a-base-font-weight-semibold, 500));
  line-height: var(--a-datepicker-calendar-title-line-height);
}
.a-DatePicker:not(.a-DatePicker--multiple) .a-DatePicker-calendarTitle {
  visibility: hidden;
  block-size: 0;
  -webkit-padding-before: 0;
          padding-block-start: 0;
  -webkit-padding-after: 0;
          padding-block-end: 0;
}

.a-DatePicker-calendar {
  border-collapse: collapse;
  border-spacing: 0;
  border-style: hidden;
  inline-size: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.a-DatePicker-calendar thead th {
  -webkit-padding-start: var(--a-datepicker-calendar-header-padding-x, 4px);
          padding-inline-start: var(--a-datepicker-calendar-header-padding-x, 4px);
  -webkit-padding-end: var(--a-datepicker-calendar-header-padding-x, 4px);
          padding-inline-end: var(--a-datepicker-calendar-header-padding-x, 4px);
  -webkit-padding-before: var(--a-datepicker-calendar-header-padding-y, 4px);
          padding-block-start: var(--a-datepicker-calendar-header-padding-y, 4px);
  -webkit-padding-after: var(--a-datepicker-calendar-header-padding-y, 4px);
          padding-block-end: var(--a-datepicker-calendar-header-padding-y, 4px);
  background-color: var(--a-datepicker-calendar-header-background-color);
  color: var(--a-datepicker-calendar-header-text-color);
  text-align: var(--a-datepicker-calendar-header-text-align, center);
  font-size: var(--a-datepicker-calendar-header-font-size, 11px);
  font-weight: var(--a-datepicker-calendar-header-font-weight, var(--a-base-font-weight-semibold, 500));
  line-height: var(--a-datepicker-calendar-header-line-height, 16px);
  border-block-end-width: var(--a-datepicker-calendar-header-border-width, 1px);
  border-block-end-style: solid;
  border-block-end-color: var(--a-datepicker-calendar-header-border-color, var(--a-gv-header-cell-border-color));
}
.a-DatePicker-calendar td {
  padding: var(--a-datepicker-calendar-day-spacing, 2px);
}
.a-DatePicker-calendar td &gt; span {
  display: block;
  -webkit-padding-start: var(--a-datepicker-calendar-day-padding-x, 4px);
          padding-inline-start: var(--a-datepicker-calendar-day-padding-x, 4px);
  -webkit-padding-end: var(--a-datepicker-calendar-day-padding-x, 4px);
          padding-inline-end: var(--a-datepicker-calendar-day-padding-x, 4px);
  -webkit-padding-before: var(--a-datepicker-calendar-day-padding-y, 4px);
          padding-block-start: var(--a-datepicker-calendar-day-padding-y, 4px);
  -webkit-padding-after: var(--a-datepicker-calendar-day-padding-y, 4px);
          padding-block-end: var(--a-datepicker-calendar-day-padding-y, 4px);
  background-color: var(--a-datepicker-calendar-day-background-color);
  color: var(--a-datepicker-calendar-day-text-color);
  text-align: var(--a-datepicker-calendar-day-text-align, center);
  font-size: var(--a-datepicker-calendar-day-font-size, 13px);
  font-weight: var(--a-datepicker-calendar-day-font-weight, var(--a-base-font-weight-semibold, 500));
  line-height: var(--a-datepicker-calendar-day-line-height, 16px);
  border-width: var(--a-datepicker-calendar-day-border-width, 1px);
  border-style: solid;
  border-color: var(--a-datepicker-calendar-day-border-color, transparent);
  border-radius: var(--a-datepicker-calendar-day-border-radius, var(--a-button-border-radius));
  cursor: var(--a-datepicker-calendar-day-pointer, pointer);
  opacity: var(--a-datepicker-calendar-day-opacity);
  margin-inline: auto;
}
.a-DatePicker-calendar td.is-current {
  --a-datepicker-calendar-day-background-color: var(--a-datepicker-calendar-day-current-background-color, var(--a-palette-primary-shade));
  --a-datepicker-calendar-day-text-color: var(--a-datepicker-calendar-day-current-text-color, var(--a-palette-primary));
  --a-datepicker-calendar-day-border-color: var(--a-datepicker-calendar-day-current-border-color, var(--a-palette-primary-shade));
}
.a-DatePicker-calendar td:focus {
  outline: none;
}
.a-DatePicker-calendar td:focus &gt; span {
  outline: 1px auto Highlight;
  outline: 1px auto -webkit-focus-ring-color;
}
.a-DatePicker-calendar td:hover {
  --a-datepicker-calendar-day-background-color: var(--a-datepicker-calendar-day-hover-background-color, var(--a-gv-row-hover-background-color));
  --a-datepicker-calendar-day-text-color: var(--a-datepicker-calendar-day-hover-text-color);
  --a-datepicker-calendar-day-border-color: var(--a-datepicker-calendar-day-hover-border-color);
}
.a-DatePicker-calendar td.is-selected {
  --a-datepicker-calendar-day-background-color: var(--a-datepicker-calendar-day-selected-background-color, var(--a-datepicker-calendar-day-current-background-color, var(--a-palette-primary, #0572CE)));
  --a-datepicker-calendar-day-text-color: var(--a-datepicker-calendar-day-selected-text-color, var(--a-datepicker-calendar-day-current-text-color, var(--a-palette-primary-contrast, #fff)));
  --a-datepicker-calendar-day-border-color: var(--a-datepicker-calendar-day-selected-border-color, var(--a-datepicker-calendar-day-current-border-color, var(--a-palette-primary, #0572CE)));
}
.a-DatePicker-calendar td.is-disabled {
  --a-datepicker-calendar-day-pointer: var(--a-datepicker-calendar-day-disabled-pointer, not-allowed);
  --a-datepicker-calendar-day-opacity: var(--a-datepicker-calendar-day-disabled-opacity, .5);
  --a-datepicker-calendar-day-font-weight: var(--a-datepicker-calendar-day-disabled-font-weight, 400);
  pointer-events: none;
}

.a-DatePicker-weekColumn {
  pointer-events: none;
}

thead .a-DatePicker-weekColumn &gt; span {
  opacity: var(--a-datepicker-calendar-week-column-heading-opacity, 0.5);
}

tbody .a-DatePicker-weekColumn {
  font-size: var(--a-datepicker-calendar-week-font-size, 13px);
  font-weight: var(--a-datepicker-calendar-week-font-weight, 400);
  line-height: var(--a-datepicker-calendar-week-line-height, 16px);
  background-color: var(--a-datepicker-calendar-week-background-color);
  color: var(--a-datepicker-calendar-week-text-color);
  border-inline-end-width: var(--a-datepicker-calendar-week-border-width, 1px);
  border-inline-end-style: solid;
  border-inline-end-color: var(--a-datepicker-calendar-week-border-color, var(--a-gv-header-cell-border-color));
}

.a-DatePicker-month select,
.a-DatePicker-year select,
.a-DatePicker-timeHours select,
.a-DatePicker-timeMinutes select,
.a-DatePicker-timeAmPm select {
  --a-field-select-background-image: none;
}

.a-DatePicker-monthPicker select:not([multiple]) {
  height: unset;
}

.a-DatePicker-footer {
  display: flex;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  -webkit-padding-start: var(--a-datepicker-footer-padding-x, 8px);
          padding-inline-start: var(--a-datepicker-footer-padding-x, 8px);
  -webkit-padding-end: var(--a-datepicker-footer-padding-x, 8px);
          padding-inline-end: var(--a-datepicker-footer-padding-x, 8px);
  -webkit-padding-before: var(--a-datepicker-footer-padding-y, 8px);
          padding-block-start: var(--a-datepicker-footer-padding-y, 8px);
  -webkit-padding-after: var(--a-datepicker-footer-padding-y, 8px);
          padding-block-end: var(--a-datepicker-footer-padding-y, 8px);
  background-color: var(--a-datepicker-footer-background-color, var(--a-datepicker-background-color));
  color: var(--a-datepicker-footer-text-color);
  border-block-start-width: var(--a-datepicker-footer-border-width, 1px);
  border-block-start-style: solid;
  border-block-start-color: var(--a-datepicker-footer-border-color, var(--a-datepicker-border-color, var(--a-field-input-border-color)));
  gap: var(--a-datepicker-footer-item-spacing, 4px);
  z-index: 2;
}
.ui-dialog-datepicker .a-DatePicker-footer {
  border-end-start-radius: var(--jui-dialog-border-radius, 4px);
  border-end-end-radius: var(--jui-dialog-border-radius, 4px);
}

.a-DatePicker-timePicker {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: var(--a-datepicker-footer-item-spacing, 4px);
}
.a-DatePicker-timePicker &gt; .a-Icon {
  -webkit-margin-end: var(--a-datepicker-footer-item-spacing, 4px);
          margin-inline-end: var(--a-datepicker-footer-item-spacing, 4px);
}
.a-DatePicker-timePicker select {
  -webkit-padding-start: var(--a-datepicker-timepicker-select-padding-x, 4px);
          padding-inline-start: var(--a-datepicker-timepicker-select-padding-x, 4px);
  -webkit-padding-end: var(--a-datepicker-timepicker-select-padding-x, 4px);
          padding-inline-end: var(--a-datepicker-timepicker-select-padding-x, 4px);
  -webkit-padding-before: var(--a-datepicker-timepicker-select-padding-y, 4px);
          padding-block-start: var(--a-datepicker-timepicker-select-padding-y, 4px);
  -webkit-padding-after: var(--a-datepicker-timepicker-select-padding-y, 4px);
          padding-block-end: var(--a-datepicker-timepicker-select-padding-y, 4px);
  background-color: var(--a-datepicker-timepicker-select-background-color, var(--a-field-input-background-color));
  color: var(--a-datepicker-timepicker-select-text-color, var(--a-field-input-text-color));
  border-width: var(--a-datepicker-timepicker-select-border-width, 1px);
  border-style: solid;
  border-color: var(--a-datepicker-timepicker-select-border-color, var(--a-field-input-border-color));
  border-radius: var(--a-datepicker-timepicker-select-border-radius, var(--a-field-input-border-radius));
  font-size: var(--a-datepicker-timepicker-select-font-size, 12px);
}
.a-DatePicker-timePicker select.is-disabled {
  opacity: var(--a-field-disabled-opacity, 0.5);
}

.a-DatePicker-actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  -webkit-margin-start: var(--a-datepicker-footer-item-spacing, 4px);
          margin-inline-start: var(--a-datepicker-footer-item-spacing, 4px);
  gap: var(--a-datepicker-footer-item-spacing, 4px);
}
.a-DatePicker-actions:only-child {
  flex-grow: 1;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}

.a-DatePicker select option {
  color: initial;
}

/* ==========================================================================
   APEX AutoComplete/Input Search Field
   ========================================================================== */
a-autocomplete {
  display: flex;
  flex-grow: var(--a-field-input-flex-grow);
  min-inline-size: 0;
}
a-autocomplete [disabled] {
  opacity: unset;
}
a-autocomplete a-option {
  display: none;
}

.a-ComboSelect-list.is-placeholder .a-ComboSelect-icon,
.a-ComboSelect-list.is-placeholder .a-ComboSelect-label {
  display: block;
}
.a-ComboSelect-list.is-placeholder .a-ComboSelect-icon:before,
.a-ComboSelect-list.is-placeholder .a-ComboSelect-label:before {
  flex-grow: 1;
  display: block;
  content: "\00a0";
  background-color: var(--a-combo-select-placeholder-color, var(--a-cv-border-color));
  border-radius: var(--a-combo-select-placeholder-color, 2px);
}
.a-ComboSelect-list.is-placeholder .a-ComboSelect-icon {
  width: var(--a-icon-size, 16px);
}

/* ==========================================================================
   APEX Dynamic Content
   ========================================================================== */
a-dynamic-content {
  display: block;
}

/* ==========================================================================
   APEX Color Picker &amp; Spectrum
   ========================================================================== */
a-color-picker {
  display: flex;
  flex-grow: var(--a-field-input-flex-grow);
  min-inline-size: 0;
}

a-color-spectrum {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr auto;
  grid-gap: 4px;
  row-gap: 4px;
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.a-ColorSpectrum-spectrum {
  block-size: var(--a-color-spectrum-size, 255px);
  inline-size: var(--a-color-spectrum-size, 255px);
  border-width: var(--a-color-spectrum-border-width, 1px);
  border-style: solid;
  border-color: var(--a-color-spectrum-border-color);
  background-color: var(--a-color-spectrum-background-color, rgb(255, 0, 0));
  background-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%), linear-gradient(90deg, rgb(128, 128, 128) 0%, rgba(128, 128, 128, 0) 100%);
  position: relative;
  aspect-ratio: 1/1;
}

.a-ColorSpectrum-dragHandler {
  cursor: pointer;
  position: absolute;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  border-color: #fff;
  border-style: solid;
  border-width: 1.5px;
  display: block;
  block-size: 10px;
  inline-size: 10px;
}

.a-ColorSpectrum-slider {
  border-width: var(--a-color-spectrum-slider-border-width, var(--a-color-spectrum-border-width, 1px));
  border-style: solid;
  border-color: var(--a-color-spectrum-slider-border-color, var(--a-color-spectrum-border-color));
  border-radius: var(--a-spectrum-slider-thickness, 12px);
  position: relative;
}
.a-ColorSpectrum-slider--hue {
  min-block-size: var(--a-color-spectrum-size, 255px);
  min-inline-size: var(--a-spectrum-slider-thickness, 12px);
  background-image: linear-gradient(0deg, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%);
}
.a-ColorSpectrum-slider--alpha {
  min-block-size: var(--a-spectrum-slider-thickness, 12px);
  min-inline-size: var(--a-color-spectrum-size, 255px);
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}

/* ==========================================================================
   APEX Rich Text Editor (tinyMCE)
   ========================================================================== */
a-rich-text-editor {
  display: flex;
  min-inline-size: 0;
  flex-grow: 1;
}
a-rich-text-editor [disabled] {
  opacity: unset;
}
.a-GV-columnItem a-rich-text-editor:focus-within {
  background-color: var(--a-field-input-hover-background-color);
}
a-rich-text-editor .a-rich-text-editor--preview {
  display: block;
  position: relative;
  flex-grow: 1;
  align-self: center;
  -webkit-padding-start: var(--a-gv-cell-padding-x, 8px);
          padding-inline-start: var(--a-gv-cell-padding-x, 8px);
  -webkit-padding-end: var(--a-gv-cell-padding-x, 8px);
          padding-inline-end: var(--a-gv-cell-padding-x, 8px);
  -webkit-padding-before: var(--a-gv-cell-padding-y, 4px);
          padding-block-start: var(--a-gv-cell-padding-y, 4px);
  -webkit-padding-after: var(--a-gv-cell-padding-y, 4px);
          padding-block-end: var(--a-gv-cell-padding-y, 4px);
  font-size: var(--a-gv-font-size, 12px);
  line-height: var(--a-gv-line-height, 16px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
a-rich-text-editor .a-rich-text-editor--loading-content {
  margin: 0;
  flex-grow: 1;
  background-color: unset;
}

.apex-item-group--rich-text-editor.apex-item-group {
  display: flex;
}

.apex-item-wrapper--rich-text-editor .apex-item-display-only {
  min-block-size: var(--tm-min-block-size, 12rem);
}

/* ==========================================================================
  RTE Content
  ========================================================================== */
.is-rte {
  font-weight: normal;
}
.is-rte a {
  word-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  overflow-wrap: break-word;
}
.is-rte a:hover, .is-rte a:focus {
  -webkit-text-decoration: var(--a-base-link-hover-decoration, underline);
          text-decoration: var(--a-base-link-hover-decoration, underline);
}
.is-rte h1,
.is-rte h2,
.is-rte h3,
.is-rte h4,
.is-rte h5,
.is-rte h6 {
  margin: 0 0 8px;
  font-weight: var(--a-base-font-weight-semibold, 500);
  color: inherit;
}
.is-rte p + h1, .is-rte p + h2, .is-rte p + h3, .is-rte p + h4, .is-rte p + h5, .is-rte p + h6,
.is-rte pre + h1,
.is-rte pre + h2,
.is-rte pre + h3,
.is-rte pre + h4,
.is-rte pre + h5,
.is-rte pre + h6,
.is-rte table + h1,
.is-rte table + h2,
.is-rte table + h3,
.is-rte table + h4,
.is-rte table + h5,
.is-rte table + h6 {
  -webkit-margin-before: 24px;
          margin-block-start: 24px;
}
.is-rte h1 {
  font-size: var(--a-rte-h1-font-size, 40px);
  line-height: var(--a-rte-h1-line-height, 1.2);
  font-weight: var(--a-rte-h1-font-weight, var(--a-base-font-weight-semibold, 500));
}
.is-rte h2 {
  font-size: var(--a-rte-h2-font-size, 32px);
  line-height: var(--a-rte-h2-line-height, 1.2);
  font-weight: var(--a-rte-h2-font-weight, var(--a-base-font-weight-semibold, 500));
}
.is-rte h3 {
  font-size: var(--a-rte-h3-font-size, 28px);
  line-height: var(--a-rte-h3-line-height, 1.2);
  font-weight: var(--a-rte-h3-font-weight, var(--a-base-font-weight-semibold, 500));
}
.is-rte h4 {
  font-size: var(--a-rte-h4-font-size, 24px);
  line-height: var(--a-rte-h4-line-height, 1.2);
  font-weight: var(--a-rte-h4-font-weight, var(--a-base-font-weight-bold, 700));
}
.is-rte h5 {
  font-size: var(--a-rte-h5-font-size, 20px);
  line-height: var(--a-rte-h5-line-height, 1.2);
  font-weight: var(--a-rte-h5-font-weight, var(--a-base-font-weight-bold, 700));
}
.is-rte h6 {
  font-size: var(--a-rte-h6-font-size, 16px);
  line-height: var(--a-rte-h6-line-height, 1.2);
  font-weight: var(--a-rte-h6-font-weight, var(--a-base-font-weight-bold, 700));
}
.is-rte strong,
.is-rte b {
  font-weight: var(--a-base-font-weight-bold, 700);
}
.is-rte strong,
.is-rte b {
  font-weight: var(--a-base-font-weight-heavy, 900);
}
.is-rte em,
.is-rte i {
  font-style: italic;
}
.is-rte ul,
.is-rte ol {
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  -webkit-margin-start: 32px;
          margin-inline-start: 32px;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.is-rte ul li,
.is-rte ol li {
  font-size: inherit;
  line-height: inherit;
}
.is-rte ul li:not(:last-child),
.is-rte ol li:not(:last-child) {
  -webkit-margin-after: 4px;
          margin-block-end: 4px;
}
.is-rte ul ul,
.is-rte ul ol,
.is-rte ol ul,
.is-rte ol ol {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 12px;
          margin-block-end: 12px;
}
.is-rte ul p + ul, .is-rte ul p + ol,
.is-rte ol p + ul,
.is-rte ol p + ol {
  -webkit-margin-before: -8px;
          margin-block-start: -8px;
}
.is-rte hr {
  clear: both;
  background-color: transparent;
  margin: var(--a-rte-hr-margin-y, 20px) var(--a-rte-hr-margin-x, 0);
  border: 0;
  border-top-style: solid;
  border-top-color: var(--a-rte-hr-border-color, rgba(0, 0, 0, 0.1));
  border-top-width: var(--a-rte-hr-border-width, 1px);
}
.is-rte img {
  display: block;
  max-width: 100%;
  height: auto;
}
.is-rte blockquote {
  margin: var(--a-rte-blockquote-margin-y, 20px) var(--a-rte-blockquote-margin-x, 20px);
  padding: var(--a-rte-blockquote-padding-y, 4px) var(--a-rte-blockquote-padding-x, 20px);
  font-size: var(--a-rte-blockquote-font-size, 18px);
  line-height: var(--a-rte-blockquote-line-height, 1.425);
  border: 0;
  border-left-width: var(--a-rte-blockquote-border-width, 4px);
  border-left-style: solid;
  border-left-color: var(--a-rte-blockquote-border-color, rgba(0, 0, 0, 0.1));
}
.u-RTL .is-rte blockquote {
  border-left: 0;
  border-right: var(--a-rte-blockquote-border-width, 4px) solid var(--a-rte-blockquote-border-color, rgba(0, 0, 0, 0.1));
}
.is-rte code {
  padding: var(--a-rte-code-padding-y, 2px) var(--a-rte-code-padding-x, 4px);
  font-size: var(--a-rte-code-font-size, 14px);
  font-family: var(--a-base-font-family-mono, monospace);
  border-radius: var(--a-rte-code-border-color, 2px);
  background-color: var(--a-rte-code-background-color, rgba(199, 199, 199, 0.5));
  border-style: solid;
  border-width: var(--a-rte-code-border-width, 1px);
  border-color: var(--a-rte-code-border-color, rgba(0, 0, 0, 0.1));
}
.is-rte pre {
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  padding: var(--a-rte-pre-padding, 8px);
  font-size: var(--a-rte-pre-font-size, 14px);
  font-family: var(--a-base-font-family-mono, monospace);
  border-radius: var(--a-rte-pre-border-color, 4px);
  max-width: 100%;
  overflow: auto;
  background-color: var(--a-rte-pre-background-color, rgba(199, 199, 199, 0.5));
  border-style: solid;
  border-width: var(--a-rte-pre-border-width, 1px);
  border-color: var(--a-rte-pre-border-color, rgba(0, 0, 0, 0.1));
}
.is-rte pre code {
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  border-width: 0;
}
.is-rte table {
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
  font-size: var(--a-rte-table-font-size, 13px);
  border-style: solid;
  border-width: var(--a-rte-table-border-width, 1px);
  border-color: var(--a-rte-table-border-color, rgba(0, 0, 0, 0.1));
  border-spacing: 0;
  border-collapse: separate;
  border-radius: var(--a-rte-table-border-color, 2px);
  background-color: var(--a-rte-table-background-color, #fff);
}
.is-rte table:last-child {
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
}
.is-rte table th {
  background-color: var(--a-rte-table-heading-background-color, rgba(0, 0, 0, 0.015));
  font-weight: var(--a-base-font-weight-semibold, 500);
}
.is-rte table th,
.is-rte table td {
  padding: var(--a-rte-table-cell-padding-y, 6px) var(--a-rte-table-cell-padding-x, 8px);
  border-bottom-width: var(--a-rte-table-cell-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--a-rte-table-cell-border-color, rgba(0, 0, 0, 0.05));
}
.is-rte table tr:last-child td {
  border-bottom-width: 0;
}

/* ==========================================================================
   APEX Unsafe HTML
   ========================================================================== */
a-unsafe-html {
  display: block;
}

a-unsafe-html:not(.is-processed) {
  visibility: hidden;
}</pre></body></html>