@import url("dx.common.css");
@import url("dx.generic.softblue-compact-psplus.css");
@import url("psplus-font.css");
@import url("icons-svg-data-light.css");

/* Autofill Hinterlegung anpassen  Chrome, Edge */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #e1e3f0 inset !important;
    -webkit-text-fill-color: #171719 !important;
}
/* Autofill Hinterlegung im FF (orange) entfernen */
input {
    filter: none;
}

/*.scrollable-element {
    scrollbar-color: light;
}*/

/* ===== Scrollbar CSS ===== */

/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #C4C4C4 transparent;
}

/* Chrome, Edge, and Safari */
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: #C4C4C4;
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}



/* Farben, border-radius, Abstände Scrolbar - Active, Hover, etc. */
.dx-scrollable-scroll-content {
    background-color: #C4C4C4;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
}

.dx-scrollable-scroll {
    margin-top: 2px;
    margin-bottom: 2px;
}

.dx-scrollbar-hoverable {
    background-color: #FFFFFF;
}

    .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
    .dx-scrollbar-hoverable.dx-state-hover {
        background-color: #FFFFFF;
    }

        .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
            background-color: #C4C4C4;
        }

    .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
        background-color: #C4C4C4;
    }

/* Weite der Scrolbar - vertical */
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
    width: 10px;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 10px;
    margin-right: 2px;
    margin-left: 2px;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 14px !important;
}

/* Weite der Scrolbar - horizontal */
.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 10px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 14px !important;
}

    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll,
    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
        height: 10px;
    }

/* Splitter (genutzt z.B. auf Seite Immobilien / PE) */
.separator-h {
    width: 100%;
    min-height: 8px;
    height: 8px !important;
    text-align: center;
    border: 1px solid #DBDEE1;
    background-color: #F3F3F4;
    border-left-width: 0px;
    border-right-width: 0px;
}

.separator-v {
    height: 100%;
    min-width: 8px;
    width: 8px !important;
    border: 1px solid #DBDEE1;
    background-color: #F3F3F4;
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.line-separator-h {
    border-top: 1px solid #A5ACB5;
}

.line-separator-v {
    border-left: 1px solid #A5ACB5;
}

.list-background {
    background-color: #F3F3F4;
}

.negative-value {
    color: #c03330 !important;
}

.error-grid-row {
    background-color: red !important;
}

.error-grid-text {
    color: red !important;
}

/* Context Menüs */
.context-menu-item {
    display: flex;
    padding-right: 3px;
}

.context-menu-item-descr {
    -ms-flex-item-align: center !important;
    align-self: center !important;
    padding-left: 3px
}

/* Grundeinstellungen */
.fieldset-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #484848;
    color: #525253;
    font-size: 1.2em;
    font-weight: bold;
}

/* Buttons - alle Seiten */
.dx-button-mode-contained {
    border-color: #272829;
    color: #171719;
    border-radius: 2px;
}

    .dx-button-mode-contained .dx-icon {
        color: #272829;
    }

    .dx-button-mode-contained.dx-state-hover {
        background-color: transparent;
        border-color: #525253;
    }

        .dx-button-mode-contained.dx-state-hover .dx-button-content .dx-icon {
            filter: brightness(150%);
        }

    .dx-button-mode-contained.dx-state-disabled {
        background-color: transparent;
        border-color: #9E9E9E;
        color: #808080;
        opacity: 1;
    }

    /* primary skin */
    .dx-button-mode-contained.dx-button-default {
        background-color: #3C52C8;
        border-color: transparent;
        color: #fff;
        border-radius: 2px;
    }
        .dx-button-mode-contained.dx-button-default.dx-state-disabled {
            background-color: #9E9E9E;
            color: #E8E8E8;
        }
        .dx-button-mode-contained.dx-button-default.dx-state-active {
            background-color: #1940B2;
        }
        .dx-button-mode-contained.dx-button-default.dx-state-hover {
            background-color: #5766DF;
        }
        .dx-button-mode-contained.dx-button-default.dx-state-focused:not(.dx-state-hover) {
            background-color: #1940B2;
        }
        .dx-button-mode-contained.dx-button-default.dx-state-hover .dx-button-content .dx-icon {
            filter: brightness(150%);
        }

.dx-closebutton.dx-state-hover {
    border-color: transparent;
}

    .dx-button-mode-contained.dx-state-focused {
        background-color: #ffffff;
        border-color: #525253;
        color: #525253;
    }

    .dx-button-mode-contained.dx-state-active {
        background-color: #ffffff;
        border-color: #1940B2;
        color: #1940B2;
    }

.dx-button-mode-text.dx-state-hover {
    background-color: transparent;
}

.dx-button-mode-text.dx-state-focused {
    background-color: transparent;
}

/* Buttons Globaler Performancevergleich */
.dx-button-mode-outlined {
    border-color: #272829;
    color: #272829;
}

    .dx-button-mode-outlined.dx-state-hover {
        background-color: transparent;
        border-color: #525253;
        color: #525253;
    }

    .dx-button-mode-outlined.dx-state-focused {
        background-color: transparent;
        border-color: #1940B2;
    }

    .dx-button-mode-outlined.dx-state-active {
        background-color: transparent;
        border-color: #1940B2;
        color: #1940B2;
    }

