/* Loaded only when Branding:Environment is Sandbox (_Layout.cshtml, _AuthLayout.cshtml), so production never sees it. */

.env-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    height: 28px;
    line-height: 28px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    font-weight: 700;
    color: #1A1A1A;
    background: #FFB020;
}

/* The banner takes the top 28px: everything DashLite fixes at the top moves down by that much. */
body.env-sandbox .nk-header-fixed {
    top: 28px;
}

body.env-sandbox .nk-header-fixed + .nk-content {
    margin-top: 93px;
}

body.env-sandbox .nk-sidebar {
    top: 28px;
    min-height: calc(100vh - 28px);
}

body.env-sandbox .nk-sidebar-fixed {
    max-height: calc(100vh - 28px);
}

body.env-sandbox .nk-sidebar-content {
    height: calc(100vh - 93px);
}

/* The sidebar colours. The head keeps its white background because the red logo is hard to read on a dark one. */
body.env-sandbox .nk-sidebar.is-light {
    background: #0B3C49;
    border-right-color: #0B3C49;
}

body.env-sandbox .nk-sidebar.is-light .nk-sidebar-head {
    background: #FFFFFF;
}

body.env-sandbox .nk-sidebar.is-light .nk-menu-link,
body.env-sandbox .nk-sidebar.is-light .nk-menu-icon {
    color: #FFFFFF;
}

body.env-sandbox .nk-sidebar.is-light .nk-menu-heading .overline-title {
    color: #9FC2CC;
}

body.env-sandbox .nk-sidebar.is-light .nk-menu-link:hover,
body.env-sandbox .nk-sidebar.is-light .nk-menu-link:hover .nk-menu-icon,
body.env-sandbox .nk-sidebar.is-light .nk-menu-item.active > .nk-menu-link,
body.env-sandbox .nk-sidebar.is-light .nk-menu-item.active > .nk-menu-link .nk-menu-icon,
body.env-sandbox .nk-sidebar.is-light .nk-menu-item.active > .nk-menu-link .nk-menu-text,
body.env-sandbox .nk-sidebar.is-light .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon {
    color: #FFB020;
}

body.env-sandbox .nk-sidebar.is-light .nk-menu-link:hover,
body.env-sandbox .nk-sidebar.is-light .nk-menu-item.active > .nk-menu-link {
    background: rgba(255, 255, 255, .12);
}