/* Largeur de la barre de défilement */
.sidebar::-webkit-scrollbar {
    width: 5px;
}

/* Couleur de fond de la barre de défilement */
.sidebar::-webkit-scrollbar-track {
    background-color: #cccccc;
}

/* Couleur de la poignée de la barre de défilement */
.sidebar::-webkit-scrollbar-thumb {
    background-color: #999999;
    border-radius: 4px;
}

/* Couleur de la poignée de la barre de défilement lorsqu'elle est survolée */
.sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #777777;
}

.sidebar {
    background-color: #FAFAFA;
    color: #171717;
    height: 100vh;
    border-right: #E4E5F1 solid 1px;
    overflow-y: auto
}

.nav {
    --bs-nav-link-color: #E4E5F1;
    --bs-nav-link-hover-color: #E4E5F1;
}

.nav-link {
    cursor: pointer;
    color: #171717;
}

.nav-link:active {
    color: #171717;
}

.nav-link:hover {
    color: #0D6EFD;
}

.sidebar-logo {
    width: 70%;
}

.version {
    opacity: 0.5;
    font-size: 0.8rem;
}

.active {
    border-left: 2px solid #0D6EFD;
    background-color: #eeeeee;
    color: #0D6EFD;
}

.active > .nav-link, .active > .sidebar-link {
    color: #0D6EFD;
} 

.sidebar-dropdown {
    background-color: #eeeeee;
    color: #0D6EFD;
}

.sidebar-link {
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.sidebar-link:hover {
    color: #0D6EFD;
}

.sidebar-link {
    text-decoration: none;
    color: #171717;
}

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



.sidebar-sub-link {
    display: flex;
    align-items: center;
    padding-left: 40px;
}

.sidebar-sub-link:hover {
    color: #0D6EFD;
}

.sidebar-sub-link {
    text-decoration: none;
    color: #171717;
}