/* Drop-Down-Button - Active Farbe */
.dx-dropdowneditor-icon:active {
    background-color: #1940B2 !important;
}

.dx-dropdowneditor-button:active {
    background-color: #1940B2 !important;
}

/* Drop-Down-Box Eingabe, Icons,  Hover, Selected - alle Seiten */
.dx-texteditor.dx-editor-outlined {
    border: 1px solid #A5ACB5;
}

.dx-texteditor.dx-state-hover {
    border-color: #A5ACB5;
}

.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-focused.dx-editor-underlined {
    border-color: #A5ACB5;
}

.dx-texteditor-input {
    color: #171719;
}

.dx-dropdowneditor-icon {
    font: unset;
    width: 12px;
    height: 15px;
    background-position: 1px 5.5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M26%2012%2016%2022%206%2012h20z%22%20fill%3D%22%23272829%22%2F%3E%3Cpath%20d%3D%22M26%2012%2016%2022%206%2012h20z%22%20stroke%3D%22%23272829%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.dx-dropdowneditor-button {
    width: 16px;
    min-width: unset;
    height: 26px;
    border-left: 1px solid #A5ACB5;
}

.dx-dropdowneditor-icon:before {
    content: unset;
}

.dx-dropdowneditor-icon:hover {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M26%2012%2016%2022%206%2012h20z%22%20fill%3D%22%23525253%22%2F%3E%3Cpath%20d%3D%22M26%2012%2016%2022%206%2012h20z%22%20stroke%3D%22%23525253%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.dx-datebox-calendar .dx-dropdowneditor-icon {
    font: unset;
    width: 12px;
    height: 15px;
}

    .dx-datebox-calendar .dx-dropdowneditor-icon::before {
        content: unset;
    }

.dx-dropdowneditor-button.dx-button-mode-contained,
.dx-dropdowneditor-button.dx-button-mode-outlined,
.dx-dropdowneditor-button.dx-button-mode-text {
    background: #F3F3F4;
}

.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: #F3F3F4;
    border-color: transparent;
}

.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    background-color: #F3F3F4;
    border-color: transparent;
    border-left: 0;
    color: #272829;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: #C7CACF;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: #E1E3F0;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: #E1E3F0;
    color: #171719;
}

/* Items - Hintergrund, Color, Hover (zb. Laden, PDF, Excel) - alle Seiten */
.dx-menu-item.dx-state-hover {
    background-color: transparent;
}

.dx-toolbar {
    color: #272829;
}

/* Galerie (genutzt zb. Seite Immobilien) */
.dx-gallery .dx-gallery-nav-button-next.dx-state-hover::after,
.dx-gallery .dx-gallery-nav-button-prev.dx-state-hover::after {
    background-color: #5766DF;
    opacity: 0.2;
}

.dx-gallery .dx-gallery-nav-button-next.dx-state-active::after,
.dx-gallery .dx-gallery-nav-button-prev.dx-state-active::after {
    background-color: #1940B2;
    opacity: 0.2;
}

.dx-gallery-indicator-item {
    border: 1px solid #484848;
}

.dx-gallery-indicator-item-active,
.dx-gallery-indicator-item-selected {
    background: #5766df;
    border: 2px solid #484848;
}

/* Tabelleneingeschaften Fenster Auswahlmöglichkeiten/Portfolioauswahl */
.dx-datagrid-content .dx-datagrid-table .dx-row > td,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}

.dx-datagrid {
    color: #171719;
}

    .dx-datagrid .dx-row-lines > td {
        border-bottom: unset;
    }

    .dx-datagrid .dx-column-lines > td {
        border-left: unset;
        border-right: unset;
    }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: #C7CACF;
}

.dx-datagrid-headers {
    color: #525253;
    border-bottom: unset;
}

.dx-datagrid-nodata {
    color: #171719;
}

.dx-treelist-container .dx-header-filter {
    color: #525253;
}

.dx-field-item-help-text,
.dx-field-item-label-text {
    color: #171719;
}

.dx-field {
    color: #171719;
}

.dx-field-label {
    color: #171719;
}

/* versteckter border an jeder 2ten Zelle */
.dx-datagrid-rowsview .dx-row {
    border-bottom: 0;
    border-top: 0;
}

.dx-datagrid .dx-row-alt > td,
.dx-datagrid .dx-row-alt > tr > td {
    border-top: 0;
}

