.modal-header {
    align-items: center !important;
}

#modal .modal-title {
    margin-bottom: 0;
    line-height: 1.3 !important;
}

@media (max-width:576px) {
    #modal .modal-header h5 {
        font-size: 1rem !important;
    }
}

@media (max-width:375px) {
    #modal .modal-header h5 {
        font-size: 0.9rem !important;
    }
}

.modal-child .modal-dialog .modal-content .modal-footer {
    display: none !important;
}

.modal-child .modal-dialog .modal-content .modal-body {
    padding: 0 !important;
}

@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;
        height: 100%;
    }

    .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:not(.modal-v5) {
        height: calc(100vh - 3.5rem) !important;
    }

    .modal-child .modal-dialog .modal-content .modal-header {
        padding-left: 0 !important;
        padding-right: 0 !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;
}

    .modal .close {
        font-size: 2.5rem !important
    }

    .modal .embed-responsive {
        height: 100% !important;
    }
    /*Bootstrap 5.0> utiliza .ratio no lugar de .responsive */
    .modal .ratio {
        height: 100% !important;
    }