:root {
    --clarity: 1;
}

#table_droits {
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    /* overflow: hidden; */
    margin-left: auto;
    margin-right: auto;
    border-spacing: 2px;
    /* padding: 2px; */
}

#table_droits tbody td {
    padding: 4px;
    text-align: center;
    transition: all .5s;
}

#table_droits thead {
    position: -webkit-sticky;
    position: sticky;
    color: white;
    position: sticky;
    top: 0;
    z-index: 1;
}

.hide_item {
    display: none !important;
}

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

.striped_cell_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);
}

.no-rotate-head {
    background-color: #999999;
}

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

.rotate-head div {
    position: relative;
    top: 0px;
    /*Valeur a changer si la hauteur de rotate-head change*/
    left: 69px;
    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;
    z-index: 1;
}

#table_droits .rotate-head 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;
    /*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*/
}

.sort-filter:hover {
    color: rgb(250, 255, 177);
    text-decoration: underline;
    cursor: pointer;
}


/* Style différent pour les 2 colonnes rattachement et département */
.th_inter {
    min-width: 80px;
    /* line-height: 80px; */
}

.th_inter span {
    padding-top: 20px;
}

/* Style différent pour les 3 dernieres colonnes d'action */

.rotate-head-1, .rotate-head-2, .rotate-head-3 {
    color: white;
    font-weight: bold;
    /* height: 60px; */
}

.head-actions {
    background-color: #5c5c5c;
}

.head-actions::before {
    content: '';
    border-top: 136px solid white;
    border-right: 136px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}

/* .rotate-head-1 div, .rotate-head-2 div, .rotate-head-3 div {
    background-color: #5c5c5c;
} */

/*Couleurs des entêtes*/

.head-level-0 div {
    background-color: rgb(64, 153, 255);
}

.head-level-1 div {
    background-color: rgb(93, 169, 255);
}

.head-level-2 div {
    background-color: rgb(129, 188, 255);
}

/* Couleurs du dégradé des droits des personnes */

.dark_light {
    background: rgb(204, 204, 204);
}

.dark_dark {
    background: rgb(184, 184, 184);
}

.light_light {
    background: rgb(255, 255, 204);
}

.light_dark {
    background: rgb(255, 255, 144);
}

.univ_light {
    background: rgb(253, 242, 137);
}

.univ_dark {
    background: rgb(146, 146, 146);
}

.ratt_light_light {
    background: rgb(255, 255, 170);
}

.ratt_light_dark {
    background: rgb(252, 250, 143);
}

.ratt_dark_light {
    background: rgb(202, 202, 202);
}

.ratt_dark_dark {
    background: rgb(172, 172, 172);
}

.dep_light_light {
    background: rgb(255, 255, 204);
}

.dep_light_dark {
    background: rgb(255, 255, 172);
}

.dep_dark_light {
    background: rgb(231, 231, 231);
}

.dep_dark_dark {
    background: rgb(202, 202, 202);
}

.hover_btn_modifier {
    background: rgb(216, 255, 193);
}

.click_on_sauver {
    background: rgb(156, 201, 222);
}

/* Alignement des select */

.annuaire label {
    display: inline-block;
    width: 110px;
    text-align: right;
}

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

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

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

.modal_ajouter {
    position: fixed;
    top: auto;
    left: auto;
    display: table;
    background: #FFFFAA;
    padding: 5px 10px 5px 10px;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #FFDD55;
    border-collapse: separate;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius: 5px;
    /* pour Chrome */
    -webkit-border-top-right-radius: 5px;
    /* pour Chrome */
    -webkit-border-bottom-left-radius: 5px;
    /* pour Chrome */
    -webkit-border-bottom-right-radius: 5px;
    /* pour Chrome */
}

/* //// STYLE DE LA FENETRE MODALE //// */

/* dialog overlay */

.c-dialog {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    padding: 2.4rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(black, .75);
    transition: .2s;
}

/* dialog box */

.c-dialog__box {
    text-align: center;
    flex: 1;
    max-width: 28rem;
    margin: auto;
    padding: 2.4rem;
    background-color: rgb(156, 201, 222);
    ;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius: 5px;
    /* pour Chrome */
    -webkit-border-top-right-radius: 5px;
    /* pour Chrome */
    -webkit-border-bottom-left-radius: 5px;
    /* pour Chrome */
    -webkit-border-bottom-right-radius: 5px;
    /* pour Chrome */
}

/* hidden dialog */

.c-dialog[aria-hidden="true"] {
    visibility: hidden;
    opacity: 0;
}

#select_ratt, #select_dep {
    margin-bottom: 15px;
}

/* ////////////////////////////////// */

#result_request {
    font-size: medium;
    font-weight: bold;
    margin: 10px;
}

.button_download_csv {
    text-align: center;
    margin: auto;
}

#btn_display_all {
    position: absolute;
    left : 280px;
}

#btn_continue {
    position: absolute;

}

#div_dest {
    text-align: left;
    margin: 30px;
}

#select_person{
    margin-bottom: 20px;
}