/* Icons Header Filter & Sortierung in Grids & Tree für alle Seiten */
.dx-treelist-container .dx-header-filter,
.dx-datagrid .dx-header-filter {
    font: unset;
    content: unset;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M5.26%206h21.48a1%201%200%200%201%20.74%201.673l-8.22%209.04a1%201%200%200%200-.26.674v7.078a1%201%200%200%201-.445.832l-4%202.666A1%201%200%200%201%2013%2027.131v-9.744a1%201%200%200%200-.26-.673L4.52%207.673A1%201%200%200%201%205.26%206z%22%20fill%3D%22%231940B2%22%2F%3E%3Cpath%20d%3D%22M5.26%206h21.48a1%201%200%200%201%20.74%201.673l-8.22%209.04a1%201%200%200%200-.26.674v7.078a1%201%200%200%201-.445.832l-4%202.666A1%201%200%200%201%2013%2027.131v-9.744a1%201%200%200%200-.26-.673L4.52%207.673A1%201%200%200%201%205.26%206v0z%22%20stroke%3D%22%231940B2%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
    .dx-treelist-container .dx-header-filter::before,
    .dx-datagrid .dx-header-filter::before {
        content: unset;
    }
    
    .dx-treelist-container .dx-header-filter:hover,
    .dx-datagrid .dx-header-filter:hover {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M5.26%206h21.48a1%201%200%200%201%20.74%201.673l-8.22%209.04a1%201%200%200%200-.26.674v7.078a1%201%200%200%201-.445.832l-4%202.666A1%201%200%200%201%2013%2027.131v-9.744a1%201%200%200%200-.26-.673L4.52%207.673A1%201%200%200%201%205.26%206z%22%20fill%3D%22%23525253%22%2F%3E%3Cpath%20d%3D%22M5.26%206h21.48a1%201%200%200%201%20.74%201.673l-8.22%209.04a1%201%200%200%200-.26.674v7.078a1%201%200%200%201-.445.832l-4%202.666A1%201%200%200%201%2013%2027.131v-9.744a1%201%200%200%200-.26-.673L4.52%207.673A1%201%200%200%201%205.26%206v0z%22%20stroke%3D%22%23525253%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }

.dx-treelist-container .dx-header-filter-empty,
.dx-datagrid .dx-header-filter-empty {
    font: unset;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M5.26%206h21.48a1%201%200%200%201%20.74%201.673l-8.22%209.04a1%201%200%200%200-.26.674v7.078a1%201%200%200%201-.445.832l-4%202.666A1%201%200%200%201%2013%2027.131v-9.744a1%201%200%200%200-.26-.673L4.52%207.673A1%201%200%200%201%205.26%206z%22%20fill%3D%22%23272829%22%2F%3E%3Cpath%20d%3D%22M5.26%206h21.48a1%201%200%200%201%20.74%201.673l-8.22%209.04a1%201%200%200%200-.26.674v7.078a1%201%200%200%201-.445.832l-4%202.666A1%201%200%200%201%2013%2027.131v-9.744a1%201%200%200%200-.26-.673L4.52%207.673A1%201%200%200%201%205.26%206v0z%22%20stroke%3D%22%23272829%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

    .dx-treelist-container .dx-header-filter::before,
    .dx-datagrid .dx-header-filter-empty::before {
        content: unset;
    }

    .dx-header-filter.dx-header-filter-empty:hover,
    .dx-datagrid .dx-header-filter-empty:hover {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M5.26%206h21.48a1%201%200%200%201%20.74%201.673l-8.22%209.04a1%201%200%200%200-.26.674v7.078a1%201%200%200%201-.445.832l-4%202.666A1%201%200%200%201%2013%2027.131v-9.744a1%201%200%200%200-.26-.673L4.52%207.673A1%201%200%200%201%205.26%206z%22%20fill%3D%22%23525253%22%2F%3E%3Cpath%20d%3D%22M5.26%206h21.48a1%201%200%200%201%20.74%201.673l-8.22%209.04a1%201%200%200%200-.26.674v7.078a1%201%200%200%201-.445.832l-4%202.666A1%201%200%200%201%2013%2027.131v-9.744a1%201%200%200%200-.26-.673L4.52%207.673A1%201%200%200%201%205.26%206v0z%22%20stroke%3D%22%23525253%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }

.dx-treelist-container .dx-sort-up,
.dx-datagrid .dx-sort-up {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23272829%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23272829%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%20d%3D%22m144%2087.994%2040-40%2039.999%2039.993M184%20143.994v-96%22%2F%3E%3Cpath%20stroke%3D%22%23272829%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%20d%3D%22M48%20127.994h71.999M48%2063.994h55.999M48%20191.994h135.999%22%2F%3E%3C%2Fsvg%3E');
}

    .dx-treelist-container .dx-sort-up::before,
    .dx-datagrid .dx-sort-up::before {
        content: unset;
    }

    .dx-treelist-container .dx-sort-up:hover,
    .dx-datagrid .dx-sort-up:hover {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23525253%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23525253%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%20d%3D%22m144%2087.994%2040-40%2039.999%2039.993M184%20143.994v-96%22%2F%3E%3Cpath%20stroke%3D%22%23525253%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%20d%3D%22M48%20127.994h71.999M48%2063.994h55.999M48%20191.994h135.999%22%2F%3E%3C%2Fsvg%3E');
    }
    
.dx-treelist-container .dx-sort-down,
.dx-datagrid .dx-sort-down {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23272829%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23272829%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%20d%3D%22m144%20167.994%2040%2040L223.999%20168M184%20111.993v96%22%2F%3E%3Cpath%20stroke%3D%22%23272829%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%20d%3D%22M48%20127.994h71.999M48%2063.994h135.999M48%20191.994h56%22%2F%3E%3C%2Fsvg%3E');
}

    .dx-treelist-container .dx-sort-down::before,
    .dx-datagrid .dx-sort-down::before {
        content: unset;
    }
    
    .dx-treelist-container .dx-sort-down:hover,
    .dx-datagrid .dx-sort-down:hover {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23525253%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23525253%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%20d%3D%22m144%20167.994%2040%2040L223.999%20168M184%20111.993v96%22%2F%3E%3Cpath%20stroke%3D%22%23525253%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%20d%3D%22M48%20127.994h71.999M48%2063.994h135.999M48%20191.994h56%22%2F%3E%3C%2Fsvg%3E');
    }

.dx-icon-clear {
    font: unset;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M16%2028c6.627%200%2012-5.373%2012-12S22.627%204%2016%204%204%209.373%204%2016s5.373%2012%2012%2012z%22%20fill%3D%22%23272829%22%2F%3E%3Cpath%20d%3D%22M16%2028c6.627%200%2012-5.373%2012-12S22.627%204%2016%204%204%209.373%204%2016s5.373%2012%2012%2012z%22%20stroke%3D%22%23272829%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22m20%2012-8%208M20%2020l-8-8%22%20stroke%3D%22%23272829%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

    .dx-icon-clear::before {
        content: unset;
    }

    .dx-icon-clear:hover {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M16%2028c6.627%200%2012-5.373%2012-12S22.627%204%2016%204%204%209.373%204%2016s5.373%2012%2012%2012z%22%20fill%3D%22%23525253%22%2F%3E%3Cpath%20d%3D%22M16%2028c6.627%200%2012-5.373%2012-12S22.627%204%2016%204%204%209.373%204%2016s5.373%2012%2012%2012z%22%20stroke%3D%22%23525253%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22m20%2012-8%208M20%2020l-8-8%22%20stroke%3D%22%23525253%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }


.dx-icon-close {
    font: unset;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M25%207%207%2025M25%2025%207%207%22%20stroke%3D%22%23272829%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

    .dx-icon-close::before {
        content: unset;
    }

    .dx-icon-close:hover {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M25%207%207%2025M25%2025%207%207%22%20stroke%3D%22%23525253%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }

.button-link {
    color: #3C52C8;
    margin-left: -10px;
}

    .button-link:hover {
        text-decoration: underline;
    }

.dx-button {
    text-align: left;
}

/* border-radius drop-down-button Fenster Auswahlmöglichkeiten/Portfolioauswahl */
.dx-dropdowneditor-button {
    border-radius: 0;
}


/* --- Auswahlmöglichkeiten/Portfolioauswahl - Einstellungen --- */
/* Überschrift "Spaltenauswahl" */
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
    font-size: 14px;
    font-weight: 600;
}

/* Scrollbar */
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
    padding: 0px 0px 10px 10px;
}

/* Zelle für Drag & Drop */
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
    background-color: #FFFFFF;
    color: #272829;
    font-weight: 700;
    border: 1px solid #D1D1D2;
    margin-right: 15px !important;
}

/* border-radius Pop-Up Fenster */
.dx-datagrid-column-chooser .dx-overlay-content {
    border-radius: 2px;
}

    /* Hover für Zelle Drag & Drop & Scrollbar */
    .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item:hover {
        color: #525253;
    }

/* Drag & Drop */
.dx-datagrid-drag-header {
    border: 1px solid #1940B2;
    background-color: #E1E3F0;
}

/* Drag & Drop Separator */
.dx-datagrid-columns-separator {
    background-color: #1940B2;
}

.dx-datagrid-columns-separator-transparent {
    background-color: transparent;
}


/* --- Calendar --- */
/* Einstellungen Größe */
.dx-calendar {
    width: 220px;
    min-width: 220px;
    height: 220px;
    min-height: 220px;
}

/* Daten Vormonat/Folgemonat --- hier nochmal schauen - blendet auch innerhalb der Jahre aus */
.dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date),
.dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-active,
.dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-hover,
.dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date),
.dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-active,
.dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-hover {
    color: #171719;
}

