/*Tabelle Row grau*/
.dx-data-row:nth-child(odd) {
    background-color: var(--devextreme-grid-row-white) !important;
    color: var(--bs-body-color) !important;
}

/*Tabelle white*/
.dx-datagrid .dx-row-alt > td {
    background-color: var(--tertiary-aacent-bg-color) !important;
    color: var(--bs-body-color) !important;
}

/*Tabelle scrollbar*/
.dx-scrollbar-hoverable {
    background-color: var(--devextreme-grid-row-white) !important;
}

/*Tabelle scrollbar background*/
.dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
    background-color: var(--devextreme-grid-row-white) !important;
}
.dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}
/*Tabelle Header*/
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: none !important;
    background-color: var(--tertiary-aacent-bg-color);
    color: var(--bs-body-color);
    padding: 15px 7px;
}
/*Tabelle: Rows Padding*/
.dx-datagrid .dx-row > td {
    padding: 10px 7px !important;
}
/*Tabelle: Text in Row centered*/
.dx-datagrid-content .dx-datagrid-table .dx-row > td {
    vertical-align: middle !important;
}
/*Tabelle: Tags / Tokens*/
.dx-tag-content {
    background-color: var(--devextreme-tags-background) !important;
    color: var(--devextreme-tags-color) !important;
} .dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: transparent !important;
}
/* Tabelle Header Searchpanel*/
.dx-datagrid-search-panel {
    margin-left: 0px !important;
}
/*Tabelle: Buttons Edit & Delete als Icons*/
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
    text-decoration: none;
    color: var(--bs-body-color);
}
.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text:hover {
    background-color: var(--primary-accent-bg-color) !important;
}
.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-button-has-icon:hover .dx-icon-edit-button-addrow::before,
.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-button-has-icon:hover .dx-icon-edit-button-save::before,
.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-button-has-icon:hover .dx-icon-edit-button-cancel::before,
.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-button-has-icon:hover .dx-icon-xlsxfile::before,
.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text:hover .dx-button-text {
    color: var(--primary-accent-font-color) !important;
}
/*Devextreme Loader*/
.dx-loadpanel-content {
    border: 1px solid var(--devextreme-inputs-border-color) !important;
    background: var(--devextreme-grid-background-color) !important;
}
/*Buttons in Grid*/
.dx-datagrid-addrow-button, .dx-datagrid-save-button, .dx-datagrid-cancel-button, .dx-datagrid-export-button, .dx-pivotgrid-export-button {
    background-color: transparent !important;
    border-color: var(--devextreme-inputs-border-color) !important;
} 
.dx-icon-edit-button-addrow::before, .dx-icon-edit-button-save::before, .dx-icon-edit-button-cancel::before, .dx-icon-xlsxfile::before {
    color: var(--bs-body-color) !important;
}
/*Tabelle: Search*/
.dx-datagrid-search-panel.dx-texteditor.dx-editor-outlined {
    background: var(--devextreme-inputs-background) !important;
    border: 1px solid var(--devextreme-inputs-border-color) !important;
} 
.dx-datagrid-search-panel .dx-show-invalid-badge .dx-textbox .dx-texteditor .dx-editor-outlined .dx-searchbox .dx-show-clear-button .dx-texteditor-empty .dx-widget {
    background: var(--devextreme-inputs-background) !important;
    border: 1px solid var(--devextreme-inputs-border-color) !important;
}
/*Tabelle: Footer Gesamt*/
.dx-datagrid-total-footer > .dx-datagrid-content {
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: var(--devextreme-grid-background-color) !important;
}
/*Tabelle: Footer Gesamt*/
.dx-datagrid-summary-item {
    color: var(--bs-body-color) !important;
}
/*Tabelle: Footer Gesamt*/
.dx-datagrid-total-footer {
    border-top: none !important;
} 
.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
    background-color: var(--devextreme-grid-background-color) !important;
    border: none;
    color: var(--bs-body-color) !important;
}
/*Checkbox*/
.dx-datagrid-checkbox-size .dx-checkbox-icon {
    background-color: var(--devextreme-grid-background-color) !important;
    border: 1px solid var(--devextreme-inputs-border-color) !important;
}
/*Checkbox haken checked*/
.dx-checkbox-checked .dx-checkbox-icon::before {
    color: var(--checkbox-background-color) !important;
}
/*Checkbox haken checked*/
.dx-checkbox-indeterminate .dx-checkbox-icon::before {
    color: var(--checkbox-background-color) !important;
}
/*Tabelle Pager Background*/
.dx-datagrid-pager {
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
    background-color: var(--devextreme-grid-background-color) !important;
}
/*Tabelle Border*/
.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
}
/*Tabelle Border*/
.dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}
/*Tabelle Border*/
.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid var(--devextreme-inputs-border-color) !important;
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
}
/* border-left: 1px solid #ddd; */
.dx-datagrid .dx-column-lines > td {
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
}
/*Tabelle Border*/
.dx-datagrid-borders > .dx-datagrid-headers {
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
}
/*Tabelle Border*/
.dx-datagrid-headers {
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}
/*Tabelle Border*/
.dx-datagrid-rowsview .dx-row {
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

/*Tabelle Border*/
.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    color: #333;
    background-color: var(--devextreme-buttons-background-color) !important;
}
/*Tabelle Header Bereich*/
.dx-datagrid-header-panel {
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
    background-color: var(--devextreme-grid-background-color) !important;
}
/*Tabelle Header Bereich*/
.dx-toolbar .dx-toolbar-items-container {
    background-color: var(--devextreme-grid-background-color) !important;
}
/*Tabelle Allgemein*/
.dx-datagrid-rowsview .dx-datagrid-content {
    background-color: var(--devextreme-grid-background-color) !important;
}
/*Image size*/
mxdatagridsimple img, mxdatagridmaster img, xdatagriddetail img, mxdatagridsummary img {
    height: 45px;
    display: block;
}