body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --desktop2theme-text-color: #222;
    --desktop2theme-bkg-color: #fff;
    --desktop2theme-underline-color: #808080;
    --desktop2theme-tree-color: #636363;
    --desktop2theme-border-radius: 4px;
}

.dark body {
    --desktop2theme-text-color: #eee;
    --desktop2theme-bkg-color: #0e1012;
    --desktop2theme-bkg-color-search: #191919;
    --desktop2theme-bkg-color-top-menu: #2b2b2b;
    --desktop2theme-bkg-color-menu-second: #454545;
    --desktop2theme-text-color-menu: #d0d6d0;
    --desktop2theme-text-color-menu-hover: #f3fff3;
    --desktop2theme-bkg-color-panels: #2b2b2b;
    --desktop2theme-border-color: #BFBFBF; /*#404040*/
    --desktop2theme-underline-color: #808080;
    --desktop2theme-tree-color: #636363;
    --desktop2theme-bkg-light: #a4a4a4;
    --desktop2theme-bkg-hover: #303030;
    --desktop2theme-bkg-txt-box: #383838;
    --desktop2theme-txt-border: #4F4F4F;
    --desktop2theme-txt-border-focus: #768D99;
    --desktop2theme-bkg-hover-light: rgba(164, 164, 164, 0.4);
    --desktop2theme-button-background-color: #222222;
    --desktop2theme-button-color: #ffffff;
    --desktop2theme-button-border-color: #444444;
    --desktop2theme-button-border: 1px solid var(--desktop2theme-button-border-color);
    --desktop2theme-button-hover-background-color: #003147 /*#808080*/;
    --desktop2theme-button-hover-border-color: #0b93d5 /*#444444*/;
    --desktop2theme-button-hover-border: 1px solid var(--desktop2theme-button-hover-border-color);
    --desktop2theme-button-hover-color: #ffffff;
    --desktop2theme-button-border-radius: var(--desktop2theme-border-radius);
    --desktop2theme-search-input-border: 1px solid var(--desktop2theme-bkg-light);
    --desktop2theme-search-input-color: var(--desktop2theme-bkg-color);
    --desktop2theme-search-input-background: var(--desktop2theme-bkg-light);
    --desktop2theme-search-button-border: 1px solid var(--desktop2theme-button-border-color);
    --desktop2theme-search-button-hover-border: 1px solid var(--desktop2theme-button-hover-border-color);
    --desktop2theme-search-button-color: var(--desktop2theme-button-color);
    --desktop2theme-search-button-background: var(--desktop2theme-button-background-color);
    --desktop2theme-search-button-hover-color: var(--desktop2theme-button-hover-color);
    --desktop2theme-search-button-hover-background: var(--desktop2theme-button-hover-background-color);
    --desktop2theme-displaySearchAutoCmplWidget-background: #000000;
    /*#region dialog containers*/
    /*bookend (boundary) elements*/
    --content-container-bookend-background-color: #444444;
    --content-container-bookend-color: #ffffff;
    /*container*/
    --content-container-border-color: #444444;
    /*buttons*/
    --content-container-button-background-color-1: var(--desktop2theme-button-background-color);
    --content-container-button-background-color-2: var(--desktop2theme-button-background-color);
    --content-container-button-color-1: var(--desktop2theme-button-color);
    --content-container-button-border-1: var(--desktop2theme-button-border);
    --content-container-button-hover-border-1: var(--desktop2theme-button-hover-border);
    --content-container-button-hover-border-2: var(--desktop2theme-button-hover-border);
    --content-container-button-hover-background-color-1: var(--desktop2theme-button-hover-background-color);
    --content-container-button-hover-background-color-2: var(--desktop2theme-button-hover-background-color);
    --content-container-button-hover-color-1: var(--desktop2theme-button-color);
    --content-container-button-hover-color-2: var(--desktop2theme-button-color);
    --content-container-button-border-radius: var(--desktop2theme-border-radius);
    /*mini-trend*/
    --content-container-mini-trend-tab-background-color: #444444;
    --content-container-mini-trend-tab-color: #ffffff;
    --content-container-mini-trend-tab-border: 1px solid #222222;
    /*#endregion dialog containers*/
    /*--content-container-header-font-size: 1em;*/
    /*--content-container-footer-btn-1-font-size: 1em;*/
    --content-container-iframe-background-color: var(--desktop2theme-bkg-light);
    /*#region jstree*/
    --desktop2theme-jstree-node-hover-background: var(--desktop2theme-bkg-hover-light);
    --desktop2theme-jstree-background: var(--desktop2theme-bkg-color-menu-second);
    --desktop2theme-jstree-color: var(--desktop2theme-text-color);
    /*#endregion jstree*/
}

