/* Import Common Styles  */
/* ========================================================================== APEX Spotlight Search --- New quick navigation and search feature for APEX 5.2 ========================================================================== */
.a-Spotlight { display: flex; overflow: hidden; }

.a-Spotlight-body { flex-grow: 1; display: flex; flex-direction: column; -webkit-font-smoothing: antialiased; overflow: hidden; }

/* Body Class to prevent scrolling when spotlight is open */
body.apex-spotlight-active { overflow: hidden; }

/* Spotlight Results ========================================================================== */
.a-Spotlight-results { background-color: rgba(255, 255, 255, 0.98); flex-grow: 1; overflow: auto; max-height: 50vh; }

.a-Spotlight-results:empty { display: none; }

/* Spotlight Results List ========================================================================== */
.a-Spotlight-resultsList { list-style: none; margin: 0; padding: 0; }

/* List Item ========================================================================== */
.a-Spotlight-result:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.a-Spotlight-result .a-Spotlight-link:hover { text-decoration: none; }

.a-Spotlight-result.is-active .a-Spotlight-link { text-decoration: none; background-color: #0572CE; color: #FFF; }

.a-Spotlight-result.is-active .a-Spotlight-link .a-Spotlight-desc, .a-Spotlight-result.is-active .a-Spotlight-link .a-Spotlight-shortcut { color: #FFF; }

.a-Spotlight-result.is-active .a-Spotlight-link .a-Spotlight-shortcut { background-color: rgba(255, 255, 255, 0.15); }

/* Search Field ========================================================================== */
.a-Spotlight-search { padding: 16px; flex-shrink: 0; display: flex; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: -1px; }

.a-Spotlight-search .a-Spotlight-icon { position: relative; z-index: 1; background-color: #bdc3c7; }

.a-Spotlight-field { flex-grow: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.a-Spotlight-input { font-size: 20px !important; line-height: 32px; height: 64px; padding: 16px 16px 16px 64px; border-width: 0; display: block; width: 100%; background-color: rgba(255, 255, 255, 0.98); }

.a-Spotlight-input:focus { outline: none; }

/* Result Link ========================================================================== */
.a-Spotlight-link { display: block; display: flex; padding: 16px; color: #202020; align-items: center; }

.a-Spotlight-link:focus { outline: none; }

.a-Spotlight-icon { margin-right: 16px; padding: 8px; width: 32px; height: 32px; box-shadow: 0 0 0 1px #FFF; border-radius: 2px; background-color: #399bea; color: #FFF; }

.a-Spotlight-result--app .a-Spotlight-icon { background-color: #f54b21; }

.a-Spotlight-result--ws .a-Spotlight-icon { background-color: #24cb7f; }

.a-Spotlight-info { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }

.a-Spotlight-label { font-size: 14px; font-weight: 500; }

.a-Spotlight-desc { font-size: 11px; color: rgba(0, 0, 0, 0.65); }

.a-Spotlight-shortcut { line-height: 16px; font-size: 12px; color: rgba(0, 0, 0, 0.65); padding: 4px 12px; border-radius: 24px; background-color: rgba(0, 0, 0, 0.025); }

/* Spotlight Dialog ========================================================================== */
body .ui-dialog.ui-dialog--apexspotlight { border-width: 0; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05); background-color: transparent; }

body .ui-dialog.ui-dialog--apexspotlight .ui-dialog-titlebar { display: none; }

@media only screen and (max-height: 768px) { .a-Spotlight-results { max-height: 390px; } }