/* main.content {
  flex-grow: 1;
  margin-left: 42%;
  padding: 20px;
  overflow-y: auto;
} */
#content {
  flex-grow: 1; /* Toma el espacio restante */
  margin-left: 16%;
  padding: 2%;
  overflow-y: auto; /* Permite desplazamiento vertical si el contenido es muy largo */
}

@media only screen and (max-width: 992px){
  .content {
    padding: 14px;
    flex-grow: 1; /* Toma el espacio restante */
    margin-left: 0px!important; /* Igual al ancho del sidenav para evitar solapamiento */
    margin-top: 10px;

  }
}
.custom-container {
  max-width: 98%; /* Ajusta esto según tus necesidades */
  width: 100%;
  margin: auto;
}
.sidenav-fixed {
  margin-top: 60px; /* Altura estándar para pantallas grandes */
}
@media (max-width: 768px) {
  .sidenav-fixed {
    margin-top: 50px; /* Altura reducida para pantallas más pequeñas */
  }
}
/* Media query para pantallas aún más pequeñas */
@media (max-width: 480px) {
  .sidenav-fixed {
    margin-top: 58px; /* Altura aún más reducida para dispositivos móviles */
  }
}
.menu {

  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
}