.light body {
    --desktop2theme-text-color: #555555;
    --desktop2theme-bkg-color: #dadada;
    --desktop2theme-bkg-color-search: #e6e6e6;
    --desktop2theme-bkg-color-top-menu: #d4d4d4;
    --desktop2theme-bkg-color-menu-second: #bababa;
    --desktop2theme-text-color-menu: #2f292f;
    --desktop2theme-text-color-menu-hover: #5b5b5b;
    --desktop2theme-bkg-color-panels: #d4d4d4;
    --desktop2theme-border-color: #bfbfbf;
    --desktop2theme-underline-color: #7f7f7f;
    --desktop2theme-tree-color: #9c9c9c;
    --desktop2theme-bkg-light: #a0a0a0;
    --desktop2theme-bkg-hover: #cfcfcf;
    --desktop2theme-bkg-txt-box: #c7c7c7;
    --desktop2theme-txt-border: #b0b0b0;
    --desktop2theme-txt-border-focus: #897266;
    --desktop2theme-bkg-hover-light: #d4d4d4;
    --desktop2theme-button-background-color: #e6e6e6;
    --desktop2theme-button-color: #000000;
    --desktop2theme-button-border-color: #d3d3d3;
    --desktop2theme-button-border: 1px solid var(--desktop2theme-button-border-color);
    --desktop2theme-button-hover-background-color: #dadada;
    --desktop2theme-button-hover-color: #000000;
    --desktop2theme-button-hover-border-color: #999999;
    --desktop2theme-button-hover-border: 1px solid var(--desktop2theme-button-hover-border-color);
    --desktop2theme-button-border-radius: var(--desktop2theme-border-radius);
    --desktop2theme-search-input-border: 1px solid var(--desktop2theme-bkg-light);
    --desktop2theme-search-input-color: #000000;
    --desktop2theme-search-input-background: var(--desktop2theme-bkg-light);
    --desktop2theme-search-button-border: 1px solid var(--desktop2theme-button-border-color);
    --desktop2theme-search-button-hover-border: 1px solid var(--desktop2theme-button-hover-border-color);
    --desktop2theme-search-button-color: var(--desktop2theme-button-color);
    --desktop2theme-search-button-background: var(--desktop2theme-button-background-color);
    --desktop2theme-search-button-hover-color: var(--desktop2theme-button-hover-color);
    --desktop2theme-search-button-hover-background: var(--desktop2theme-button-hover-background-color);
    --desktop2theme-displaySearchAutoCmplWidget-background: #cccccc;
    /*#region dialog containers*/
    /*bookend (boundary) elements*/
    --content-container-bookend-background-color: #cccccc;
    --content-container-bookend-color: #000000;
    /*container*/
    --content-container-border-color: #999999;
    /*buttons*/
    --content-container-button-background-color-1: var(--desktop2theme-button-background-color);
    --content-container-button-color-1: var(--desktop2theme-button-color);
    --content-container-button-border-1: var(--desktop2theme-button-border);
    --content-container-button-hover-border-1: var(--desktop2theme-button-hover-border);
    --content-container-button-hover-border-2: var(--desktop2theme-button-hover-border);
    --content-container-button-hover-background-color-1: var(--desktop2theme-button-hover-background-color);
    --content-container-button-hover-background-color-2: var(--desktop2theme-button-hover-background-color);
    --content-container-button-hover-color-1: var(--desktop2theme-button-color);
    --content-container-button-hover-color-2: var(--desktop2theme-button-color);
    --content-container-button-border-radius: var(--desktop2theme-border-radius);
    /*mini-trend*/
    --content-container-mini-trend-tab-background-color: #cccccc;
    --content-container-mini-trend-tab-color: #000000;
    --content-container-mini-trend-tab-border: 1px solid #222222;
    /*#endregion dialog containers*/
    /*--content-container-header-font-size: 1em;*/
    /*--content-container-footer-btn-1-font-size: 1em;*/
    --content-container-iframe-background-color: var(--desktop2theme-bkg-light);
    /*#region jstree*/
    --desktop2theme-jstree-node-hover-background: var(--desktop2theme-bkg-hover-light);
    --desktop2theme-jstree-background: var(--desktop2theme-bkg-color-menu-second);
    --desktop2theme-jstree-color: var(--desktop2theme-text-color);
    /*#endregion jstree*/
}

