/* Estilos propios de linerCRM.
   El Bootstrap que vivia aqui se quito: Jazzmin ya carga el mismo
   archivo (vendor/bootswatch/flatly/bootstrap.min.css) y se estaba
   aplicando dos veces en cada pagina. */
/* --- Buscadores de los campos relacionados (autocomplete) ---
   Por defecto el cuadro es estrecho: cada opcion parte en dos renglones y
   lo seleccionado se corta. Se le da anchura para que quepa
   "contrato - socio - liner" en una sola linea. */
.select2-container--admin-autocomplete {
    min-width: 620px !important;
    max-width: 100%;
}
.select2-container--admin-autocomplete .select2-dropdown {
    min-width: 620px !important;
}
.select2-container--admin-autocomplete .select2-selection--single {
    height: 38px;
}
.select2-container--admin-autocomplete .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    padding-right: 28px;
}
.select2-container--admin-autocomplete .select2-results__option {
    padding: 8px 12px;
}
@media (max-width: 900px) {
    .select2-container--admin-autocomplete,
    .select2-container--admin-autocomplete .select2-dropdown { min-width: 100% !important; }
}

/* La opcion bajo el raton se pintaba oscura sobre oscuro y no se leia. */
.select2-container--admin-autocomplete .select2-results__option--highlighted,
.select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected],
.select2-results__option--highlighted {
    background-color: #18bc9c !important;
    color: #fff !important;
}
.select2-container--admin-autocomplete .select2-results__option[aria-selected="true"] {
    background-color: #ecf0f1 !important;
    color: #212529 !important;
}


/* --- Barra de busqueda del listado ---
   Jazzmin la arma como form-inline y el bloque de fechas es un <details>
   de bloque que partia la fila: el campo de texto saltaba a la derecha y
   el boton quedaba solo abajo. Se ordena en dos filas con flex. --- */
#changelist-search {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px 12px;
}
#changelist-search > .form-group {
    margin: 0;
    flex: 1 1 180px;
    min-width: 150px;
}
#changelist-search > details {
    order: 9;
    flex: 0 0 auto;
    margin: 0;
}
#changelist-search > #search_group {
    order: 10;
    flex: 0 0 auto;
}
#changelist-search > details > summary {
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 6px;
}
#changelist-search .admindatefilter {
    margin: 0;
    padding: 0;
    border: none;
}
#changelist-search .rangefilter-campos {
    display: flex;
    align-items: center;
    gap: 8px;
}
#changelist-search .admindatefilter p {
    display: inline-block;
    margin: 0;
    line-height: normal;
}
#changelist-search .admindatefilter .datetimeshortcuts {
    position: static;
    float: none;
    padding: 0 0 0 4px;
}
#changelist-search .admindatefilter a {
    position: static;
    padding: 0;
}
#changelist-search .vDateField {
    width: 130px;
}