/* Décrire l'animation */
@keyframes slideDownFadeIN {
    from {
        top: -100px;
        opacity: 0;
    }

    to {
        top: 0px;
        opacity: 1;
    }
}

/* Foncer l'arrière-plan de la fenêtre modale */
.modal2 {
    display: none;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

/* Afficher la fenêtre modale lorsqu'elle est ciblée par un lien supprimer */
.modal2:target {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

/* la fenêtre modale  */
.modal-dialog2 {
    width: 100%;
}

/* Le contenu de la modale */
.modal-dialog2 .modal-content2 {
    margin: auto;
    background-color: white;
    position: relative;
    outline: 0;
    text-align: justify;
    width: 220pt;

    padding: 3pt 15pt 10pt 15pt;
    border: 1pt solid grey;
    border-radius: 3pt;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */

    animation-name: slideDownFadeIN;
    animation-duration: 0.5s;
}

/* Bouton servant à fermer la fenêtre modale */
.modal2 .closebtn {
    text-decoration: none;
    float: right;
    font-size: 35px;
    font-weight: bold;
    color: grey;
}

.modal2 .closebtn:hover,
.modal2 .closebtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.container2 {
    padding: 2px 16px;
}

.password {
    display: inline-block;
    position: relative;
    width: 100%;
}

.pass-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    cursor: pointer;
}