#table_filters{
    padding: 20px;
}

#table_habilitations {
    /* top: 0; */
    position: -webkit-sticky;
    /* overflow: hidden; */
    margin-left: auto;
    margin-right: auto;
    /* border-spacing: 2px; */
    font-size: 12px;
    padding: 2px;
    margin-bottom: 50px;
    text-align: center;
}

#table_habilitations thead {
    /* background-color: blue; */
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: whitesmoke;
}

.header_actions {
    background-color: rgb(68, 68, 68);
}

#table_habilitations td,
#table_habilitations th {
    min-width: 28px;
}

#table_habilitations th:nth-child(1),
#table_habilitations th:nth-child(2) {
    /* border: solid white 1px; */
    border-left: solid white 1px;
    border-right: solid white 1px;
}

#table_habilitations th {
    border-bottom: solid white 1px;
    color: white;
}

#table_habilitations td {
    border: solid white 1px;
    padding: 5px;
    transition: all .3s;
    padding-top: 1px;
    padding-bottom: 1px;
}

#table_habilitations tr:first-child th:nth-child(2),
#table_habilitations tr:first-child th:nth-child(3) {
    background-color: rgb(0, 108, 231);
    transform: skewX(0deg)translateX(157px);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#table_habilitations tr:first-child th:nth-child(1) {
    background-color: rgb(0, 108, 231);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#table_habilitations tr:first-child th:nth-child(4) {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


/* #table_habilitations tr:nth-child(2) th:nth-child(15) div,
#table_habilitations tr:nth-child(2) th:nth-child(14) div,
#table_habilitations tr:nth-child(2) th:last-child div {
    background-color: rgb(68, 68, 68);
    color: white;
} */

#table_habilitations .td_name {
    font-size: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#table_habilitations .light {
    background-color: rgb(255, 255, 204);
}

#table_habilitations .light-dark {
    background-color: rgb(255, 236, 152);
}

#table_habilitations .light-light {
    background-color: rgb(255, 255, 204);
}

#table_habilitations .dark {
    background-color: rgb(204, 204, 204);
}

#table_habilitations .dark-light {
    background-color: rgb(204, 204, 204);
}

#table_habilitations .dark-dark {
    background-color: rgb(173, 173, 173);
}

#table_habilitations .striped_cell_dark_light {
    background: repeating-linear-gradient(-45deg, #b9b9b9, #b9b9b9 2px, #e2e2e2 2px, #e2e2e2 4px);
}

#table_habilitations .striped_cell_dark_dark {
    background: repeating-linear-gradient(-45deg, #b9b9b9, #b9b9b9 2px, #7e7e7e 2px, #7e7e7e 4px);
}

#table_habilitations .striped_cell_light_light {
    background: repeating-linear-gradient(-45deg, rgb(250, 250, 233), rgb(255, 255, 233) 2px, rgb(255, 255, 144) 2px, rgb(255, 255, 144) 4px);
}

#table_habilitations .striped_cell_light_dark {
    background: repeating-linear-gradient(-45deg, rgb(255, 236, 152), rgb(255, 236, 152) 2px, rgb(255, 255, 144) 2px, rgb(255, 255, 144) 4px);
}

#table_habilitations .rotate-head {
    height: 156px;
    min-width: 32px;
    width: 40px;
    max-width: 40px;
    position: relative;
    vertical-align: bottom;
    padding: 0;
    font-size: 12px;
    line-height: 0.8;
    padding: 0px;
}

#table_habilitations .rotate-head div {
    position: relative;
    top: 0px;
    /*Valeur a changer si la hauteur de rotate-head change*/
    left: 80px;
    height: 100%;
    -ms-transform: skew(-45deg, 0deg);
    -moz-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    -o-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
    overflow: hidden;
    /* border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    background-color: #999999; */
}

#table_habilitations .rotate-head>div>span {
    -ms-transform: skew(45deg, 0deg) rotate(315deg);
    -moz-transform: skew(45deg, 0deg) rotate(315deg);
    -webkit-transform: skew(45deg, 0deg) rotate(315deg);
    -o-transform: skew(45deg, 0deg) rotate(315deg);
    transform: skew(45deg, 0deg) rotate(315deg);
    position: absolute;
    padding-left: 6px;
    /*Valeur a changer si la hauteur de rotate-head change*/
    bottom: 30px;
    left: -25px;
    display: inline-block;
    width: 100%;
    /*Valeur a changer si la hauteur de rotate-head change*/
    width: 85px;
    text-align: left;
    white-space: nowrap;
    /*whether to display in one line or not*/
}


#table_habilitations .td_sep {
    border-right: rgb(68, 68, 68) solid 2px !important;
}

#table_habilitations .th_sep {
    border-right: 3px solid black;
    margin-left: 0px !important;
}

.hover_btn_modify {
    background-color: rgb(216, 255, 193) !important;
}

.is_edit {
    background-color: rgb(156, 201, 222) !important;
}

input[name="checkbox_destination"] {
    /* transform: scale(2); */
    animation: anime_checkbox .3s ease-in;
}

@keyframes anime_checkbox {
    0% {
        opacity: 0;
    }

    20% {
        opacity: .1;
        transform: scale(.3);
    }
}

#btn_valid_ratt,
#btn_close_ratt {
    margin-top: 20px;
}