/* .sidenav-header{
    position: fixed;
    top: 16px;
    max-width: 17.225rem !important;
    z-index: 2;
    border-top-right-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    background: white;
}
#sidenav-collapse-main{
    margin-top: 7.875rem;
}
.sidebar-footer{
    position: fixed;
    bottom: 0px;
    width: 18.225rem;
    z-index: 2;
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    background: white;
} */
/* .sidebar-nav-link {
    height:75vh;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
    margin-top: 24px !important;
} */
.sidebar .sidebar-nav-link::-webkit-scrollbar {
    width: 5px;
}

.sidebar-nav-link::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav-link::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: content-box;
}
.sidebar-nav-link::-webkit-scrollbar-button {
    display: none;
}
.heightfix{
    height: 68vh;
    overflow-y: auto;
}
@media (max-width: 1024px) {
    .sidebar-footer {
        bottom: 0px;
        padding-top: 10px;
    }
    .card_height_fix {
        height: 87vh;
    }
}
.navbar-vertical .navbar-brand>img {
    max-height: unset !important;
}

@media (max-width: 1800px) {
  
    .card_height_fix {
        height: calc(100vh - 12vh);
    }
    
    .heightfix{
        height: 65vh !important;
    }
}
@media (min-width:992px) and (max-width: 1500px) {
    .font-color {
        font-size: 16px;
    }
}

@media (max-width: 1500px) {
    .card_height_fix {
        height: calc(100vh - 15vh);
    }
}

@media (min-width: 320px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
}

.sidenav {
    height: 96vh;
}
.logoheight {
    height: 18vh;
}
.navbarhight {
    height: 62vh !important;
    overflow-y: auto;
    margin-top: 10px;
}
.logoutbtn {
    height: 14vh;
}
@media (min-width: 1920px) {
    .sidenav {
        height: 96vh;
    }
    .logoheight {
        height: 126px;
    }
    /* .navbarhight {
        height: 64vh !important;
        overflow-y: auto;
    } */
    .logoutbtn {
        height: 6vh;
    }
}

@media (min-width: 1920px) {
    .logoheight {
        height: 140px;
    }
}
@media (min-width: 1920px) {
    .navbarhight {
        height: 72vh !important;
        overflow-y: auto;
    }
}

.sidebar-footer{
    position: relative;
    width: 19.225rem;
    z-index: 2;
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    background: white;
} 

.sidebar-footer li{
    position: absolute;
    bottom: 0px;
    width: 100%;
}