html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;

}


/* Estilo personalizado para DataTable */
#datatable_gral {
  background-color: white;
  /* Fondo blanco */
  color: #333;
  /* Color de texto oscuro para contraste */
  border: 1px solid #ddd;
  /* Bordes suaves */
  table-layout: auto;
  width: 100%;
  /* Permite que la tabla use todo el ancho disponible */
}



#datatable_gral td {
  padding: 5px;
  /* Espaciado interno */
  text-align: left;
  /* Alinear texto a la izquierda */
}

#datatable_gral th {
  background-color: rgb(255, 255, 255);
  /* Fondo de las cabeceras */
  color: #333;
  /* Color de texto */
}

#datatable_gral tr:hover {
  background-color: #eda883;
  /* Efecto hover cuando pasa el mouse por encima de una fila */
}

#datatable_gral tr:nth-child(odd) td {
  background-color: rgba(196, 182, 164, 0.051);
  /* Color para filas impares */
}

/* texto de la data table en  negrita */
.dataTables_wrapper .dataTables_filter label {
  font-weight: bold;
}

.dataTables_wrapper .dataTables_paginate {
  font-weight: bold;
}

.dataTables_wrapper .dataTables_info {
  font-weight: bold;
}

.dataTables_wrapper .dataTables_length label {
  font-weight: bold;
}

/* Cambiar color del texto en el campo de búsqueda a blanco */
.dataTables_filter input[type="search"] {
  color: rgb(20, 16, 16) !important;
  background-color: #f8f8f8ab !important;
  /* Fondo oscuro */
  border: 1px solid #ffff !important;
  /* Bordes suaves */
  padding: 5px;
  font-size: 14px;
}