.popupModalConfirmClass .modal-content {
    border-radius: 20px !important;
}

/* .popupModalConfirmClass .modal-content>div {
    padding-left: 40px;
    padding-right: 40px;
} 


.popupModalConfirmClass .modal-dialog {
    width: max(300px, 50%) !important;
    max-width: max(300px, 50%) !important;
}
*/
.popupModalConfirmClass .modal-header>div {
    color: white !important;
    background-color: var(--main-color);
    border-radius: 5px;
    width: 100%;
}

.popupModalConfirmClassGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-gap: 10px;
}


.popupModalConfirmClassGrid>div {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: min-content auto;
    grid-gap: 5px;
    color: var(--main-grey);
}

.popupModalConfirmClassGrid>div>img {
    width: 100%;
}

.popupModalConfirmClassGrid>div>div {
    display: flex;
    justify-content: center;
    text-align: center;
}

.popupModalConfirmClass .modal-footer button {
    width: min(150px, 100%);
}



.modal3Colonne .modal-body .row {
    justify-content: center !important;
}

@media (min-width: 768px) {
    .modal3Colonne .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
}

@media (min-width: 992px) {
    .modal3Colonne .modal-dialog {
        max-width: 900px;
        margin: 1.75rem auto;
    }
}





/* MEDIA QUERIES */

@media screen and (max-width: 575px) {
    .popupModalConfirmClass .modal-dialog {
        margin: 0.75rem auto;
    }

    .popupModalConfirmClassGrid {
        grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
    }
}