/*
    Copyright (c) 2001 Envision Technology Partners, Inc. All rights reserved.
*/
:root {
    --menu-width: 9.5rem;
}

.iz-sidebar {
    width: calc(var(--menu-width) + 25px);
    background-color: var(--menu-color-1);
    z-index: 1019 !important;
    min-height: calc(100vh - 45px);
}

.sidebar-logo > img {
    margin: 4px auto 20px auto;
    display: block;
    max-height: 140px;
    max-width: 140px;
}

#nav_accordion {
    min-width: var(--menu-width);
    max-width: var(--menu-width);
    background-color: var(--menu-color-2);
}

#nav_accordion > li {
    border-bottom: solid 1px var(--menu-color-1);
    margin-bottom: 1px;
}

#nav_accordion ul {
    list-style-type: none; /*turn off bullets*/
    padding-left: 1rem; /*reduce the bootstrap default */
}

#nav_accordion > li.nav-item:not(.sub-item) {
    background-color: var(--menu-color-3);
}

#nav_accordion > li.nav-item:not(.sub-item):not(:first-of-type) {
        margin-top: 1px;
}

#nav_accordion a.nav-link {
    padding: 4px 12px 4px 12px;
    color: var(--menu-font-color) !important;
    font-size: calc(var(--bs-body-font-size) + 1px);
}

    #nav_accordion a.nav-link:focus,
    #nav_accordion a.nav-link:hover {
        color: var(--menu-font-color) !important;
    }

    #nav_accordion a.menu-active,
    #nav_accordion a.nav-link:hover {
        text-decoration: underline;
        text-underline-color: var(--menu-font-color) !important;
    }

a.nav-link[role='button'][aria-expanded='false']:not(.no-icon)::after {
        font-family: "Font Awesome 6 Free";
        content: "\f0fe" / "Plus sign inside a box";
        float: right;
        margin-right: 2px;
        color: var(--menu-font-color) !important;
        padding: 0;
        margin-bottom: 0;
        line-height: 1;
        font-size: 16px;
        opacity: .6;
    }

a.nav-link[role='button'][aria-expanded='true']:not(.no-icon)::after {
        font-family: "Font Awesome 6 Free";
        content: "\f146" / "Minus sign inside a box";
        float: right;
        margin-right: 2px;
        color: var(--menu-font-color) !important;
        padding: 0;
        margin-bottom: 0;
        line-height: 1;
        font-size: 16px;
        opacity: .6;
    }

/* Note: :not(.nav-tab) is used exclude the buttons that will be inside a tab list control tab */
.nav-link:not(.nav-tab) {
    background-color: var(--menu-color-3);
}

.layout-copyright {
    color: var(--menu-font-color) !important;
    background-color: var(--menu-color-3);
}

    .layout-copyright a {
        height: 25px;
        display: block;
    }

#leftNavProviderInfo > span {
    color: var(--menu-font-color) !important;
}