.dx-widget {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.dx-datagrid {
    /*background-color: transparent !important;*/
}


.dx-datagrid-rowsview {
    border-top: none;
}

.dx-datagrid-header-panel .dx-toolbar {
    /*background-color: transparent !important;*/
}

/*.dx-row.dx-data-row.dx-row-lines.dx-selection > td > div > a {
    color: var(--bs-dark) !important;
}*/

/*.dx-datagrid,
.dx-toolbar,
.dx-datagrid-header-panel {
    background-color: transparent !important;
}*/

.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    /*color: var(--devextreme-color) !important;*/
    color: var(--bs-dark) !important;
    font-weight: 700;
}

.dx-row.dx-header-row {
    color: var(--bs-dark) !important;
    font-weight: 700 !important;
}

.dx-row.dx-data-row.dx-row-lines.dx-column-lines.dx-selection > td > .dx-datagrid-group-opened,
.dx-row.dx-data-row.dx-row-lines.dx-column-lines.dx-selection > td > .dx-datagrid-group-closed {
    /*color: #fff !important;*/
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    /*background-color: #e9f2f9;*/
}

.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview, .dx-datagrid-rowsview.dx-datagrid-after-headers {
    border-top: none !important;
}

.dx-datagrid-total-footer {
    border-top: none !important;
    border-bottom: none !important;
}

.dx-sort.dx-sort-up,
.dx-sort.dx-sort-down {
    display: none !important;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    /*color: #393939;*/
    color: #fff;
    border-color: #b3b3b3;
}

.dx-checkbox-checked.dx-state-disabled .dx-checkbox-icon, .dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon, .dx-checkbox-checked.dx-state-readonly.dx-invalid .dx-checkbox-icon, .dx-state-disabled .dx-checkbox-checked .dx-checkbox-icon {
    background-color: #20c997;
    border-color: #20c997;
}