@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
:root {
  --blue-dark: #4854b0;
  --blue-medium: #8390fa;
  --blue-light: #a9b2fc;
  --blue-accent: #8390fa;
  --blue-map: #4854b0;
  --blue-deep: #4854b0;
  --blue-deeper: #4854b0;
  --blue-modal-tpg-info: #4854b0;
  --blue-modal-spm-header: #4854b0;
  --green-dark: #063;
  --green-medium: #096;
  --green-light: #3c9;
  --green-accent: #74c043;
  --green-success: #6f6; 
  --green-subscription: #009664;
  --green-note-light: #a6cf7d;
  --red-dark: #900;
  --red-medium: #c33;
  --red-light: #f66;
  --red-lighter: #f99;
  --red-error: red;
  --red-note-light: #f25a64;
  --orange-dark: #913307;
  --orange-medium: #c16336;
  --orange-light: #f19366;
  --orange-warning: #f96;
  --orange-calendar-middle: #fd0;
  --orange-note-light: #e19e6b;
  --orange-progress: #fc9;
  --orange-writing: orange;
  --yellow-actions: #f1bf07;
  --yellow-note-light: #f2ce5a;
  --yellow-calendar-header: #ecb913;
  --grey-dark: #333;
  --grey-medium: #666;
  --grey-light: #eee;
  --grey-lighter: #ccc;
  --grey-overlay: rgba(0, 0, 0, .3);
  --grey-border: #ddd;
  --grey-text: #545454;
  --grey-comm-error: #696969;
  --grey-comm-error-light: #999;
  --grey-comm-error-panel: #b2b2b2;
  --grey-note-light: #a6a6a6;
  --white: #fff;
  --black: #000;
  --transparent: transparent;
  --info-background: #3b769b;
  --highlight-blue: #dfe9f2;
  --highlight-cyan: #9ff;
  --highlight-cyan-dark: #3cc;
  --highlight-green-light: #c0dcc0;
  --highlight-green-added: #c8da72;
  --highlight-green-changed: #a9fcb1;
  --highlight-green-note: #90ee90;
  --violet-note-light: #b680cb;
  --input-value-changed-bg-color: #fceb9c; /* Assuming a default value for these variables */
  --input-value-changed-color: #000; /* Assuming a default value for these variables */
}



body {
  font-family: "Figtree", Arial, sans-serif !important;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%201600%201000%22%3E%3Cg%20transform%3D%22%20%20translate(-50%2C250)%20rotate(260)%20scale(1.424778761061947%2C1.424)%22%3E%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M107.466%20106.817s.026.053.052.08c2.484%204.188%208.586%204.161%2011.043-.053L180.007.053H226l-22.692%2039.414-28.663%2049.83c-27.395%2047.604-95.869%2047.604-123.263%200L0%200h45.966l61.5%20106.817z%22%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23EEE%22%20%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(400%2C900)%20%20%20rotate(195)%20scale(3%2C3)%22%3E%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M107.466%20106.817s.026.053.052.08c2.484%204.188%208.586%204.161%2011.043-.053L180.007.053H226l-22.692%2039.414-28.663%2049.83c-27.395%2047.604-95.869%2047.604-123.263%200L0%200h45.966l61.5%20106.817z%22%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23EEE%22%20%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22%20translate(500%2C50)%20rotate(20)%20scale(1.327433628318584%2C1.327433628318584)%22%3E%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M107.466%20106.817s.026.053.052.08c2.484%204.188%208.586%204.161%2011.043-.053L180.007.053H226l-22.692%2039.414-28.663%2049.83c-27.395%2047.604-95.869%2047.604-123.263%200L0%200h45.966l61.5%20106.817z%22%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23EEE%22%20%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22%20translate(1800%2C300)%20rotate(190)%20scale(2%2C2)%22%3E%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M107.466%20106.817s.026.053.052.08c2.484%204.188%208.586%204.161%2011.043-.053L180.007.053H226l-22.692%2039.414-28.663%2049.83c-27.395%2047.604-95.869%2047.604-123.263%200L0%200h45.966l61.5%20106.817z%22%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23EEE%22%20%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22%20translate(700%2C850)%20rotate(280)%20scale(1.327433628318584%2C1.327433628318584)%22%3E%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M107.466%20106.817s.026.053.052.08c2.484%204.188%208.586%204.161%2011.043-.053L180.007.053H226l-22.692%2039.414-28.663%2049.83c-27.395%2047.604-95.869%2047.604-123.263%200L0%200h45.966l61.5%20106.817z%22%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23EEE%22%20%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22%20%20translate(1800%2C400)%20rotate(125)%20scale(3%2C3)%22%3E%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M107.466%20106.817s.026.053.052.08c2.484%204.188%208.586%204.161%2011.043-.053L180.007.053H226l-22.692%2039.414-28.663%2049.83c-27.395%2047.604-95.869%2047.604-123.263%200L0%200h45.966l61.5%20106.817z%22%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23EEE%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}

.form-signin input, .form-signin .btn{
  font-family: "Figtree", Arial, sans-serif !important;
}

.load-screen-svg img {
  filter: brightness(0) invert(1);
}



/* .mervis-news-iframe h1, h2, h3, h4, h5, h6 {
  font-family: "Figtree" !important;
  color: var(--blue-dark) !important;
} */

.ui-datepicker .ui-datepicker-header {
  border-bottom: 1px solid var(--grey-light);
}

.ui-widget-overlay {
  background: var(--grey-overlay);
}

.ui-widget-content {
  border: 1px solid var(--grey-border);
  background: var(--white);
  color: var(--grey-dark);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: var(--white);
  color: var(--grey-dark);
}

.ui-datepicker-today .ui-state-default {
  background: #fcf8e3;
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
  background: var(--grey-light);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: var(--blue-accent);
  color: var(--white);
}

.ui-datepicker-header .ui-state-hover {
  background: var(--white);
}

.bootstrap-timepicker.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, .2);
}

.bootstrap-timepicker.dropdown-menu:after {
  border-bottom: 6px solid var(--white);
}

.bootstrap-timepicker table td a:hover {
  background-color: var(--grey-light);
  border-color: var(--grey-border);
}

.ol-scale-line {
  background: #95b9e6;
  background: rgba(0, 60, 136, .3);
}

.ol-scale-line-inner {
  border: 1px solid var(--grey-light);
  color: var(--grey-light);
}

.ol-control {
  background-color: var(--grey-light);
  background-color: rgba(255, 255, 255, .4);
}

.ol-control:hover {
  background-color: rgba(255, 255, 255, .6);
}

.ol-control button {
  color: var(--white);
  background-color: #7b98bc;
  background-color: rgba(0, 60, 136, .5);
}

.ol-control button:focus,
.ol-control button:hover {
  background-color: #4c6079;
  background-color: rgba(0, 60, 136, .7);
}

.ol-attribution ul {
  color: var(--black);
  text-shadow: 0 0 2px var(--white);
}

.ol-attribution:not(.ol-collapsed) {
  background: rgba(255, 255, 255, .8);
}

.ol-zoomslider {
  background: var(--grey-light);
  background: rgba(255, 255, 255, .4);
}

.ol-zoomslider-thumb {
  background: #7b98bc;
  background: rgba(0, 60, 136, .5);
}

.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid #7b98bc;
}

.ol-overviewmap:not(.ol-collapsed) {
  background: rgba(255, 255, 255, .8);
}

.ol-overviewmap-box {
  border: 2px dotted rgba(0, 60, 136, .7);
}

.checked .icon-energo-selection-black,
.selected .icon-energo-selection-black {
  background-image: url(../img/CheckedBlack.svg);
}

.icon-energo-selection-black {
  background-image: url(../img/UncheckedBlack.svg);
}

.navbar .brand {
  color: var(--black);
  text-shadow: none;
}

.navbar .brand span {
  color: var(--black);
}

.navbar .brand:hover {
  color: var(--black);
}

.navbar .project-line div.dropdown .ico-dropdown,
.navbar .project-line li.dropdown .ico-dropdown {
  background-color: var(--blue-dark);
}

.navbar .project-line div.dropdown-history .ico-dropdown,
.navbar .project-line li.dropdown-history .ico-dropdown {
  background-color: var(--green-dark);
}

.navbar .ico-full-screen {
  background-color: var(--green-dark);
}

.navbar .ico-full-screen:hover {
  background-color: var(--green-medium);
}

.navbar .ico-logout {
  background-color: var(--red-dark);
}

.navbar .ico-logout:hover {
  background-color: var(--red-light);
}

.navbar .ico-alarms {
  color: var(--white);
  background-color: var(--red-dark);
}

.navbar .ico-alarms:hover {
  background-color: var(--red-medium);
}

.navbar .map-view {
  background-color: var(--green-dark);
}

.navbar .map-view:hover {
  background-color: var(--green-medium);
}

.navbar .project-tabs .active-alarms {
  background-color: var(--red-dark);
}

.navbar .project-tabs .active-alarms:hover {
  background-color: var(--red-medium);
}

.navbar .project-tabs .selected-data-points {
  background-color: var(--orange-dark);
}

.navbar .project-tabs .selected-data-points:hover {
  background-color: var(--orange-medium);
}

.navbar .project-tabs li.active-pane .selected-data-points {
  background-color: var(--orange-medium);
}

.navbar .project-tabs li.active-pane .overview-list {
  background-color: var(--green-medium);
}

.navbar .project-tabs li.active-pane .active-alarms {
  background-color: var(--red-medium);
}

.navbar .project-tabs li.active-pane .map-view {
  background-color: var(--green-medium);
}

.navbar .project-tabs .map-view,
.navbar .project-tabs .overview-list {
  background-color: var(--green-dark);
}

.navbar .project-tabs .map-view:hover,
.navbar .project-tabs .overview-list:hover {
  background-color: var(--green-medium);
}

.navbar .active-pane.ico-alarms {
  background-color: var(--red-medium);
}

.navbar .project-line li.dropdown-history .ico-dropdown {
  background-color: var(--green-dark);
}

.alarm-history .view-radio-buttons .btn-group-esg button,
.map-view .view-radio-buttons .btn-group-esg button,
.overview-list .view-radio-buttons .btn-group-esg button {
  background-color: var(--green-dark);
}

.alarm-history .container-line,
.alarm-history .container-line-bottom,
.alarm-history .main-tab-line,
.alarm-history .main-tab-view,
.map-view .container-line,
.map-view .container-line-bottom,
.map-view .main-tab-line,
.map-view .main-tab-view,
.overview-list .container-line,
.overview-list .container-line-bottom,
.overview-list .main-tab-line,
.overview-list .main-tab-view {
  background-color: var(--green-medium);
}

.alarm-history .container-line-left .color-line,
.alarm-history .container-line-right .color-line,
.map-view .container-line-left .color-line,
.map-view .container-line-right .color-line,
.overview-list .container-line-left .color-line,
.overview-list .container-line-right .color-line {
  background-color: var(--green-medium);
}

.map-view .view-radio-buttons button {
  background-color: var(--green-dark);
}

.map-view .view-radio-buttons button.selected,
.map-view .view-radio-buttons button:hover {
  background-color: var(--green-light);
}

.project-alarms .overview-header .btn-ico,
.project-alarms.overview-project-panel .overview-header {
  background-color: var(--red-dark);
}

.project-alarms .overview-header .btn-ico span:hover,
.project-alarms.overview-project-panel .overview-header span:hover {
  background-color: var(--red-light);
}

.project-alarms.overview-project-panel {
  background-color: var(--red-medium);
}

.project-selecteddatapoints .overview-header .btn-ico,
.project-selecteddatapoints.overview-project-panel .overview-header {
  background-color: var(--orange-dark);
}

.project-selecteddatapoints .overview-header .btn-ico span:hover,
.project-selecteddatapoints.overview-project-panel .overview-header span:hover {
  background-color: var(--red-light);
}

.eventLog .overview-header .btn-ico,
.eventLog.overview-project-panel .overview-header {
  background-color: var(--green-dark);
}

.eventLog .overview-header .btn-ico span:hover,
.eventLog.overview-project-panel .overview-header span:hover {
  background-color: var(--green-light);
}

.eventLog.overview-project-panel {
  background-color: var(--green-dark);
}

.main-table .selected td {
  background-color: var(--green-light);
}

.project .view-radio-buttons .btn-group-esg button {
  background-color: var(--blue-medium);
}

.project .view-radio-buttons .btn-group-esg button.active,
.project .view-radio-buttons .btn-group-esg button:hover {
  background-color: var(--blue-light);
}

.project .view-radio-buttons .btn-group-esg .ico-graph-view,
.project .view-radio-buttons .btn-group-esg .ico-schema-view,
.project .view-radio-buttons .btn-group-esg .ico-table-view {
  background-color: var(--blue-dark);
}

.project .view-radio-buttons button.active {
  background-color: var(--blue-light);
}

.project .view-radio-buttons .ico-full-screen {
  background-color: var(--blue-dark);
}

.project .view-radio-buttons .dropdown {
  background-color: var(--blue-dark);
  border-radius: 4px;
}

.project .view-radio-buttons .dropdown>a {
  color: var(--white);
  background-color: var(--blue-dark);
}

.project .view-radio-buttons .dropdown .dropdown-menu {
  background-color: var(--blue-dark);
}

.overview-project-panel {
  background-color: var(--blue-medium);
}

.overview-project-panel.project-alarms {
  background-color: var(--red-medium);
}

.overview-project-panel .overview-header {
  background-color: var(--blue-dark);
}

.overview-project-panel .overview-header span:hover {
  background-color: var(--blue-light);
}

.view-radio-buttons .app-version {
  color: var(--grey-light);
}

.view-radio-buttons .appVersionError {
  color: var(--red-dark);
}

.view-radio-buttons .user-name {
  color: var(--grey-light);
}

.view-radio-buttons .dropdown a {
  color: var(--white);
}

.view-radio-buttons .dropdown .dropdown-menu .highlight {
  background-color: var(--blue-light);
}

.application-button-line .inner-element .button-container .table-filtered-dp .btn-ico span {
  color: var(--white);
}

.application-button-line .graph-reload button:active,
.application-button-line .graph-reload button:hover {
  background-color: var(--blue-light);
}

