/* Modales genéricos: Loading, Alert y Confirm (ver partials/parts/modal*.handlebars) */

#modalLoading, #modalAlert, #modalConfirm {
    text-align: center;
    color: var(--COLOR_IDENT_PRIM);
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    z-index: 1060;
}

/* Bootstrap agrega un .modal-backdrop nuevo por cada modal abierto, todos con el
   mismo z-index (1040) por defecto. Si se apila un modal genérico (Alert/Confirm/
   Loading) sobre otro modal ya abierto (ej. editClientModal), su backdrop queda
   detrás del modal anterior y no lo oscurece. Subimos el z-index del backdrop que
   se agrega después de otro ya existente (hermano posterior en el DOM). */
.modal-backdrop ~ .modal-backdrop {
    z-index: 1055;
}

#modalAlert>div, #modalConfirm>div {
    min-width: 50vw;
}

#modalLoading>div>div>div, #modalAlert>div>div>div, #modalConfirm>div>div>div {
    padding-top: 50px;
    padding-bottom: 50px;
}

#modalLoading>div>div>div>img, #modalAlert>div>div>div>i, #modalConfirm>div>div>div>i {
    /*width: 64px;
    height: 64px;*/
}

#modalLoading>div>div>div>h3, #modalAlert>div>div>div>h3, #modalConfirm>div>div>div>h3 {
    padding-top: 20px;
    font-size: 24px;
}

#modalAlert>div>div>div>button, #modalConfirm>div>div>div>button {
    margin-top: 20px;
}