@import "variables.css";

/*DevExtreme Styles*/

.dxeButtonEditSys {
    /*Width of Dropdown*/
    width: 100% !important;
}

.dx-overlay-wrapper.dx-popup-wrapper.dx-dropdowneditor-overlay {
    /*z-index Filter Dropdown Fenster*/
    z-index: 9999 !important;
}

.dx-overlay-wrapper.dx-popup-wrapper {
    /*z-index Pivot Field Chooser*/
    z-index: 9999 !important;
}

.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    /*Filterbereich: DropDowns Show Checkboxes*/
    display: inline-block !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    /*Filterbereich: DropDowns Spalte für Checkboxes*/
    padding: 0;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td {
    /*Filterbereich: DropDowns Spalte für Bezeichnungen*/
    /*white-space: pre-wrap;*/
    white-space: normal;
}

.dx-datagrid-rowsview .dx-row {
    /*Filterbereich: DropDowns Spalte für Bezeichnungen*/
    /*white-space: pre-wrap;*/
    white-space: normal;
}

.dx-popup-content {
    /*Filterbereich: DropDowns*/
    padding: 10px !important;
}

@media screen and (max-width: 500px) {
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td {
        /*Filterbereich: DropDowns Spalte für Bezeichnungen*/
        font-size: 12px;
        /* white-space: pre-wrap;*/
        white-space: normal;
    }

    .dx-datagrid-rowsview .dx-row {
        /*Filterbereich: DropDowns Spalte für Bezeichnungen*/
        font-size: 12px;
        /* white-space: pre-wrap;*/
        white-space: normal;
    }
}

.dx-datagrid .dx-link {
    /*Tabelle Edit Button Icons color*/
    text-decoration: underline;
    cursor: pointer;
    color: #333 !important;
}

.dx-header-row {
    /*Header Row grau*/
    background-color: #f5f5f5 !important;
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
    /*Calendar filreport */
    color: #444 !important;
}

.dx-calendar-navigator-previous-month.dx-button .dx-icon, .dx-calendar-navigator-previous-view.dx-button .dx-icon {
    /*Calendar filreport */
    color: #444 !important;
}

.dx-calendar-navigator-next-month.dx-button .dx-icon, .dx-calendar-navigator-next-view.dx-button .dx-icon {
    /*Calendar filreport */
    color: #444 !important;
}

.dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    /*Calendar filreport */
    box-shadow: inset 0 0 0 1000px #fdca34 !important;
}

.dx-datagrid-search-text {
    /*Search*/
    color: #444 !important;
    background-color: #FDCA34 !important;
    padding: 2px 5px !important;
}

.dx-calendar-cell {
    /*Calendar filreport */
    padding: 1px 8px 2px !important;
}

.dx-treeview-node {
    /*Verzeichnis */
    padding-left: 0px !important;
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    /*Verzeichnis*/
    background-color: var(--treeview-background-color) !important;
    color: var(--basic-font-color) !important;
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    /*Dropdowns wenn abgeschnitten*/
    padding: 7px 9px;
    white-space: normal;
}

.dx-texteditor.dx-state-hover {
    border-color: var(--treeview-background-color) !important;
    background-color: var(--treeview-background-color) !important;
    color: var(--basic-font-color) !important;
}




/*=============================*/
/*==========Dark Mode==========*/
/*=============================*/
.dx-texteditor.dx-editor-outlined {
    /*Text Editors, Inputs*/
    background: var(--devextreme-inputs-background) !important;
    border: 1px solid var(--devextreme-inputs-border-color) !important;
    border-radius: 4px;
}

.dx-texteditor-input {
    /*Text Editors, Inputs Font Color*/
    color: var(--devextreme-inputs-color) !important;
}