.alarm-history-button button,
.delete-selected-points button,
.graph-apply-regression button,
.graph-csv button,
.graph-ma-series-settings,
.graph-ma-series-settings button,
.graph-select-points button,
.graph-series-settings button,
.graph-show-full-legend,
.graph-show-points,
.graph-show-points button,
.graph-trim-data button,
.table-acknowledge-selected-alarms button,
.table-reset-selected-alarms button {
  background-color: var(--blue-dark);
  color: var(--white);
}

.alarm-history-button button.active,
.alarm-history-button button:hover,
.delete-selected-points button.active,
.delete-selected-points button:hover,
.graph-apply-regression button.active,
.graph-apply-regression button:hover,
.graph-csv button.active,
.graph-csv button:hover,
.graph-ma-series-settings button.active,
.graph-ma-series-settings button:hover,
.graph-ma-series-settings.active,
.graph-ma-series-settings:hover,
.graph-select-points button.active,
.graph-select-points button:hover,
.graph-series-settings button.active,
.graph-series-settings button:hover,
.graph-show-full-legend.active,
.graph-show-full-legend:hover,
.graph-show-points button.active,
.graph-show-points button:hover,
.graph-show-points.active,
.graph-show-points:hover,
.graph-trim-data button.active,
.graph-trim-data button:hover,
.table-acknowledge-selected-alarms button.active,
.table-acknowledge-selected-alarms button:hover,
.table-reset-selected-alarms button.active,
.table-reset-selected-alarms button:hover {
  background-color: var(--blue-light);
}

.table-remove-selected-dp button {
  background-color: var(--red-light);
  color: var(--white);
}

.table-remove-selected-dp button.active,
.table-remove-selected-dp button:hover {
  background-color: var(--red-lighter);
}

.graph-reload button {
  background-color: var(--blue-dark);
  color: var(--white);
}

.delete-selected-points .ico-selection,
.graph-select-points .ico-selection,
.graph-show-full-legend .ico-selection,
.graph-show-points .ico-selection {
  color: var(--white);
}

.delete-selected-points .ico-selection,
.graph-move-left .ico-selection,
.graph-move-right .ico-selection,
.graph-select-points .ico-selection,
.graph-show-data .ico-selection,
.graph-show-full-legend .ico-selection,
.graph-show-points .ico-selection,
.graph-show-settings .ico-selection {
  background-color: var(--blue-dark);
}

.delete-selected-points .ico-selection.active,
.delete-selected-points .ico-selection:hover,
.graph-move-left .ico-selection.active,
.graph-move-left .ico-selection:hover,
.graph-move-right .ico-selection.active,
.graph-move-right .ico-selection:hover,
.graph-select-points .ico-selection.active,
.graph-select-points .ico-selection:hover,
.graph-show-data .ico-selection.active,
.graph-show-data .ico-selection:hover,
.graph-show-full-legend .ico-selection.active,
.graph-show-full-legend .ico-selection:hover,
.graph-show-points .ico-selection.active,
.graph-show-points .ico-selection:hover,
.graph-show-settings .ico-selection.active,
.graph-show-settings .ico-selection:hover {
  background-color: var(--blue-light);
}

.graph-plot-type .dropdown-menu li a:hover,
.graph-time-range .dropdown-menu li a:hover {
  background-color: var(--blue-light);
}

.schema-select .dropdown-menu li.selected {
  background-color: var(--blue-light);
}

.application-button button {
  background-color: var(--blue-dark);
}

.application-button button.active,
.application-button button:hover {
  background-color: var(--blue-light);
}

.cam-gadget-buttons button,
.dp-show-info button,
.schema-size-fit-original button,
.schema-size-fit-with-scrolling button,
.schema-size-fit-without-scrolling button,
.show-fve-filter-panel button,
.show-fve-topological-panel button,
.table-create-schema-note button,
.table-filter-alarm-dp button,
.table-filter-bad-dp button,
.table-filter-favorites-dp button,
.table-filter-good-dp button,
.table-filter-old-dp button,
.table-filter-selected-dp button {
  background-color: var(--blue-dark);
}

.cam-gadget-buttons button.active,
.cam-gadget-buttons button:hover,
.dp-show-info button.active,
.dp-show-info button:hover,
.schema-size-fit-original button.active,
.schema-size-fit-original button:hover,
.schema-size-fit-with-scrolling button.active,
.schema-size-fit-with-scrolling button:hover,
.schema-size-fit-without-scrolling button.active,
.schema-size-fit-without-scrolling button:hover,
.show-fve-filter-panel button.active,
.show-fve-filter-panel button:hover,
.show-fve-topological-panel button.active,
.show-fve-topological-panel button:hover,
.table-create-schema-note button.active,
.table-create-schema-note button:hover,
.table-filter-alarm-dp button.active,
.table-filter-alarm-dp button:hover,
.table-filter-bad-dp button.active,
.table-filter-bad-dp button:hover,
.table-filter-favorites-dp button.active,
.table-filter-favorites-dp button:hover,
.table-filter-good-dp button.active,
.table-filter-good-dp button:hover,
.table-filter-old-dp button.active,
.table-filter-old-dp button:hover,
.table-filter-selected-dp button.active,
.table-filter-selected-dp button:hover {
  background-color: var(--blue-light);
}

.cam-gadget-buttons button.buttonActive,
.dp-show-info button.buttonActive,
.schema-size-fit-original button.buttonActive,
.schema-size-fit-with-scrolling button.buttonActive,
.schema-size-fit-without-scrolling button.buttonActive,
.show-fve-filter-panel button.buttonActive,
.show-fve-topological-panel button.buttonActive,
.table-create-schema-note button.buttonActive,
.table-filter-alarm-dp button.buttonActive,
.table-filter-bad-dp button.buttonActive,
.table-filter-favorites-dp button.buttonActive,
.table-filter-good-dp button.buttonActive,
.table-filter-old-dp button.buttonActive,
.table-filter-selected-dp button.buttonActive {
  background-color: var(--blue-light);
}

.flat-tree-head {
  color: var(--white);
  background-color: var(--blue-dark);
}

.dataTable .table-item {
  background-color: var(--white);
  border-bottom: 1px solid var(--blue-medium);
}

.dataTable .Bad {
  background-color: var(--red-lighter) !important;
}

.dataTable .table-item-group {
  background-color: var(--grey-lighter);
}

.dataTable .inactive-button-modal {
  background-color: var(--grey-medium);
}

.dataTable .btn-ico-mini.inactive-button,
.dataTable .btn-ico-mini.inactive-button:hover {
  background-color: var(--grey-medium);
}

.dataTable .btn-ico-mini:hover {
  background-color: var(--blue-light);
}

.dataTable .inactive-button.activeButton,
.dataTable .inactive-button.activeButton:hover {
  background-color: var(--grey-dark);
}

.dataTable .tableColumn.links .btn-ico {
  background-color: var(--blue-dark);
}

.dataTable .ico-actions {
  background-color: var(--yellow-actions);
}

.dataTable div.selected {
  background-color: var(--highlight-cyan) !important;
}

.dataTable div.click-highlight {
  background-color: var(--highlight-cyan-dark) !important;
}

.dataTable div.click-highlight .tsColumn,
.dataTable div.selected .tsColumn {
  color: var(--grey-dark);
}

.dataTable .no-data-points {
  background-color: var(--white);
  color: var(--black);
}

.dataTable .table-scroll-down button,
.dataTable .table-scroll-top button {
  background-color: inherit;
}

.dataTable .btn-ico-mini,
.modal-body .btn-ico-mini {
  background-color: var(--blue-medium);
  color: var(--white);
}

.dataTable .btn-ico-mini.is-pending,
.modal-body .btn-ico-mini.is-pending {
  background-color: #800 !important;
  color: var(--white) !important;
}

.actions-buttons .isPending {
  background-color: #800 !important;
  color: var(--white) !important;
}

.ico-alarm-inform {
  background-color: var(--blue-light);
}

.ico-alarm-warning {
  background-color: var(--orange-warning);
}

.ico-alarm-acknowledged {
  background-color: var(--green-success);
}

.ico-has-alarm {
  background-color: var(--grey-lighter);
}

.ico-bad-quality,
.ico-comm-error {
  background-color: var(--red-light);
}

.ico-selection {
  background-color: var(--blue-dark);
}

.ico-alarm-has-sms {
  background-color: var(--green-success) !important;
}

.recency_1 {
  background-color: inherit;
}

.recency_2 {
  background-color: var(--grey-lighter) !important;
}

.recency_3 {
  background-color: var(--grey-dark) !important;
  color: var(--white);
}

.recency_4 {
  background-color: var(--grey-medium) !important;
  color: var(--white);
}

.highlight {
  background: none repeat scroll 0 0 var(--highlight-blue);
}

.treeBrowser {
  background-color: var(--white);
}

.treeBrowser div>ul {
  background-color: var(--white);
}

.treeBrowser .favourite {
  background-color: #e0eaae !important;
}

.treeBrowser .selected {
  color: var(--white) !important;
  background-color: var(--blue-light);
}

.treeBrowser .ico-tree-goto {
  background-color: var(--blue-medium);
  color: var(--white);
}

.modal-series-settings table td>div>a {
  background-color: var(--blue-dark);
  color: var(--white);
}

.input-with-suggestion .search-input {
  border-radius: 4px;
}

.input-with-suggestion .ico-close {
  background-color: var(--white);
}

.container-line,
.container-line-bottom {
  background-color: var(--blue-medium);
}

.main-tab-view {
  background-color: var(--blue-medium);
}

.main-tab-view-bottom-line {
  background-color: var(--white);
}

.main-tab-line {
  background-color: var(--blue-medium);
}

.progress-bar-wrapper {
  background-color: var(--orange-progress);
  color: var(--black);
}

.progress-bar-wrapper li .bar-error {
  color: var(--red-error);
}

.progress-bar-short-wrapper .progress-element {
  background-color: var(--blue-dark);
  color: var(--white);
}

.progress-bar-short-wrapper .progress-element .progress-bar-animation.unknownProgress {
  background: url(../img/ProgressBarGreen.svg);
}

.progress-bar-short-wrapper .progress-element .progress-bar-animation.active {
  background-color: #3c3;
}

.progress-bar-short-wrapper .progress-element .bar-text.bar-terminate {
  background-color: var(--red-medium);
}

.progress-bar-short-wrapper .download {
  background-color: var(--blue-dark);
}

.progress-bar-short-wrapper button {
  background-color: #f16366;
}

.progress-bar-short-wrapper button:active,
.progress-bar-short-wrapper button:hover {
  background-color: var(--red-lighter);
}

.notification-panel {
  background-color: #e5e5e5;
}

.notification-panel button {
  background-color: inherit;
}

.notification-panel.warningMessage {
  background-color: var(--red-medium);
  color: var(--white);
}

.notification-panel.warningMessage button {
  background-color: var(--red-dark);
  color: var(--white);
}

.notification-panel.infoMessage {
  background-color: var(--info-background);
  color: var(--white);
}

.notification-panel.infoMessage button {
  background-color: var(--blue-dark);
  color: var(--white);
}

.dropdown.event-state .dropdown-toggle-scrollable {
  background-color: var(--blue-medium);
}

.dropdown.state-new-value a {
  background-color: var(--blue-medium);
}

.dropdown .dropdown-menu li>a {
  background-color: inherit;
  color: var(--white);
}

.dropdown .dropdown-menu li>div {
  background-color: inherit;
  color: #a0a0a0;
}

.dropdown .dropdown-menu li .highlight {
  background-color: var(--blue-medium);
}

.dropdown .dropdown-menu .search .ico-close {
  background-color: inherit;
}

.dropdown .dropdown-menu,
.dropdown .dropdown-toggle-scrollable {
  background-color: var(--blue-dark);
}

.dropdown.dropdown-user-language>a,
.dropdown.dropdown-user-language>a:hover {
  background-color: var(--blue-medium);
}

.dropdown-menu {
  background-color: var(--white);
  border: 1px solid var(--grey-lighter);
}

.dropdown-menu li.selected {
  background-color: var(--blue-light);
}

.dropdown-menu>li>a {
  color: var(--grey-dark);
}

.device-ipad-scroll .dropdown-menu li>a {
  line-height: 22px;
}

.dropdown-menu-scrollable a:hover {
  background-color: var(--blue-medium);
}

.btn-ico,
.btn-ico-mini {
  color: var(--white);
  background-color: var(--grey-dark);
  border-radius: 4px !important;

}

.btn-ico:hover,
.btn-ico-mini:hover {
  background-color: var(--blue-light);
}

.modal {
  color: var(--white);
  background-color: var(--blue-dark);
}

.modal button:hover {
  background-color: var(--blue-light);
}

.modal .modal-center li>a:hover {
  background-color: var(--blue-medium);
}

.modal .modal-center button.change-password-button:hover:disabled {
  background-color: var(--grey-dark);
}

.modal .nav-tabs li a {
  color: var(--white);
}

.modal .nav-tabs li a:hover {
  color: var(--black);
  background-color: var(--grey-light);
}

.modal .nav-tabs li.active a {
  color: var(--black);
}

.modal .tpg-body .planning-calendar-day-table .no-events {
  background-color: var(--white);
}

.modal .ico-selection {
  background-color: var(--blue-dark);
}

.modal.tpgModalWindow table.tableTpg.tableWhite td {
  background-color: var(--white);
  border-top: 1px solid var(--blue-dark);
}

.modal-tpg .wp-tpg-draw-select .canvas-tpg #myCanvas {
  background-color: var(--white);
}

.modal-tpg .select-background {
  background-color: var(--blue-medium);
}

.modal-tpg .select-background.selectDisable {
  background-image: none;
}

.modal-tpg .select-background select.option {
  background-color: var(--white);
}

.modal-tpg .tpgAddItem table .bootstrap-datepicker input,
.modal-tpg .tpgAddItem table .bootstrap-timepicker input {
  color: var(--white);
  background-color: var(--blue-medium);
}

.modal-tpg .tpgAddItem table .bootstrap-datepicker input.errorDate,
.modal-tpg .tpgAddItem table .bootstrap-timepicker input.errorDate {
  background-color: var(--red-medium);
}

