#dayListContainer {
    height: 80%;
    max-height: 78vh;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    min-height: 50vh;
    width: 100%
}

#sallesContainer{
    max-height: 78vh;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
} 

.dropdown-menu{
    max-height: 300px;
    overflow-x: scroll;
}

#bienvenue_resultSet{
    color: rgb(66, 26, 212);
    max-height: 560px;
}

#bienvenue_onglet{
    z-index: 5;
}

@media (min-width: 768px) {
    #bienvenue_row {
        min-height: calc(100vh - 180px);
        align-items: stretch;
    }
    #bienvenue_onglets,
    #sallesContainer {
        display: flex;
        flex-direction: column;
        height: auto;
        max-height: calc(100vh - 200px);
    }
    #dayListContainer {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
    }
    #sallesContainer > * {
        flex: 1 1 auto;
        min-height: 0;
    }
}

@media (max-width: 991.98px) {
    #bienvenue_row {
        min-height: 0;
        align-items: initial;
    }
    #bienvenue_onglets,
    #sallesContainer {
        display: block;
        max-height: none;
    }
    #dayListContainer {
        height: auto;
        max-height: none;
        min-height: 0;
    }
}

#dayList .retard_none{

     border-left: 8px solid rgba(217, 217, 217,0.4);
}
#dayList .retard_0{
     border-left: 8px solid rgba(111, 230, 75, 0.4);
}
#dayList .retard_15{
     border-left: 8px solid rgba(237, 234, 27, 0.4);
}
#dayList .retard_30{
     border-left: 8px solid rgba(237, 164, 27, 0.4);
}
#dayList .retard_45{
     border-left: 8px solid rgba(237, 69, 27, 0.4);
}
#dayList .retard_60{
     border-left: 8px solid rgba(21, 19, 19, 0.4);
}
#dayList .retard_much{
  
    border-left: 8px solid rgba(5, 5, 5, 0.7);
}


td.attribuer_salle .fa-sign-in-alt{
     font-size: 2em;
     color: darkgray;

}

td.remove_patient .fa-sign-out-alt{
     font-size: 1.5em;
     color: darkgray;
}