.dx-calendar-cell.dx-calendar-empty-cell {
    cursor: default;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAnklEQVRIx7XVUQ7AEAwGYCdZuAhOsndn38tuYLOQmNFWaw8NqfiQ/AkVY1Qh7FsaV1Sx0sTcddxlF6A2W6Y0vBSvUP/cuFpg4y36grl4D/3As/gI7cJUHEKHMIZjKAiPcAqKwi1ORUlwhZ+5PGXPTKQKbJfA9fNnojidUyrOCj8Fx1AHHOwgnIVScDaK4SIUwsXoCE8NLUU7uFZ/faYXEL4F+lqnf18AAAAASUVORK5CYII=) center center no-repeat;*/
    color: #808080 !important;
    background: transparent;
}

/* Farbe Hover */
.dx-calendar-cell.dx-state-hover {
    -webkit-box-shadow: inset 0 -1px 0 1000px #C7CACF;
    box-shadow: inset 0 -1px 0 1000px #C7CACF;
}

/* Farbe Selected */
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    -webkit-box-shadow: inset 0 0 0 1px #808080,inset 0 0 0 1000px #E1E3F0;
    box-shadow: inset 0 0 0 1px #808080,inset 0 0 0 1000px #E1E3F0;
    color: #303030;
    background-color: #E1E3F0;
}

/* Calendar Today */
.dx-calendar-cell.dx-calendar-today {
    font-weight: normal;
    box-shadow: inset 0 0 0 1px #808080;
}

/* Monatsersten ohne Rahmen */
.dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-empty-cell) {
    -webkit-box-shadow: inset 0 0 0 0 #323233;
    box-shadow: inset 0 0 0 0 #323233;
    background-color: #E1E3F0;
}

