/* Uso de la variables de MudTheme para darle colores al DxGrid según el tema seleccionado */
.grid-general {
    --dxbl-grid-bg: var(--mud-palette-gray-dark);
    --dxbl-grid-hover-bg: var(--mud-palette-table-hover);
    --dxbl-grid-hover-color: var(--mud-palette-primary);
    /*--dxbl-grid-selection-bg: #f9f500; Color del bg de un row seleccionado */
    --dxbl-grid-selection-color: var(--mud-palette-primary); /* Color del texto de un row seleccionado */
}

.grid-cabecera-ancha {
    --dxbl-grid-bg: var(--mud-palette-gray-dark);
    --dxbl-grid-hover-color: var(--mud-palette-primary);
    /*--dxbl-grid-selection-bg: #f9f500; Color del bg de un row seleccionado */
    --dxbl-grid-selection-color: var(--mud-palette-primary); /* Color del texto de un row seleccionado */ 
}

    .grid-cabecera-ancha .dxbl-grid-header {
        white-space: normal !important; /* Permitir que el texto se ajuste a múltiples líneas */
        word-wrap: break-word !important;
    }

/*CABECERA del GRID QUE LAS PONE defs OTRO COLOR*/
.dxbl-grid-header-row {
    background-color: var(--mud-palette-gray-darker) !important;
    border-bottom: 3px solid var(--mud-palette-primary) !important;
    color: var(--mud-palette-dark-text) !important;
}

/* Estilos para las columnas ancladas */
.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
    background-color: var(--mud-palette-gray-darker) !important;
    border-bottom: 3px solid var(--mud-palette-primary) !important;
    color: var(--mud-palette-dark-text) !important;
}

/*.dxbl-grid-fixed-cell {
    background-color: var(--mud-palette-gray-darker) !important;
    border-bottom: 1px solid #a51b42 !important;
}*/

