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

.dx-datagrid,
.dx-treelist {
    font-size: 12px;
    background-color: transparent !important;
}

    .dx-datagrid .dx-row-alt > td, .dx-datagrid .dx-row-alt > tr > td,
    .dx-treelist .dx-row-alt > td, .dx-treelist .dx-row-alt > tr > td {
        background-color: rgba(0,0,0,.05);
    }

.dx-datagrid-table,
.dx-treelist-table {
    background-color: white !important;
}

.dx-header-row {
    color: black !important;
    font-weight: bold !important;
}

.dx-datagrid .dx-column-lines > td,
.dx-treelist .dx-column-lines > td {
    border-left: 1px solid #dedede;
    border-right: 1px solid transparent !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td,
.dx-treelist-headers .dx-treelist-table .dx-row > td {
    border-bottom: 1px solid transparent !important;
}

.dx-fileuploader-button {
    background-color: #3cbab2 !important;
    border-color: transparent !important;
    color: #fff !important;
}
    .dx-fileuploader-button:hover {
        background-color: #236d68 !important;
        border-color: transparent !important;
    }

.dx-buttongroup-item {
    background-color: #3cbab2 !important;
    border-color: transparent !important;
    color: #fff !important;
}
    .dx-buttongroup-item .dx-icon {
        background-color: transparent !important;
        color: #fff !important;
    }
.dx-buttongroup-first-item:hover,
.dx-buttongroup-first-item .dx-icon:hover {
    background-color: #236d68 !important;
    border-color: transparent !important;
}
.dx-buttongroup-last-item:hover {
    background-color: #236d68 !important;
    border-color: transparent !important;
}

/*selected Row checkbox*/
.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    display: block !important;
}
/*selected Row background-color*/
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > 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) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #d9f2f1 !important;
    color: #28484f !important;
}

/*ToolTip*/
.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
    background-color: rgb(255, 255, 145) !important;
}

.dx-tooltip-wrapper .dx-overlay-content .dx-popover-arrow:after {
    background-color: rgb(255, 255, 145) !important;
}

.dx-datagrid-group-closed {
    font-size: 24px;
}
.dx-datagrid-group-opened {
    font-size: 24px;
}