/* ================== Mensajes de error ================== */
.alert ul{
  margin-bottom: 0px;
}


/* ================== Navbar ================== */
.navbar .dropdown-toggle::after {
  display: none !important; /* porque me crea un img por defecto */
}

/* .dropdown-menu .dropdown-item:hover {
  background-color: #0056b3;
} */

@media (max-width: 390px) {
  .size {
    /* display: none !important; */
    /* Letra pequeña en dispositivos pequeños "Instaladora Alcalá" */
    font-size: 20px !important;
  }
}


/* ================== Btn Hamburguesa ================== */
.dropdown .btn {
    border-color: transparent;
}


/* ================== Animación Logout ================== */
.logout i::before {
    content: "\f2f5"; /* Código Unicode de 'fa-arrow-right-from-bracket' */
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; /* Necesario para íconos sólidos */
}

.logout:hover i::before {
    content: "\e552"; /* Código Unicode de 'fa-person-walking-dashed-line-arrow-right' */
}


/* ========================= Custom Sweetalert2 ========================= */
.swal2-custom-popup {
  font-size: 0.85rem;
}

/* ========================= flecha hacia atraz ========================= */
.back-link i {
  font-size: 30px;
  color: black;     
  transition: 0.2s;
}
.back-link .bi-arrow-left-circle-fill {
  display: none;
}
.back-link:hover .bi-arrow-left-circle {
  display: none;        /* al hover ocultamos el outline */
}
.back-link:hover .bi-arrow-left-circle-fill {
  display: inline;      /* al hover mostramos el filled */
}


/* ========================= User - img - Login ========================= */
/* .user-login{
  font-size: 70px;
  color: black;    
} */
@media (max-width: 820px) {
  .user-login{
    width: 60px;
    height: 60px;
  }
}


/* ================== Datatable - Icono no ordenable de Descargas ================== */
.no-sort:before {
  display: none !important;
}

.no-sort:after {
  display: none !important;
}

.no-sort{
  padding: 10px !important;
}


/* ========================= <input's> tipo date ========================= */
/* Indica que el campo es interactivo */
input[type="date"] {
  cursor: pointer;
  transition: box-shadow .2s ease-in-out;
}

/* Sutil resalte al pasar el ratón */
input[type="date"]:hover,
input[type="date"]:focus {
  box-shadow: 0 0 0 0.2rem #ecf0f1d1;
}


/* ========================= Modal + Datatable ========================= */
.modal-table tbody tr:hover {
  cursor: pointer;
}