/* vorausgewähltes Datum Selected-Mode */
.dx-calendar-cell.dx-calendar-selected-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    color: #e8e8e8;
    -webkit-box-shadow: inset 0 0 0 1000px #E1E3F0;
    box-shadow: inset 0 0 0 1000px #E1E3F0;
}

/* Calendar-Head */
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
    padding: 4px;
    color: #171719;
    font: 12px psplus-font, Verdana, Geneva;
    font-weight: normal;
    text-align: center;
    text-transform: capitalize;
}

/* Calendar Hover - Pfeile, Monat */
.dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
    border-color: transparent;
}

/* Calendar Active Button - Jahr */
.dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active {
    background-color: transparent;
}

/* Calendar Buttons */
.dx-calendar-navigator .dx-button {
    border-color: transparent;
}

    /* Calendar Zellen */
    .dx-calendar-cell {
    color: #171719;
    font-size: 12px;
    border: 0px solid transparent;
    padding: 2px 5px 3px;
    border-radius: 0;
}

        /* Calendar Active Buttoun - Monat */
        .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) {
            -webkit-box-shadow: inset 0 -1px 0 1000px #E1E3F0;
            box-shadow: inset 0 -1px 0 1000px #E1E3F0;
        }

/* Calendar-Kopf (Wochentage + border) */
.dx-calendar-body thead tr th {
    -webkit-box-shadow: inset 0 -1px 0 #cfcfcf;
    box-shadow: inset 0 -1px 0 #cfcfcf;
    color: #303030;
    padding: 2px 4px 6px;
    font-weight: normal;
    text-transform: capitalize;
    font: 12px psplus-font, Verdana, Geneva;
}
    
    /* Icons - alle Seiten (Hover,...) */
    .dx-icon-find {
    font: unset;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M14.5%2025C20.297%2025%2025%2020.299%2025%2014.5S20.297%204%2014.5%204C8.7%204%204%208.701%204%2014.5S8.7%2025%2014.5%2025z%22%20fill%3D%22%23272829%22%2F%3E%3Cpath%20d%3D%22M14.5%2025C20.297%2025%2025%2020.299%2025%2014.5S20.297%204%2014.5%204C8.7%204%204%208.701%204%2014.5S8.7%2025%2014.5%2025zM21.924%2021.925%2027.999%2028%22%20stroke%3D%22%23272829%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

    .dx-icon-find::before {
        content: unset;
    }

    .dx-icon-find:hover,
    .dx-state-hover .dx-icon-find {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M14.5%2025C20.297%2025%2025%2020.299%2025%2014.5S20.297%204%2014.5%204C8.7%204%204%208.701%204%2014.5S8.7%2025%2014.5%2025z%22%20fill%3D%22%23525253%22%2F%3E%3Cpath%20d%3D%22M14.5%2025C20.297%2025%2025%2020.299%2025%2014.5S20.297%204%2014.5%204C8.7%204%204%208.701%204%2014.5S8.7%2025%2014.5%2025zM21.924%2021.925%2027.999%2028%22%20stroke%3D%22%23525253%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }

.dx-state-disabled .dx-icon-find {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M14.5%2025C20.297%2025%2025%2020.299%2025%2014.5S20.297%204%2014.5%204C8.7%204%204%208.701%204%2014.5S8.7%2025%2014.5%2025z%22%20fill%3D%22%239E9E9E%22%2F%3E%3Cpath%20d%3D%22M14.5%2025C20.297%2025%2025%2020.299%2025%2014.5S20.297%204%2014.5%204C8.7%204%204%208.701%204%2014.5S8.7%2025%2014.5%2025zM21.924%2021.925%2027.999%2028%22%20stroke%3D%22%239E9E9E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.dx-icon-chevronprev {
    font: unset;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20fill%3D%22%23272829%22%2F%3E%3Cpath%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20stroke%3D%22%23272829%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

    .dx-icon-chevronprev::before {
        content: unset;
    }

    .dx-icon-chevronprev:hover,
    .dx-state-hover .dx-icon-chevronprev {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20fill%3D%22%23525253%22%2F%3E%3Cpath%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20stroke%3D%22%23525253%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }

.dx-state-disabled .dx-icon-chevronprev {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20fill%3D%22%239E9E9E%22%2F%3E%3Cpath%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20stroke%3D%22%239E9E9E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.dx-icon-chevronleft {
    font: unset;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20fill%3D%22%23272829%22%2F%3E%3Cpath%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20stroke%3D%22%23272829%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

    .dx-icon-chevronleft::before {
        content: unset;
    }

    .dx-icon-chevronleft:hover,
    .dx-state-hover .dx-icon-chevronleft {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20fill%3D%22%23525253%22%2F%3E%3Cpath%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20stroke%3D%22%23525253%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }

.dx-state-disabled .dx-icon-chevronleft {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20fill%3D%22%239E9E9E%22%2F%3E%3Cpath%20d%3D%22M20%2026%2010%2016%2020%206v20z%22%20stroke%3D%22%239E9E9E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.dx-icon-chevronnext {
    font: unset;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20fill%3D%22%23272829%22%2F%3E%3Cpath%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20stroke%3D%22%23272829%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

    .dx-icon-chevronnext::before {
        content: unset;
    }

    .dx-icon-chevronnext:hover,
    .dx-state-hover .dx-icon-chevronnext {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20fill%3D%22%23525253%22%2F%3E%3Cpath%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20stroke%3D%22%23525253%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }

.dx-state-disabled .dx-icon-chevronnext {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20fill%3D%22%239E9E9E%22%2F%3E%3Cpath%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20stroke%3D%22%239E9E9E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.dx-icon-chevronright {
    font: unset;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20fill%3D%22%23272829%22%2F%3E%3Cpath%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20stroke%3D%22%23272829%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

    .dx-icon-chevronright::before {
        content: unset;
    }

    .dx-icon-chevronright:hover,
    .dx-state-hover .dx-icon-chevronright {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20fill%3D%22%23525253%22%2F%3E%3Cpath%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20stroke%3D%22%23525253%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }

.dx-state-disabled .dx-icon-chevronright {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20opacity%3D%22.2%22%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20fill%3D%22%239E9E9E%22%2F%3E%3Cpath%20d%3D%22m12%206%2010%2010-10%2010V6z%22%20stroke%3D%22%239E9E9E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

/* Datagrid Icons in Spaltenkopf immer rechts ausrichten */
div.dx-column-indicators {
    float: right !important;
}

/* Fenster Auswahlmöglichkeiten - Stern Favoritengruppe */
.dx-selectbox {
    padding-left: 3px;
}

.dx-dropdowneditor-field-template-wrapper .icon-dims {
    border-top: 3px solid transparent !important;
}

/* Zeilenabstand - PE, Immobilien */
.dx-field {
    margin: 0;
    min-height: 22px;
}

.dx-fieldset-header {
    margin: 0 0 5px;
}

/* Zeilenabstand - PE, Immobilien Linke Seite (Spalten) */
.dx-field-label {
    padding: 2px 8px 0 0;
}

/* Zeilenabstand - PE, Immobilien Rechte Seite (Spalten) */
.dx-field-value-static {
    padding: 2px 6px;
}

/* Group-Cell Multitabelle */
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: #525253;
    background-color: #FFFFFF;
}

/* Alternierende Farbe - zB Multitabelle, Auswahlmöglichkeiten */
.dx-datagrid .dx-row-alt > td,
.dx-datagrid .dx-row-alt > tr > td {
    background-color: #F3F3F4;
    border-top: 0px solid #F3F3F4;
    border-bottom: 0px solid #F3F3F4;
}

/* -- Checkbox -zb. Globaler Performancevergleich -- */
.dx-checkbox-icon {
    border-radius: 2px;
    border: 1px solid #3B3C3E;
}

/* Checkbox für "ausgewählt/checked" */
.dx-checkbox-checked .dx-checkbox-icon {
    color: #e8e8e8;
    background-color: #3C52C8 !important;
    border: 1px solid #3C52C8 !important;
    border-radius: 2px;
}

/* border-Farbe im Hover */
.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid #3B3C3E;
}

/* Checkbox-Farbe (Icon) für "alle auswählen" */
.dx-checkbox-indeterminate .dx-checkbox-icon {
    color: #3C52C8;
}

/* border-Farbe nach Deaktivierung des Häkchens */
.dx-checkbox.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #3B3C3E;
}

/* -- Konsolidierte Vermögen -- */
/* selektierte Farbe/ Auswahl */
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #E1E3F0;
    color: #171719;
}

/* border zu Selektierung - oberer Abschnitt */
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    border-bottom: 1px solid #E1E3F0;
    border-top: 1px solid #E1E3F0;
}

/* alternierende Farbe - oberer Abschnitt*/
.dx-treelist .dx-row-alt > td,
.dx-treelist .dx-row-alt > tr > td {
    background-color: #F3F3F4;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}

/* Spaltenüberschrift - oberer Abschnitt*/
.dx-treelist-headers {
    color: #525253;
    border-bottom: 1px solid transparent;
}

    /* Spaltenüberschrift border */
    .dx-treelist-headers .dx-treelist-table .dx-row > td {
        border-bottom: 1px solid transparent;
    }

/* Gruppenüberschrift (Zeile von Icons) - unterer Abschnitt */
.dx-datagrid-group-panel .dx-group-panel-item {
    color: #272829;
    border: 1px solid transparent;
}


/* border Selektierung - unterer Abschnitt */
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    border-bottom: 1px solid #E1E3F0;
    border-top: 1px solid #E1E3F0;
}

/* Schriftfarbe Summenzeile */
.dx-datagrid-summary-item {
    color: #525253;
}

/* Schriftzug "Keine Daten vorhanden" */
.dx-datagrid-nodata {
    color: #171719;
    font-size: 12px;
}

.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-focused.dx-editor-underlined {
    border-color: #D1D1D2;
}

/* Auswahlpunkte: Portfolio übernehmen, Sprungpunkte, Einzelausgabe, Mappenausgabe */
/* border um angewählten Menüpunkt */
.dx-context-menu-container-border {
    border: 1px solid transparent;
}

/* Abstand zwischen Menüpunkt und Liste */
.dx-context-menu-content-delimiter {
    background-color: transparent;
}

/* border Liste */
.dx-context-menu .dx-submenu {
    border: 1px solid #D1D1D2;
}

/* Schriftfarbe Menüpunkte */
.dx-menu-item {
    color: #171719;
}

/* Hoverfarbe Liste Menüpunkte */
    .dx-menu-item.dx-state-hover {
        background-color: transparent;
        color: #171719;
    }

/* Angewählter Menüpunkt */
.dx-menu-item-expanded {
    color: #272829;
}

/* Diagramm zoomen - Hintergrund ausblenden */
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader {
    background-color: rgba(0, 0, 0, 0.7) !important;
}


/* Auswahl Checkbox - Einzelausgabe, globaler Performancevergleich */
/* Hover + Focused Farbe Grid*/

/* selected */
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td {
    background-color: #E1E3F0;
    color: #171719;
}

/* selected + hover */
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #C7CACF;
    color: #171719;
}

/* focused */
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
    background-color: #E1DBF0;
    color: #171719;
    border-color: #E1DBF0;
}

/* focused + hover */
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:hover .dx-command-edit:not(.dx-focused) .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:hover > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:hover > tr > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:hover > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:hover > tr:last-child > td {
    background-color: #C7CACF;
    color: #171719;
    border-color: #E1E3F0;
}


/* Multitabelle - Errorkästchen */
.dx-datagrid .dx-error-row .dx-error-message {
    background-color: #C03330;
}


/* Multitabelle - Header ohne Zeilenumbruch */
.dx-datagrid-header-panel {
    display: flex;
    /*max-height: auto;*/
    min-width: 100%;
    margin: 0 auto;
    overflow: auto;
    /*flex-direction: column;*/
}

/* Multitabelle - Group Panel Text */
.dx-datagrid-group-panel .dx-group-panel-message {
    color: #272829;
    font-weight: 400;
   }

/* Drow-Down-Box, Content-Template, Default Wizard */
#wizardDiv .dx-datagrid-header-panel .dx-toolbar {
    padding: 8px;
}


/* Einstellungsmenü - Höhe & Breite */
.dxgvCD_ColumnChooserPage {
    width: 20%;
    min-width: 20%;
}

.dxmodalSys > .dxpclW {
    width: 20%;
    min-width: 20%;
    height: auto !important;
    margin: 10px;
}

.dxmodalSys .dxpc-contentWrapper {
    height: auto !important;
}

.dxtlControl_PSplusLightTheme {
    color: #171719;
}

/* Seite Multitabelle - disabled Schrift */
.dx-datagrid-group-panel .dx-group-panel-message {
    color: #808080;
}

/* Seite Orderschnittstelle (Ordering) - Radio Buttons */
.dx-radiobutton-icon::before {
    border: 1px solid #272829;
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background: #1940B2;
}

.dx-radiobutton.dx-state-readonly .dx-radiobutton-icon::before {
    border-color: #272829;
}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon::before {
    border-color: #525253;
}

.dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon::before {
    border: 1px solid #272829;
}

.dx-radiobutton.dx-state-disabled {
    color: #9e9e9e;
}

/* Einstellungen - Spaltenauswahl  */
.dx-treeview-item {
    color: #525253 !important;
}


.dx-fab-button:hover {
    box-shadow: 0px 5px 8px 0 #5766DF;
}

/* -- Seite Portfolioübersicht -- */
/* selected row */
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    background-color: #E1E3F0;
    color: #171719;
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
    border-top: 1px solid #E1E3F0;
    border-bottom: 1px solid #E1E3F0;
}
/* -- switch container - Portfolioübersicht -- */
.dx-switch-container {
    border-radius: 2px;
    border: 1px solid #A5ACB5;
    background: #ffffff;
}

/* Quadrat off */
.dx-switch-handle::before {
    background-color: #808080;
    border-radius: 1px;
}

/* Quadrat hover */
.dx-switch.dx-state-hover .dx-switch-handle::before {
    background-color: #525253;
}

/* switch container hover */
.dx-switch.dx-state-hover .dx-switch-container {
    background-color: #ffffff;
    border-color: #525253;
}

/* Quadrat on */
.dx-switch-on-value .dx-switch-handle::before {
    background-color: #1940B2;
}

/* Quadrat pressed */
.dx-switch.dx-state-focused.dx-state-active .dx-switch-handle::before {
    background-color: #1940B2;
}

/* switch container pressed */
.dx-switch.dx-state-focused .dx-switch-container {
    border-color: #1940B2;
}

/* switch container pressed - verstecke Farbe beim ziehen und loslassen */
.dx-switch.dx-state-focused .dx-switch-handle::before {
    background-color: #1940B2;
}

/* Hintergrund - on/off */
.dx-switch-off {
    color: #272829;
    background-color: #ffffff;
}

.dx-switch-on {
    background-color: #ffffff;
    color: #171719;
}

/* verstecktes Quadrat beim ziehen */
.dx-switch.dx-state-active .dx-switch-container {
    background-color: #ffffff;
}

/* --- Portfolioübersicht ---  */
/* fehlender border im unteren Fenster */
/* --- setzt border auch auf anderen Seite - unbrauchbar! --- */
/*.dx-datagrid-header-panel .dx-toolbar {
    border-top: 1px solid #E8EAEB;
    border-collapse: collapse;
}*/

/* Hover - Porfolioübersicht - oberes Fenster */
.dx-row-alt:hover > td:not(:empty) {
    background-color: #C7CACF;
}

.dx-treelist-rowsview .dx-row:hover {
    background-color: #C7CACF;
    border-bottom: 1px solid #C7CACF;
}

/* letzte (leere) Zeile */
.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row,
.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row {
    background-color: transparent;
}

/* Hover - Porfolioübersicht - unteres Fenster */
.dx-datagrid-rowsview .dx-row:hover {
    background-color: #C7CACF;
}

.dx-row-alt:hover > td:not(:empty) {
    background-color: #C7CACF;
}

/* letzte (leere) Zeile */
.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row,
.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row {
    background-color: transparent;
}

/* Suchleiste */
.dx-datagrid-search-text {
    color: #ffffff;
    background-color: #3C52C8;
}

/* -- Seite BVI Reports --*/
/* Tennstrich */
hr {
    border: 0;
}


/* -- Seite ESG Überwachung -- */
/* Pop Up */
.dx-popup-content {
    padding: 0px;
}

/* unterstrichenes Icon */
.reload-needed {
    border-bottom: 1px solid #1940B2 !important;
}

/* Spaltenauswahl */
.dx-datagrid-column-chooser-list .dx-empty-message,
.dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message {
    color: #171719;
}

/* Schatten Spaltenauswahl, Notifications */
.dx-datagrid-column-chooser .dx-overlay-content {
    -webkit-box-shadow: none;
    box-shadow:none;
}

.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid #A5ACB5 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
}

