/* Public layout z-index scale. Keep this loaded after legacy vendor CSS. */
:root {
    --msc-z-base: 0;
    --msc-z-raised: 10;
    --msc-z-dropdown: 1000;
    --msc-z-topbar: 1002;
    --msc-z-sticky: 1020;
    --msc-z-fixed: 1030;
    --msc-z-modal-backdrop: 1040;
    --msc-z-modal: 1050;
    --msc-z-drawer-backdrop: 1060;
    --msc-z-drawer: 1070;
    --msc-z-popover: 1080;
    --msc-z-tooltip: 1090;
    --msc-z-fullscreen: 1900;
    --msc-z-system: 2000;
}

.dropdown-menu,
.dropdown-content {
    z-index: var(--msc-z-dropdown);
}

.tt-nav,
.tt-nav.sticky,
.tt-nav.transparent-header,
#header.transparent-header,
#header.transparent-header .light-header,
#header.transparent-header .dark-header,
#header.transparent-header .menuzord .logo-brand {
    z-index: var(--msc-z-topbar) !important;
}

.navbar-fixed {
    z-index: var(--msc-z-sticky);
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    z-index: var(--msc-z-fixed);
}

.modal-backdrop,
#lean-overlay,
.lean-overlay,
.modal-overlay,
.mfp-bg {
    z-index: var(--msc-z-modal-backdrop) !important;
}

.modal,
.mfp-wrap {
    z-index: var(--msc-z-modal) !important;
}

.side-nav,
ul.side-nav,
ul.side-nav.fixed {
    z-index: var(--msc-z-drawer);
}

#sidenav-overlay,
.drag-target {
    z-index: var(--msc-z-drawer-backdrop);
}

.popover,
.picker {
    z-index: var(--msc-z-popover) !important;
}

.tooltip,
.material-tooltip {
    z-index: var(--msc-z-tooltip) !important;
}

.search-trigger {
    z-index: var(--msc-z-raised);
}

.search-form-wrapper {
    z-index: var(--msc-z-sticky);
}

.search-close,
.active-search .search-trigger .search-btn {
    z-index: var(--msc-z-fixed);
}

#preloader {
    z-index: var(--msc-z-system);
}