/*.icono-azul {
    
    color: #007bff; 
    
}*/

/* --- Paleta de Colores de la Marca Avanza --- */

/* Navbar Superior y Sidenav */
.bg-custom-primary {
    background-color: #092a5c !important; /* Azul Marino */
}

/* Sidenav (El menú lateral) */
.sb-sidenav-dark {
    background-color: #092a5c !important; /* Azul Marino */
}

/* Color para los iconos del Sidenav */
.icono-azul {
    color: #1cb1c0 !important; /* Azul Turquesa */
}

/* --- Colores de las Cards del Dashboard --- */

/* Card para el grupo SISTEMA/ADMIN (Primary/Información) */
.card .bg-primary {
    background-color: #092a5c !important; /* Azul Marino */
}

/* Card para el grupo ADMISION/TERAPEUTA (Warning/En progreso) */
.card .bg-warning {
    background-color: #1cb1c0 !important; /* Azul Turquesa */
    color: #092a5c !important; /* Asegura que el texto sea oscuro sobre turquesa */
}
/* Reajustar el texto y links para la card warning si Bootstrap no lo hace */
.card .bg-warning .card-body,
.card .bg-warning a {
    color: #092a5c !important; /* Azul Marino */
}
.card .bg-warning a:hover {
    color: #000000 !important;
}

/* Card para el grupo CONTABILIDAD (Danger/Crítico) */
.card .bg-danger {
    background-color: #ed7961 !important; /* Coral */
}

html, body {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
}

body {
    font-family: 'Poppins', sans-serif;
    /*background-color: #f5f5f5; */
}

main {
    flex-grow: 1;
    /* Asegúrate de que main se estire dentro de layoutAuthentication_content */
}


#layoutAuthentication_content {
    /* Esto lo hace flexible, pero no siempre garantiza el 100% de altura */
    display: flex; 
    
    /* ESTA LÍNEA ES CRÍTICA: Fuerza a que tome la altura completa de su padre (#layoutAuthentication) */
    height: 100%; 
}

/* Opcional: Asegúrate de que <main> también se estire */

#layoutAuthentication {
    display: flex; /* Convierte el layout principal en flex container */
    flex-direction: column; /* Coloca los elementos hijos verticalmente */
    min-height: 100vh; /* Ocupa el 100% de la altura de la ventana */
}

#login-image-column {
    background-image: url('../assets/img/fondo.png'); /* AJUSTA LA RUTA DE TU IMAGEN */
    background-size: cover; /* Asegura que la imagen cubra toda el área */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat;/
    border: 5px solid red !important;
}

.btn-custom-login {
    background-color: #008d58; /* Verde LOLMED Lite */
    border-color: #008d58;
}
.btn-custom-login:hover {
    background-color: #006b43;
    border-color: #006b43;
}

/* Color para las etiquetas (Usuario, Contraseña) */
.form-label {
    color: #092a5c; /* Azul Marino de la paleta Avaza  */
    font-weight: 600; /* Hace la letra ligeramente más gruesa para que destaque */
}

/* Color para el link "¿Olvidó su contraseña?" */
.card-body a {
    color: #1cb1c0; /* Azul Turquesa de la paleta Avaza [cite: 4] */
    font-weight: 500;
}
.card-body a:hover {
    color: #092a5c; /* Cambio al color oscuro al pasar el ratón */
}

/* Estilo para el botón del ojito */
#togglePassword {
    border-color: #ced4da;
    background-color: #e9ecef;
}
#togglePassword:hover {
    background-color: #dee2e6;
}

.btn-custom-login {
    background-color: #008d58; /* Verde LOLMED Lite */
    border-color: #008d58;
    color: #ffffff; /* ¡Texto del botón en blanco! */
}
.btn-custom-login:hover {
    background-color: #006b43;
    border-color: #006b43;
    color: #ffffff; /* También en blanco al pasar el ratón */
}