/* -- Seite Performance -- */
/* border um Textfeld (Icon) */
.dx-datagrid-focus-overlay {
    border: 2px solid transparent;
}

/* DropDown über Icon - selected */
.dx-menu-item-selected {
    background-color: #E1E3F0;
    color: #171719;
}

/* DropDown über Icon - hover */
.dx-menu-item.dx-menu-item-has-text.dx-state-hover {
    background-color: #C7CACF;
    color: #171719;
}

/* Icon - padding */
.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 2px 3px 3px;
    }

/* -- Seite Portfolioübersicht -- */
/* Schriftfarbe im Einstellungsmenü */
.dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
.dx-treelist-column-chooser-list .dx-empty-message {
    color: #808080;
 }

.dx-item-content.dx-menu-item-content.dx-state-hover {
    border: 1px solid lime !important;
}


/* -- Notifications z.B. Postbox -- */
/* Hintergrund, border unter grauem Feld */
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
    background-color: #f3f3f4;
    -webkit-box-shadow: inset 0 -1px #A5ACB5,inset 0 1px,inset -1px 0,inset 1px 0;
    box-shadow: inset 0 -1px #A5ACB5,inset 0 1px,inset -1px 0,inset 1px 0;
    color: #A5ACB5;
}

/* border ab "Test" selected */
.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border-color: #A5ACB5;
}

