// @import "../variables/_colors.less";
.sideNavAdminMenuContainer {
    max-height: 100% !important;
    overflow:hidden;
    min-height: 105px;

    @media screen and (max-height: 830px) {
        max-height: ~"calc(100vh - 70px)" !important;
    }

    .topNavDropdownHeader {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        padding: 24px 24px 12px 24px;
        color: @sidenav-link-color;
    }

    .adminMenuItemactive {
        background-color: @secondary-color !important;
        color: @sidenav-font-hover !important;
    }

    .adminMenuItem {
        margin: 4px 15px;
        padding: 8px 12px;
        width: auto !important;
        border-radius: 6px;
        color: @sidenav-link-color;
        -webkit-transition: background-color 0.75s ease-in-out;
        -ms-transition: background-color 0.75s ease;
        transition: background-color 0.75s ease;

        &:hover, &:focus {
            background-color: fade(@secondary-color, 60%);
            color: @sidenav-font-hover;
            text-decoration: none;
        }
    }


    .adminMenuIcon {
        padding-right: 12px;
        width: 30px !important;
    }
}

.sideNavAdminMenuContainer::-webkit-scrollbar {
    width: 4px !important;
}