.pagination ul,
.pagination li {
  list-style: none !important;
}


#toggle-button {
  cursor: pointer;
  z-index: 50; /* Certifique-se de que o botão fique acima da sidebar */
  transition: all 0.3s ease;
}

#toggle-button.open span {
  transform: rotate(90deg);
}

#toggle-button .transition-all {
  transition: transform 0.3s ease;
}

/* Efeito de rotação para o ícone do hamburger */
#toggle-button.open .bar1 {
  transform: rotate(45deg) translateY(8px);
}

#toggle-button.open .bar2 {
  opacity: 0;
}

#toggle-button.open .bar3 {
  transform: rotate(-45deg) translateY(-8px);
}

/* #sidebar {
  transition: width 0.3s ease;
} */

#sidebar {
  background: linear-gradient(to right, 
  #374151,   /* Cinza escuro (início) */
  #6b7280,   /* Cinza médio */
  #d1d5db  /* Cinza claro */);  /* Quase branco (fim) */
  font-family: 'Poppins', sans-serif; /* Fonte Poppins */
  width: 160px; /* Manter a largura fixa do sidebar */
  padding: 16px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  transition: all 0.3s ease;
  z-index: 4050; /* Garantir que o sidebar tenha maior prioridade em relação ao conteúdo */
}

#sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#sidebar ul li a {
  color: #d1d5db; /* Cor do texto */
  padding: 12px 16px;
  display: block;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500; /* Peso da fonte para dar ênfase */
  transition: background-color 0.3s ease, color 0.3s ease;
}

#sidebar ul li a:hover {
  background-color: #3b3b3b; /* Cor de hover */
  color: white;
  font-weight: 600; /* Deixa o texto mais espesso no hover */
}

.submenu {
  display: none;
  padding-left: 20px;
  margin-top: 5px;
}

.submenu li a {
  font-weight: 400;
  padding: 8px 0;
  font-size: 0.95rem; /* Um tamanho de fonte um pouco menor para o submenu */
}

.submenu li a:hover {
  background-color: #3b3b3b; /* Hover para submenu */
  color: white;
}

#sidebar .active .submenu {
  display: block;
}