.modal-tpg .tpgAddItem table .bootstrap-datepicker.exceptions select,
.modal-tpg .tpgAddItem table .bootstrap-timepicker.exceptions select {
  color: var(--white);
}

.modal-tpg .tpgAddItem .time-title {
  color: var(--white);
}

.modal-tpg .text-information {
  color: var(--white);
}

.modal-tpg .text-information-block {
  background-color: var(--blue-modal-tpg-info);
}

.modal-tpg .text-information-block.error-message {
  background-color: var(--red-error);
}

.modal-tpg .time-title {
  color: var(--white);
}

.modal-tpg .dropdown {
  color: var(--white);
}

.modal-tpg .dropdown a {
  color: var(--white);
}

.modal-body a {
  color: var(--white);
}

.modal-body a:hover,
.modal-body a:visited {
  color: var(--white);
}

.modal-body input {
  background-color: var(--white);
}

.modal-body input.wp-tpg-value-real {
  background-color: var(--blue-medium);
  color: var(--white);
}

.modal-body .btn-ico-mini {
  background-color: var(--blue-medium);
  color: var(--white);
}

.modal-header h1 {
  color: var(--white);
}

.modal-header h2 {
  color: var(--white);
}

.change-password button,
.filter-container button,
.modal-body button,
.modal-footer button {
  color: var(--white);
  background-color: var(--blue-medium);
}

.device-nonipad .modal-footer button:hover {
  color: var(--white);
}

.device-nonipad .modal-body .btn-ico-mini:hover {
  background-color: var(--blue-light);
}

.device-nonipad .project-tabs,
.device-nonipad .project-tabs-control li:hover {
  background-color: var(--white);
}

.device-nonipad .form-signin .btn-large:hover {
  background-color: var(--blue-light);
}

.device-nonipad .tpgAddItem button:hover {
  color: var(--white);
  background-color: var(--blue-light);
}

.modal-backdrop {
  background-color: var(--white);
}

.mainSchemaCanvas .schema-elements .ico-comm-error-gadget {
  background-color: var(--red-light);
}

.chart .graph-message .error,
.chart .legend .error {
  color: var(--red-error);
}

.chart .graph-message .tbody,
.chart .legend .tbody {
  background-color: var(--white);
}

.chart .graph-message .tbody .graphMessageCaution,
.chart .legend .tbody .graphMessageCaution {
  color: var(--red-error);
}

.tab-border {
  border-color: var(--grey-border);
}

.device-ipad .treeBrowser {
  background-color: var(--blue-medium);
}

.overview-list .table-filter-sort .table-head {
  background-color: var(--green-medium);
  color: var(--white);
}

.overview-list .table-filter-sort .table-head .filters,
.overview-list .table-filter-sort .table-head .table-labels {
  background-color: var(--green-medium);
}

.project-tabs li,
.project-tabs-control li {
  background-color: var(--blue-dark);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.project-tabs li button,
.project-tabs-control li button {
  color: var(--white);
}

.project-tabs li .btn-project-label {
  background-color: var(--blue-dark);
}

.project-tabs li .btn-project-label:hover,
.project-tabs-control li .btn-project-label:hover {
  background-color: var(--blue-medium);
}

.project-tabs li.active-pane,
.project-tabs-control li.active-pane {
  background-color: var(--blue-light);
}

.project-tabs li.active-pane button,
.project-tabs-control li.active-pane button {
  background-color: var(--blue-medium);
}

.project-tabs li .ico-close,
.project-tabs li.active-pane .ico-close {
  background-color: var(--red-light);
}

.project-tabs li .ico-close:hover,
.project-tabs li.active-pane .ico-close:hover {
  background-color: var(--red-lighter);
}

.project-tabs-control li .ico-data-points {
  background-color: var(--orange-dark);
}

.project-tabs-control li .ico-data-points.active-pane,
.project-tabs-control li .ico-data-points:hover {
  background-color: var(--orange-medium);
}

.search-suggestion {
  background-color: var(--white);
  border: 1px solid var(--blue-dark);
}

.search-suggestion .selected {
  background-color: var(--grey-light);
}

.form-signin {
  color: var(--blue-medium);
  background-color: var(--blue-medium);
  border-radius: 20px;
}

.form-signin .brand {
  color: var(--blue-dark);
}

.form-signin .btn-large {
  background-color: var(--blue-dark);
  color: var(--white);
}

.form-signin .btn-sms {
  background-color: var(--blue-dark);
  color: var(--white);
}

.form-signin #username,
.form-signin #userpassword {
  background-color: var(--white);
  appearance: none;
  background-clip: padding-box;
  border: 1px solid var(--grey-border);
  border-radius: .375rem;
  color: var(--black);
  display: block;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  width: 100%;
}

.remember-me span {
  color: var(--blue-dark);
  margin-right: 4px;
}

.remember-me a {
  background-color: var(--blue-medium);
}

.remember-me .remember-me-selection {
  background-color: var(--blue-light);
  padding: 4px;
}

.icon-energo-selection .icon-energo {
  margin-left: 0;
}

.multifactor-authentication span {
  color: var(--blue-dark);
}

.additional-link a,
.additional-link a:link,
.additional-link a:visited,
.platform-switch a,
.platform-switch a:link,
.platform-switch a:visited {
  color: var(--blue-dark);
}

.additional-link a:hover,
.platform-switch a:hover {
  color: var(--grey-dark);
  text-decoration: none;
}

.ico-desktop {
  background-color: var(--blue-light);
}

.ico-mobile {
  background-color: var(--blue-dark);
}

.ico-mobile:hover {
  background-color: var(--blue-light);
}

.text-information {
  color: var(--grey-note-light);
}

.text-information.error,
.text-information.error-message,
.text-information.loginEerror {
  background-color: var(--red-error);
}

.tpgModalWindow .text-information {
  background-color: var(--red-error);
}

.oplog-main-element .ceskoJsGrid-mainTable thead {
  background-color: var(--blue-dark);
  color: var(--white);
}

.oplog-main-element .ceskoJsGrid-mainTable tbody {
  background-color: var(--white);
}

.oplog-main-element .ceskoJsGrid-mainTable tbody .ceskoJsGrid-defaultclass {
  background-color: var(--transparent) !important;
}

.oplog-main-element .ceskoJsGrid-mainTable .body-error {
  background-color: #acacac;
}

.oplog-main-element .ceskoJsGrid-container .loadingOverlay {
  background-color: rgba(255, 255, 255, .5);
}

.oplog-main-element .ceskoJsGrid-container .ceskoJsGrid-pagination-container {
  background-color: var(--blue-dark);
  color: var(--white);
}

.oplog-main-element .scadabutton {
  color: var(--white);
  background-color: var(--blue-medium);
}

.rc-ware-gadget-value-indicator .clickable {
  background-color: var(--grey-light);
}

:-moz-full-screen,
:-webkit-full-screen,
:fullscreen {
  background-color: var(--white);
}

.container-line-left .color-line,
.container-line-right .color-line {
  background-color: var(--blue-medium);
}

body .container-line-left {
  background-color: var(--white);
}

body .container-line-right {
  background-color: var(--white);
}

.tab-graph .chart-footer-statistics {
  background-color: var(--blue-dark);
  color: var(--white);
}

body .container-line-left {
  display: none;
}

body .container-line-right {
  background-color: var(--white);
}

.overview-project-panel {
  right: 0 !important;
  bottom: 4px !important;
}

.project-tabs,
.project-tabs-control {
  background-color: var(--white);
}

.project-tabs li,
.project-tabs-control li {
  background-color: var(--blue-dark);
}

.project-tabs li button,
.project-tabs-control li button {
  color: var(--white);
}

.project-tabs li .btn-project-label {
  background-color: var(--blue-dark);
}

.project-tabs li .btn-project-label:hover,
.project-tabs-control li .btn-project-label:hover {
  background-color: var(--blue-medium);
}

.project-tabs li.active-pane,
.project-tabs-control li.active-pane {
  background-color: var(--blue-light);
}

.project-tabs li .btn-ico, .project-line .btn-ico {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.project-tabs li.active-pane button,
.project-tabs-control li.active-pane button {
  background-color: var(--blue-medium);
}

.project-tabs li .ico-close,
.project-tabs li.active-pane .ico-close {
  background-color: var(--red-light);
}

.project-tabs li .ico-close:hover,
.project-tabs li.active-pane .ico-close:hover {
  background-color: var(--red-lighter);
}

.project-tabs-control li .ico-data-points {
  background-color: var(--orange-dark);
}

.project-tabs-control li .ico-data-points.active-pane,
.project-tabs-control li .ico-data-points:hover {
  background-color: var(--orange-medium);
}

/* 
  MARK: LOGIN FORM 
*/
.form-signin {
  background-color: var(--white);
  margin-bottom: 40px;
  box-shadow: 0 0 60px rgba(0,0,0,.2);
  margin-top: 100px;
}


.form-signin .btn-large {
  background-color: var(--blue-light);
  color: var(--white);
  width: calc(100% - 64px);
  margin: 0 32px 0 32px;

  font-weight: 600;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid transparent;
  outline: 0 !important;
  border-radius: 100px;
  -webkit-transition: background .3s,color .3s,border-color .3s;
  transition: background .3s,color .3s,border-color .3s;

}

@media (pointer: fine) {
  .form-signin .btn-large:active, .form-signin .btn-large:focus, .form-signin .btn-large:hover {
    background: var(--blue-dark);
    color: #fff;
  }
}

.text-information {
  color: var(--white);
}

.text-information.error,
.text-information.error-message,
.text-information.loginEerror {
  background-color: var(--red-error);
}

.oplog-main-element .ceskoJsGrid-mainTable thead {
  background-color: var(--blue-dark);
  color: var(--white);
}

.rc-ware-gadget-value-indicator .clickable {
  background-color: var(--grey-light);
}

.container-line-left .color-line,
.container-line-right .color-line {
  background-color: var(--blue-medium);
}

.device-ipad .treeBrowser {
  background-color: var(--blue-medium);
}

.overview-list .table-filter-sort .table-head {
  background-color: var(--green-medium);
  color: var(--white);
}

.overview-list .table-filter-sort .table-head .filters,
.overview-list .table-filter-sort .table-head .table-labels {
  background-color: var(--green-medium);
}

.mervis-button {
  background-color: var(--blue-medium) !important;
  color: var(--white) !important;
}

.mervis-button .clickable-active,
.mervis-button .clickable-visible-click.active,
.mervis-button .clickable-visible-click.is-pending,
.mervis-button .clickable-visible-click:active,
.mervis-button.clickable-active,
.mervis-button.clickable-visible-click.active,
.mervis-button.clickable-visible-click.is-pending,
.mervis-button.clickable-visible-click:active {
  background-color: var(--blue-light) !important;
  color: var(--blue-dark) !important;
}

.clickable-active,
.clickable-visible-click.active,
.clickable-visible-click.is-pending,
.clickable-visible-click:active {
  background-color: var(--highlight-green-light) !important;
}

.clickable-visible-click.is-pending {
  background-color: #800 !important;
  color: var(--white) !important;
}

.unvisible-click {
  background-color: var(--white);
}

.rc-ware-gadget-image .rotate-270-image.mirror-image img,
.rc-ware-gadget-image img.rotate-270-image.mirror-image {
  filter: FlipH;
  -ms-filter: FlipH;
}

.rc-ware-gadget-image .rotate-180-image.mirror-image img,
.rc-ware-gadget-image img.rotate-180-image.mirror-image {
  filter: FlipH;
  -ms-filter: FlipH;
}

.rc-ware-gadget-image .rotate-90-image.mirror-image img,
.rc-ware-gadget-image img.rotate-90-image.mirror-image {
  filter: FlipH;
  -ms-filter: FlipH;
}

.modal {
  color: var(--white);
  background-color: var(--blue-dark);
}

.modal-tpg .select-background {
  background-color: var(--blue-medium);
}

.modal-tpg .tpgAddItem table .bootstrap-datepicker input,
.modal-tpg .tpgAddItem table .bootstrap-timepicker input {
  color: var(--white);
  background-color: var(--blue-medium);
}

.modal-tpg .tpgAddItem table .bootstrap-datepicker input.errorDate,
.modal-tpg .tpgAddItem table .bootstrap-timepicker input.errorDate {
  background-color: var(--red-medium);
}

.modal-tpg .tpgAddItem table .bootstrap-datepicker.exceptions select,
.modal-tpg .tpgAddItem table .bootstrap-timepicker.exceptions select {
  color: var(--white);
}

.modal-tpg .tpgAddItem .time-title {
  color: var(--white);
}

.modal-tpg .text-information {
  color: var(--white);
}

.modal-tpg .text-information-block {
  background-color: var(--blue-modal-tpg-info);
}

.modal-tpg .text-information-block.error-message {
  background-color: var(--red-error);
}

.modal-tpg .time-title {
  color: var(--white);
}

.modal-tpg .dropdown {
  color: var(--white);
}

.modal-tpg .dropdown a {
  color: var(--white);
}

.modal-body a {
  color: var(--white);
}

.modal-body a:hover,
.modal-body a:visited {
  color: var(--white);
}

.modal-body input.wp-tpg-value-real {
  background-color: var(--blue-medium);
  color: var(--white);
}

.modal-body .btn-ico-mini {
  background-color: var(--blue-medium);
  color: var(--white);
}

.change-password button,
.filter-container button,
.modal-body button,
.modal-footer button {
  color: var(--white);
  background-color: var(--blue-medium);
}

.modal-backdrop {
  background-color: var(--white);
}

.chart .graph-message .error,
.chart .legend .error {
  color: var(--red-error);
}

.chart .graph-message .tbody .graphMessageCaution,
.chart .legend .tbody .graphMessageCaution {
  color: var(--red-error);
}

.chart .graph-message .tbody,
.chart .legend .tbody {
  background-color: var(--white);
}

.device-ipad .treeBrowser {
  background-color: var(--blue-medium);
}

.overview-list .table-filter-sort .table-head {
  background-color: var(--green-medium);
  color: var(--white);
}

.overview-list .table-filter-sort .table-head .filters,
.overview-list .table-filter-sort .table-head .table-labels {
  background-color: var(--green-medium);
}

.table-settings button {
  background-color: var(--green-dark);
}

.table-settings button:hover {
  background-color: var(--green-light);
}

.table-settings .graph-reload button {
  background-color: var(--green-dark);
}

.tableTpg .trueClass,
.tpgAddItem .trueClass {
  background-color: var(--red-error) !important;
}

.tableTpg .falseClass,
.tpgAddItem .falseClass {
  background-color: green !important;
}

.tableTpg .tpgValue,
.tpgAddItem .tpgValue {
  color: var(--white);
}

div.trueClass {
  background-color: var(--red-error) !important;
}

div.falseClass {
  background-color: green !important;
}

div.tpgValue {
  color: var(--white);
}

div.input-append .bootstrap-datepicker input.errorDate,
div.input-append .bootstrap-timepicker input.errorDate {
  background-color: var(--red-medium);
}

.bootstrap-timepicker table tr td a {
  background-color: var(--blue-medium);
}

.bootstrap-timepicker table tr td a:hover {
  background-color: var(--blue-light) !important;
}

.tpg-body table td .btn {
  color: var(--white);
  background-color: var(--red-light);
}

.tpg-body table td .btn:hover {
  background-color: var(--red-lighter);
}

.tpg-body table .bootstrap-datepicker input,
.tpg-body table .bootstrap-timepicker input {
  color: var(--white);
  background-color: var(--blue-medium);
}

.tpg-body table .bootstrap-datepicker input.errorDate,
.tpg-body table .bootstrap-timepicker input.errorDate {
  background-color: var(--red-medium);
}

.tpg-body table .bootstrap-datepicker.exceptions select,
.tpg-body table .bootstrap-timepicker.exceptions select {
  color: var(--white);
}

.tpg-body select,
.tpgAddItem select,
.tpgValue select {
  background-color: var(--transparent);
  color: var(--white);
}

.tpg-body select option,
.tpgValue select option {
  background-color: var(--white);
  color: var(--grey-dark);
}

.value-select-title-disable {
  background-color: var(--blue-medium);
}

.tpgAddItem td button {
  color: var(--white);
}

.tpgAddItem td button .modal-tpg .dropdown {
  background-color: var(--blue-medium);
}

.bootstrap-datepicker .add-on,
.bootstrap-timepicker .add-on {
  background-color: var(--blue-medium);
}

.bootstrap-datepicker .add-on.active,
.bootstrap-datepicker .add-on:hover,
.bootstrap-timepicker .add-on.active,
.bootstrap-timepicker .add-on:hover {
  background-color: var(--blue-light);
}

.tpgAddItem select option {
  background-color: var(--white);
  color: var(--grey-dark);
}

.btn-primary.active,
.btn-primary:hover {
  background-color: var(--blue-light);
}

.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: var(--grey-dark) !important;
}

