@import url("https://cdn.jsdelivr.net/npm/bootswatch@5.1.3/dist/zephyr/bootstrap.min.css");
@import url("/_content/DevExpress.Blazor.Themes/bootstrap-external.bs5.min.css");


/*-------------------------------------------- ELEMENTOS MODIFICADOS, BACKGROUND-COLOR, COLOR, BORDER-COLOR... -------------------------------------------*/
/* AFECTA AL HEADER, MENÚ LATERAL, DESPLEGABLES, ALGUNOS BOTONES (GUARDAR, NUMERO DE PÁGINA, TAMAÑO DE PÁGINA)*/

.header {
    background-color: #165083 !important;
    color: white !important;
}


/*APLICA UN NUEVO ESTILO A LOS BOTONES QUE COMPARTAN LA MISMA CLASS*/
.dxbl-btn-primary {
    background-color: #165083 !important;
    border-color: #165083 !important;
    color: white !important;
}

/*APLICA UN NUEVO ESTILO A LOS BOTONES NÚMERO DE PÁGINA.*/
.dxbl-pager-active-page-btn {
    background-color: #165083 !important;
    color: white !important;
}


/*APLICA UN NUEVO ESTILO (AFECTA A LA LINEA SELECCIONADA) DE UN LISTVIEW*/
.dxbl-grid {
    --dxbl-grid-selection-bg: #cdd84e !important;
}


/*APLICA UN NUEVO ESTILO DE FONDO AL BOTÓN "SELECCIONAR" DE UN LISTVIEW UBICADO EN LA PARTE IZQUIERDA*/
.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #165083 !important;
    --dxbl-checkbox-switch-checked-bg: #165083 !important;
    --dxbl-checkbox-radio-checked-border-color: #165083 !important;
    --dxbl-checkbox-radio-check-bg: #165083 !important;
    --dxbl-checkbox-check-element-checked-hover-bg: #165083 !important;
    --dxbl-checkbox-switch-checked-hover-bg: #165083 !important;
    --dxbl-checkbox-radio-checked-hover-bg: #165083 !important;
    --dxbl-checkbox-checked-focus-shadow-color: #165083 !important;
    --dxbl-checkbox-unchecked-focus-shadow-color: #165083 !important;
}


.dxbl-input-editor {
    --bs-primary-border-subtle: #165083 !important;
}

.dxbl-text-edit {
    --dxbl-text-edit-focus-border-color: #165083 !important;
}

.dxbl-text-edit-input {
    --dxbl-text-edit-focus-border-color: #165083 !important;
}

/*"""""""(DESPLEGABLES)"""""""""*/
/*APLICA UN NUEVO COLOR DE FONDO A TODAS LAS PROPIEDADES DONDE TENGAS LA OPCIÓN ELEGIR MÁS DE UN ELEMENTO...*/
/*EJEMPLO: DENTRO DE UN ALBARÁN TENEMOS LA PROPIEDAD CLIENTE. CUANDO HACEMOS CLICK SE ABRE UN DESPLEGABLE DONDE TENEMOS DIFERENTES OPCIONES*/
.dxbl-dropdown-body li:before {
    background-color: #165083 !important;
}

/*"""""""(MENÚ)"""""""""*/
/*CUANDO HACES CLICK EN EL MENÚ Y TIENE EL FOCO ""(FOCUS)"" APLICA UN NUEVO COLOR DE FONDO*/
.dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active::before {
    background-color: #165083 !important;
    opacity: 100% !important;
}

.dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    background-color: #ffffff !important;
}



.dxbl-progress-bar .dxbl-progress-bar-track-container .dxbl-progress-bar-indicator {
    /*background-color: #165083 !important;*/
    background-color: #165083 !important;
}


/*.dxbl-progress-bar-label-container[data-value="100%"] {
    background-color: #2AF527 !important;
}*/