/* Estilo para la tabla */

.table-basic{

  width:100%;
  border-collapse: collapse; /* Eliminar espacios entre celdas */
}

  .table-basic td {

    width:100%;
    border: 0.1em solid #eeeeee;
  }

/* Estilo para tabla con efectos y encabezado */
.table-header-animated {
  width: 100%;
  border-collapse: collapse; /* Eliminar espacios entre celdas */
  font-family: Arial, sans-serif;
  font-size: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;

}

  /* Estilo del encabezado de la tabla */
  .table-default th {
    background-color: #ee0000; /* Color de fondo del encabezado */
    color: white; /* Color del texto del encabezado */
    min-height: 5vh;
    border: 0.1em solid #eeeeee;
    cursor: pointer;
  }

  /* Estilo de las celdas */
  .table-default td {
    min-height: 5vh;
    border: 0.1em solid #eeeeee;
    text-align: center;
    align-items: center;
    white-space: nowrap;
  }

  /* Efecto al pasar el mouse sobre la fila de contenido */
  .table-default tbody tr:hover {
    background-color: #f1f1f1; /* Color de fondo al hacer hover */
    cursor: default; /* Cambia el cursor a una mano para indicar que es clickeable */
  }

  /* Efecto al pasar el mouse sobre el encabezado */
  .table-default thead tr:hover {
    cursor: default; /* Cambia el cursor a una mano para indicar que es clickeable */
  }

  /* Estilo para inputs dentro de la tabla */
  .table-default td input {
    width: 100%; /* Ajusta el ancho del input al contenido */
    height: 100%; /* Ajusta la altura del input para que coincida con la celda */
    border: none; /* Quita el borde del input */
    font-family: inherit; /* Utiliza la misma fuente que el texto */
    font-size: inherit; /* Utiliza el mismo tamaño de fuente que el texto */
    text-align: center; /* Alinea el texto dentro del input al centro */
    background-color: transparent; /* Hace que el fondo sea transparente para coincidir con el estilo de la celda */
    padding: 0; /* Elimina cualquier padding adicional */
    cursor: pointer;
  }

  .table-default td input:focus {

    cursor: text;

  }