/**--- Custom scrollbar ---**/
/* pour firefox */
.custom-scrollbar {
    scrollbar-color: var(--textarea-color) var(--another-gray_2);
    scrollbar-width: thin;
    overflow-y: auto;
}
/* pour chrome, safari et edge */
.custom-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: var(--another-gray_2);
    height: 8px;

    background-color: var(--another-gray_2); /* or add it to the track */
}
    
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--textarea-color);
}

.messagerie_variant #MsgView .custom-scrollbar {
    scrollbar-color: #e5e5e5 #f2f2f2;
}
.messagerie_variant #MsgView .bg--mission + .custom-scrollbar {
    scrollbar-color: var(--main-color_mission) var(--secondary-color_mission);
}

.messagerie_variant #MsgView .bg--profil + .custom-scrollbar::-webkit-scrollbar {
    height: 12px;
    width: 5px;
    background: var(--secondary-color_profil);
}
.messagerie_variant #MsgView .bg--profil + .custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--main-color_profil);
    -webkit-border-radius: 1ex;
}

.messagerie_variant #MsgView .bg--mission + .custom-scrollbar::-webkit-scrollbar {
    height: 12px;
    width: 5px;
    background: var(--secondary-color_mission);
}

.messagerie_variant #MsgView .bg--mission + .custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--main-color_mission);
    -webkit-border-radius: 1ex;
}

.mainhead--apercu-messagerie.custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--main-color_mission);
    -webkit-border-radius: 1ex;
}