@media (min-width: 768px) {
    /*Definir largura e altura do modal personalizados*/
    /*Largura apenas em .modal-dialog. Altura em modal-content  */
    .modal:not(#ModalAlert) .modal-dialog:not(#ModalAlert) {
        width: 95%;
        max-width: none;
    }
    .modal:not(#ModalAlert) .modal-content:not(#ModalAlert) {
        /*Eliminar rounded border*/
        border: 0;
        border-radius: 0;
        height: 95%;
    }
    .modal:not(#ModalAlert) .modal-body:not(#ModalAlert) {
        overflow-y: hidden;
    }
    /*Somente para Bootstrap V4*/
    .modal-xxl {
        height: calc(100vh - 3.5rem) !important;
    }
}

/*https://stackoverflow.com/questions/18432394/how-to-make-twitter-bootstrap-modal-full-screen*/
@media (max-width: 768px) {

    .modal:not(#ModalAlert) {
        padding: 0 !important; /*// override inline padding-right added from js*/
    }

        .modal:not(#ModalAlert) .modal-dialog:not(#ModalAlert) {
            width: 100%;
            max-width: none;
            height: 100%;
            margin: 0;
        }

        .modal:not(#ModalAlert) .modal-content:not(#ModalAlert) {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal:not(#ModalAlert) .modal-body:not(#ModalAlert) {
            overflow-y: auto;
        }
}

/*Remover Scroll*/
.modal {
    overflow-y: hidden !important;
}
/*Bootstrap 5.0> utiliza .ratio no lugar de .responsive */
.modal .ratio {
    height: 100% !important;
}