/* Estilo do sidebar */
.nav-pills.sidebar-menu {
  list-style: none  !important;
  padding-left: 0  !important;
}

.nav-pills.sidebar-menu li {
  margin-left: -5px  !important;
  margin-bottom: 5px  !important;
  background-color: #282727 !important;
}

.nav-pills.sidebar-menu li a {
  display: flex  !important;
  align-items: center  !important;
  padding: 10px  !important;
  color: #c2c1c1  !important;
  text-decoration: none  !important;
}

.nav-pills.sidebar-menu li a .nav-icon,
.nav-pills.sidebar-menu li a .nav-arrow {
  margin-right: -5px  !important; /* Espaçamento entre ícone e texto */
}

.nav-pills.sidebar-menu li a:hover {
  background-color: #f0f0f0  !important;
  color: #000  !important;
}

.sidebar-menu .nav-link:hover {
  color: white !important;
}

.nav-pills.sidebar-menu .nav-treeview {
  padding-left: 20px  !important;
}

.nav-pills.sidebar-menu .nav-treeview .nav-item a {
  display: flex  !important;
  align-items: center  !important;
}

.fixed-size-image { 
    width: 100px  !important; /* Defina a largura desejada */ 
    height: 100px  !important; /* Defina a altura desejada */ 
    object-fit: cover  !important; /* Mantém a proporção da imagem */ 
    }

.app-sidebar {
    background-color: #201f1f  !important; /* Fundo preto */
    color: #ffffff  !important; /* Texto branco para contraste */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)  !important; /* Sombra opcional */
}



/*--------------------------*/

    /* Estilo do sidebar */
.nav-pills.sidebar-menu {
  list-style: none;
  padding-left: 0;
}

.nav-pills.sidebar-menu li {
  margin-left: -5px;
  margin-bottom: 5px;
  background-color: #282727;
}

.nav-pills.sidebar-menu li a {
  display: flex;
  align-items: center;
  padding: 10px;
  color: #c2c1c1;
  text-decoration: none;
  font-size: 1.5em;
}

.nav-pills.sidebar-menu li a p {
  font-size: 1em; /* Tamanho do texto */
  margin: 0; /* Remove margens extras, se houver */
}

/* Estilo para os submenus */
.nav-pills.sidebar-menu .nav-treeview .nav-item a p {
  font-size: 1em; /* Tamanho menor para submenus */
}

.nav-pills.sidebar-menu li a .nav-icon,
.nav-pills.sidebar-menu li a .nav-arrow {
  margin-right: -10px; /* Espaçamento entre ícone e texto */
  
}
.nav-pills.sidebar-menu li a:hover {
  background-color: #f0f0f0;
  color: #000;
}

.nav-pills.sidebar-menu .nav-treeview {
  padding-left: 20px;
}

.nav-pills.sidebar-menu .nav-treeview .nav-item a {
  display: flex;
  align-items: center;
}

.sidebar-menu .nav-link {
    color: white !important; /* Garantir que o texto fique branco */
    
}

/* Caso queira garantir que os itens de menu "ativos" também sejam brancos */
.sidebar-menu .nav-link.active {
    color: white !important;
}

/* Para garantir que os ícones também sejam brancos */
.sidebar-menu .nav-icon {
    color: white !important;
}

/* Caso queira garantir que os links não percam a cor branca ao passar o mouse */
.sidebar-menu .nav-link:hover {
    color: white !important;
}

    .fixed-size-image { 
        width: 100px; /* Defina a largura desejada */ 
        height: 100px; /* Defina a altura desejada */ 
        object-fit: cover; /* Mantém a proporção da imagem */ 
        }

  /* Estilo específico para evitar que o Material Dashboard afete o texto */
  .custom-sidebar-text {
    font-size: 0.8em; /* Mantém o tamanho da fonte */
    font-weight: normal !important; /* Remove o negrito */
    color: white !important; /* Garante a cor do texto */
  }
  
.app-sidebar .brand-text {
    all: unset;
    font-size: 0.8em !important;
    font-weight: normal !important;
    color: white !important;
    display: inline-block; /* Redefine o comportamento padrão */
}

  .app-sidebar .custom-sidebar-text {
    font-size: 0.8em;
    font-weight: normal !important;
    color: white !important;
  }