/**  Import Compass */
/* ========================================================================== Theme Configuration File ========================================================================== */
/** Base Colors Description: Provides a base for the UI. Usage: General UI Background, Region Headers, Buttons */
/** Highlight Colors Description: Used for providing emphasis or importance to UI components. Usage: Region Headers, Primary / Hot Buttons */
/** Accent and Status Colors Description: Used for indicating state-based UI components, status, or accents. Usage: Warnings, Errors, Danger Text, Success, Focus */
/** Application Based Colors Description: Used for applications within APEX development */
/* ========================================================================== Button Region ========================================================================== */
.a-ButtonRegion { border: 1px solid #E0E0E0; background-color: #F8F8F8; border-radius: 2px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.a-Region + .a-ButtonRegion { margin-top: 16px; }

.a-ButtonRegion-wrap { display: table; width: 100%; border-collapse: collapse; }

.a-ButtonRegion-title { display: none; }

.a-ButtonRegion-col { display: table-cell; width: 33%; vertical-align: middle; }

.a-ButtonRegion-buttons { white-space: nowrap; }

.a-ButtonRegion-buttons:empty { display: none; }

.a-ButtonRegion-col--left .a-ButtonRegion-buttons { text-align: left; }

.a-ButtonRegion-col--content .a-ButtonRegion-buttons { text-align: center; }

.a-ButtonRegion-col--right .a-ButtonRegion-buttons { text-align: right; }

.a-ButtonRegion-col--left .a-ButtonRegion-buttons, .a-ButtonRegion-col--right .a-ButtonRegion-buttons, .a-ButtonRegion-col--content { padding: 16px; }

/* ========================================================================== Modifier: No UI (used for Wizard Dialogs) ========================================================================== */
.a-EditScreen-header .a-ButtonRegion, .a-Dialog--wizard .a-ButtonRegion, .a-Dialog--dialogRegion .a-ButtonRegion, .a-Wizard-buttons .a-ButtonRegion, .a-ButtonRegion--noUI { border-width: 0; background-color: transparent; box-shadow: none; margin: 0; }

/* ========================================================================== Modifier: Borderless ========================================================================== */
.a-ButtonRegion--noBorder { border-width: 0; }

.a-ButtonRegion--noBorder + .a-Region { border-top-width: 0; }

/* ========================================================================== Modifier: Slim Padding ========================================================================== */
.a-ButtonRegion--slimPadding .a-ButtonRegion-col--left .a-ButtonRegion-buttons, .a-ButtonRegion--slimPadding .a-ButtonRegion-col--right .a-ButtonRegion-buttons, .a-ButtonRegion--slimPadding .a-ButtonRegion-col--content { padding: 8px; }

/* ========================================================================== Modifier: No Padding ========================================================================== */
.a-ButtonRegion--noPadding .a-ButtonRegion-col--left .a-ButtonRegion-buttons, .a-ButtonRegion--noPadding .a-ButtonRegion-col--right .a-ButtonRegion-buttons, .a-ButtonRegion--noPadding .a-ButtonRegion-col--content { padding: 0; }

/* ========================================================================== Modifier: No Padding ========================================================================== */
.a-ButtonRegion--withItems .a-ButtonRegion-col--left, .a-ButtonRegion--withItems .a-ButtonRegion-col--right { width: 0; }

.a-ButtonRegion--withItems .a-ButtonRegion-col--left:empty, .a-ButtonRegion--withItems .a-ButtonRegion-col--right:empty { padding: 0; }

.a-ButtonRegion--withItems .a-ButtonRegion-col--left .a-ButtonRegion-buttons { padding-right: 0; }

.a-ButtonRegion--withItems .a-ButtonRegion-col--right .a-ButtonRegion-buttons { padding-left: 0; }

.a-ButtonRegion--withItems .a-ButtonRegion-col--content { width: 100%; }

.a-ButtonRegion--withItems .a-Form-labelContainer, .a-ButtonRegion--withItems .a-Form-inputContainer { padding-top: 0; padding-bottom: 0; display: inline-block; vertical-align: middle; }

.a-ButtonRegion--withItems .a-Form-labelContainer { width: auto; float: none; }

.a-ButtonRegion--withItems .apex-col { width: auto; float: left; margin-bottom: 4px; }

.a-ButtonRegion--withItems .apex-row { padding-bottom: 4px; }

.a-ButtonRegion--withItems .apex-grid-container .apex-row:last-child { padding-bottom: 0; margin-bottom: -4px; }

.a-ButtonRegion--withItems.a-Form--labelsAbove .apex-col > .a-Button { margin-top: 24px; }

/* ========================================================================== Modifier: Wizard Dialog ========================================================================== */
.a-ButtonRegion--wizard { box-shadow: none; border-width: 1px 0 0 0; border-radius: 0 0 2px 2px; margin-bottom: 0; }

.a-ButtonRegion--wizard.a-ButtonRegion--noBorder, .a-ButtonRegion--wizard.a-ButtonRegion--noUI { border-width: 0; }

.a-Main > .a-ButtonRegion--wizard.a-ButtonRegion--noBorder { border-bottom-width: 1px; border-radius: 0; }

.a-ButtonRegion--dialogRegion { box-shadow: none; border-radius: 0 0 2px 2px; margin-bottom: 0; background-color: #FFF; border-width: 0; }

.a-ButtonRegion--dialogRegion .a-ButtonRegion-col--left .a-ButtonRegion-buttons, .a-ButtonRegion--dialogRegion .a-ButtonRegion-col--right .a-ButtonRegion-buttons { padding: 12px; }

/* ========================================================================== Modifier: Show Title ========================================================================== */
.a-ButtonRegion--showTitle .a-ButtonRegion-title { display: block; font-size: 2.0rem; line-height: 1; font-weight: normal; color: #404040; }

/* ========================================================================== Modifier: Accessible Title ========================================================================== */
.a-ButtonRegion--accessibleTitle .a-ButtonRegion-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.a-ButtonRegion + .a-IRR-region--noOuterBorders .a-IRR { border-top-width: 1px; }

/* ========================================================================== Modifier: Packaged Apps ========================================================================== */
.a-ButtonRegion--pkgApps .a-Form-inputContainer { padding: 0; text-align: center; width: 100%; }

.a-ButtonRegion--pkgApps input[type=text].a-Form-field--searchField { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMTQuNyAxNC43Yy0uNC40LTEgLjQtMS40IDBsLTMuNi0zLjZjLS45LjYtMiAuOS0zLjEuOS0zLjEgMC01LjYtMi41LTUuNi01LjVzMi41LTUuNSA1LjUtNS41IDUuNSAyLjUgNS41IDUuNWMwIDEuMi0uMyAyLjItLjkgMy4xbDMuNiAzLjZjLjQuNS40IDEuMSAwIDEuNXptLTguMi0xMS43Yy0xLjkgMC0zLjUgMS42LTMuNSAzLjVzMS42IDMuNSAzLjUgMy41IDMuNS0xLjYgMy41LTMuNS0xLjYtMy41LTMuNS0zLjV6IiBvcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMyMzFGMjAiLz48L3N2Zz4=); background-position: 12px; background-repeat: no-repeat; padding-left: 28px; background-size: 16px; width: 50%; min-width: 480px; background-color: #fff; padding: 8px 36px; line-height: 24px; height: 40px; font-size: 14px; }

.a-ButtonRegion--pkgApps .ls-Search-clear { display: none; }

.a-AppCards.a-AppCards--slim.a-AppCards--grid .a-AppCards-desc { display: none; }

/* Packaged Apps ========================================================================== */
.a-ButtonRegion--pkgApps .a-Form-inputContainer fieldset.radio_group table td { padding: 0; }

.a-ButtonRegion--pkgApps .a-Form-inputContainer .radio_group label { padding-left: 0; }

.a-ButtonRegion--pkgApps .a-Form-inputContainer fieldset.radio_group + .a-Form-error { margin-top: 0; }

.a-ButtonRegion--pkgApps .radio_group td:last-child .ui-button { margin-right: 0; }

.a-ButtonRegion--pkgApps .a-Form-inputContainer fieldset table.radio_group { margin-left: 12px; }

.a-ButtonRegion--pkgApps .a-Form-inputContainer .radio_group label { padding: 12px 4px; display: block; }

.a-ButtonRegion--pkgApps .radio_group .ui-button .ui-button-text { line-height: 16px; }

.a-ButtonRegion--pkgApps .a-ButtonRegion-col--content .apex-grid-container { display: inline-block; vertical-align: top; }

.a-ButtonRegion--pkgApps { background-color: #FFF; border-color: rgba(0, 0, 0, 0.05); }

.a-ButtonRegion--pkgApps .a-Button--iconLeft { padding-left: 28px; }

.a-ButtonRegion--pkgApps.is-stuck { background-color: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(4px); border-color: transparent; }

.a-ButtonRegion--pkgApps:after { content: ''; position: absolute; left: 0; width: 100%; bottom: -6px; height: 6px; background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent); opacity: 0; transition: opacity .2s ease; }

.a-ButtonRegion--pkgApps.is-stuck:after { opacity: 1; }

.a-ButtonRegion--pkgApps.is-stuck:hover { background-color: rgba(255, 255, 255, 0.92); -webkit-backdrop-filter: blur(8px); }

/* Banner Button Region (used for Getting Started) ========================================================================== */
.a-ButtonRegion--banner { border-width: 1px 0; border-radius: 0; box-shadow: none; margin-top: -1px; }

.a-ButtonRegion--banner .a-ButtonRegion-buttons, .a-ButtonRegion--banner .a-ButtonRegion-col--content { padding: 24px 16px; }

.a-ButtonRegion--banner .a-MediaBlock h2 { font-size: 2.0rem; line-height: 32px; font-weight: normal; color: #000; }

.a-ButtonRegion--banner.apex-sql-workshop { background-color: rgba(36, 203, 127, 0.025); }

.a-ButtonRegion--banner.apex-sql-workshop .icon-get-started { background-color: #24CB7F; }

.a-ButtonRegion--banner.apex-app-builder { margin-top: 0; background-color: rgba(57, 155, 234, 0.025); }

.a-ButtonRegion--banner.apex-app-builder .icon-get-started { background-color: #399BEA; }

.a-ButtonRegion--banner.apex-pkg-apps { margin-top: 0; background-color: rgba(245, 75, 33, 0.025); }

.a-ButtonRegion--banner.apex-pkg-apps .icon-get-started { background-color: #F54B21; }