.nh-card-span {
    font-size: 10px;
}

.nh-card {
  width: 90px !important;
  flex-basis: 24%;
}

.nav-item.active {
  background: #006a7c;
}

/*
==========================================
Classes personalizadas
==========================================
*/
#div-funcoes-selecao-tabelaLeads {
  display: flex;
}

/* Ajustes do DateRangePicker para o Dark Mode do AdminLTE */
.dark-mode .daterangepicker {
    background-color: #343a40 !important;
    border: 1px solid #4b545c !important;
    color: #fff !important;
}

.dark-mode .daterangepicker .calendar-table {
    background-color: #343a40 !important;
    border: none !important;
}

.dark-mode .daterangepicker .calendar-table th,
.dark-mode .daterangepicker .calendar-table td {
    background-color: #343a40 !important;
    color: #fff !important;
}

/* Dias fora do mês atual */
.dark-mode .daterangepicker .calendar-table td.off, 
.dark-mode .daterangepicker .calendar-table td.off.in-range, 
.dark-mode .daterangepicker .calendar-table td.off.start-date, 
.dark-mode .daterangepicker .calendar-table td.off.end-date {
    background-color: #343a40 !important;
    color: #6c757d !important;
}

/* Hover nos dias */
.dark-mode .daterangepicker .calendar-table td.available:hover {
    background-color: #4b545c !important;
}

/* Dias que estão no meio do período selecionado */
.dark-mode .daterangepicker .calendar-table td.in-range {
    background-color: #4b545c !important;
}

/* Dia inicial e final selecionado */
.dark-mode .daterangepicker .calendar-table td.active {
    background-color: #007bff !important;
    color: #fff !important;
}

/* Linha dos botões de Aplicar/Limpar */
.dark-mode .daterangepicker .drp-buttons {
    border-top: 1px solid #4b545c !important;
}

/* Selects de Mês e Ano (se ativados) */
.dark-mode .daterangepicker select.monthselect, 
.dark-mode .daterangepicker select.yearselect {
    color: #fff !important;
    background-color: #4b545c !important;
    border: 1px solid #6c757d !important;
}

/* Setinhas (flechas) do topo do calendário */
.dark-mode .daterangepicker .prev span, 
.dark-mode .daterangepicker .next span {
    border-color: #fff !important;
}

/* Triângulo (biquinho) do balãozinho apontando pra cima */
.dark-mode .daterangepicker:after {
    border-bottom-color: #343a40 !important;
}
.dark-mode .daterangepicker:before {
    border-bottom-color: #4b545c !important;
}

/* Opcional: Para o caso de o menu abrir pra cima (drop-up) */
.dark-mode .daterangepicker.drop-up:after {
    border-top-color: #343a40 !important;
}
.dark-mode .daterangepicker.drop-up:before {
    border-top-color: #4b545c !important;
}
/* Tempus Dominus v6 — garante z-index acima do iziModal */
.tempus-dominus-widget {
    z-index: 99999 !important;
}

/* Notificações — quebra de linha no dropdown */
#nav-notificacoes-div .dropdown-item {
    white-space: normal;
    word-break: break-word;
}