.btn-primary.disabled,
.btn-primary[disabled]:hover {
  background-color: var(--grey-dark);
}

#tpg-unselectable-element {
  background-color: var(--red-error);
}

.modal-alarm-notification.alarm-bc-red {
  background-color: var(--red-medium);
}

.modal-alarm-notification.alarm-bc-red .modal-footer button,
.modal-alarm-notification.alarm-bc-red .select-background {
  background-color: var(--red-dark) !important;
}

.modal-alarm-notification.alarm-bc-red .modal-footer button:active,
.modal-alarm-notification.alarm-bc-red .modal-footer button:hover {
  background-color: var(--red-light) !important;
}

.alarm-notification-modal .select-background,
.modal-active-alarm-action .select-background {
  background-color: var(--blue-medium);
  color: var(--white);
}

.alarm-notification-modal select,
.modal-active-alarm-action select {
  background-color: var(--transparent);
  color: var(--white);
}

.alarm-notification-modal select:hover,
.modal-active-alarm-action select:hover {
  color: var(--white);
}

.alarm-notification-modal option,
.modal-active-alarm-action option {
  color: var(--black);
}

.notification-type-1 {
  background-color: var(--red-medium);
}

.notification-type-1 .modal-footer button {
  background-color: var(--red-dark);
}

.notification-type-1 .modal-footer button:hover {
  background-color: var(--red-light);
}

.notification-type-2 {
  background-color: #930;
}

.notification-type-2 .modal-footer button {
  background-color: #c63;
}

.notification-type-2 .modal-footer button:hover {
  background-color: #f96;
}

button.buttonDisabled {
  background-color: var(--grey-dark) !important;
}

.modal-active-alarm-action .alarm-state-ico .ico-alarm-warning {
  background-color: var(--transparent);
}

.graph-float-control .float-control-hide button,
.graph-float-control .float-control-show button {
  background-color: var(--blue-dark);
}

.graph-float-control .statistics-container {
  background-color: var(--blue-dark);
  color: var(--white);
}

.graph-float-control .full-legend button,
.graph-float-control .graph-full-screen button,
.graph-float-control .graph-select-points button,
.graph-float-control .show-legend button,
.graph-float-control .simple-legend button,
.graph-float-control .tooltip-hide button {
  background-color: var(--blue-dark);
}

.graph-float-control .full-legend button.active,
.graph-float-control .full-legend button:hover,
.graph-float-control .graph-full-screen button.active,
.graph-float-control .graph-full-screen button:hover,
.graph-float-control .graph-select-points button.active,
.graph-float-control .graph-select-points button:hover,
.graph-float-control .show-legend button.active,
.graph-float-control .show-legend button:hover,
.graph-float-control .simple-legend button.active,
.graph-float-control .simple-legend button:hover,
.graph-float-control .tooltip-hide button.active,
.graph-float-control .tooltip-hide button:hover {
  background-color: var(--blue-light);
}

.table-filter-active-alarms button {
  background-color: var(--orange-dark);
}

.table-filter-active-alarms button.buttonActive,
.table-filter-active-alarms button:hover {
  background-color: var(--orange-light);
}

.table-filter-memory-alarms button {
  background-color: var(--blue-dark);
}

.table-filter-memory-alarms button.buttonActive,
.table-filter-memory-alarms button:hover {
  background-color: var(--blue-light);
}

.table-filter-acknowledged-alarms button {
  background-color: var(--green-accent);
}

.table-filter-acknowledged-alarms button.buttonActive,
.table-filter-acknowledged-alarms button:hover {
  background-color: var(--green-success);
}

.table-filter-acknowledged-alarms button {
  background-color: var(--green-accent);
}

.table-filter-acknowledged-alarms button.buttonActive,
.table-filter-acknowledged-alarms button:hover {
  background-color: var(--green-success);
}

.graph-legend-float-control button {
  background-color: var(--blue-dark);
  color: var(--white);
}

.graph-legend-float-control button.active {
  background-color: var(--blue-light);
}

.legendLabel a {
  color: var(--blue-accent);
}

.legendCheckbox .icon-energo-selection-black {
  background-color: var(--blue-dark);
}

.legendCheckbox.ico-selection {
  background-color: var(--transparent);
}

.rc-ware-dashboard-information-table .title,
.rc-ware-gadget-calendar-graph .calendar-title {
  background-color: var(--blue-dark);
  color: var(--white);
}

.rc-ware-gadget-calendar-graph .actual-time,
.rc-ware-gadget-calendar-graph .calendar-default,
.rc-ware-gadget-calendar-graph .info,
.rc-ware-gadget-calendar-graph .month-left,
.rc-ware-gadget-calendar-graph .month-right,
.rc-ware-gadget-calendar-graph .year-left,
.rc-ware-gadget-calendar-graph .year-right {
  background-color: var(--blue-dark);
}

.rc-ware-gadget-calendar-graph .month-left.disable,
.rc-ware-gadget-calendar-graph .month-right.disable {
  background-color: var(--grey-medium);
}

.rc-ware-gadget-calendar-graph .calendar-day {
  background-color: var(--grey-lighter);
}

.rc-ware-gadget-calendar-graph .calendar-day .day-number {
  color: var(--white);
}

.rc-ware-gadget-calendar-graph .calendar-day.month-day {
  background-color: #aaa;
}

.rc-ware-gadget-calendar-graph .calendar-day.month-day.value-middle {
  background-color: var(--orange-calendar-middle);
  color: #630;
}

.rc-ware-gadget-calendar-graph .calendar-day.month-day.value-lower {
  background-color: #3d0;
  color: #060;
}

.rc-ware-gadget-calendar-graph .calendar-day.month-day.value-upper {
  background-color: #f10;
  color: #600;
}

.rc-ware-gadget-calendar-graph .calendar-day.month-day.wrong-value {
  background-color: var(--grey-medium);
  color: var(--white);
}

.rc-ware-dashboard-text {
  background-color: #aaa;
}

.rc-ware-dashboard-text .rc-ware-gadget-text-main-div p {
  color: var(--white);
}

.rc-ware-dashboard-text .information-text {
  background-color: #aaa;
}

.rc-ware-dashboard-text .information-text p {
  color: var(--white);
}

.rc-ware-dashboard-text button {
  background-color: #aaa !important;
  color: var(--white);
}

.rc-ware-dashboard-information-table>div {
  background-color: var(--grey-lighter);
}

.rc-ware-dashboard-information-table .sub-title {
  background-color: #aaa;
  color: var(--white);
}

.rc-ware-dashboard-information-table .sub-title.vertical-align-center.horizontal-align-center+div {
  background-color: var(--blue-map);
  color: var(--white);
}

.rc-ware-dashboard-information-table .value-middle {
  background-color: var(--orange-calendar-middle);
}

.rc-ware-dashboard-information-table .value-middle .slab-title,
.rc-ware-dashboard-information-table .value-middle .slab-value {
  color: #630;
}

.rc-ware-dashboard-information-table .value-lower {
  background-color: #3d0;
}

.rc-ware-dashboard-information-table .value-lower .slab-title,
.rc-ware-dashboard-information-table .value-lower .slab-value {
  color: #060;
}

.rc-ware-dashboard-information-table .value-upper {
  background-color: #f10;
}

.rc-ware-dashboard-information-table .value-upper .slab-title,
.rc-ware-dashboard-information-table .value-upper .slab-value {
  color: #600;
}

.rc-ware-dashboard-information-table .past-month,
.rc-ware-dashboard-information-table .past-week,
.rc-ware-dashboard-information-table .this-month,
.rc-ware-dashboard-information-table .this-week {
  color: var(--white);
}

.highlight-weekends {
  background-color: var(--blue-medium);
}

.actual-day {
  background-color: var(--blue-dark);
}

.graph-apply-regression button.selected,
.graph-ma-series-settings button.selected,
.graph-select-points button.selected,
.graph-show-points button.selected,
.show-all-alarms-button button.selected {
  background-color: var(--blue-light);
}

.permanent-function-block {
  color: var(--red-dark);
}

.permanent-function-block>span {
  color: var(--grey-dark);
}

.graph-export-error-msg {
  color: var(--red-error);
}

.load-screen-text {
  color: var(--white);
}

.change-password .text-information {
  background-color: var(--red-error);
}

.dps-window-list-schema {
  background-color: var(--blue-medium);
  color: var(--white);
}

.dps-window-list-schema .dp-alarm-ico .ico-comm-error {
  cursor: auto;
}

.modal-graph-additional-settings button {
  background-color: var(--blue-medium);
  color: var(--white);
}

.modal-graph-additional-settings .progress-bar-short-wrapper .download {
  background-color: var(--blue-medium);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  color: var(--grey-dark);
  background: #fcf8e3;
}

.ui-datepicker-today .ui-state-default {
  background: #fcf8e3;
}

.cam-time-counter {
  background-color: var(--white);
}

.select-background {
  background-color: var(--blue-medium);
}

.slider-container span.bubble.limit {
  color: var(--white);
  background-color: var(--blue-medium);
}

.slider {
  background-color: #036;
}

.slider span.pointer {
  background-color: var(--blue-medium);
}

.slider span.pointer.active,
.slider span.pointer:hover {
  background-color: var(--blue-light);
}

.note-execution-log-container .note-execution-log-row .note-execution-log-error {
  color: var(--red-error);
}

.note-settings-line.note-background-color .dropdown-menu,
.note-settings-line.note-visibility-type .dropdown-menu {
  background-color: var(--blue-map);
}

.note-settings-line.note-background-color .red,
.note-settings-line.note-background-color .red:hover {
  background-color: var(--red-note-light);
}

.note-settings-line.note-background-color .orange,
.note-settings-line.note-background-color .orange:hover {
  background-color: var(--orange-note-light);
}

.note-settings-line.note-background-color .green,
.note-settings-line.note-background-color .green:hover {
  background-color: var(--green-note-light);
}

.note-settings-line.note-background-color .blue,
.note-settings-line.note-background-color .blue:hover {
  background-color: #7dbecf;
}

.note-settings-line.note-background-color .grey,
.note-settings-line.note-background-color .grey:hover {
  background-color: var(--grey-note-light);
}

.note-settings-line.note-background-color .yellow,
.note-settings-line.note-background-color .yellow:hover {
  background-color: var(--yellow-note-light);
}

.note-settings-line.note-background-color .violet,
.note-settings-line.note-background-color .violet:hover {
  background-color: var(--violet-note-light);
}

.note-settings-line .bad-data {
  background-color: var(--red-error);
}

.esg-schema-notes .esg-schema-note .note-text.red,
.esg-schema-notes .esg-schema-note button.red,
.tableview-item-note-overlay.red,
.tableview-item-note.red {
  background-color: var(--red-note-light);
}

.esg-schema-notes .esg-schema-note .note-text.orange,
.esg-schema-notes .esg-schema-note button.orange,
.tableview-item-note-overlay.orange,
.tableview-item-note.orange {
  background-color: var(--orange-note-light);
}

.esg-schema-notes .esg-schema-note .note-text.green,
.esg-schema-notes .esg-schema-note button.green,
.tableview-item-note-overlay.green,
.tableview-item-note.green {
  background-color: var(--green-note-light);
}

.esg-schema-notes .esg-schema-note .note-text.blue,
.esg-schema-notes .esg-schema-note button.blue,
.tableview-item-note-overlay.blue,
.tableview-item-note.blue {
  background-color: #7dbecf;
}

.esg-schema-notes .esg-schema-note .note-text.grey,
.esg-schema-notes .esg-schema-note button.grey,
.tableview-item-note-overlay.grey,
.tableview-item-note.grey {
  background-color: var(--grey-note-light);
}