.dx-popup-wrapper > .dx-overlay-content {
    /*Text Editors Dropdown*/
    background: var(--devextreme-inputs-background) !important;
    border: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-header-row {
    /*Text Editors Dropdown*/
    background-color: var(--devextreme-inputs-background-header-row) !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td {
    /*Text Editors Dropdown*/
    background-color: var(--devextreme-dropdown-background) !important;
    color: var(--devextreme-inputs-color) !important;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    /*Text Editors Dropdown: Search*/
    background: var(--devextreme-inputs-background) !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    /*Text Editors Dropdown*/
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-datagrid-content .dx-datagrid-table [class*=column] + [class*=column]:last-child {
    /*Text Editors Dropdown: Search row*/
    background-color: var(--devextreme-inputs-background) !important;
}

.dx-list-item {
    /*Dropdown List*/
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
    color: var(--devextreme-inputs-color) !important;
    background-color: var(--devextreme-inputs-background) !important;
}

.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    /*Dropdown Button*/
    background-color: var(--devextreme-inputs-background) !important;
    border-color: transparent;
    color: #333;
}

.dx-dropdowneditor-icon {
    /*Dropdown Button*/
    background-color: var(--devextreme-inputs-background) !important;
}

.dx-data-row:nth-child(1n+1) {
    /*Tabelle Row grau*/
    background-color: var(--devextreme-grid-row-grey);
    color: var(--basic-font-color) !important;
}

.dx-data-row:nth-child(2n+1) {
    /*Tabelle white*/
    background-color: var(--devextreme-grid-row-white);
    color: var(--basic-font-color) !important;
}

.dx-datagrid-pager {
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
    background-color: var(--devextreme-grid-background-color) !important;
}

.dx-widget {
    color: var(--basic-font-color) !important;
}

.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    /*Tabelle Border*/
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    /*Tabelle Border*/
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    /*Tabelle Border*/
    border-left: 1px solid var(--devextreme-inputs-border-color) !important;
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-datagrid .dx-column-lines > td {
    /* border-left: 1px solid #ddd; */
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-datagrid-borders > .dx-datagrid-headers {
    /*Tabelle Border*/
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-datagrid-headers {
    /*Tabelle Border*/
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-datagrid-rowsview .dx-row {
    /*Tabelle Border*/
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    /*Tabelle Border*/
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    /*Tabelle Border*/
    color: #333;
    background-color: var(--devextreme-buttons-background-color) !important;
}

.dx-datagrid-header-panel {
    /*Tabelle Header Bereich*/
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
    background-color: var(--devextreme-grid-background-color) !important;
}

.dx-toolbar .dx-toolbar-items-container {
    /*Tabelle Header Bereich*/
    background-color: var(--devextreme-grid-background-color) !important;
}

.dx-datagrid-rowsview .dx-datagrid-content {
    /*Tabelle Allgemein*/
    background-color: var(--devextreme-grid-background-color) !important;
}

.dx-pivotgrid {
    /*Pivot Allgemein*/
    background-color: var(--devextreme-grid-background-color) !important;
}

.dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background, .dx-pivotgrid .dx-column-header, .dx-pivotgrid .dx-data-header {
    /*Pivot Header Bereich*/
    background-color: var(--devextreme-grid-header-background-color) !important;
}

.dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background {
    /*Pivot Header Bereich*/
    background-color: var(--devextreme-grid-header-background-color) !important;
}

.dx-pivotgrid .dx-column-header {
    /*Pivot Header Bereich*/
    background-color: var(--devextreme-grid-header-background-color) !important;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
    /*Pivot Border*/
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
    /*Pivot Border*/
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
    background-color: var(--devextreme-grid-background-color) !important;
}

.dx-datagrid-checkbox-size .dx-checkbox-icon {
    /*Drop down checkboxes*/
    background-color: var(--devextreme-grid-background-color) !important;
    border: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-checkbox-checked .dx-checkbox-icon::before {
    /*Drop down haken checked*/
    color: var(--devextreme-checkbox-checked-color) !important;
}

.dx-checkbox-indeterminate .dx-checkbox-icon::before {
    /*Drop down haken checked*/
    background-color: var(--devextreme-checkbox-checked-color) !important;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    /*Pivot Border*/
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    /*Pivot Border*/
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
    /*Pivot Border*/
    color: var(--basic-font-color) !important;
    border-left: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
    /*Pivot Border*/
    background-color: var(--devextreme-grid-background-color) !important;
    border: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid .dx-bottom-border {
    /*Pivot Border*/
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
    /*Pivot Border*/
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
    border-left: 1px solid var(--devextreme-inputs-border-color) !important;
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell {
    /*Pivot Border*/
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid .dx-area-column-cell {
    /*Pivot Border*/
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
    /*Pivot Border*/
    border: 1px solid var(--devextreme-inputs-border-color) !important;
    border-bottom: none !important;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell {
    /*Pivot Border*/
    border-left: 1px solid var(--devextreme-inputs-border-color) !important;
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-data-header, .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    /*Pivot Border*/
    border-left: 1px solid var(--devextreme-inputs-border-color) !important;
    background-color: var(--devextreme-grid-background-color) !important;
}

.dx-pivotgrid .dx-area-description-cell {
    /*Pivot Border*/
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    /*Pivot Border*/
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    /*Pivot Border*/
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
    /*Pivot Border*/
    border-right: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-button-mode-contained {
    /*Pivot Buttons*/
    background-color: var(--devextreme-grid-background-color) !important;
    border-color: var(--devextreme-inputs-border-color) !important;
    color: var(--basic-font-color) !important;
}

.dx-loadpanel-content {
    /*Devextreme Loader*/
    border: 1px solid var(--devextreme-inputs-border-color) !important;
    background: var(--devextreme-grid-background-color) !important;
}

.dx-button-mode-outlined {
    /*Buttons Chart*/
    background-color: var(--devextreme-grid-background-color) !important;
    border-color: var(--devextreme-inputs-border-color) !important;
    color: var(--basic-font-color) !important;
}

.fa-info-circle {
    color: var(--basic-font-color) !important;
}

.dx-button-mode-outlined .dx-icon {
    color: var(--basic-font-color) !important;
}

.dx-calendar {
    /*Calendar*/
    background-color: var(--devextreme-grid-background-color) !important;
}

.dx-calendar-cell {
    /*Calendar*/
    color: var(--basic-font-color) !important;
}

.dx-texteditor .dx-state-focused .dx-editor-outlined {
    border-color: #FDCA34 !important;
}

.dx-texteditor.dx-state-focused.dx-editor-outlined {
    background-color: var(--devextreme-grid-background-color) !important;
}

.dx-overlay-shader {
    /*DevExtreme PopUp Shadow*/
    background-color: rgba(0,0,0,.6) !important;
}

.dx-field-item-label-text {
    color: var(--basic-font-color) !important;
}

.dx-datagrid-focus-overlay {
    border: 1px solid #FDCA34 !important;
}

.dx-datagrid-total-footer > .dx-datagrid-content {
    background: var(--devextreme-grid-background-color) !important;
}

.dx-datagrid-group-panel .dx-group-panel-item {
    border: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-datagrid-summary-item {
    color: var(--basic-font-color) !important;
}

.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: var(--basic-font-color) !important;
    background-color: var(--devextreme-grid-background-color) !important;
}


.dx-row.dx-datagrid-group-footer > td {
    background-color: var(--devextreme-grid-background-color) !important;
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
}

.dx-datagrid-rowsview .dx-row.dx-group-row td {
    border-top-color: var(--devextreme-inputs-border-color) !important;
    border-bottom-color: var(--devextreme-inputs-border-color) !important;
}

.dx-dropdownlist-popup-wrapper .dx-empty-message {
    border-top: 0;
    background-color: var(--devextreme-grid-background-color) !important;
    color: var(--basic-font-color) !important;
}

.dx-texteditor-container {
    /*Padding für Filterbereich Text Inputs (Dropdowns etc)*/
    padding: 1px 6px !important;
}


#ErloesPruefunggridview .dx-button {
    /*Info Button Dashboard EVU*/
    border-radius: 0px;
    border-width: 0px;
    border-style: solid;
    border: none !important;
    background-color: transparent !important;
}

#ErloesPruefunggridview .dx-button-has-icon .dx-button-content {
    /*Info Button Dashboard EVU*/
    padding: 0px !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;
}

.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}


.dx-datagrid-addrow-button, .dx-datagrid-save-button, .dx-datagrid-cancel-button, .dx-datagrid-export-button, .dx-pivotgrid-export-button {
    /*Buttons in Grid*/
    background-color: var(--button-background-color) !important;
    border-color: #ddd;
    color: #333;
}

.dx-icon-trash::before, .dx-icon-edit::before, .dx-icon-detailslayout::before {
    /*Tabelle Button Bearbeiten*/
    color: var(--basic-font-color) !important;
}



/*Datagrid Buttons: save changes & cancel changes*/
/*.dx-datagrid-save-button, 
.dx-datagrid-cancel-button {*/
    /*Background enabled*/
    /*background-color: #F5C600 !important;    
}

.dx-datagrid-save-button.dx-state-disabled, 
.dx-datagrid-cancel-button.dx-state-disabled {*/
    /*Background disabled*/
    /*background-color: transparent !important;
}

.dx-datagrid-save-button .dx-icon-edit-button-save::before,
.dx-datagrid-cancel-button .dx-icon-edit-button-cancel::before {*/
    /*Icon color enabled*/
    /*color: #212529 !important;
}

.dx-datagrid-save-button.dx-state-disabled .dx-icon-edit-button-save::before,
.dx-datagrid-cancel-button.dx-state-disabled .dx-icon-edit-button-cancel::before {*/
    /*Icon color disabled*/
    /*color: #858585 !important;
}*/