@media (max-width: 3840px), (min-width: 3840px) {
    .dark body, .light body {
        --content-container-header-font-size: 21px;
    }
}

@media (max-width: 2560px) {
    .dark body, .light body {
        --content-container-header-font-size: 14px;
    }
}

@media (max-width: 1600px) {
    .dark body, .light body {
        --content-container-header-font-size: 9px;
    }
}

@media (max-width: 1280px) {
    .dark body, .light body {
        --content-container-header-font-size: 7px;
    }
}

/*#region smartsys search widget*/
/* autocomplete search widget upper left corner */
.ui-autocomplete.displaySearchAutoCmplWidget {
    background: var(--desktop2theme-displaySearchAutoCmplWidget-background) !important;
}

/*font awesome*/
.smartsys-search-form button.icon-search {
    border: var(--desktop2theme-search-button-border) !important;
    color: var(--desktop2theme-search-button-color) !important;
    background: var(--desktop2theme-search-button-background) !important;
}

    .smartsys-search-form button.icon-search:hover {
        border: var(--desktop2theme-search-button-hover-border) !important;
        color: var(--desktop2theme-search-button-hover-color) !important;
        background: var(--desktop2theme-search-button-hover-background) !important;
    }

.smartsys-search-form input[type="text"] {
    border: var(--desktop2theme-search-input-border) !important;
    color: var(--desktop2theme-search-input-color) !important;
    background: var(--desktop2theme-search-input-background) !important;
    height: 22px;
}

    .smartsys-search-form input[type="text"]:focus {
        outline: none !important;
    }
/*#endregion smartsys search widget*/

/*#region jsTree*/
.jstree {
    color: var(--desktop2theme-jstree-color) !important;
    background: var(--desktop2theme-jstree-background) !important;
}

.jstree-hovered {
    border-radius: unset !important;
    box-shadow: unset !important;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background-image: none !important;
}

.jstree-node, .jstree-anchor {
    font-family: Verdana !important;
    font-size: 12px !important;
    font-weight: bold;
}

.jstree-default .jstree-hovered,
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered,
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered,
.jstree-default .jstree-wholerow-hovered,
.jstree-default-responsive .jstree-wholerow-hovered {
    background: var(--desktop2theme-jstree-background) !important;
}

.jstree-node:hover > ul {
    background: var(--desktop2theme-jstree-background) !important;
}

.jstree-node:hover {
    background: var(--desktop2theme-jstree-node-hover-background) !important;
    /* transition: 0.1s ease-in !important; */
}

    .jstree-node:hover a {
        background: transparent !important;
    }

