/*======================================*/

/*clase form-floating para input busqueda en productos*/

/*======================================*/

.form-floating {

  position: relative;

}

.form-floating > .form-control,

.form-floating > .form-select {

  height: calc(3.5rem + 2px);

  line-height: 1.25;

}

.form-floating > label {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  padding: 1rem 0.75rem;

  pointer-events: none;

  border: 1px solid transparent;

  transform-origin: 0 0;

  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-floating > label {

    transition: none;

  }

}

.form-floating > .form-control {

  padding: 0.5rem 0.75rem;

}

.form-floating > .form-control::-moz-placeholder {

  color: transparent;

}

.form-floating > .form-control::placeholder {

  color: transparent;

}

.form-floating > .form-control:not(:-moz-placeholder-shown) {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-control:-webkit-autofill {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-select {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {

  opacity: 0.65;

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

}

.form-floating > .form-control:focus ~ label,

.form-floating > .form-control:not(:placeholder-shown) ~ label,

.form-floating > .form-select ~ label {

  opacity: 0.65;

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

}

.form-floating > .form-control:-webkit-autofill ~ label {

  opacity: 0.65;

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

}





/*======================================*/
/*Cuando esta selecionado aumenta el borde
/*======================================*/

.form-control:focus {

  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

}


/*======================================*/
/* Estilo para la imagen en productos*/
/*======================================*/

#imagenProducto {

  width: 4em; /* Ancho deseado */

  height: auto; /* Altura automática para mantener la proporción */

}


#imagenUsuario {

  width: 3.5em; /* Ancho deseado */

}



/* Eliminar padding y margin de las celdas en datatable*/
#datatable-full td, .dataTables th {
    padding: 0.1em;
    margin: 0.1em;
}

/* Eliminar padding y margin de las celdas en datatable*/
#datatable-basico td, .dataTables th {
    padding: 0.20em;
    margin: 0.20em;
}

/* Eliminar padding y margin de las celdas en datatable*/
#tabla-inventario-basico td, .dataTables th {
    padding: 0.20em;
    margin: 0.20em;
}



/*Añadidos estilos de enlaces byxd*/
a {
  color: white; /* Color del texto del enlace */
  text-decoration: none; /* Opcional: elimina el subrayado del enlace */
}

a:hover {
  color: lightgray; /* Color del texto del enlace cuando el ratón pasa sobre él */
}