/** Import Compass */
/* Margins ========================================================================== */
/* Paddings ========================================================================== */
/* Directions ========================================================================== */
/* Floats ========================================================================== */
/* Text Alignment ========================================================================== */
/* Transforms ========================================================================== */
/* ========================================================================== Icon Library Mixin ========================================================================== */
/* ========================================================================== Shadows ========================================================================== */
/* ========================================================================== Generic Modal Styles ========================================================================== */
/* ========================================================================== Standard Dialog ========================================================================== */
.ui-dialog { --jui-dialog-border-width: 0px; --jui-dialog-content-padding-y: 0px; --jui-dialog-content-padding-x: 0px; }

.ui-dialog .ui-dialog-content { position: relative; }

/* Dialog Title Bar ========================================================================== */
.t-Dialog-page .t-Alert--page.t-Alert--success.is-visible { -webkit-transform: translateY(0); transform: translateY(0); }

.ui-dialog.t-Dialog-page--wizard { --jui-dialog-titlebar-border-width: 0px; --jui-dialog-border-radius: 3px; --jui-dialog-title-font-weight: 500; --jui-dialog-title-font-size: 20px; --jui-dialog-title-line-height: 32px; --jui-dialog-titlebar-padding-y: 12px; --jui-dialog-titlebar-padding-x: 16px; --jui-dialog-content-padding-y: 0px; --jui-dialog-content-padding-x: 0px; --jui-dialog-buttonpane-border-width: 0px; --jui-dialog-buttonpane-content-padding-y: 16px; --jui-dialog-buttonpane-content-padding-x: 16px; }

.ui-dialog.t-Dialog-page--wizard .ui-dialog-title { justify-content: center; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.ui-dialog.t-Dialog-page--wizard .ui-dialog-content { border: 0; font-size: 1.4rem; }

.ui-dialog.t-Dialog-page--wizard .ui-dialog-buttonpane { --a-button-padding-y: 10px; --a-button-padding-x: 8px; --a-button-font-size: 14px; --a-button-line-height: 16px; }

.ui-dialog.t-Dialog-page--wizard .ui-dialog-buttonpane .ui-button { min-width: 64px; }

/* ========================================================================== Automatic Dialog Height ========================================================================== */
.ui-dialog.t-Dialog-page--wizard, .ui-dialog.t-Dialog-page--standard { display: flex; flex-direction: column; flex: none; max-height: 100%; }

.ui-dialog.t-Dialog-page--wizard .ui-dialog-titlebar, .ui-dialog.t-Dialog-page--standard .ui-dialog-titlebar { flex-shrink: 0; }

.ui-dialog.t-Dialog-page--wizard .ui-dialog-content, .ui-dialog.t-Dialog-page--standard .ui-dialog-content { position: relative; flex: 1 0 auto; }

.ui-dialog.t-Dialog-page--wizard .ui-dialog-content:not(.js-dialogReady):before, .ui-dialog.t-Dialog-page--standard .ui-dialog-content:not(.js-dialogReady):before { content: "\e01e"; position: absolute; left: 50%; top: 50%; margin-top: -16px; margin-left: -16px; width: 32px; height: 32px; font-size: 32px; 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: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; -webkit-animation: anim-spin-stop 2s 1 linear; animation: anim-spin-stop 2s 1 linear; -webkit-animation-delay: .2s; animation-delay: .2s; }

.t-Dialog, .t-Dialog-page, .t-Dialog-page #wwvFlowForm { display: flex; flex-direction: column; flex: 1 0 100%; height: 100vh; }

.t-Dialog-page { opacity: 0; }

.t-Dialog-page.js-dialogReady { opacity: 1; transition: opacity .2s ease; }

.t-Dialog-header, .t-Dialog-footer { flex-shrink: 0; overflow: hidden; }

.t-Dialog-body { padding: 16px; }

.t-Dialog-bodyWrapperOut { position: relative; flex: 1 0 auto; }

.t-Dialog-bodyWrapperIn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }

.t-Dialog-page--wizard.ui-dialog--apex, .t-Dialog-page--standard.ui-dialog--apex { box-sizing: content-box; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation: anim-dialogOpen .2s ease 1; animation: anim-dialogOpen .2s ease 1; }

.t-Dialog-page--wizard.ui-dialog--apex iframe, .t-Dialog-page--standard.ui-dialog--apex iframe { position: absolute; top: 0; bottom: 0; }

.t-Dialog-page--wizard.ui-dialog--apex .t-Wizard-body, .t-Dialog-page--standard.ui-dialog--apex .t-Wizard-body { transition: all; }

/* Scrollbars ========================================================================== */
.t-Dialog ::-webkit-scrollbar { width: 8px; height: 8px; }

/* Remove Padding from Dialog Body ========================================================================== */
.t-Dialog--noPadding .t-Dialog-body { padding: 0; overflow: hidden; }

/* Help Dialog ========================================================================== */
#apex_popup_field_help { outline: none; }

/*! jQuery UI Accordion 1.10.4 http://jqueryui.com Copyright 2014 jQuery Foundation and other contributors Released under the MIT license. http://jquery.org/license http://api.jqueryui.com/accordion/#theming */
body .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0; padding: .5em .5em .5em .7em; font-size: 100%; }

body .ui-accordion .ui-accordion-icons { padding-left: 2.2em; }

body .ui-accordion .ui-accordion-noicons { padding-left: .7em; }

body .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }

body .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

body .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; }