.esg-schema-notes .esg-schema-note .note-text.yellow,
.esg-schema-notes .esg-schema-note button.yellow,
.tableview-item-note-overlay.yellow,
.tableview-item-note.yellow {
  background-color: var(--yellow-note-light);
}

.esg-schema-notes .esg-schema-note .note-text.violet,
.esg-schema-notes .esg-schema-note button.violet,
.tableview-item-note-overlay.violet,
.tableview-item-note.violet {
  background-color: var(--violet-note-light);
}

.dropdown-projects .commErrorOccurred {
  color: var(--grey-dark) !important;
}

.overview-project.commErrorOccurred {
  color: var(--white);
}

.overview-project.commErrorOccurred>div,
.overview-project.commErrorOccurred>span {
  background-color: var(--grey-comm-error-panel) !important;
}

.alarm-history-project .container {
  background-color: var(--red-medium);
}

.alarm-history-project .container .table-head {
  background-color: var(--red-dark);
  color: var(--white);
}

.alarm-history-project .container .table-body {
  background-color: var(--white);
}

.alarm-history-project .container .icon.icon-chevron-down,
.alarm-history-project .container .icon.icon-chevron-up {
  background-color: var(--red-dark);
}

.alarm-history-project .table-pager .btn-ico {
  background-color: var(--red-dark);
}

.alarm-history-project .group-line .group-line-title {
  background-color: var(--grey-lighter);
}

.alarm-history-project .group-line .group-items .item-cell.links .btn-ico,
.alarm-history-project .group-line .group-line-title .item-cell.links .btn-ico {
  background-color: var(--blue-dark);
}

.alarm-history-project .group-line .group-items .item-cell.links .btn-ico.selected,
.alarm-history-project .group-line .group-items .item-cell.links .btn-ico:focus,
.alarm-history-project .group-line .group-items .item-cell.links .btn-ico:hover,
.alarm-history-project .group-line .group-line-title .item-cell.links .btn-ico.selected,
.alarm-history-project .group-line .group-line-title .item-cell.links .btn-ico:focus,
.alarm-history-project .group-line .group-line-title .item-cell.links .btn-ico:hover {
  background-color: var(--blue-light);
}

.main-view-container {
  background-color: var(--blue-map);
}

.main-view-container .fve-header {
  background-color: var(--blue-map);
  color: var(--white);
}

.main-view-container .fve-cell-wrapper .fve-cell {
  background-color: green;
}

.filter-container {
  background-color: var(--blue-dark);
  color: var(--white);
}

.filter-container .fve-filter .filter-column .filter-level-wrapper .level-title-with-arrow .select-arrow {
  background-color: var(--blue-dark);
}

.filter-container .fve-filter .filter-column .filter-level-wrapper .level-title-with-arrow .level-title {
  color: var(--white);
}

.filter-container button {
  color: var(--white);
}

.filter-container .hide-filter {
  background-color: var(--blue-medium);
}

.filter-container .hide-filter:active,
.filter-container .hide-filter:hover {
  background-color: var(--blue-light);
}

.tool-tip-container .toolTip {
  color: var(--grey-text);
}

.tool-tip-container .toolTip>div {
  background-color: rgba(255, 255, 255, .9);
}

.tool-tip-container .toolTipBottom {
  background-color: var(--white);
  color: var(--grey-text);
  border: 1px solid var(--grey-text);
}

.tool-tip-container .toolTipeLock .toolTipBottom {
  color: var(--white);
  background-color: var(--blue-dark);
}

.esgRecordServerComm {
  background-color: var(--blue-dark);
  color: var(--white);
}

.esgRecordServerComm span {
  color: var(--white);
}

.esgRecordServerComm button {
  background-color: var(--blue-dark);
  color: var(--white);
}

.showAlarmsFromAllProjects .dataTable {
  color: var(--black);
}

.ol-control button {
  background-color: var(--blue-dark);
}

.ol-control button:focus,
.ol-control button:hover {
  background-color: var(--blue-light);
}

.ol-control button.buttonDisabled {
  background-color: var(--blue-dark);
}

.map-float-control .btn-ico.ico-map {
  background-color: var(--blue-dark);
}

.map-float-control .btn-ico.ico-map.selected,
.map-float-control .btn-ico.ico-map:focus,
.map-float-control .btn-ico.ico-map:hover {
  background-color: var(--blue-light);
}

.map-float-control .float-control-hide button,
.map-float-control .float-control-show button {
  background-color: var(--blue-dark);
}

.map-wrapper .map-plugin canvas.ol-unselectable {
  background-color: silver;
}

.map-wrapper .map-plugin .ol-overlay-container .map-object .map-object-container>span {
  background-color: var(--blue-map);
  border: 1px solid var(--white);
}

.map-wrapper .map-plugin .ol-overlay-container .map-object.blue .label {
  background-color: var(--blue-medium);
}

.map-wrapper .map-plugin .ol-overlay-container .map-object.red .label {
  background-color: #f33;
}

.map-wrapper .map-plugin .ol-overlay-container .map-object>div {
  color: var(--white);
}

.map-wrapper .map-plugin .ol-overlay-container .map-object>div>span.clickable {
  background-color: #f33;
}

.main-container .project-tabs li button.commError {
  background-color: var(--grey-comm-error);
}

.main-container .project-tabs li button.commError:hover {
  background-color: var(--grey-comm-error-light);
}

.main-container .project-tabs li.active-pane button.commError {
  background-color: var(--grey-comm-error-light);
}

.main-container.commError .container-line-left .color-line,
.main-container.commError .container-line-right .color-line {
  background-color: var(--grey-comm-error-light);
}

.main-container.commError .container-line,
.main-container.commError .main-tab-view,
.main-container.commError .view-radio-buttons {
  background-color: var(--grey-comm-error-light);
}

.main-container.commError .main-tab-view-bottom-line .main-tab-line {
  background-color: var(--grey-comm-error-light);
}

.main-container.commError .overview-project-panel {
  background-color: var(--grey-comm-error-light);
}

.alarm-limits>span {
  color: var(--white);
}

.alarm-limits .ico-alarm-inform {
  background-color: var(--blue-light);
}

.alarm-limits .ico-alarm-warning {
  background-color: var(--orange-warning);
}

.alarm-limits .ico-alarm-acknowledged {
  background-color: var(--green-success);
}

.alarm-limits .ico-has-alarm {
  background-color: var(--grey-lighter);
}

.alarm-limits .ico-bad-quality,
.alarm-limits .ico-comm-error {
  background-color: var(--red-light);
}

.modal-body .alarm-history-project .container {
  background-color: inherit;
  border: 1px solid #e5e5e5;
}

.modal-body .alarm-history-project .container .table-head {
  background-color: var(--blue-medium);
}

.modal-body .alarm-history-project .container .icon.icon-chevron-down,
.modal-body .alarm-history-project .container .icon.icon-chevron-up,
.modal-body .alarm-history-project .container .table-pager .btn-ico {
  background-color: var(--blue-medium);
}

.modal-body .alarm-history-project .container .table-body {
  background-color: inherit;
}

.modal-body .alarm-history-project .container .group-line .group-line-title {
  background-color: var(--white);
  color: var(--black);
}

.modal-body .alarm-history-project .container .input-filter button:hover {
  background-color: var(--white);
}

.modal-active-alarm-action .modal-footer {
  background-color: var(--blue-dark);
}

.modal .dropdown .dropdown-menu,
.modal .dropdown-toggle-scrollable {
  background-color: var(--blue-medium);
}

.modal .dropdown .dropdown-menu .sub-ipad-scroll li:hover {
  background-color: var(--blue-light);
}

.modal-footer .showError span {
  background-color: var(--red-error);
}

.dp-go-to-schema .go-to-title {
  background-color: var(--blue-medium);
}

.dp-go-to-schema .dropdown .dropdown-menu {
  background-color: var(--blue-dark);
}

.modal-body .progress-bar-short-wrapper button {
  background-color: #f16366;
}

.modal-body .progress-bar-short-wrapper button:active,
.modal-body .progress-bar-short-wrapper button:hover {
  background-color: var(--red-lighter);
}

.modal-body .progress-bar-short-wrapper .download {
  background-color: var(--blue-medium);
}

.planning-calendar-day-layer .additional-values {
  background-color: var(--blue-medium);
}

.planning-calendar-day-layer .layer-title {
  background-color: var(--blue-medium);
}

.planning-calendar-week-day {
  background-color: var(--white);
  color: var(--black);
}

.actualDay {
  background-color: var(--red-light);
}

.actualDay .day-title {
  color: var(--red-light);
}

.actualDay>div {
  background-color: var(--white);
}

.exportButton .dropdown-menu {
  background-color: var(--blue-medium);
}

.view-full-screen .main-tab-view {
  background-color: var(--blue-medium);
}

.view-full-screen .main-tab-view-bottom-line {
  background-color: var(--white);
}

.view-full-screen .treeBrowser {
  background-color: var(--white);
}

.view-full-screen .project-view.graph .tab-graph #placeholder {
  background-color: var(--white);
}

.view-full-screen .flat-tree-head {
  color: var(--white);
  background-color: var(--blue-dark);
}

.slider-container span.bubble.limit {
  color: var(--white);
  background-color: var(--blue-medium);
}

.slider {
  background-color: #036;
}

.slider span.pointer {
  background-color: var(--blue-medium);
}

.slider span.pointer.active,
.slider span.pointer:hover {
  background-color: var(--blue-light);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  color: var(--grey-dark);
  background: #fcf8e3;
}

.ui-datepicker-today .ui-state-default {
  background: #fcf8e3;
}

.select-background {
  background-color: var(--blue-medium);
}

.note-execution-log-container .note-execution-log-row .note-execution-log-error {
  color: var(--red-error);
}

.note-settings-line.note-background-color .red,
.note-settings-line.note-background-color .red:hover {
  background-color: var(--red-note-light);
}

.note-settings-line.note-background-color .orange,
.note-settings-line.note-background-color .orange:hover {
  background-color: var(--orange-note-light);
}

.note-settings-line.note-background-color .green,
.note-settings-line.note-background-color .green:hover {
  background-color: var(--green-note-light);
}

.note-settings-line.note-background-color .blue,
.note-settings-line.note-background-color .blue:hover {
  background-color: #7dbecf;
}

.note-settings-line.note-background-color .grey,
.note-settings-line.note-background-color .grey:hover {
  background-color: var(--grey-note-light);
}

.note-settings-line.note-background-color .yellow,
.note-settings-line.note-background-color .yellow:hover {
  background-color: var(--yellow-note-light);
}

.note-settings-line.note-background-color .violet,
.note-settings-line.note-background-color .violet:hover {
  background-color: var(--violet-note-light);
}

.note-settings-line .bad-data {
  background-color: var(--red-error);
}

.esg-schema-notes .esg-schema-note .note-text.red,
.esg-schema-notes .esg-schema-note button.red,
.tableview-item-note-overlay.red,
.tableview-item-note.red {
  background-color: var(--red-note-light);
}

.esg-schema-notes .esg-schema-note .note-text.orange,
.esg-schema-notes .esg-schema-note button.orange,
.tableview-item-note-overlay.orange,
.tableview-item-note.orange {
  background-color: var(--orange-note-light);
}

.esg-schema-notes .esg-schema-note .note-text.green,
.esg-schema-notes .esg-schema-note button.green,
.tableview-item-note-overlay.green,
.tableview-item-note.green {
  background-color: var(--green-note-light);
}

.esg-schema-notes .esg-schema-note .note-text.blue,
.esg-schema-notes .esg-schema-note button.blue,
.tableview-item-note-overlay.blue,
.tableview-item-note.blue {
  background-color: #7dbecf;
}

.esg-schema-notes .esg-schema-note .note-text.grey,
.esg-schema-notes .esg-schema-note button.grey,
.tableview-item-note-overlay.grey,
.tableview-item-note.grey {
  background-color: var(--grey-note-light);
}

.esg-schema-notes .esg-schema-note .note-text.yellow,
.esg-schema-notes .esg-schema-note button.yellow,
.tableview-item-note-overlay.yellow,
.tableview-item-note.yellow {
  background-color: var(--yellow-note-light);
}

.esg-schema-notes .esg-schema-note .note-text.violet,
.esg-schema-notes .esg-schema-note button.violet,
.tableview-item-note-overlay.violet,
.tableview-item-note.violet {
  background-color: var(--violet-note-light);
}

.overview-project.commErrorOccurred {
  color: var(--white);
}

.overview-project.commErrorOccurred>div,
.overview-project.commErrorOccurred>span {
  background-color: var(--grey-comm-error-panel) !important;
}

.alarm-history-project .container {
  background-color: var(--red-medium);
}

.alarm-history-project .container .table-head {
  background-color: var(--red-dark);
  color: var(--white);
}

.alarm-history-project .container .table-body {
  background-color: var(--white);
}

.alarm-history-project .container .icon.icon-chevron-down,
.alarm-history-project .container .icon.icon-chevron-up {
  background-color: var(--red-dark);
}

.alarm-history-project .table-pager .btn-ico {
  background-color: var(--red-dark);
}

.alarm-history-project .group-line .group-line-title {
  background-color: var(--grey-lighter);
}

.alarm-history-project .group-line .group-items .item-cell.links .btn-ico,
.alarm-history-project .group-line .group-line-title .item-cell.links .btn-ico {
  background-color: var(--blue-dark);
}

.alarm-history-project .group-line .group-items .item-cell.links .btn-ico.selected,
.alarm-history-project .group-line .group-items .item-cell.links .btn-ico:focus,
.alarm-history-project .group-line .group-items .item-cell.links .btn-ico:hover,
.alarm-history-project .group-line .group-line-title .item-cell.links .btn-ico.selected,
.alarm-history-project .group-line .group-line-title .item-cell.links .btn-ico:focus,
.alarm-history-project .group-line .group-line-title .item-cell.links .btn-ico:hover {
  background-color: var(--blue-light);
}

.main-view-container {
  background-color: var(--blue-map);
}

.main-view-container .fve-header {
  background-color: var(--blue-map);
  color: var(--white);
}

