.dx-header-row > td[role="columnheader"] > div.dx-datagrid-text-content {
    font-weight: bold;
    color: black;
}

.dx-datagrid-filter-row input.dx-texteditor-input {
    text-align: center;
}

.dx-overlay-content .dx-scrollview-content {
    text-align: center;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 12px;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 12px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 12px;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 12px;
}

/* selected row color */
.dx-selection td {
    background: #7FD2FC !important;
}