/* Propiedades generales */
a { cursor: pointer !important; text-decoration:none; }
a.disabled,a[aria-disabled="true"] { cursor: not-allowed !important; pointer-events: none; opacity: .65;}
.oculto_pantalla { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Personalización de cada tipo */
.toast-success { background-color: #28a745 !important; color: white !important; }
.toast-error { background-color: #dc3545 !important; color: white !important; }
.toast-warning { background-color: #ffc107 !important; color: black !important;}
.toast-info { background-color: #17a2b8 !important; color: white !important; }

/* Ajusta el ancho del input de búsqueda */
.dataTables_filter input { width:100% !important; max-width: 300px !important; margin-bottom:10px; }

/* Custom Class*/
.it0001{ cursor:pointer; background:none; margin-right:10px; border:0; text-decoration:none;}
.it0002{ white-space: nowrap; }
.it0006{ cursor:pointer; background:none; border:0; text-decoration:none;}
.it0003{ font-size:100px !important;}

.bg-orange {background-color: orange !important;}

.ts-control {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    max-height: 42px !important;
    align-items: center !important;
    padding-right: 2.5rem !important;
    position: relative !important;
}
.ts-wrapper.single .ts-control::after,
.ts-wrapper.multi .ts-control::after {
    display: none !important;
}
/* Bootstrap Select */
.bootstrap-select .dropdown-menu {
    /*max-height: 250px !important;*/
    overflow-y: auto;
}
/* Estilo personalizado para que Bootstrap Select se parezca a .form-select */
.bootstrap-select.form-select-like .dropdown-toggle { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); box-shadow: var(--bs-box-shadow-inset); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; text-align: left; }
.bootstrap-select.form-select-like .dropdown-toggle:focus { border-color: var(--bs-primary); outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
.bootstrap-select .dropdown-menu li.selected a { background-color: #d0e4f7 !important; color: #212529 !important; font-weight: 500; }
.bootstrap-select .dropdown-menu li.selected a:hover { background-color: #d0e4f7 !important; }

/* Afectos flechas colapsables */
.fa-chevron-down { transition: transform 0.3s ease !important; }
.fa-chevron-down.rotate { transform: rotate(180deg) !important; }
.form-check-input:checked { border-color: white !important; }
input[type="checkbox"].semi-checked {
    outline: 2px dashed #35adb0 !important;
    outline-offset: 2px !important;
    background-color: #addff3 !important;
    border-color: #35adb0 !important;
}

/* Semaforos de relación de egresos */
.semaforo-td { color: #fff !important; font-weight: bold !important; text-align: center !important; }
.semaforo-gris { background-color: #6c757d !important;}
.semaforo-naranja { background-color: #fd7e14 !important; }
.semaforo-rojo { background-color: #dc3545 !important; }

.input-disabled-look { background-color: #e9ecef; color: #6c757d; cursor: not-allowed; border-color: #ced4da; }

.modal .bootstrap-select .dropdown-menu {
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
}
.bootstrap-select .dropdown-menu {
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
}