.dx-datagrid-content {
    border-top-left-radius: 0.375em;
    border-top-right-radius: 0.375em;
}

.dx-header-row {
    background: #707070;
    color: #fff;
    font-weight: bold;
    overflow-wrap: break-word !important;
}

.dx-datagrid .dx-header-filter-empty {
    color: #95959580;
}

.dx-datagrid .dx-header-filter {
    position: relative;
    color: #959595;
    font: 14px / 1 DXIcons;
}

.dx-datagrid .dx-data-row > td {
    /*background-color: #eee;*/
    overflow-wrap: break-word !important;
    border-bottom: 1px solid #aeaeae;
}

.dx-datagrid .dx-row-alt > td {
    background-color: #ffffff;
    overflow-wrap: break-word !important;
}


.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space {
    border-right: none;
    padding-top: 10px !important;
    vertical-align: unset;
}

.hoverDataGrid {
    color: #337ab7 !important;
    text-decoration: underline;
    cursor: pointer;
}

.dx-datagrid-pager.dx-widget {
    margin-top: 0;
    padding: 0.1em 1.5em 0.4em 0.563em;
    background: #d1e8f8;
    border-bottom-left-radius: 0.375em;
    border-bottom-right-radius: 0.375em;
}

.dx-datagrid-pager {
    border-top: none !important;
}

.dx-pager .dx-pages .dx-page {
    padding: 9px;
    color: #2f2f2f;
    background: #ddd;
    background-image: linear-gradient(#fff, #ddd);
    border: 1px solid #d4d4d4;
    border-radius: 4px;
}

.dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection {
    padding: 9px;
    background: linear-gradient(to bottom, #707070 0%, #707070 100%);
    border: 1px solid #d4d4d4;
    color: #fff;
}

.dx-datagrid-rowsview {
    border-top: none !important;
    border-bottom: 1px solid #aeaeae;
    border-left: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
}

.dx-datagrid-nowrap {
    white-space: normal !important;
}

.dx-master-detail-cell {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.dx-scrollable-scrollbar {
    display: none;
}

.dx-command-edit {
    padding: 8px 0 !important;
}

    .dx-command-edit .dx-link {
        padding: 0 4px;
    }

.dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
    white-space: normal;
}

.dx-button-mode-contained .dx-state-hover {
    background: #c2cfef;
}

.dx-button-content {
    background: #c2cfef;
    border: 1px solid #85a0e0;
    border-radius: 4px;
}

/* Not sure what the below stuff is for */

.dx-texteditor.dx-state-readonly {
    border-style: unset !important;
}

.dx-invalid.dx-texteditor {
    border-color: rgb(255, 0, 0) !important;
}

.dx-invalid-message.dx-overlay-wrapper {
    visibility: visible !important;
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after {
    border: 1px solid rgba(255, 0, 0, 1);
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after {
    border: 1px solid rgba(255, 0, 0, 1);
}