/* The modal_change_formation_state (background) */
.modal_change_formation_state,
.modal_change_formation_entry {
    display: block;
    position: absolute;
    text-align: center;
    background: lightgrey;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid white;
    z-index: 10;
}

.modal_change_formation_state_hide,
.modal_change_formation_entry_hide {
    display: none;
}

.modal_change_formation_state_display,
.modal_change_formation_entry_display {
    display: block;
    animation: .2s anim_modal_change_formation;
}

@keyframes anim_modal_change_formation {
    from {
        transform: translateY(-10px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        opacity: 1
    }
}

/* modal_change_formation_state Content */
.modal_change_formation_state-content,
.modal_change_formation_entry-content {
    position: relative;
    margin: auto;
    width: fit-content;
    text-align: left;
}

.modal_change_formation_state-close:hover,
.modal_change_formation_entry-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.btn_change_formation_state,
.btn_change_formation_entry {
    width: 32px;
    height: 30px;
    cursor: pointer;
    margin: 2px;
}

.btn_change_formation_state_attention {
    background: rgb(209, 82, 68) !important;
}

/* MODALE FORMATION ENTRY*/