/*DEVEXPRES GRID COLORES */
.dxbl-btn-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: #a51b42; /* Color principal */
    --dxbl-btn-border-color: #a51b42;
    --dxbl-btn-color: #fff;
    --dxbl-btn-active-bg: #8f1638; /* Un tono más oscuro para el estado activo */
    --dxbl-btn-active-color: #fff;
    --dxbl-btn-active-border-color: #8f1638;
    --dxbl-btn-hover-bg: #9a193c; /* Tono intermedio para el estado hover */
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-border-color: #9a193c;
    --dxbl-btn-disabled-bg: #c9526a; /* Tono más claro para el estado deshabilitado */
    --dxbl-btn-disabled-color: #fff;
    --dxbl-btn-disabled-border-color: #c9526a;
    --dxbl-btn-disabled-opacity: 1;
    --dxbl-btn-focus-shadow-color: rgba(165, 27, 66, 0.5); /* Sombra con el color principal */
    --dxbl-btn-focus-shadow-spread: 0.125rem;
    --dxbl-btn-focus-shadow-blur: 0rem;
}
/* DEVEXPRES CHECKBOX DE COLOR RISKCO */
.dxbl-checkbox {
    --dxbl-checkbox-font-family: inherit;
    --dxbl-checkbox-font-size: 0.875rem;
    --dxbl-checkbox-line-height: 1.4285;
    --dxbl-checkbox-border-width: 1px;
    --dxbl-checkbox-border-style: solid;
    --dxbl-checkbox-border-color: transparent;
    --dxbl-checkbox-spacing: 0.5rem;
    --dxbl-checkbox-disabled-opacity: 60%;
    --dxbl-checkbox-check-element-size: 1.25rem;
    --dxbl-checkbox-check-element-checked-color: #fff;
    --dxbl-checkbox-check-element-checked-bg: #a51b42; /* Color principal */
    --dxbl-checkbox-indeterminate-element-disabled-bg: #37353d;
    --dxbl-checkbox-check-element-disabled-color: #37353d;
    --dxbl-checkbox-check-element-disabled-bg: unset;
    --dxbl-checkbox-check-element-unchecked-bg: #37353d;
    --dxbl-checkbox-check-element-unchecked-hover-bg: #37353d;
    --dxbl-checkbox-check-element-unchecked-border-color: unset;
    --dxbl-checkbox-check-element-unchecked-hover-border-color: unset;
    --dxbl-checkbox-check-element-unchecked-border-width: 2px;
    --dxbl-checkbox-switch-checked-bg: #a51b42; /* Color principal */
    --dxbl-checkbox-switch-unchecked-bg: unset;
    --dxbl-checkbox-switch-unchecked-hover-bg: unset;
    --dxbl-checkbox-switch-element-bg: #fff;
    --dxbl-checkbox-switch-element-unchecked-bg: #37353d;
    --dxbl-checkbox-switch-element-disabled-bg: #37353d;
    --dxbl-checkbox-switch-width: 2.125rem;
    --dxbl-checkbox-switch-height: 1rem;
    --dxbl-checkbox-radio-bg: #37353d;
    --dxbl-checkbox-radio-hover-bg: #37353d;
    --dxbl-checkbox-radio-border-width: 2px;
    --dxbl-checkbox-radio-checked-border-color: #a51b42; /* Color principal */
    --dxbl-checkbox-radio-unchecked-border-color: unset;
    --dxbl-checkbox-radio-unchecked-hover-border-color: unset;
    --dxbl-checkbox-radio-unchecked-check-bg: #37353d;
    --dxbl-checkbox-radio-size: 1.25rem;
    --dxbl-checkbox-radio-check-bg: #a51b42; /* Color principal */
    --dxbl-checkbox-radio-check-size: 0.625rem;
    --dxbl-checkbox-radio-check-readonly-bg: #37353d;
    --dxbl-checkbox-radio-readonly-alpha: 60%;
    --dxbl-checkbox-validation-valid-color: #31bd3d;
    --dxbl-checkbox-validation-invalid-color: #f31446;
    --dxbl-checkbox-check-element-readonly-bg: #37353d;
    --dxbl-checkbox-check-element-readonly-border-color: unset;
    --dxbl-checkbox-check-element-readonly-border-width: 2px;
    --dxbl-checkbox-check-element-checked-hover-bg: #911738; /* Un tono más oscuro */
    --dxbl-checkbox-switch-checked-hover-bg: #911738; /* Un tono más oscuro */
    --dxbl-checkbox-radio-checked-hover-bg: #911738; /* Un tono más oscuro */
    --dxbl-checkbox-radio-checked-hover-border-color: #911738; /* Un tono más oscuro */
    --dxbl-checkbox-checked-focus-shadow-color: rgba(165, 27, 66, 0.5);
    --dxbl-checkbox-checked-focus-shadow-spread: 0.125rem;
    --dxbl-checkbox-checked-focus-shadow-blur: 0rem;
    --dxbl-checkbox-unchecked-focus-shadow-color: rgba(165, 27, 66, 0.5);
    --dxbl-checkbox-unchecked-focus-shadow-spread: 0.125rem;
    --dxbl-checkbox-unchecked-focus-shadow-blur: 0rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--dxbl-checkbox-font-family);
    font-size: var(--dxbl-checkbox-font-size);
    line-height: var(--dxbl-checkbox-line-height);
    border: var(--dxbl-checkbox-border-width) solid var(--dxbl-checkbox-border-color);
}
/*EL MENU DEL GRID*/
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown > .dxbl-dropdown-body ul li:not(.dxbl-context-menu-separator) > .dxbl-context-menu-item:not(.dxbl-disabled):not(:disabled):active::before, .dxbl-context-menu.dxbl-context-menu-dropdown > .dxbl-dropdown-body ul li:not(.dxbl-context-menu-separator) > .dxbl-context-menu-item:not(.dxbl-disabled):not(:disabled):active::before {
    background-color: var(--mud-palette-primary);
}

.dxbl-context-menu, .dxbl-context-menu-submenu {
    --dxbl-context-menu-item-focus-outline-color: var(--mud-palette-primary);
}

.dxbl-text-edit:has(:focus) {
    border-color: var(--mud-palette-primary);
}

/*EL CUBO DE BASURA DE LOS GRIS CAMBIAE EL COLOR DEL ICONO CUANDO ESTAS ENCIMA HOVER */
.dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    color: var(--mud-palette-primary);
}

/*COLUMNAS ANCLADAS COLOR DE FONDO*/
.dxbl-grid .dxbl-grid-table > thead > tr > td.dxbl-grid-fixed-cell:not(.dxbl-grid-empty-cell), .dxbl-grid .dxbl-grid-table > thead > tr > th.dxbl-grid-fixed-cell:not(.dxbl-grid-empty-cell) {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 3;
    background: var(--mud-palette-secondary);

}