.masquerdate {
    font-size: x-small;
    width: 100px;
    transition: 1s;
}

.masquerfichier {
    font-size: x-small;
    width: 100px;
    transition: 1s;
}

/* 
   All elements with class "toggleable" 
   should be hidden.
 */
.toggleable {
    width: 0px;
    display: none;
    transition: 2s;
    /* transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1); */
    /* (0.1, 0.7, 1.0, 0.1) */
    /* (0, 0.81, 0.66, 0.22) */
}

/* 
   All elements that have both
   should be visible.
 */
.toggleable.visible {
    width: 70px;
    font-size: x-small;
    display: table-cell;
}

.toggleable_fichier {
    width: 0px;
    display: none;
    transition: 2s;
    /* transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1); */
    /* (0.1, 0.7, 1.0, 0.1) */
    /* (0, 0.81, 0.66, 0.22) */
}

/* 
   All elements that have both
   should be visible.
 */
.toggleable_fichier.visible {
    /* width: 100px; */
    display: table-cell;

}

.index_button_reduire_titre {
    margin-top: -40px;
}

.index_button_reduire_titre_champ_knp {
    margin-top: 9px;
    min-width: 139px;

    /* pour éviter que le label du btn passe à la ligne */

}

/* Original class styles */
.original-class {
    background-color: #3498db;
    color: #fff;
}

/* New class styles for hover */
.hover-class {
    background-color: #e74c3c;
    color: #fff;
}

.tr_index_dm {
    /* height: 127px; */
    height: auto;
    /*car sinon le masquage des champs dates 'saute' */
    vertical-align: top !important;
    background-color: darkslategrey !important;
}

.tr_home_dm {
    height: auto;
    /*car sinon le masquage des champs dates 'saute' */
    vertical-align: top !important;
    background-color: darkslategrey !important;
}

/* provient d'une textearea Bootstrap */
.textareaIndex {
    /* min-height: 200px; */
    display: block;
    width: 600px;
    /* padding: 0.75rem 1rem; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #272b30;
    background-color: #fff;
    border: var(--bs-border-width) solid rgba(0, 0, 0, 0.6);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* surcharge pour certaines entité */
.textareaIndex-personne {
    width: 300px;
}


.textareaShow {
    min-height: 300px;
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #272b30;
    background-color: #fff;
    border: var(--bs-border-width) solid rgba(0, 0, 0, 0.6);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.displayloupeDMpersonne {
    display: inline-block;
}

.opacityHome {
    opacity: 0.2;
}