.dropdown-toggle { outline: 0; }

.fs-4
{
  color:#fff
}

.nav-link.active
{
  background-color: #e7e7e7!important;
  color:#000!important;
}

/* ######################################################################################## */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) 
{
    .admin-menu-top{display:block!important;}
    .admin-menu-lateral{display:none!important;}

    .admin-area-content
    {
      margin-left: 0px; /* Same as the width of the sidenav */
      padding: 0px 10px;
    }
}

@media only screen and (min-width: 600px) 
{
  .admin-menu-top{display:none!important;}
  .admin-menu-lateral{display:block!important;}

  .admin-area-content
  {
    margin-left: 330px; /* Same as the width of the sidenav */
    padding: 0px 10px;
  }
}

/* ######################################################################################## */

.sidebar
{
  height: 100%;
  width: 300px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;  
  overflow: hidden;
  background-color: #212529;
}

.sep
{
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);  

  height: 100%;
  width: 30px;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;  
  overflow: hidden;
  margin-left: 300px;
}

.scroll-content {
  width: 100%;
  height: 100%;
  overflow-y: scroll; /* Habilitar a rolagem vertical */
  scrollbar-width: thin; /* Largura da barra de rolagem */
  scrollbar-color: #888888 #dddddd; /* Cor da barra de rolagem */
}

/* Estilize a barra de rolagem */
.scroll-content::-webkit-scrollbar {
  width: 8px;
}

.scroll-content::-webkit-scrollbar-thumb {
  background-color: #888888;
}

.scroll-content::-webkit-scrollbar-track {
  background-color: #dddddd;
}