.jstree-container-ul {
    color: var(--desktop2theme-jstree-color) !important;
    background: var(--desktop2theme-jstree-background) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

.jstree-open > a::after,
.jstree-closed > a::after {
    pointer-events: none;
}

@media only screen and (min-width: 1023px) {
    .jstree-closed > a::after {
        content: " ";
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 5px;
        padding: 3px;
        border: solid var(--desktop2theme-jstree-color);
        border-width: 0 2px 2px 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .jstree-open > a::after {
        content: " ";
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 5px;
        padding: 3px;
        border: solid var(--desktop2theme-jstree-color);
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
}
/*#endregion jsTree*/

/*#region pagination*/
.pagination {
    color: var(--desktop2theme-button-color) !important;
    background-color: var(--desktop2theme-button-background-color) !important;
    border: 1px solid var(--desktop2theme-button-border-color) !important;
    border-radius: 0 !important;
    border-color: var(--desktop2theme-button-border-color) !important;
    display: inline-flex !important;
}

    .pagination li:hover {
        color: var(--desktop2theme-button-hover-color) !important;
        background-color: var(--desktop2theme-button-hover-background-color) !important;
        border-color: var(--desktop2theme-button-hover-border-color) !important;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .pagination a {
        color: inherit !important;
        background-color: inherit !important;
    }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        background-color: var(--desktop2theme-button-hover-background-color) !important;
        border-color: var(--desktop2theme-button-hover-border-color) !important;
    }

    .pagination > li > a,
    .pagination > li > span {
        border-color: var(--desktop2theme-button-border-color) !important;
    }
/*#endregion pagination*/

/*#region JQueryUI*/
.ui-timepicker-div {
    color: var(--desktop2theme-text-color) !important;
    background: var(--desktop2theme-bkg-color) !important;
    box-shadow: none !important;
    border: none !important;
}

select[class^="ui-datepicker"]:not(article.sys-dtl *,article.faceplate *,svg *) {
    color: var(--desktop2theme-text-color-menu) !important;
    background: var(--desktop2theme-bkg-color-search) !important;
    border-color: var(--desktop2theme-border-color) !important;
}
/*#endregion JQueryUI*/

/*#region bootstrap*/
[class="page-header"] h3 {
    color: var(--desktop2theme-text-color) !important;
    background: var(--desktop2theme-bkg-color) !important;
    box-shadow: none !important;
    border: none !important;
}

.panel {
    border: none !important;
}

.panel-default > .panel-heading {
    background: var(--desktop2theme-bkg-color) !important;
    color: var(--desktop2theme-text-color) !important;
    border: 1px solid var(--desktop2theme-border-color) !important;
}

.panel-group {
    border-radius: unset !important;
    background: var(--desktop2theme-bkg-color) !important;
    color: var(--desktop2theme-text-color) !important;
    display: contents;
}

.panel-heading {
    color: var(--desktop2theme-text-color) !important;
    background: transparent !important;
    border-radius: unset !important;
}

.panel-heading-title > a {
    color: var(--desktop2theme-text-color) !important;
}

.btn:active,
.btn.active {
    box-shadow: none !important;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus {
        outline: none !important;
    }

.btn:not(article.sys-dtl *,article.faceplate *,svg *),
.btn-submit:not(article.sys-dtl *,article.faceplate *,svg *),
.btn-default:not(article.sys-dtl *,article.faceplate *,svg *) {
    color: var(--desktop2theme-button-color) !important;
    background: var(--desktop2theme-button-background-color) !important;
    border-radius: var(--desktop2theme-button-border-radius) !important;
    border: var(--desktop2theme-button-border) !important;
}

    .btn:not(article.sys-dtl *,article.faceplate *,svg *):hover,
    .btn-submit:not(article.sys-dtl *,article.faceplate *,svg *):hover,
    .btn-default:not(article.sys-dtl *,article.faceplate *,svg *):hover {
        color: var(--desktop2theme-button-hover-color) !important;
        background: var(--desktop2theme-button-hover-background-color) !important;
        border: var(--desktop2theme-button-hover-border) !important;
    }

.btn-group {
    color: var(--desktop2theme-text-color-menu) !important;
    background: var(--desktop2theme-bkg-color-search) !important;
    border-color: var(--desktop2theme-border-color) !important;
}

a.user-sign-in,
.menu a,
.dropdown-menu a,
.dropdown-toggle a,
a.dropdown-toggle {
    color: inherit !important;
    background-color: inherit !important;
}

    .menu a:hover {
        color: var(--desktop2theme-text-color-menu-hover) !important;
        text-decoration: underline !important;
    }

    .nav a:hover,
    .dropdown-menu a:hover {
        text-decoration: underline !important;
    }

/*arrow next to the menu*/
.dropdown-submenu > a:after {
    border-left-color: inherit !important;
}

.dropdown-menu {
    color: var(--desktop2theme-text-color-menu) !important;
    background: var(--desktop2theme-bkg-color-menu-second) !important;
    border: 2px solid var(--desktop2theme-text-color-menu) !important;
    border-radius: 0 !important;
}

.navbar-collapse {
    color: var(--desktop2theme-text-color-menu) !important;
    background: var(--desktop2theme-bkg-color-menu-second) !important;
    border-radius: 0 !important;
    border-color: var(--desktop2theme-border-color) !important;
}

.navbar-default {
    border-color: var(--desktop2theme-border-color) !important;
}

a.list-group-item {
    border-radius: unset !important;
    background: var(--desktop2theme-bkg-color) !important;
    color: var(--desktop2theme-text-color) !important;
}

div .icon-download-alt:hover {
    color: var(--desktop2theme-text-color) !important;
}


.collapse {
    color: var(--desktop2theme-text-color) !important;
    background: var( --desktop2theme-bkg-color) !important;
    border-radius: 0 !important;
    border-color: var(--desktop2theme-border-color) !important;
}

.form-control {
    color: var(--desktop2theme-text-color-menu) !important;
    background: var(--desktop2theme-bkg-color-search) !important;
    border-color: var(--desktop2theme-border-color) !important;
}
/*#endregion bootstrap*/

/*#region Dygraph Trend*/
/* trend legend circles horizontal/verical legend */
.icon-angle-circled-down,
.icon-angle-circled-up {
    color: var(--desktop2theme-button-background-color) !important;
}

    .icon-angle-circled-down:hover,
    .icon-angle-circled-up:hover {
        color: var(--desktop2theme-button-hover-background-color) !important;
    }

/* Used in custom trend confifguration separated available parameters from trend parameters */
.vertical-line {
    background-color: var(--desktop2theme-bkg-color-menu-second) !important;
}

/*#region bootstrap in dygraph thrend*/
.navbar-nav > [class*="smartsysDygraph"]:hover,
.navbar-nav > [class*="smartsysDygraph"].active {
    background: var(--desktop2theme-bkg-color-menu-second) !important;
}
/*#endregion bootstrap in dygraph thrend*/
.smartsys-dygraph-trend-legend-horizontal-times {
    color: var(--desktop2theme-text-color-menu) !important;
}

.smartsysDygraphClearDateTimePickerField {
    color: var(--desktop2theme-text-color) !important;
    background: var(--desktop2theme-bkg-txt-box) !important;
    border: 1px solid var(--desktop2theme-txt-border) !important;
}

.zone [id^="Smartsys_Dygraph_Trend_Content"], .smartsysDygraphLegendContainer {
    border: none !important;
    background-color: transparent !important;
}

[name="smartsys-dygraph-toolbar-no-responsive"] .dropdown-menu > li > a {
    color: var(--desktop2theme-text-color) !important;
}

.smartsysDygraphLegendExecuteWrapper,
.smartsysDygraphLegendExecuteWrapperHorizontal {
    color: var(--desktop2theme-text-color-menu) !important;
    border: 2px solid var(--desktop2theme-text-color-menu);
}

    .smartsysDygraphLegendExecuteWrapper:hover,
    .smartsysDygraphLegendExecuteWrapperHorizontal:hover {
        color: var(--desktop2theme-text-color-menu-hover) !important;
        border-color: var(--desktop2theme-text-color-menu-hover);
    }

    .smartsys-dygraph-toolbar a,
    .smartsysDygraphLegendExecuteWrapperHorizontal a,
    .smartsysDygraphLegendExecuteWrapper a {
        color: inherit !important;
        background-color: inherit !important;
    }

.smartsysDygraphLegendInfoSilverPanel {
    background-color: var(--desktop2theme-bkg-color-panels) !important;
}

    .smartsysDygraphLegendInfoSilverPanel.horizontalAlignment {
        padding-top: 4px !important;
        border-radius: 0 !important;
    }
/*#endregion Dygraph Trend*/

/*#region query builder*/
.queryBuilderContainer input,
.queryBuilderContainer select,
div#queryBuilderWhereFilterRelativeTimeDialog input,
div#queryBuilderWhereFilterRelativeTimeDialog select {
    color: var(--desktop2theme-text-color) !important;
    background: var(--desktop2theme-bkg-txt-box) !important;
    border: 1px solid var(--desktop2theme-txt-border) !important;
}

div#oDataQueryBuilderCollapsiblePanelTreeBody,
div#queryBuilderWhereFilterRelativeTimeDialog {
    background: var(--desktop2theme-bkg-color-panels) !important;
    border-radius: 0 !important;
}

#queryBuilder .removeCondition, #queryBuilder .addCondition {
    filter: invert(1) !important;
}
/*#endregion query builder*/

h4.button.button1 {
    color: var(--desktop2theme-bkg-color-search) !important;
    border: 1px solid var(--desktop2theme-bkg-color-search) !important;
    border-radius: var(--desktop2theme-border-radius) !important;
    background: transparent !important;
}

    h4.button.button1:hover {
        background-color: var(--desktop2theme-bkg-color-search) !important;
        color: var(--desktop2theme-text-color) !important;
        -webkit-transition: background-color 200ms linear;
        -ms-transition: background-color 200ms linear;
        transition: background-color 200ms linear;
    }

/*font awesome*/
fieldset.login-form.group legend {
    color: var(--desktop2theme-text-color);
}

/*
.modal .content {
    border-top: 1px solid #ccc;
    padding: 20px;
}
*/

.disabled {
    opacity: 0.5;
}

.fixed-table-pagination .pull-right {
    border: none !important;
}

.logon,
div.smartsysAccordion-content input:not(article.sys-dtl *,article.faceplate *,svg *) {
    color: var(--desktop2theme-text-color) !important;
    background: var(--desktop2theme-bkg-txt-box) !important;
    border: 1px solid var(--desktop2theme-txt-border) !important;
}

input:not(article.sys-dtl *,article.faceplate *,svg *,.form-control),
select:not(article.sys-dtl *,article.faceplate *,svg *,.form-control) {
    color: var(--desktop2theme-bkg-color);
}

input.propertyFilterInput:focus {
    border: 1px solid var(--desktop2theme-txt-border-focus) !important;
}

option:disabled {
    color: var(--desktop2theme-text-color-menu) !important;
    background: var(--desktop2theme-bkg-color-search) !important;
    border-color: var(--desktop2theme-border-color) !important;
}

.smartsys-search-results .content-item,
.search-results .content-item,
.tagged-posts .content-item,
[class*="enterprise-model-term"] .content-item,
[class*="disciplines-term"] .content-item {
    border-color: var(--desktop2theme-border-color) !important;
}

.content-items a, a.page-link {
    color: inherit !important;
    background-color: inherit !important;
}

.custom-view.title font {
    color: inherit !important;
    background-color: inherit !important;
}

.zone [class^="widget-swshadow"] [class="page-header"],
.zone [class^="widget-swshadow"] [class="page-header"] h3 {
    background: var(--desktop2theme-bkg-color-panels) !important;
    border-radius: var(--desktop2theme-border-radius);
    text-align: center;
    border-bottom: none /*1px solid var(--desktop2theme-border-color)*/ !important;
}

.widget-aside-first {
    color: var(--desktop2theme-text-color-menu) !important;
    background-color: var(--desktop2theme-bkg-color-menu-second) !important;
}

[class^="widget-swshadow"] [class="panel-group"] {
    background: var(--desktop2theme-bkg-color) !important;
    color: var(--desktop2theme-text-color) !important;
    border: 1px solid var(--desktop2theme-border-color) !important;
}

.menu-tree-hamburger {
    color: inherit !important;
}

    .menu-tree-hamburger:hover {
        color: var(--desktop2theme-text-color-menu-hover) !important;
    }

.smartsys-uda-simpleinterceptor-providerparameter-hint {
    color: var(--desktop2theme-bkg-color) !important;
}

button.customTrendConfigDialogTrendButton.btn.btn-default.navbar-btn:hover,
button.getPropertiesDialogExportButton.btn.btn-default.navbar-btn:active:hover:not([disabled]) {
    border: 2px solid var(--desktop2theme-bkg-light) !important;
    background: var(--desktop2theme-bkg-hover) !important;
    color: var(--desktop2theme-text-color) !important;
}

[class*="colt"] {
    border-right: 1px solid beige !important;
}

.colt0 {
    width: none !important;
}

.systemShowInFront {
    left: 3px !important;
}

.ngRow.selected {
    background-color: var(--desktop2theme-bkg-light) !important;
}

.ngAggregate, th {
    background: var(--desktop2theme-bkg-hover) !important;
    color: var(--desktop2theme-text-color) !important;
}

.ngViewport {
    background: var(--desktop2theme-bkg-light) !important;
}

.ngGroupIcon, .ngGroupedByIcon {
    background-color: white !important;
}

.ngVerticalBar, .ngHeaderButton {
    background-color: var(--desktop2theme-bkg-light) !important;
}

body, .container, .sw-odata-table, .clearfix {
    background: var(--desktop2theme-bkg-light) !important;
}

.arrow {
    border: solid var(--desktop2theme-text-color);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.zone [class*="shadowrect"] > ul, .zone [class*="shadowrect"] > div > svg,
.zone [class*="shadowrect"] > div > div > svg {
    box-shadow: none !important
}

.zone-aside-second-wrapper {
    border-color: white !important;
}

.zone-aside-first-wrapper {
    color: var(--desktop2theme-text-color) !important;
    background: var(--desktop2theme-bkg-color-menu-second) !important;
    border-radius: 0 !important;
    border-color: var(--desktop2theme-border-color) !important;
}

/*#region lists*/
li {
    position: relative;
}

ul > li > .content-item, .ngHeaderSortColumn, .ngHeaderCell {
    border-radius: unset !important;
    background: var(--desktop2theme-bkg-color) !important;
    color: var(--desktop2theme-text-color) !important;
}

    ul > li > .content-item:hover, .ngColMenu {
        border-radius: unset !important;
        background: var(--desktop2theme-bkg-hover) !important;
        color: var(--desktop2theme-text-color) !important;
        outline: none;
        border-color: #eee;
        box-shadow: 0 0 10px #eee; /*glowing effect*/
    }

        ul > li > .content-item:hover a {
            background: inherit !important;
        }
/*#endregion lists*/