/* tamaños de pantalla */
/*Primero la vista por defecto de los menus*/
#menu-categorias {
  display: none;
}

#menu-up {
  display: block;
}

/*Una vez alcance los 1490px realizas el cambio*/
@media screen and (max-width: 375px) {

  /* h5 {
    font-size: 16px;
  } */
  #menu-categorias {
    display: block;
  }

  #menu-up {
    display: none;
  }
}

body {
  /* max-width: 1200px; */
  /* Cambia el valor según el tamaño deseado */
  /* margin: 0 auto; */
  /* Centrar el contenido horizontalmente */
}


.content-wrapper {
  /* background: #212529 !important; */
  /* font-size: 12px; */
  /* border: solid 1px red; */
}

.container-fluid {
  /* background: #212529; */
  /* max-width: 1200px !important; */
  /* margin-left: 20px; */
  /* margin: auto; */
  /* border: solid 1px green; */
}

.nav {
  /* background: black; */
  /* background-color: #333; */
}

.navbar {
  /* background: black; */
  /* background-color: #333; */
}

.navbar .navbar-expand-lg .navbar-dark {
  /* background-color: #333; */
}

table {
  /* font-size: 12px; */
}

.modalEliminar {
  background-color: red;
  color: white;
}

.colorModal {
  background-color: hsl(0, 0%, 21%);
  color: white;
}

.fa-trash {
  color: aliceblue;
}

.fa-eye {
  color: aliceblue;
}


.alerta {
  border-color: red !important;
}

.icon-card {
  background-color: #65676a;
}

.icon-card a {
  color: white;
}

a {
  /* color: black !important; */
}

a.hover {
  /* color: orange; */
}