/* border ab "Test" */
.dx-tabpanel .dx-multiview-wrapper {
    border: 1px solid #A5ACB5;
}

/* border um Icon */
.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
    -webkit-box-shadow: inset 0 1px #A5ACB5,inset -1px 0 #A5ACB5,inset 1px 0 #A5ACB5;
    box-shadow: inset 0 1px #A5ACB5,inset -1px 0 #A5ACB5,inset 1px 0 #A5ACB5;
}

/* border um Icon selected */
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
    -webkit-box-shadow: inset 0 1px #A5ACB5,inset -1px 0 #A5ACB5,inset 1px 0 #A5ACB5;
    box-shadow: inset 0 1px #A5ACB5,inset -1px 0 #A5ACB5,inset 1px 0 #A5ACB5;
}

/* border unter grauem Feld */
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs {
    -webkit-box-shadow: inset 0 -1px #A5ACB5,inset 0 1px,inset -1px 0,inset 1px 0;
    box-shadow: inset 0 -1px #A5ACB5,inset 0 1px,inset -1px 0,inset 1px 0;
}

/* Rahmen um Elemente - Benutzung TAB -- z.B. Seite Globaler Performanvevergleich */
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus,
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
    outline: #DBDEE1 solid 1px;
}
.dx-loadpanel-content {
    border: 0px solid #e8eaeb;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    color: #171719;
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused::after {
    border: 1px solid #DBDEE1;
}

/* --- Loading Panel--- */
.dx-loadindicator-icon .dx-loadindicator-segment {
    border: 2px solid #1940B2;
    opacity: 0.7;
    background: #1940B2;
}

/* -- Globaler Performancevergleich -- */
/* Hintergrund chart */
.dx-theme-border-color-as-background-color {
    background-color: #ffffff !important;
    fill: #ffffff !important;
}

/* Button im focused Zustand */
.dx-button-mode-contained.dx-button-default.dx-state-focused {
    background-color: #5766DF;
    border-color: transparent;
    color: #ffffff;
}
.dx-loadpanel-content {
    border: 0;
    background: #FFFFFF;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    opacity: 0.7;
}

/* "Keine Daten Vorhanden" - zb. Portfolioübersicht */
.dx-treelist-nodata {
    color: #171719;
    font-size: 12px;
}

/* --- Seite Charting --- */
/* Hintergrund */
.tt_chartContainer {
    background-color: transparent;
    border: 1px solid transparent;
}


/* --- Hyperlink Kopfzeile --- */
.dxeHyperlink_PSplusDarkTheme.DarkInLight {
    color: #6289B8 !important;
}