.table-hover tbody  tr:hover {
    background-color: #1967D2; /* Color de fondo del hover */
    color: white; /* Color del texto durante el hover (opcional) */
  }
  
  /* Aplica estilos a toda la barra de desplazamiento */
::-webkit-scrollbar {
  width: 16px; /* Ancho de la barra de scroll */
  height: 16px; /* Altura de la barra de scroll horizontal */
}

/* Fondo de la barra de desplazamiento */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* Color de fondo del track */
  border-radius: 10px; /* Bordes redondeados */
}

/* Color del deslizador (thumb) */
::-webkit-scrollbar-thumb {
  background: #000000; /* Color del thumb */
  border-radius: 10px; /* Bordes redondeados */
  border: 4px solid #f1f1f1; /* Espacio entre el thumb y el track */
}

/* Estilo al interactuar con el thumb */
::-webkit-scrollbar-thumb:hover {
  background: red; /* Color del thumb al pasar el cursor */
}

/* Scrollbar para Firefox */
* {
  scrollbar-width: auto; /* Ancho normal (más amplio) para el scrollbar */
  scrollbar-color: #000000 white; /* Color del thumb y del track */
}

.text-xs {
  }


.overlay {
overflow-y: auto; /* Agrega el scroll solo dentro del contenido */
}