.main-view-container .fve-cell-wrapper .fve-cell {
  background-color: green;
}

.filter-container {
  background-color: var(--blue-dark);
  color: var(--white);
}

.filter-container .fve-filter .filter-column .filter-level-wrapper .select-arrow {
  background-color: var(--blue-dark);
}

.filter-container .fve-filter .filter-column .filter-level-wrapper .level-title {
  color: var(--white);
}

.filter-container .fve-filter .buttons-area button:active,
.filter-container .fve-filter .buttons-area button:hover {
  background-color: var(--blue-light);
}

.filter-container .hide-filter {
  background-color: var(--blue-medium);
}

.filter-container .hide-filter:active,
.filter-container .hide-filter:hover {
  background-color: var(--blue-light);
}

.tool-tip-container .toolTip {
  color: var(--grey-text);
}

.tool-tip-container .toolTip>div {
  background-color: rgba(255, 255, 255, .9);
}

.tool-tip-container .toolTipBottom {
  background-color: var(--white);
  color: var(--grey-text);
  border: 1px solid var(--grey-text);
}

.tool-tip-container .toolTipeLock .toolTipBottom {
  color: var(--white);
  background-color: var(--blue-dark);
}

.login-additional-text {
  color: var(--white);
}

.esgRecordServerComm {
  background-color: var(--blue-dark);
  color: var(--white);
}

.esgRecordServerComm button {
  background-color: var(--blue-dark);
  color: var(--white);
}

.showAlarmsFromAllProjects .dataTable {
  color: var(--black);
}

.ol-control button {
  background-color: var(--blue-dark);
}

.ol-control button:focus,
.ol-control button:hover {
  background-color: var(--blue-light);
}

.ol-control button.buttonDisabled {
  background-color: var(--blue-dark);
}

.map-float-control .btn-ico.ico-map {
  background-color: var(--blue-dark);
}

.map-float-control .btn-ico.ico-map.selected,
.map-float-control .btn-ico.ico-map:focus,
.map-float-control .btn-ico.ico-map:hover {
  background-color: var(--blue-light);
}

.map-float-control .float-control-hide button,
.map-float-control .float-control-show button {
  background-color: var(--blue-dark);
}

.map-wrapper .map-plugin canvas.ol-unselectable {
  background-color: silver;
}

.map-wrapper .map-plugin .ol-overlay-container .map-object .map-object-container>span {
  background-color: var(--blue-map);
  border: 1px solid var(--white);
}

.map-wrapper .map-plugin .ol-overlay-container .map-object.blue .label {
  background-color: var(--blue-medium);
}

.map-wrapper .map-plugin .ol-overlay-container .map-object.red .label {
  background-color: #f33;
}

.map-wrapper .map-plugin .ol-overlay-container .map-object>div {
  color: var(--white);
}

.map-wrapper .map-plugin .ol-overlay-container .map-object>div>span.clickable {
  background-color: #f33;
}

.main-container .project-tabs li button.commError {
  background-color: var(--grey-comm-error);
}

.main-container .project-tabs li button.commError:hover {
  background-color: var(--grey-comm-error-light);
}

.main-container .project-tabs li.active-pane button.commError {
  background-color: var(--grey-comm-error-light);
}

.main-container.commError .container-line-left .color-line,
.main-container.commError .container-line-right .color-line {
  background-color: var(--grey-comm-error-light);
}

.main-container.commError .container-line,
.main-container.commError .main-tab-view,
.main-container.commError .view-radio-buttons {
  background-color: var(--grey-comm-error-light);
}

.main-container.commError .main-tab-view-bottom-line .main-tab-line {
  background-color: var(--grey-comm-error-light);
}

.main-container.commError .overview-project-panel {
  background-color: var(--grey-comm-error-light);
}

.alarm-limits>span {
  color: var(--white);
}

.modal-body .alarm-history-project .container {
  background-color: inherit;
  border: 1px solid #e5e5e5;
}

.modal-body .alarm-history-project .container .table-head {
  background-color: var(--blue-medium);
}

.modal-body .alarm-history-project .container .icon.icon-chevron-down,
.modal-body .alarm-history-project .container .icon.icon-chevron-up,
.modal-body .alarm-history-project .container .table-pager .btn-ico {
  background-color: var(--blue-medium);
}

.modal-body .alarm-history-project .container .table-body {
  background-color: inherit;
}

.modal-body .alarm-history-project .container .group-line .group-line-title {
  background-color: var(--white);
  color: var(--black);
}

.modal-body .alarm-history-project .container .input-filter button:hover {
  background-color: var(--white);
}

.modal-active-alarm-action .modal-footer {
  background-color: var(--blue-dark);
}

.modal .dropdown .dropdown-menu,
.modal .dropdown-toggle-scrollable {
  background-color: var(--blue-medium);
}

.modal .dropdown .dropdown-menu .sub-ipad-scroll li:hover {
  background-color: var(--blue-light);
}

.modal-footer .showError span {
  background-color: var(--red-error);
}

.dp-go-to-schema .go-to-title {
  background-color: var(--blue-medium);
}

.dp-go-to-schema .dropdown .dropdown-menu {
  background-color: var(--blue-dark);
}

.modal-body .progress-bar-short-wrapper button {
  background-color: #f16366;
}

.modal-body .progress-bar-short-wrapper button:active,
.modal-body .progress-bar-short-wrapper button:hover {
  background-color: var(--red-lighter);
}

.modal-body .progress-bar-short-wrapper .download {
  background-color: var(--blue-medium);
}

.planning-calendar-day-layer .additional-values {
  background-color: var(--blue-medium);
}

.planning-calendar-day-layer .layer-title {
  background-color: var(--blue-medium);
}

.planning-calendar-week-day {
  background-color: var(--white);
  color: var(--black);
}

.actualDay {
  background-color: var(--red-light);
}

.actualDay .day-title {
  color: var(--red-light);
}

.actualDay>div {
  background-color: var(--white);
}

.exportButton .dropdown-menu {
  background-color: var(--blue-medium);
}

.schema-commError-panel {
  background-color: var(--red-light);
  color: var(--white);
}

.rc-ware-gadget-table .value-column>div.comm-error:after,
.rc-ware-gadget-table .value-subcolumn>div.comm-error:after {
  background-color: var(--red-light);
}

.rc-ware-gadget-table .selected {
  outline: var(--white) dashed 2px;
}

.modal.modalMessage.warningMessage {
  background-color: var(--red-medium);
  color: var(--white);
}

.modal.modalMessage.warningMessage button {
  background-color: var(--red-dark);
  color: var(--white);
}

.modal.modalMessage.infoMessage {
  background-color: var(--info-background);
  color: var(--white);
}

.modal.modalMessage.infoMessage button {
  background-color: var(--blue-dark);
  color: var(--white);
}

.rc-ware-gadget-planning-calendar-overview .header-settings button {
  color: var(--white);
  background-color: var(--blue-medium);
}

.rc-ware-gadget-planning-calendar-overview .pc-overview-free-space {
  background-color: var(--blue-medium);
}

.rc-ware-gadget-planning-calendar-overview .canvas-container {
  background-color: var(--white);
}

.rc-ware-gadget-planning-calendar-overview .edit-state {
  background-color: var(--blue-dark);
  color: var(--white);
}

.rc-ware-gadget-planning-calendar-overview .edit-state button {
  color: var(--white);
  background-color: var(--blue-medium);
}

.rc-ware-gadget-planning-calendar-overview .edit-state .edit-state-body input {
  background-color: var(--white);
}

.rc-ware-gadget-table .title-column,
.rc-ware-gadget-table .value-column {
  background-color: var(--blue-dark);
}

.rc-ware-gadget-table .column-title .column-filter {
  color: var(--white);
  background-color: var(--blue-dark);
}

.rc-ware-gadget-table .table-header .title-column,
.rc-ware-gadget-table .table-header .value-column {
  color: var(--white);
}

.rc-ware-gadget-table .edit-mode .edit-mode-on {
  background-color: #0f5faf !important;
}

.rc-ware-gadget-table span.asc,
.rc-ware-gadget-table span.desc {
  background-color: var(--red-light);
}

.ico-export-energis {
  color: var(--white);
}

.ico-subscription {
  background-color: var(--green-subscription);
}

.alarmColumn .ico-export-energis {
  background-color: var(--green-medium);
}

.tableGrid.table-filter-sort tbody tr td {
  border-bottom: 1px solid var(--blue-medium);
}

.tableGrid .table-head {
  background-color: var(--blue-dark);
  color: var(--white);
}

.tableGrid .table-head-favourites {
  background-color: #e0eaae;
}

.tableGrid .table-grid-group {
  background-color: #f2f2f2;
}

.tableGrid .table-grid-group.active-row,
.tableGrid .table-grid-group.active-row span {
  background-color: var(--grey-lighter) !important;
}

.tableGrid .active-row,
.tableGrid .active-row span {
  background-color: var(--highlight-cyan-dark) !important;
}

.tableGrid .table-grid-item {
  background-color: var(--white);
}

.tableGrid .table-grid-item-favourite {
  background-color: #e0eaae;
}

.tableGrid .btn-ico-mini {
  background-color: var(--blue-medium);
  color: var(--white);
}

.tableGrid .btn-ico-mini.inactive-button,
.tableGrid .btn-ico-mini.inactive-button:hover {
  background-color: var(--grey-medium);
}

.tableGrid .btn-ico-mini:hover {
  background-color: var(--blue-light);
}

.tableGrid .inactive-button.activeButton,
.tableGrid .inactive-button.activeButton:hover {
  background-color: var(--grey-dark);
}

.tableGrid .selectbox .btn-ico-mini {
  background-color: var(--blue-dark);
}

.tableGrid .activeButton {
  background-color: var(--blue-light);
  color: var(--red-medium);
}

.tableGrid .ico-alarm-inform {
  background-color: var(--blue-light);
}

.tableGrid .ico-alarm-warning {
  background-color: var(--orange-warning) !important;
}

.tableGrid .ico-alarm-acknowledged {
  background-color: var(--green-success) !important;
}

.tableGrid .ico-has-alarm {
  background-color: var(--grey-lighter) !important;
}

.tableGrid .ico-bad-quality,
.tableGrid .ico-comm-error {
  background-color: var(--red-light) !important;
}

.tableGrid .is-pending {
  background-color: #800 !important;
  color: var(--white) !important;
}

.tableGrid .active-row .time,
.tableGrid tr.selected .time {
  color: var(--grey-dark);
}

.tableGrid tr.selected {
  background-color: var(--highlight-cyan);
}

.tableGrid .btn-ico-mini.ico-selection {
  background-color: var(--blue-dark);
}

.tableGrid .ico-export-energis {
  background-color: var(--green-medium);
}

.tableGrid .buttonsRow button.ico-actions {
  background-color: var(--yellow-actions);
}

.main-table-grid-div-favourites {
  background-color: var(--white) !important;
}

.main-table-grid-div-favourites .table-head {
  background-color: #e0eaae !important;
  color: var(--black) !important;
}

.main-table-grid-div {
  background-color: var(--white) !important;
}

.update-password .text-information {
  color: var(--white);
}

.ds2-changePassword-policyOK {
  color: var(--white);
}

.ds2-changePassword-policyKO {
  color: var(--red-error);
}

.planning-calendar-error-message {
  color: var(--red-error);
}

.line-plot-settings,
.ma-scatter-plot-settings {
  background-color: var(--blue-medium);
  color: var(--white);
}

.line-plot-settings .apply-settings,
.ma-scatter-plot-settings .apply-settings {
  background-color: var(--blue-dark);
  color: var(--white);
}

.tab-graph>div {
  background-color: var(--white);
}

.table-grid-item .ico-subscription {
  background-color: var(--green-subscription);
}

.dropdown-projects .dropdown-toggle-scrollable {
  background-color: var(--blue-dark);
}

.webpanel-gadget.chart .ico-schema-graph-view {
  background-color: var(--blue-dark);
}

.tagmenu-disabled {
  background-color: var(--transparent);
}

.tageditor-triplet-partially-present {
  color: #a6a6a6;
}

.tageditor-triplet-has-duplicates {
  color: #a50d18;
}

.tageditor-tripletedit-emptyField {
  background-color: var(--red-note-light) !important;
}

.tageditor-tripletedit-wrongTripletInput {
  background-color: var(--red-note-light) !important;
}

.tageditor-triplet-added {
  background-color: var(--highlight-green-added);
  color: var(--black);
}

.tageditor-triplet-removed {
  background-color: var(--red-note-light);
  color: var(--black);
}

.tageditor-tripletcheck-transparent {
  background-color: var(--blue-dark) !important;
}

.tag-editor-mainContainer .tag-editor-addNew-container .fields-container .prop-container select {
  color: #555;
}

.tag-editor-mainContainer .triplets-table {
  border: 1px solid var(--white);
}

.tag-editor-mainContainer .triplets-table .triplets-table-top {
  border-bottom: 1px solid var(--white);
}

.projectPermissionEditor-Container #projectPermissionEditor-tableContainer {
  border: 1px solid var(--white);
}

.projectPermissionEditor-Container #projectPermissionEditor-tableContainer #projectPermissionEditor-tableTop {
  border-bottom: 1px solid var(--white);
}

.projectPermissionEditor-userEdited {
  background-color: var(--highlight-green-added);
  color: var(--black);
}

.projectPermissionEditor-userError {
  background-color: var(--red-note-light);
  color: var(--black);
}

.projectPermissionEditor-userNew {
  background-color: var(--highlight-green-added);
  color: var(--black);
}

.tableview-item-tag {
  background-color: var(--blue-light);
}

.tableview-item-tag-chart {
  background-color: var(--blue-light);
}

.table-item-note-container .tableview-item-note-overlay {
  color: var(--white);
}

.table-item-note-container .tableview-item-note-overlay .tableview-item-note-overlay-buttons-strip button {
  background-color: var(--blue-dark);
  color: var(--white);
}

.table-item-note-container .tableview-item-note-overlay-buttons-strip button:hover {
  background-color: var(--blue-light) !important;
}

.search-suggestion-new {
  border: 0 solid var(--blue-dark);
}

.search-suggestion-new #iws-tableContainer table tr td {
  border-top: 1px solid var(--blue-dark);
}

