.modal {
    z-index: 2500;
}
.modal-background {
    background-color: rgba(50, 50, 50, 0.7);
}
.modal-card {
    border-radius: var(--secondary-border-radius);
    width: 100%;
    max-width: 600px;
}
.modal-card-head, 
.modal-card-foot {
    background-color: var(--white);
}
.modal-card-head {
    justify-content: flex-end;
}
.modal-card-head {
    border-bottom: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.modal-card-head img {
    max-width: 64px;
}
.modal-card-head .closeModal {
    max-width: 20px;
}
.modal-card-body {
    padding: 0px 50px 0px 50px;
}
#success_dispo .modal-card-body,
#error_telephone .modal-card-body {
    padding: 50px 50px 0px 50px;
}
#select_device .modal-card-body {
    padding: 30px;
}
.modal-card-body p {
    margin: 1rem 0rem;
}
.modal-card-foot {
    border-top: 0px;
    padding: 0px 50px 50px 50px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    justify-content: flex-end;
    flex-flow: row wrap;
}
.modal-card-foot input.button {
    margin-top: 30px;
    font-size: 0.875em;
}
.modal h3 {
    font-weight: 500;
    font-size: 2.3rem;
    font-family: var(--primary-font);
}
#more_infos_boitier.modal h3,
#more_infos_connectivite.modal h3 {
    font-weight: 300;
    font-size: 1.875rem;
    font-family: var(--primary-font);
    line-height: 1.2;
    margin-bottom: 30px;
}
#more_infos_boitier.modal p,
#more_infos_connectivite.modal p {
    font-family: var(--secondary-font);
    font-size: 0.875em;
    font-weight: 300;
}
#more_infos_connectivite.modal h3 {
    margin-bottom: 15px;
}
#more_infos_connectivite img {
    width: 40px;
}
#more_infos_connectivite img:not(:first-child) {
    margin-left: 10px;
}
/** Responsive **/
@media (max-width: 600px) {
    .modal-card {
        border-radius: 0px;
    }
}
@media screen and (max-width: 530px) {
    .modal-card-body h3 {
        font-size: 1.5rem;
    }
    .modal-card-body p {
        font-size: 0.875rem;
    }
    .modal-card-foot {
        display: grid;
        justify-content: end;
    }
    .modal-card-foot .button:not(:last-child) {
        margin-right: 0px;
    }
    .modal-card-foot input:last-child {
        margin-top: 15px;
    }
}
@media screen and (max-width: 470px) {
    .modal-card-body {
        padding: 0px 30px 0px 30px;
    }
    #success_dispo .modal-card-body,
    #error_telephone .modal-card-body {
        padding: 30px 30px 0px 30px;
    }
    #select_device .modal-card-body {
        padding: 30px;
    }
    .modal-card-foot {
        padding: 0px 30px 30px 30px;
    }
}