/*
    DxGrid 
    A checkbox column when checked in a focused row shows its check in the same color as the background, so it is impossible to see its state properly.
*/
.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td > .dxbl-checkbox, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-focused-row > td > .dxbl-checkbox, .dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-focused-row > td > .dxbl-checkbox
Specificity: (0,3,3) {
    background-color: white;
}

/*
    DxGrid 
    Add disabled property, make visual difference for disabled rows (eg focused etc)
*/
.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) {
    background-color: var(--dxbl-grid-focus-bg);
    color: var(--dxbl-grid-focus-color);
}

/*
    DxGrid 
    Hide pointer for non-selectable rows
*/
.non-selectable-row  {
    /*pointer-events: none;*/
    opacity: .6;
}