/* ==========================================================================
   Correções offline (Bootstrap 3 não possui algumas classes usadas)
   ========================================================================== */

.text-white { color: #fff !important; }

/* Cabeçalhos dos modais com a identidade visual do TRF3 */
.modal-header-notif {
    background-color: #b71c1c;
    color: #fff;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}
.modal-header-proc {
    background-color: #1A57A3; /* azul institucional usado no site original */
    color: #fff;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}
.modal-header h4 { margin: 0; }
.modal-header .material-icons { vertical-align: middle; }

/* Centralização vertical do modal (recurso ausente no Bootstrap 3) */
.modal-vertical-centered { text-align: center; padding: 0 !important; }
.modal-vertical-centered:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.modal-vertical-centered .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
    max-width: 900px;
}
.modal-vertical-centered .modal-content { border-radius: 4px; overflow: hidden; }
.modal-body { max-height: calc(100vh - 210px); overflow-y: auto; }

/* Detalhes do processo */
.processo-tabela td { vertical-align: middle !important; }
.processo-tabela td:first-child { width: 42%; background-color: #f7f7f7; }
.lista-implicacoes li { margin-bottom: 10px; line-height: 1.45; }
.countdown-box {
    background-color: #fdecea;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    padding: 12px;
}

/* Ajuste do spinner MDL dentro dos modais */
.modal .mdl-spinner { vertical-align: middle; }