.search-suggestion-new .selected {
  background-color: var(--grey-light);
}

.inputSuggestionAutoComplete-td {
  background-color: var(--white) !important;
  color: var(--blue-dark) !important;
}

.inputSuggestionAutoComplete-td-selected {
  background-color: var(--highlight-green-added) !important;
  color: var(--black) !important;
}

.tag-editor-focus-style {
  background-color: #edf2f8 !important;
}

.project-users-list-container table {
  background-color: var(--white);
}

.project-users-list-container table thead {
  color: var(--white);
  background-color: var(--blue-dark);
}

.project-users-list-container table tbody {
  color: var(--black);
}

.project-users-list-container table tbody tr {
  border-top: 1px solid var(--blue-dark);
}

.project-users-list-container table .selected-user {
  background-color: var(--blue-light);
}

.project-users-list-container table .external-user {
  background-color: var(--grey-lighter);
}

.project-user-detail-container .executionMessage {
  background-color: var(--red-error);
  color: var(--white);
}

.project-user-detail-container .executionMessage.success {
  background-color: green;
}

.project-user-detail-container .change-multifactor-container,
.project-user-detail-container .change-password-container {
  border-top: 1px var(--white) solid;
}

.projectPermissionEditor-iws .search-suggestion table tr td {
  color: var(--blue-dark) !important;
}

.project-tree-iws .search-suggestion table tr td {
  color: var(--blue-dark) !important;
}

.schema-table .schema-table-main-container .schema-table-left-panel .schema-table-left-panel-column-container .schema-table-left-panel-column-header {
  background-color: var(--yellow-calendar-header);
}

.schema-table .schema-table-main-container .schema-table-left-panel .schema-table-left-panel-column-container .schema-table-left-panel-column-values .tag-selected {
  background-color: var(--white) !important;
  color: var(--black) !important;
}

.schema-table .schema-table-main-container .schema-table-left-panel .schema-table-left-panel-column-container .schema-table-left-panel-column-values .schema-table-left-panel-column-row {
  background-color: var(--yellow-note-light);
}

.schema-table .schema-table-main-container .schema-table-data-panel-container .schema-table-data-panel table .schema-table-left-panel-column-header {
  background-color: var(--yellow-calendar-header);
}

.schema-table .schema-table-main-container .schema-table-data-panel-container .schema-table-data-panel table .tag-selected {
  background-color: var(--white) !important;
  color: var(--black) !important;
}

.schema-table .schema-table-main-container .schema-table-data-panel-container .schema-table-data-panel table .schema-table-left-panel-column-row {
  background-color: var(--yellow-note-light);
}

.schema-table .schema-table-main-container .schema-table-data-panel-container .schema-table-data-panel table .schema-table-data-panel-column-header {
  background-color: var(--grey-lighter);
}

.schema-table .schema-table-main-container .schema-table-data-panel-container .schema-table-data-panel table td .dataCell,
.schema-table .schema-table-main-container .schema-table-data-panel-container .schema-table-data-panel table th .dataCell {
  background-color: var(--white);
}

.modal-form-incident .incident-steps .incident-steps-step-container {
  background-color: var(--white);
  color: var(--black);
}

.modal-form-incident .incident-steps .incident-steps-step-container .step-state-active-true {
  background-color: var(--blue-light);
}

.modal-form-incident .incident-steps .incident-steps-step-container .step-state-acknowledged-true {
  background-color: var(--green-success);
}

.modal-form-incident .incident-steps .incident-steps-step-container .step-state-memory-true {
  background-color: var(--blue-light);
}

.modal-form-incident .incident-steps .incident-steps-step-container .step-state-false {
  background-color: var(--grey-lighter);
}

.tag-editor-mainContainer table tr.header td {
  border-bottom: 1px var(--white) solid;
}

.tag-editor-mainContainer table td>i {
  background-color: var(--transparent);
}

.graph-line-settings-changed {
  background-color: var(--highlight-green-note);
}

.webpanel-gadget.int-value-slider .slider .pointer-line {
  background-color: var(--white);
}

.webpanel-gadget.int-value-slider .slider .pointer-value>div {
  background-color: rgba(50, 79, 123, .996);
  color: var(--white);
}

.webpanel-gadget.int-value-slider .slider .ticks .main {
  background-color: var(--white);
}

.webpanel-gadget.int-value-slider .slider .ticks .tick {
  background-color: var(--white);
}

.value-error-element.error {
  background-color: var(--red-light);
}

.value-error-element.writing {
  background: var(--orange-writing);
}

.graph-select-time-range-left-panel {
  border-top: 1px var(--white) solid;
}

.graph-select-time-range-history-panel {
  border-top: 1px var(--white) solid;
}

.graph-select-time-range-history-panel .graph-select-time-range-history-container .selected-interval {
  background-color: var(--highlight-cyan-dark) !important;
  color: var(--white) !important;
}

.graph-settings-container .axes-container,
.graph-settings-container .series-container {
  border: 1px solid var(--transparent);
}

.graph-table {
  background-color: var(--transparent);
}

.graph-table .table-filter-sort .table-head {
  background-color: var(--blue-dark);
}

.graph-table .table-filter-sort .table-head .filters,
.graph-table .table-filter-sort .table-head .table-labels {
  background-color: var(--transparent);
}

.graph-table .table-filter-sort tbody tr td {
  background-color: var(--transparent);
}

.graph-table .table-filter-sort .table-head tbody tr td {
  border-bottom: 0;
}

.graph-table .graph-table-header {
  background-color: var(--blue-dark);
  color: var(--white);
}

.graph-table .graph-table-body .graph-table-body-row .graph-table-body-column {
  background-color: var(--white);
  color: var(--black);
}

.graph-table-new-container .table-filter-sort .table-head {
  background-color: var(--blue-dark);
}

.graph-table-new-container .table-filter-sort .table-head table td {
  background-color: var(--transparent);
  color: var(--white);
}

.rc-ware-gadget-graph .charttip {
  color: var(--black);
}

.event-log .table-filter-sort tbody tr td {
  border-bottom: 1px solid var(--blue-medium);
}

.graph-data-table-container .graph-data-table-header .graph-data-table-header-column {
  background-color: var(--grey-note-light);
}

.graph-data-table-container .graph-data-table-body .graph-data-table-row .graph-data-table-row-column {
  background-color: var(--white);
  color: var(--black);
}

.graph-data-table-container .graph-data-table-body .graph-data-table-row .graph-data-table-row-key {
  background-color: var(--grey-lighter);
}

.rc-ware-gadget-planning-calendar-overview .planning-calendar-time {
  background-color: var(--blue-medium);
}

.rc-ware-gadget-planning-calendar-overview .planning-calendar-time ul {
  background-color: var(--blue-medium);
}

.rc-ware-gadget-planning-calendar-overview .pc-overview-free-space {
  background-color: var(--blue-medium);
}

.schema-filter-button {
  background-color: var(--transparent);
}

.schema-filter-main-container .schema-filter-available-columns-container .schema-filter-selectedRow {
  background-color: var(--white);
  color: var(--blue-medium);
}

.tag-import-modal input[type=file] {
  background-color: var(--blue-dark);
}

.tag-import-modal-div.error {
  color: var(--red-error);
}

.rc-ware-gadget-table-header button {
  background-color: #036;
}

.tableview-group-level-0 {
  background-color: var(--grey-note-light) !important;
  color: var(--black) !important;
}

.tableview-group-level-1 {
  background-color: var(--grey-lighter) !important;
  color: var(--black) !important;
}

.tableview-group-level-2 {
  background-color: #e8e5e5 !important;
  color: var(--black) !important;
}

.tableview-group-level-3 {
  background-color: #f2f2f2 !important;
  color: var(--black) !important;
}

.modal-auto-tagging .auto-tagging-log-container .auto-tagging-error {
  color: var(--red-error) !important;
}

.modal-simple-project-management .dropzone-hover {
  background-color: var(--blue-light) !important;
  border: 0 solid var(--blue-dark) !important;
}

.modal-simple-project-management .spm-main-panel .spm-files-panel .spm-files-header {
  background-color: var(--blue-modal-spm-header);
}

.modal-simple-project-management .spm-main-panel .spm-files-panel .spm-files-body {
  background-color: var(--white);
  color: var(--black);
}

.modal-simple-project-management .spm-main-panel .spm-files-panel .spm-files-body .spm-files-row {
  border-bottom: 1px solid var(--blue-medium);
}

.modal-simple-project-management .spm-main-panel .spm-files-panel .spm-files-body .spm-files-row-error {
  background-color: var(--red-error);
}

.modal-simple-project-management .spm-main-panel .spm-files-panel .spm-files-body .spm-files-row-image-no-schema {
  background-color: #ff4500;
}

.modal-simple-project-management .spm-main-panel .spm-files-settings-panel .spm-files-settings-part i {
  background-color: var(--blue-dark);
}

.modal-simple-project-management .spm-right-panel .zip-error-container {
  color: var(--red-error);
}

.modal-simple-project-management .spm-right-panel .buttons-container .spm-buttons-label {
  background-color: var(--blue-medium);
  color: var(--white);
}

.modal-simple-project-management .spm-right-panel .buttons-container .spm-buttons-zip:disabled {
  background-color: #767676;
}

.modal-simple-project-management .spm-right-panel .buttons-container .spm-buttons-label:hover {
  background-color: var(--blue-light);
}

.modal-simple-project-management .spm-right-panel .spm-right-panel-log-container .spm-log-list {
  background-color: var(--white);
  color: var(--black);
}

.modal-simple-project-management .spm-right-panel .spm-right-panel-log-container .spm-log-list .log-item-error {
  color: var(--red-error);
}

.modal-simple-project-management .spm-right-panel .spm-right-panel-log-container .spm-log-list .log-item-running {
  background-color: #f2f2f2;
}

.spm-title-line-project-resume .spm-resume-panel .spm-resume-part .spm-project-state-LocalRun {
  background: green;
}

.spm-title-line-project-resume .spm-resume-panel .spm-resume-part .spm-project-state-Starting,
.spm-title-line-project-resume .spm-resume-panel .spm-resume-part .spm-project-state-Stopping,
.spm-title-line-project-resume .spm-resume-panel .spm-resume-part .spm-project-state-Warning {
  background: orange;
}

.spm-title-line-project-resume .spm-resume-panel .spm-resume-part .spm-project-state-Stopped {
  background: var(--red-error);
}

.chart-statistics-main-container .chart-statistics-text-container {
  color: var(--white);
}

.alarm-actions-footer .alarm-actions-buttons-strip .btn {
  background-color: var(--blue-dark);
  color: var(--white);
}

.alarm-actions-footer .alarm-actions-buttons-strip .alarm-actions-footer-schemalist {
  background-color: var(--blue-dark);
}

.alarm-buttons-active-alarms {
  background-color: var(--orange-dark) !important;
}

.alarm-buttons-active-alarms:hover {
  background-color: var(--orange-light) !important;
}

.alarm-buttons-memory-alarms {
  background-color: var(--blue-dark) !important;
}

.alarm-buttons-memory-alarms:hover {
  background-color: var(--blue-light) !important;
}

.alarm-buttons-ack-alarms {
  background-color: var(--green-accent) !important;
}

.alarm-buttons-ack-alarms:hover {
  background-color: var(--green-success) !important;
}

.alarm-buttons-memory-not-active-alarms {
  background-color: #008ab4 !important;
}

.alarm-buttons-memory-not-active-alarms:hover {
  background-color: #6ed7f7 !important;
}

.view-menu-main-container .dropdown-menu {
  background-color: var(--blue-deep) !important;
}

.view-menu-main-container .view-menu-main .view-menu-item-disabled {
  background-color: #767676;
}

.view-menu-main-container .view-menu-main .view-menu-active {
  background-color: var(--blue-light) !important;
}

.view-menu-main-container .view-menu-main .short-list-label {
  color: var(--white);
}

.view-menu-main-container .view-menu-main .view-menu-item {
  color: var(--white);
}

.view-menu-main-container .view-menu-main .view-menu-item .view-menu-item-row .view-menu-item-detail {
  color: var(--white);
}

.view-menu-main-container .view-menu-main .view-menu-item .view-menu-item-row .view-menu-item-detail-selected {
  background-color: var(--highlight-cyan-dark);
}

.view-menu-main-container .view-menu-main .view-menu-item .view-menu-item-row .view-menu-item-detail-group {
  background-color: var(--blue-deeper);
}

.view-menu-main-container .view-menu-main .view-menu-item .view-menu-item-row .view-menu-submenu-container {
  background-color: var(--blue-dark);
}

.view-menu-main-container .view-menu-main .view-menu-item .view-menu-item-row .view-menu-item-disabled {
  background-color: var(--transparent);
}

.view-menu-short-list-button {
  border-radius: 4px;
}

.view-menu-main-container .view-menu-short-list-button-container .view-menu-short-list-button {
  /* background-color: var(--blue-dark); */
  background-color: inherit;
}

.view-menu-main-container .view-menu-short-list-button-container .view-menu-short-list-button-active {
  background-color: var(--blue-light) !important;
}

.view-menu-main-container .view-menu-short-list-button-container .view-menu-short-list-button-disabled {
  background-color: #767676 !important;
}

.view-menu-main-container .view-menu-short-list-button-container-left .view-menu-short-list-button:last-of-type a {
  background-color: var(--red-light);
}

.modal-oplog-filter-main .modal-oplog-filter-filters-table .modal-oplog-filter-filters-row .modal-oplog-filter-column-value .modal-oplog-filter-number .modal-oplog-filter-number-input-min {
  color: var(--black);
}

.modal-oplog-filter-main .modal-oplog-filter-filters-table .modal-oplog-filter-filters-row .modal-oplog-filter-column-value .modal-oplog-filter-number .modal-oplog-filter-number-input-max {
  color: var(--black);
}

.modal-oplog-filter-main .modal-oplog-filter-filters-table .modal-oplog-filter-filters-row .modal-oplog-filter-column-value input {
  color: var(--black);
}

.select-dps-right-panel .select-dps-right-panel-selected-tags .select-dps-right-panel-selected-tags-header {
  background-color: var(--blue-dark);
  color: var(--white);
}

