.table-row-small {
    padding: 2px 2px;
}

.pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.pagination .active a {
    background-color: #f44336; /* Color del bot贸n activo */
    color: white;
}
.userLabel{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: cornflowerblue;
    font-size: medium;
    font-weight: bold;
}


.userLabels{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: cornflowerblue;
    font-size: large;
    font-weight: bold;
}


.carnetImput{
    padding: 5px;
}

.text-danger{
    color:red;
}

.text-success{
color: darkgreen;
}


/* Reducir el espacio entre filas en una tabla */
.table td, .table th {
    padding: 2px; /* Ajusta el padding para reducir el espacio interno de las celdas */
    line-height: 1.2; /* Ajusta el line-height para reducir el espacio entre l铆neas */
    vertical-align: middle; /* Opcional: alinear verticalmente el contenido */
}

/* Ajusta la altura de las filas si es necesario */
.table tr {
    height: 20px; /* Ajusta la altura de las filas si es necesario */
}



.modal.modal-medium {
  max-width: 800px;
}
.promo-badge {
  position: absolute;
  top: 10px;
  left: -10px;
  background-color: red;
  color: white;
  font-weight: bold;
  padding: 6px 12px;
  transform: rotate(-15deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  z-index: 10;
}


.nav-tabs li {
  display: inline-block;
  margin-left: 10px;
}
.nav-tabs li a {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 10px 10px 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  font-weight: 500;
  transition: background-color 0.3s ease;
}
.nav-tabs li a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.nav-tabs li a.active {
  background-color: white;
  color: #1976d2;
}




.spinner-layer.spinner-blue-only {
  border-color: #1976d2 !important;
}



.img-container {
      position: relative;
    }

    .lupa {
      position: absolute;
      border: 3px solid #000;
      border-radius: 50%;
      cursor: none;
      width: 150px;
      height: 150px;
      overflow: hidden;
      box-shadow: 0 0 8px rgba(0,0,0,0.5);
      display: none;
    }

    .lupa img {
      position: absolute;
      width: 200%;
      height: auto;
    }