#weapp-ingred{
    min-height: 100px;
    max-height: 200px;
}


#weapp-ingred table-responsive-sm {
    overflow-x: auto;
    max-width: 100%;
}


#weapp-ingred table {
    width: 100%;
    border-collapse: collapse;
}

#weapp-ingred table thead th {
    position: sticky;
    top: 0;
    background-color: #fff; /* Cambia el color de fondo según sea necesario */
    z-index: 1; /* Asegura que el encabezado esté por encima del contenido de tbody */
}

#weapp-ingred table tbody {
    display: block;
    min-height: 50px;
    max-height: 100px; /* Establece una altura máxima para tbody y habilita el desplazamiento vertical si es necesario */
    overflow-y: auto;
    font-size: small;
}

#weapp-ingred table tbody::-webkit-scrollbar {
    width: 8px; /* Cambia el ancho del scrollbar según sea necesario */
}

#weapp-ingred table tbody::-webkit-scrollbar-thumb {
    background-color: #888; /* Cambia el color del scrollbar thumb según sea necesario */
}

.small-text{
    font-size: small;
}



#weapp-ingredAll{
    height: 18vh;
}


#weapp-ingredAll table-responsive-sm {
    overflow-x: auto;
    max-width: 100%;
}


#weapp-ingredAll table {
    width: 100%;
    border-collapse: collapse;
}

#weapp-ingredAll table thead th {
    position: sticky;
    top: 0;
    background-color: #fff; /* Cambia el color de fondo según sea necesario */
    z-index: 1; /* Asegura que el encabezado esté por encima del contenido de tbody */
}

#weapp-ingredAll table tbody {
    display: block;
    overflow-y: auto;
    font-size: small;
}

#weapp-ingredAll table tbody::-webkit-scrollbar {
    width: 8px; /* Cambia el ancho del scrollbar según sea necesario */
}

#weapp-ingredAll table tbody::-webkit-scrollbar-thumb {
    background-color: #888; /* Cambia el color del scrollbar thumb según sea necesario */
}





.custom-dialogIngred .modal-content{
    background: linear-gradient(to top,#fff, #FFA654) ;
}
.custom-dialogPrep .modal-content{
    background: linear-gradient(to top,#fff, #645EA4) ;
}

.isClassPrep{
    background: #C8CC7D;
}

#tabIngredientesNew td{
  margin: 0%;
  padding-top: 0.1%;
  padding-bottom: 0.1%;
  font-size: small;
  height: fit-content;
}
#tabIngredientesNew thead th{
  margin: 0%;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
  height: fit-content;
}

#tabIngredientesNew tr{
    margin: 0%;
    font-size: small;
    height: fit-content;
  }

  .tabIngredHead{
    font-size: 68%;
  }

  .tab-padingless{
    padding: 0px;
  } 
  .tab-marginless{
   margin: 0px; 
  }

  .tab-spaceless td{
    padding: 0px;
    margin: 0px;     
    font-size: small;
  }


  #miListaSubLIngred{
    width: 190px;
    background-color: white;
    color: black;
  }
  #miListaSubLIngred option{
    background-color: white;
    color: black;
  }
  #miListaSubLIngred:hover,
  #miListaSubLIngred:focus
  {
    background-color: rgb(190, 255, 255);
    color: black;
  }