.dx-button-mode-contained.dx-button-default {
    background-color: #cb3236 !important;
}
.datagrid-header {
    font-size: 16px;
    font-weight: 600;
    background-color: #ed1b24;
    color: #fff;
}
.formlabel {
    font-size: var(--bs-body-font-size);
    padding: .2rem;
    font-family: Arial;
}

.dx-datagrid .dx-data-row > td {
    background-color: var(--bg-gray);
}

.dx-datagrid .dx-data-row.dx-row-alt > td {
    background-color: #afd4fa
}

.dx-datagrid .dx-data-row.dx-selection > td {
    background-color: var(--bg-gray) !important
}

.dx-datagrid .dx-data-row.dx-selection.dx-row-alt > td {
    background-color: #afd4fa !important
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable{
    height: 15px !important;
}
    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover {
        height: 15px !important;
    }

    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
        height: 15px !important;
    }

    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
        height: 15px !important;
    }

    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
        height: 15px !important;
    }

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 15px !important;
}

.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content {
    min-height: 0 !important;
}