.dashboard-card {
  border-radius: 15px;
  background:rgb(255, 255, 255);
  box-shadow: 0 10px 20px rgba(0,0,0,0.06);
  transition: transform 0.3s ease;
  padding: 25px;
  position: relative;
}
.dashboard-card:hover {
  transform: translateY(-5px);
}
.dashboard-icon {
  font-size: 2.5rem;
  color: #4e73df;
  margin-bottom: 15px;
}
.dashboard-count {
  font-size: 2rem;
  font-weight: 700;
  color: #343a40;
}
.dashboard-label {
  font-size: 1rem;
  font-weight: 500;
  color: #6c757d;
}
.badge-pill {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #0d6efd;
  color: white;
  font-size: 0.75rem;
  padding: 5px 10px;
  border-radius: 30px;
}
.signature {
  margin-top: 50px;
  text-align: center;
  color: #888;
  font-size: 0.9rem;
}


/* 1. ESTILO DE LOS ENLACES (TEXTO) */
/* Hace que el texto sea blanco o muy claro para que destaque sobre el fondo oscuro */
.sb-sidenav-dark .sb-sidenav-menu .sb-nav-link-icon,
.sb-sidenav-dark .sb-sidenav-menu .nav-link {
    color: #ffffff; /* Texto Blanco puro para mayor contraste */
    opacity: 1;     /* Asegura que no tenga opacidad (no sea transparente) */
}

/* 2. ESTILO DEL TÍTULO DE LA SECCIÓN (e.g., Reporte) */
/* Asegura que el título de la sección resalte usando el Azul Turquesa de la marca */
.sb-sidenav-dark .sb-sidenav-menu .sb-sidenav-menu-heading {
    color: #1cb1c0; /* Azul Turquesa de Avanza */
}

/* 3. ESTILO al pasar el ratón (Hover) */
/* Se activa al pasar el mouse por encima para una mejor interacción */
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover {
    color: #1cb1c0; /* El texto se vuelve Turquesa al pasar el ratón */
    background-color: rgba(28, 177, 192, 0.15); /* Fondo ligeramente Turquesa (15% de opacidad) */
}

/* 4. ESTILO DEL PIE (FOOTER) DEL SIDENAV */
.sb-sidenav-dark .sb-sidenav-footer {
    /* Mantenemos el mismo fondo del sidenav para continuidad */
    background-color: #092a5c; 
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Línea de separación suave */
}

/* Asegura que el texto general (e.g., "Sesión Iniciada:") sea blanco */
.sb-sidenav-dark .sb-sidenav-footer .small {
    color: #ffffff; 
}

/* Resalta el rol del usuario con el Azul Turquesa */
.sb-sidenav-dark .sb-sidenav-footer > div:last-child {
    color: #1cb1c0; /* Azul Turquesa */
    font-weight: 600; /* Lo hacemos más notorio */
}


/* DataTable*/

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0.0 !important;
  margin: 0;
  font-size: 0.875rem;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  background-color: #f8f9fa;
  color: #212529 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #0d6efd !important;
  color: #fff !important;
  border-color: #0d6efd !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  outline: none !important;
  box-shadow: none !important;
  background-color: #e2e6ea !important;
  border-color: #ced4da !important;
  color: #212529 !important;
}

.icono-cian {
   color: #FFFFFF !important; /* Este es un tono de cian comúnmente usado */
    /* Puede probar otros colores hasta encontrar el que coincida con su imagen */
}

.btn-danger {
    background-color: #00273D !important; /* Coral de la marca */
    border-color: #ed7961 !important;
}

/* Scroll lateral del menú */
.sb-sidenav {
  scrollbar-width: thin;
  scrollbar-color: #092a5c #092a5c;
}
.sb-sidenav::-webkit-scrollbar {
  width: 6px;
}
.sb-sidenav::-webkit-scrollbar-track {
  background-color: #092a5c;
}
.sb-sidenav::-webkit-scrollbar-thumb {
  background-color: #1cb1c0;
  border-radius: 3px;
}

/* Scroll del área de contenido */
#layoutSidenav_content {
  background-color: #f8f9fc;
}
#layoutSidenav_content::-webkit-scrollbar-track {
  background-color: #f8f9fc;
}


@media (max-width: 991.98px) { 
    #login-image-column {
        display: none !important;
    }
}