.contenedor-tabla {
    max-height: 300px; /* Establece la altura máxima del contenedor */
    overflow-y: auto;  /* Genera un scroll vertical automático si el contenido excede la altura */
}
.fija-cabecera thead th {
    position: sticky;
    top: 0;
    z-index: 999; /* para que quede sobre el contenido */
    background-color: #f8f9fa; /* igual que .table-light */
}
.n-padding-table td, .n-padding-table th {
    padding: 5px;
}

.btn-morado {
    color: #fff;
    background-color: #882be6;
    border-color: #9551da;
}
.btn-morado:hover {
    color: #fff;
    background-color: #9551da;
    border-color: #b681ec;
}
.btn-morado.focus, .btn-info:focus {
    color: #fff;
    background-color: #2c9faf;
    border-color: #2a96a5;
    box-shadow: 0 0 0 .2rem rgba(84, 196, 212, .5);
}
.btn-morado.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #36b9cc;
    border-color: #36b9cc;
}
.btn-morado:not(:disabled):not(.disabled).active, .btn-morado:not(:disabled):not(.disabled):active, .show>.btn-morado.dropdown-toggle {
    color: #fff;
    background-color: #2a96a5;
    border-color: #278c9b;
}
.btn-morado:not(:disabled):not(.disabled).active:focus, .btn-morado:not(:disabled):not(.disabled):active:focus, .show>.btn-morado.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(84, 196, 212, .5);
}


/* *******************************************
   *******************************************
   *******************************************
   Clase para cambiar colores del menu lateral
          para icontador e iempresario
    *****************************************
*/
/* Si el body tiene data-theme="dark" */
body[data-theme="iempresario"] ul#accordionSidebar {
  background-color: #1cc88a;
  background-image: linear-gradient(180deg,#1cc88a 10%,#13855c 100%);
  background-size: cover;
}

/* Si el body tiene data-theme="dark" */
body[data-theme="icontador"] ul#accordionSidebar {
  background-color:#4e73df;
  background-image:linear-gradient(180deg,#4e73df 10%,#224abe 100%);
  background-size: cover;
}
/* *******************************************
   *******************************************
   *******************************************
*/


/* *******************************************
   *******************************************
   *******************************************
   Clase para cambiar colores boton generico
          para icontador e iempresario
    *****************************************
*/
/* *******************************************
   ************   iContador    ***********
   *******************************************
*/
body[data-theme="icontador"] #btn-generico {
    color: #fff;
    background-color: #4e73df;
    border-color: #4e73df;
}
body[data-theme="icontador"] #btn-generico:hover {
    color: #fff;
    background-color: #2e59d9;
    border-color: #2653d4;
}
body[data-theme="icontador"] #btn-generico.focus, .btn-generico:focus {
    color: #fff;
    background-color: #2c9faf;
    border-color: #2a96a5;
    box-shadow: 0 0 0 .2rem rgba(84, 196, 212, .5);
}
body[data-theme="icontador"] #btn-generico.disabled, .btn-generico:disabled {
    color: #fff;
    background-color: #36b9cc;
    border-color: #36b9cc;
}
body[data-theme="icontador"] #btn-generico:not(:disabled):not(.disabled).active, .btn-generico:not(:disabled):not(.disabled):active, .show>.btn-generico.dropdown-toggle {
    color: #fff;
    background-color: #2a96a5;
    border-color: #278c9b;
}
body[data-theme="icontador"] #btn-generico:not(:disabled):not(.disabled).active:focus, .btn-generico:not(:disabled):not(.disabled):active:focus, .show>.btn-generico.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(84, 196, 212, .5);
}

/* *******************************************
   ************   iempresario    ***********
   *******************************************
*/
  
body[data-theme="iempresario"] #btn-generico {
    color: #fff;
    background-color: #1cc88a;
    border-color: #1ca070;
}
body[data-theme="iempresario"] #btn-generico:hover {
    color: #fff;
    background-color: #17a673; 
    border-color: #1ca070;
}
body[data-theme="iempresario"] #btn-generico.focus, .btn-generico:focus {
    color: #fff;
    background-color: #2c9faf;
    border-color: #1e8d65;
    box-shadow: 0 0 0 .2rem rgba(84, 196, 212, .5);
}
body[data-theme="iempresario"] #btn-generico.disabled, .btn-generico:disabled {
    color: #fff;
    background-color: #36b9cc;
    border-color: #1e8d65;
}
body[data-theme="iempresario"] #btn-generico:not(:disabled):not(.disabled).active, .btn-generico:not(:disabled):not(.disabled):active, .show>.btn-generico.dropdown-toggle {
    color: #fff;
    background-color: #17a673;
    border-color: #1e8d65;
}
body[data-theme="iempresario"] #btn-generico:not(:disabled):not(.disabled).active:focus, .btn-generico:not(:disabled):not(.disabled):active:focus, .show>.btn-generico.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(84, 196, 212, .5);
}


/* *******************************************
   *******************************************
   *******************************************
   Clase para cambiar colores textos generico
          para icontador e iempresario
    *****************************************
*/
/* *******************************************
   ************   iContador    ***********
   *******************************************
*/
body[data-theme="icontador"] #text-generico {
    color: #4e73df !important;
}


/* *******************************************
   ************   iempresario    ***********
   *******************************************
*/
body[data-theme="iempresario"] #text-generico {
    color: #1cc88a!important;
}



/* *******************************************
   *******************************************
   *******************************************
   Clase para cambiar colores borde izquierdo 
     generico para icontador e iempresario
    *****************************************
*/
/* *******************************************
   ************   iContador    ***********
   *******************************************
*/
body[data-theme="icontador"] #border-left-generico {
    border-left: .25rem solid #4e73df !important;
}

/* *******************************************
   ************   iempresario    ***********
   *******************************************
*/

body[data-theme="iempresario"] #border-left-generico {
    border-left: .25rem solid #1cc88a !important;
}
.popover {
    width: 240px; /* Ancho máximo para el popover, ajusta si tu tabla es más ancha */
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
}


.full-screen-bg {
    /* 100% de la altura de la ventana */
    height: 100vh;
    background-image: url('../img/fondo-index.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; 
    padding: 100px;
}

.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.login-card {
    background-color: rgba(255, 255, 255, 0.5); /* Fondo semitransparente para el formulario */
    border-radius: 1rem;
    padding: 2.5rem;
    /* CLASE MODIFICADA: Margen negativo para elevar el formulario */
    margin-top: -150px; 
}

@media (max-width: 768px) {
    .login-card {
        /* Eliminar el margen negativo en dispositivos móviles para evitar problemas de visualización */
        margin-top: 0; 
    }
}


.translucent-orange-bg 
{
    background-color: rgba(255, 165, 0, 0.6); /* Naranja con 60% de opacidad */
}

.translucent-blue-bg 
{
    background-color: rgba(68, 116, 128, 0.6); /* Naranja con 60% de opacidad */
}