.sidebar {
    overflow-y: auto;
    /* Hide scrollbar for Chrome, Safari and Opera */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer and Edge */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.sidebar::-webkit-scrollbar {
    display: none;
}

.sidebar-fixed {
    grid-area: sidebar;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    min-width: 5rem;
    padding: 1rem;
}

.sidebar-mini {
    position: relative;
    padding: 1rem .8rem;
}


.sidebar .logo {
    display: block;
    background-image: url("/shared/assets/img/logo/logo-symbol.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 2.4rem;
}

.sidebar .nav-pills .nav-link {
    line-height: 1.8;
    margin-bottom: .4rem;
    font-size: 0.938rem
}

.sidebar .nav-pills .nav-link.active,
.sidebar .nav-pills .show>.nav-link {
    --bs-nav-pills-link-active-bg:  rgba(255, 255, 255, 0.2);
    --bs-nav-link-color: rgba(255, 255, 255, 0.8);
}

.sidebar .nav-pills .nav-link {
    text-align: center;
    position: relative;
}

.sidebar .nav-pills .nav-link .nav-icon {
    font-size: 1.4rem;
}

.sidebar .nav-pills .nav-link .nav-text {
    color: rgba(255, 255, 255, 0.8);
    display: none;
}

.sidebar .nav-pills .nav-link:hover,
.sidebar .nav-pills .nav-link:focus {
    --bs-nav-pills-link-active-bg: rgba(255, 255, 255, 0.1);
    color: #fff;
    background-color: var(--bs-nav-pills-link-active-bg);
}

@media (min-width: 1200px) {
    .sidebar:not(.sidebar-mini){
        min-width: 15rem;
        padding: 1rem;
    }

    .sidebar:not(.sidebar-mini) .logo {
        background-image: url("/shared/assets/img/logo/logo-dark.svg");
        background-position: center;
        height: 2.3rem;
    }

    .sidebar:not(.sidebar-mini) .nav-pills .nav-link {
        text-align: left;
    }

    .sidebar:not(.sidebar-mini) .nav-pills .nav-link .nav-icon {
        font-size: 1rem;
        margin-right: .8rem;
    }
    .sidebar:not(.sidebar-mini) .nav-pills .nav-link .nav-text {
        display: inline-block;
    }
}