/* ---------------------------------------------------------------------------------------------
   Aviso de data digitada que não vale (masks.js), compartilhado pelos dois layouts.

   O motivo fica abaixo do campo. O calendário aberto abaixo do campo cobre esse aviso, e então
   o motivo aparece no rodapé do calendário; aberto acima, o de baixo continua à mostra.
   --------------------------------------------------------------------------------------------- */

.aviso-de-data {
    display: block;
    margin-top: 5px;
    font-size: 0.85rem;
    color: #c92a2a;
}

.aviso-de-data[hidden] {
    display: none;
}

.flatpickr-calendar .aviso-de-data {
    margin: 0;
    padding: 0.5rem 0.75rem 0.6rem;
    font-size: 0.8rem;
    line-height: 1.3;
    text-align: center;
}

.flatpickr-calendar.arrowBottom .aviso-de-data {
    display: none;
}

/* O !important vence a borda que alguns campos trazem no style. */
input[aria-invalid="true"] {
    border-color: #c92a2a !important;
}