.select-dps-right-panel .select-dps-right-panel-selected-tags .select-dps-right-panel-selected-tags-body {
  background-color: var(--white);
  color: var(--black);
}

.tags-column-menu {
  background-color: var(--blue-deep) !important;
}

.tags-column-menu .tags-column-menu-button-caret .tags-column-menu-caret {
  background-color: var(--blue-deep) !important;
}

.tags-column-menu .tags-column-menu-dropdown-container {
  background-color: var(--blue-deep) !important;
}

.oplog-edit-main {
  background-color: var(--blue-dark);
}

.oplog-edit-main .oplog-detail-properties-container .oplog-detail-property-row .oplog-detail-new-property-label {
  color: var(--red-error);
}

.oplog-edit-main .oplog-detail-properties-container .oplog-detail-property-row .oplog-detail-property-value input:disabled {
  background-color: var(--grey-lighter);
}

.oplog-edit-main .oplog-detail-properties-container .oplog-detail-property-row .oplog-detail-property-value .select-prop-container select:disabled {
  background-color: var(--grey-lighter);
  color: #555;
}

.oplog-edit-main .oplog-detail-properties-container .oplog-detail-property-row .oplog-detail-property-value .dropzone-hover {
  background-color: var(--blue-light) !important;
  border: 0 solid var(--blue-dark) !important;
}

.oplog-edit-main .oplog-detail-properties-container .oplog-detail-property-row .oplog-detail-property-value .attach-prop-container .deleted-attach {
  border: 1px solid gray !important;
}

.oplog-edit-main .oplog-detail-properties-container .oplog-detail-property-row .oplog-detail-property-value .attach-prop-container .error-attach {
  border: 1px solid var(--red-error) !important;
}

.oplog-edit-main .oplog-detail-properties-container .oplog-detail-property-row .oplog-detail-property-value .attach-prop-container .attaches-strip .attached-file {
  border: 1px solid var(--white);
}

.oplog-edit-main .oplog-detail-properties-container .oplog-detail-property-row .oplog-detail-property-value .attach-prop-container .buttons-strip .oplog-buttons-label {
  background-color: var(--blue-medium);
  color: var(--white);
}

.oplog-edit-main .oplog-detail-properties-container .oplog-detail-property-row .oplog-detail-property-value .array-prop-container .array-prop-value {
  background-color: var(--blue-medium);
}

.oplog-edit-main .oplog-detail-properties-container .oplog-image-overlay {
  background-color: rgba(255, 255, 255, .75);
}

.project-top-bar-main-element {
  background-color: var(--blue-medium);
}

.project-top-bar-main-element .project-top-bar-filtered-dps-container .view-menu-info-container {
  color: var(--white);
}

.project-top-bar-right-panel-container .indication-panel .user-indicator .label {
  color: var(--white);
}

.project-top-bar-right-panel-container .indication-panel .project-top-bar-statistics {
  color: var(--white);
}

.project-top-bar-right-panel-container .indication-panel .actual-connection .arrow {
  background-color: #060;
}

.project-top-bar-right-panel-container .indication-panel .actual-connection .arrow.active-up {
  background-color: #3c3;
}

.project-top-bar-right-panel-container .indication-panel .actual-connection .arrow.active-down {
  background-color: #f33;
}

.project-top-bar-right-panel-container .indication-panel .actual-connection .arrow.disable-up {
  background-color: #060;
}

.project-top-bar-right-panel-container .indication-panel .actual-connection .arrow.disable-down {
  background-color: #600;
}

.project-top-bar-right-panel-container .indication-panel .connection-error-circle {
  background-color: var(--red-light);
}

.project-top-bar-right-panel-container .indication-panel .browser-zoom-indication {
  background-color: var(--red-light);
}

.project-top-bar-right-panel-container .indication-panel .browser-zoom-indication:active,
.project-top-bar-right-panel-container .indication-panel .browser-zoom-indication:hover {
  background-color: var(--red-lighter);
}

.pc-settings .text-information {
  color: var(--white);
}

.pc-settings .text-information.error {
  background-color: var(--red-error);
}

.pc-settings .text-information.confirmation {
  background-color: var(--green-accent);
}

.intearctive-dropdown-main {
  background-color: var(--blue-deep);
  color: var(--white);
}

.intearctive-dropdown-main .interactive-dropdown-menu-container .menu-item-group {
  background-color: var(--blue-deeper);
  border-top: 1px solid var(--white);
}

.intearctive-dropdown-main .interactive-dropdown-menu-container .menu-item-disabled {
  background-color: #767676;
}

.spm-button-empty-project {
  background-color: var(--blue-dark);
}

.dropdown .dropdown-menu.scroll-enabled {
  background-color: var(--blue-deep);
}

.modal-rdf-viewer-main .node {
  stroke: var(--white);
  fill: #ddd;
}

.modal-rdf-viewer-main .link {
  stroke: #999;
}

.modal-rdf-viewer-main marker {
  stroke: #999;
  fill: rgba(124, 240, 10, 0);
}

.modal-rdf-viewer-main .node-text {
  fill: var(--black);
}

.modal-rdf-viewer-main .link-text {
  fill: grey;
}

.modal-rdf-viewer-main svg {
  border: 1px solid var(--black);
}

.modal-body .tag-tree {
  background-color: var(--white);
  color: var(--black);
}

.modal-body .tag-tree .tag-tree-content i {
  filter: saturate(100%) brightness(0) invert(15%) sepia(76%) saturate(3087%) hue-rotate(183deg) brightness(94%) contrast(101%);
}

.modal .structured-menu.dropdown .dropdown-menu {
  background-color: var(--blue-deep);
  color: var(--white);
}

.modal .structured-menu.dropdown .dropdown-menu li>div {
  color: var(--white);
}

.modal .structured-menu.dropdown .dropdown-menu .view-menu-item-detail:hover {
  background-color: var(--blue-light);
}

.modal .structured-menu.dropdown .dropdown-menu .view-menu-item-detail-group span {
  background-color: var(--blue-deeper);
}

.modal-content button {
  color: var(--white);
  background-color: var(--blue-medium);
}

.modal-content .result-msg {
  background-color: green;
}

.modal-content .result-msg.error {
  background-color: var(--red-error);
}

.dropdown-wrapper .dropdown-menu {
  background-color: var(--blue-deep);
  color: var(--white);
}

.dropdown-wrapper .dropdown-menu a {
  color: var(--white);
}

.dropdown-wrapper .dropdown-menu a:hover {
  background-color: var(--blue-light);
}

.m-alarm-notification .m-header h1,
.m-alarm-notification .m-header h2 {
  color: var(--white);
}

.m-alarm-notification.alarm-bc-red {
  background-color: var(--red-medium);
}

.m-alarm-notification.alarm-bc-red .dropdown-toggle-scrollable,
.m-alarm-notification.alarm-bc-red .dropdown-wrapper .dropdown-menu,
.m-alarm-notification.alarm-bc-red .m-footer button,
.m-alarm-notification.alarm-bc-red .select-background {
  background-color: var(--red-dark);
}

.m-alarm-notification.alarm-bc-red .m-footer button:active,
.m-alarm-notification.alarm-bc-red .m-footer button:hover {
  background-color: var(--red-light);
}

.m-alarm-notification.alarm-bc-red .dropdown-wrapper .dropdown-menu a:hover {
  background-color: var(--red-light) !important;
}

.m-alarm-notification.alarm-bc-red .structured-menu.dropdown .dropdown-menu {
  background-color: var(--red-dark);
}

.m-alarm-notification.alarm-bc-red .structured-menu.dropdown .dropdown-menu .view-menu-item-detail:hover {
  background-color: var(--red-light);
}

.m-alarm-notification .notification-type-1 {
  background-color: var(--red-medium);
}

.m-alarm-notification .notification-type-1 .dropdown-toggle-scrollable,
.m-alarm-notification .notification-type-1 .dropdown-wrapper .dropdown-menu,
.m-alarm-notification .notification-type-1 .m-footer button {
  background-color: var(--red-dark);
}

.m-alarm-notification .notification-type-1 .dropdown-toggle-scrollable:hover,
.m-alarm-notification .notification-type-1 .dropdown-wrapper .dropdown-menu:hover,
.m-alarm-notification .notification-type-1 .m-footer button:hover {
  background-color: var(--red-light);
}

.m-alarm-notification .notification-type-1 .dropdown-wrapper .dropdown-menu a:hover {
  background-color: var(--red-light) !important;
}

.m-alarm-notification .notification-type-2 {
  background-color: #930;
}

.m-alarm-notification .notification-type-2 .dropdown-toggle-scrollable,
.m-alarm-notification .notification-type-2 .dropdown-wrapper .dropdown-menu,
.m-alarm-notification .notification-type-2 .m-footer button {
  background-color: #c63;
}

.m-alarm-notification .notification-type-2 .dropdown-toggle-scrollable:hover,
.m-alarm-notification .notification-type-2 .dropdown-wrapper .dropdown-menu:hover,
.m-alarm-notification .notification-type-2 .m-footer button:hover {
  background-color: #f96;
}

.m-alarm-notification .notification-type-2 .dropdown-wrapper .dropdown-menu a:hover {
  background-color: #f96 !important;
}

.m-active-alarm-action .structured-menu.dropdown .dropdown-menu {
  background-color: var(--blue-deep);
}

.m-active-alarm-action .icon-area .icon p,
.m-alarm-notification .icon-area .icon p {
  background-color: var(--red-error);
}

.project-alarm-history .container {
  background-color: inherit;
  border: 1px solid #e5e5e5;
}

.project-alarm-history .container .table-head {
  background-color: var(--blue-medium);
  color: var(--white);
}

.project-alarm-history .container .ipad-scroll .table-grid-group {
  background-color: var(--white);
  color: var(--black);
}

.project-alarm-history .container .ipad-scroll .table-grid-item td {
  background-color: var(--transparent);
}

.m-create-user .user-param-row>input:disabled {
  background-color: var(--grey-lighter);
}

.m-create-user .text-information {
  background-color: var(--red-error);
}

.modal-body .create-user .error-hint {
  border-top: 10px solid var(--red-error);
}

.modal-body .create-user .error-explanation {
  background-color: var(--white);
  border: var(--black) 1px solid;
  color: var(--black);
}

.modal-body .create-user .user-param-row-password.error-msg .user-param-row>input {
  border: 2px solid var(--red-error);
}

.m-edit-subscriptions .grid-header {
  color: var(--white) !important;
  border-bottom: 1px solid var(--white);
}

.m-edit-subscriptions .grid-row {
  background-color: var(--white);
  color: var(--black);
}

.m-edit-subscriptions .grid-row-selected {
  background-color: var(--blue-light) !important;
}

.m-set-subscriptions .set-subscriptions-modal-div.error {
  background-color: var(--red-error);
}

.m-user-settings .dropdown-wrapper .dropdown-menu {
  background-color: var(--blue-map);
}

.m-user-settings .dropdown-wrapper .dropdown-menu a {
  color: var(--white);
}

.m-user-settings .dropdown-wrapper .dropdown-menu a:hover {
  background-color: var(--blue-light);
}

.m-user-settings .advanced .default-url-settings .info-message {
  background-color: var(--white);
  border: #555 1px solid;
  color: #555;
}

.esg-schema-notes .esg-schema-note button {
  background-color: var(--blue-dark);
}

.esg-schema-notes .esg-schema-note .note-text {
  background-color: #fb8;
  color: var(--white);
}

.esg-schema-notes .esg-schema-note .note-text .edit-note {
  background-color: var(--blue-dark);
}

.alarms-settings-body-container .active-dp {
  background-color: var(--highlight-cyan-dark);
}

.alarms-settings-body-container .dp-result-ok {
  background-color: var(--green-note-light);
}

.alarms-settings-body-container .dp-result-run {
  background-color: var(--yellow-note-light);
}

.alarms-settings-body-container .dp-result-ko {
  background-color: var(--red-note-light);
}

.alarms-settings-body-container .alarms-settings-section-title {
  background-color: var(--blue-deeper);
  color: var(--white);
}

.alarms-settings-body-container .alarms-settings-container.dps .alarms-settings-section-body {
  background-color: var(--white);
}

.ds2-propertyTableRowClass {
  color: #00f;
}

.ceskoJsGridRowClass {
  color: #00f;
}

.ceskoJsGridRowClassSelected {
  color: var(--red-error);
}

.ceskoJsGrid-defaultclass {
  color: var(--black);
  background-color: var(--white);
  border-bottom: 1px solid var(--blue-medium);
}

.ceskoJsGrid-selectedrow {
  color: var(--white);
  background-color: var(--blue-light) !important;
  border-bottom: 1px solid var(--blue-medium);
}

.ceskoJsGrid-checkboxChecked {
  background-color: var(--blue-dark);
}

.ceskoJsGrid-checkboxUnchecked {
  background-color: var(--blue-dark);
}

.ceskoJsGrid-addcolor-green {
  color: green !important;
}

.ceskoJsGrid-addcolor-red {
  color: var(--red-error) !important;
}

.ceskoJsGrid-addcolor-darkblue {
  color: #307282 !important;
}

.ceskoJsGrid-addWhiteBackground {
  background-color: var(--white) !important;
}

.ceskoJsGrid-domainListHeader {
  color: var(--black);
}

.ceskoJsGrid-domainListHeaderNumber {
  color: var(--black);
}

.ceskoJsGrid-defaultLabelClassChanged {
  background-color: var(--highlight-green-changed);
}

.ceskoJsGrid-inputValueChanged {
  background-color: var(--input-value-changed-bg-color);
  color: var(--input-value-changed-color);
}

.ceskoJsGrid-defaultNumericClassValueNotValid {
  background-color: #ff7f7f;
}

.ceskoJsGrid-defaultLabelClassTest {
  color: green;
}


@media print {
  * {
    color: var(--black) !important;
    background: 0 0 !important;
  }

  .table-filter-sort tbody tr td {
    border-bottom: 1px solid rgba(51, 153, 204, .2) !important;
  }

  div.print-page-header .brand {
    color: var(--black);
  }

  div.print-page-header .brand span {
    color: var(--black);
  }

  div.print-page-header .table-print-title {
    color: var(--black);
  }
}