/* Muda a cor do item do menu selecionado */
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #3DAB24 !important;
  color: #fff !important;
}

/* Aumenta o tamanho do texto do menu */
.main-sidebar .nav-sidebar .nav-link {
  font-size: 18px !important;
}

/* Aumenta o tamanho dos ícones do menu */
.main-sidebar .nav-sidebar .nav-link .nav-icon {
  font-size: 22px !important;
}

/* Aumenta o nome do user panel */
.user-panel .info {
  font-size: 20px !important;
  font-weight: bold;  /* opcional */
}

/* Aumenta da imagem do user panel */
.user-panel img {
  width: 40px; 
  height: 40px;
}

/* fundo e cor das letras do header do datatable */
table.dataTable thead th {
  background-color: #3DAB24 !important;
  color: #ffffff !important;
}

/* Aumentando o tamanho do label do upload */
#upload_excel-label {
  font-size: 24px !important;
  font-weight: bold;
}

/* Hover do card */
.card-hover {
  transition: all 0.3s ease; /* aumenta a duração e suaviza */
}

/* Hover do card */
.card-hover:hover {
  box-shadow: 
    0 5px 15px rgba(0,0,0,0.2),  /* sombras menores e mais claras */
    0 3px 6px rgba(0,0,0,0.15);
}


/* Opacidade do toast */
#toast-container > .toast {
  opacity: 1 !important;
}

/* Alterando o titulo do carregamento */
.progress-bar[style*='100%']::after {
  content: 'Carregamento completo';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: white;
}
    
.progress-bar {
  color: transparent !important; /* esconde o texto original */
  position: relative;
}

.clickable-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
}

.clickable-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(61, 171, 36, 0.3);
}

/* Garante que o card interno também mantenha a altura */
.clickable-card .card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.clickable-card .card-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

/* Adicionar margem superior para cada item do menu */
.sidebar-menu > li {
  margin-top: 10px !important;
}

/* Opcional: Remover margem do primeiro item */
.sidebar-menu > li:first-child {
  margin-top: 0 !important;
}