:root {
  --alarm-color-critical: #e1624d;
  --alarm-color-major: #f9a244;
  --alarm-color-minor: #f7c87a;
  --alarm-color-warning: #b6c184;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active,
.grey-select-one-button-header.ui-selectonebutton .ui-button.ui-state-active,
.blue-select-one-button.ui-selectonebutton .ui-button.ui-state-active
{
    background-color: var(--blue) !important;
    color: var(--controls-highlight-foreground-color);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: var(--controls-border-color);
}

.ui-selectbooleanbutton.ui-button.ui-state-active,
.ui-selectonebutton .ui-button.ui-state-active,
.ui-selectmanybutton .ui-button.ui-state-active,
body .ui-selectbooleanbutton.ui-state-active,
body .ui-selectonebutton > .ui-button.ui-state-active,
body .ui-selectmanybutton > .ui-button.ui-state-active
{
    background-color: var(--controls-highlight-background-color-alt3)
}

body .ui-selectbooleanbutton.ui-state-active,
body .ui-selectonebutton > .ui-button.ui-state-active,
body .ui-selectmanybutton > .ui-button.ui-state-active,
body .ui-selectonemenu.ui-state-focus:not(.ui-state-error),
body .ui-inputfield.ui-state-focus,
body .ui-button.ui-state-focus,
body .ui-chkbox .ui-chkbox-box.ui-state-focus,
body .ui-datatable thead th.ui-sortable-column.ui-state-focus,
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus
{
    box-shadow: none !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: var(--controls-border-color) !important;
    box-shadow: none !important;
    transition: none !important;
}

body .ui-commandlink.ui-state-disabled,
body .ui-link.ui-state-disabled,
a.ui-state-disabled
{
    color: var(--command-link--disabled-color) !important;
}

body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover
{
      background: var(--controls-hover-background-color) !important;
      border-color: var(--controls-hover-border-color) !important;
      color: var(--controls-hover-foreground-color) !important;
}

.gray-text {
    color: var(--default-text-color-alt2);
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {

}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover,
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover,
body .edna-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover
{
    background-color: var(--inputs-hover-background-color);
}

#formMenu .ui-menuitem-text, #headerForm .ui-menuitem-text {
    color: var(--menuitem-text-color) !important;
}

#formMenu .ui-menuitem-text:hover, #headerForm .ui-menuitem-text:hover {
    color: var(--menuitem-text-highlight-color) !important;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
    color: var(--menuitem-icon-color);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover {
    background-color: var(--inputs-highlight-background-color);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon {
    color: var(--menuitem-icon-highlight-color);
}

body .ui-menu {
    background-color: var(--general-background-color);
}

input:-internal-autofill-selected {
    background-color: (--inputs-background-color);
}

* {
    scrollbar-color: var(--scrollbar-background-color) var(--scrollbar-thumb-color);
}

*::-webkit-scrollbar {
    background: var(--scrollbar-background-color);
}

*::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color);
}

.selectize-input,
.selectize-control.single .selectize-input.input-active,
.selectize-dropdown
{
    background-color: var(--inputs-background-color) !important;
    color: var(--inputs-foreground-color) !important;
    border-color: var(--inputs-border-color) !important;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input
{
    color: var(--inputs-foreground-color) !important;
}

.selectize-dropdown-content {
    background-color: var(--inputs-background-color) !important;
    color: var(--inputs-foreground-color) !important;
}

.selectize-control.multi .selectize-input > div {
    background-color: var(--controls-background-color-alt) !important;
    color: var(--controls-foreground-color) !important;
}

.text-color-alt3 {
    color: var(--default-text-color-alt3);
}

.ui-tree .ui-tree-selectable .ui-treenode-icon,
.layout-left-menu .ui-treenode-label,
.left_menu .ui-tree .ui-tree-selectable .ui-treenode-label
{
    color: var(--treenode-label-color);
}

.ui-state-highlight > .ui-treenode-label {
    color: var(--treenode-label-highlight-color) !important;
    text-decoration: underline;
}

.ui-state-hover > .ui-treenode-label {
    color: var(--treenode-label-color);
    text-decoration: underline;
}
.left-menu-accordion .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover,
.layout-left-menu,
.left-menu-accordion .ui-accordion-content,
#left-menu .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover
{
    background-color: var(--left-menu-background-color) !important;
    color:var(--treenode-title-color);
}

#left-menu .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler,
#left-menu .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
    color: var(--left-menu-accordion-text-color);
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content,
.ui-tree .ui-tree-selectable .ui-treenode-label
{
    color: var(--default-text-color);
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover {
    background-color: transparent;
    color: var(--default-text-color);
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight{
    background-color: var(--left-menu-background-color)
}

.ui-tabs-panels .ui-accordion-content {
    color: var(--default-text-color) !important;
}

.ui-accordion.infoGraphAccordion .ui-accordion-header.ui-state-default, .ui-accordion.infoXKpiAccordion .ui-accordion-header.ui-state-default {
    color: var(--default-text-color) !important;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header {
    border-color: var(--tabs-panel-border-color);
}

body .ui-orderlist .ui-orderlist-controls .ui-button:hover {
    background-color: var(--controls-highlight-background-color);
}

body .ui-orderlist .ui-orderlist-list {
    background-color: var(--controls-background-color);
    border-color: var(--controls-border-color);
    color: var(--controls-foreground-color);
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
    color: var(--controls-foreground-color);
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover {
    background-color: var(--controls-hover-background-color) !important;
    color: var(--controls-hover-foreground-color) !important;
}

body .ui-orderlist .ui-orderlist-caption {
    background-color: var(--controls-background-color-alt);
    color: var(--controls-foreground-color);
    border-color: var(--controls-border-color);
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
    background-color: var(--table-highlighted-row-background-color);
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item
{
    color: var(--inputs-foreground-color-alt);
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover
{
    background-color: var(--controls-hover-background-color);
    color: var(--controls-hover-foreground-color);
}

body .ui-datatable .ui-datatable-header,
body .ui-treetable .ui-treetable-header
{
    background-color: var(--table-title-background-color);
    color: var(--table-title-foreground-color);
    border-color: var(--table-header-border-color);
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight,
body .ui-treetable .ui-treetable-data > tr.ui-state-highlight
{
    background-color: var(--controls-highlight-background-color);
    color: var(--controls-highlight-foreground-color) !important;
}

body .ui-datatable .ui-datatable-data > tr {
    color: var(--table-even-row-foreground-color);
}

.ui-state-highlight td {
    background-color: var(--table-highlighted-row-background-color) !important;
    color: var(--table-highlighted-row-foreground-color) !important;
}

body .ui-treetable .ui-treetable-data > tr.ui-state-highlight,
body .ui-treetable .ui-treetable-data > tr.ui-state-hover
{
    background-color: var(--table-highlighted-row-background-color);
    color: var(--table-highlighted-row-foreground-color) !important;
}

body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler,
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler
{
    color: var(--controls-foreground-color);
}

body .ui-tree {
    color: var(--controls-foreground-color);
}

body .ui-panel .ui-panel-content,
.ui-card-body {
    background-color: var(--panel-background-color) !important;
    color: var(--default-text-color-alt);
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    background-color: var(--controls-highlight-background-color);
}

.ui-tabs .ui-tabs-nav > li.ui-state-default.ui-state-active a {
    color: var(--controls-highlight-foreground-color) !important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header {
    background-color: var(--tab-background-color);
    border-color: var(--controls-border-color);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    background-color: var(--controls-highlight-background-color);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header:hover {
    background-color: var(--controls-hover-background-color);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
    color: var(--default-text-color) !important;
}

body .ui-tabs .ui-tabs-panels {
    color: var(--default-text-color-alt) !important;
}

h2 {
    border-color: var(--separator-color);
}

.ui-tabs-panel {
    border: 1px solid var(--tabs-panel-border-color) !important;
    background-color: var(--tabs-panel-background-color) !important;
}

body .ui-panel .ui-panel-titlebar
, body .ui-panel .ui-panel-title
{
    background-color: var(--panel-titlebar-background-color);
    border-color: var(--panel-titlebar-border-color);
    color: var(--panel-titlebar-text-color);
}

.ui-panel-titlebar .ui-panel-titlebar-icon {
    color: var(--ui-panel-titlebar-text-color) !important;
}

.ui-diagram-summary {
    background-color: var(--summary-background-color);
    border-color: var(--summary-border-color);
}

.ui-diagram-summary-header {
    border-color: var(--summary-border-color);
}

.ui-diagram-summary .ui-diagram-summary-header a {
    color: var(--diagram-summary-header-color) !important;
    border-color: var(--summary-border-color);
}

#kpis {
    background-color: var(--panel-background-color);
}

.diagram-title {
    background-color: var(--page-top-bar-background-color);
}

.diagram-header-status-panel {
    border-color: var(--tabs-panel-border-color);
}

.diagram-header-status-panel-highlight {
    border-color: var(--command-link-highlight-color);
}

body .ui-scrollpanel {
    background-color: var(--panel-background-color-alt);
    border-color: var(--panel-border-color);
}

.ui-diagram-element-kpi {
    border-bottom-color: var(--inputs-border-color);
}


body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text,
body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text {
    color: var(--default-text-color-alt);
}

body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before {
    color: var(--default-text-color-alt);
}

body .ui-datatable .ui-paginator,
body .ui-paginator
{
    background-color: var(--paginator-background-color);
    border-color: var(--paginator-border-color);
}

body .ui-commandlink,
body .ui-link, a
{
    color: var(--command-link-color) !important;
}

.ui-datatable .ui-datatable-data .ui-state-highlight td .ui-commandlink,
.ui-datatable .ui-datatable-data .ui-state-highlight td .ui-link {
    color: var(--command-link-color-on-highlighted-cell) !important;
}

body .ui-commandlink:hover, body .ui-link:hover, a:hover {
    color: var(--command-link-highlight-color) !important;
}

.left-menu-tree-title-wrap {
    border-color: var(--separator-color-alt);
}

.left-menu-accordion .ui-accordion-content a {
    color: var(--left-menu-accordion-text-color) !important;
}

.left-menu-accordion .ui-accordion-content a.active {
    color: var(--left-menu-accordion-active-text-color) !important;
}

.left-menu-accordion .ui-accordion-header,
.left-menu-accordion .ui-accordion-header:hover,
.left-menu-accordion .ui-accordion-header.ui-state-active,
.left-menu-accordion .ui-accordion-header.ui-state-active:hover,
.left-menu-accordion .ui-accordion-header.ui-state-default {
    background-color: var(--left-menu-background-color) !important;
    color: var(--left-menu-accordion-text-color) !important;
}

.layout-left-menu .ui-accordion .ui-accordion-content {
    color: var(--left-menu-accordion-alt-text-color);
}

.left-menu-accordion .ui-accordion-header:hover {
    color: var(--left-menu-accordion-alt-text-color) !important;
}

.checkStatusMessage.
#systemsFilterForm\:searchPanel
{
    background-color: var(--panel-background-color);
}

body .ui-slider {
    background-color: var(--slider-color);
    border-color: var(--slider-border-color);
}

.ui-timepicker-div .ui-slider.ui-slider-horizontal {
    border-color: var(--slider-border-color);
}

body .ui-growl .ui-growl-item-container.ui-growl-info {
    border-color: var(--info-message-border-color);
    background-color: var(--info-message-background-color);
    color: var(--info-message-text-color);
}

body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon {
    color: var(--info-message-text-color);
}

.ui-datatable-scrollable-header {
    background-color: var(--table-header-background-color) !important;
    border-color: var(--table-header-border-color);
}

.notificationRowSevere td,
.notificationRowError td,
.notificationRowWarning td,
.notificationRowInfo td,
.alarmRowCritical td,
.alarmRowMajor td,
.alarmRowMinor td,
.alarmRowWarning td,
.admin-operational-events-inner-content .ui-datatable .ui-datatable-data > tr {
    color: var(--default-text-color);
}

.graph_dialog_container .ui-panel .ui-panel-content {
    border-color: var(--panel-border-color);
}

.kpi_name_kpi_set_edit, .kpi_name_datasource_edit, .kpi_name_object_set_edit, .kpi_name_datasource_edit, .kpi_name_object_edit, .kpi_name_kpi_set_add, .kpi_name_datasource_add, .kpi_name_object_set_add, .kpi_name_datasource_add, .kpi_name_object_add {
    color: var(--slightly-faded-text-color);
    background-color: var(--controls-background-color);
    border-color: var(--controls-border-color);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text,
.admin-users-inner-content .ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all,
.admin-users-inner-content .ui-accordion-header.ui-helper-reset.ui-state-default.ui-state-active.ui-corner-top
{
    color: var(--slightly-faded-text-color-alt) !important;
}

body .ui-treetable .ui-treetable-data > tr {
    color: var(--default-text-color-alt);
}

body .ui-accordion .ui-accordion-content,
body .ui-treetable .ui-treetable-data > tr
{
    background-color: var(--panel-background-color);
}

body .ui-datatable thead th.ui-state-active,
body .ui-treetable thead th.ui-state-active
{
    color: var(--default-link-color-alt);
}

body {
    background-color: var(--general-background-color) !important;
    color: var(--default-text-color-alt);
}

.page-title-name {
    color: var(--slightly-faded-text-color-alt);
    background-color: var(--page-top-bar-background-color);
}

.content-inner,
#content
{
    background-color: var(--content-background-color);
}

.e-applicationBar {
    background-color: var(--top-menu-background-color);
    border-color: var(--top-menu-border-color);
}

#headermenu .ui-menu.ui-widget li > .ui-menuitem-link,
#headermenu .ui-menu .ui-menu-parent .ui-menu-child,
#headermenu .ui-menu.ui-menubar
{
    background-color: var(--top-menu-background-color);
}

body .ui-inputfield,
body .ui-selectonemenu,
body .ui-autocomplete-panel,
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item
{
    background-color: var(--inputs-background-color);
    color: var(--inputs-foreground-color);
    border-color: var(--inputs-border-color) !important;
}

body .ui-selectbooleanbutton.ui-state-active,
body .ui-selectonebutton > .ui-button.ui-state-active,
body .ui-selectmanybutton > .ui-button.ui-state-active {
    color: var(--controls-highlight-foreground-color-alt3);
    border-color: var(--controls-border-color) !important;
}

.graph-option .ui-selectonebutton .ui-button.ui-state-active
{
    background-color: var(--controls-highlight-background-color-alt2);
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row {
    background-color: var(--inputs-background-color);
    color: var(--inputs-foreground-color);
}

body .ui-toggleswitch .ui-toggleswitch-slider {
    background-color: var(--inputs-background-color-alt);
    color: var(--inputs-foreground-color);
    border-color: var(--inputs-border-color);
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
    color: var(--inputs-foreground-color);
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight,
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight
{
    background-color: var(--inputs-highlight-background-color);
    color: var(--inputs-highlight-foreground-color);
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-hover,
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover,
body .ui-button.ui-state-hover
{
    background-color: var(--inputs-hover-background-color);
    color: var(--inputs-hover-foreground-color) !important;
    border-color: var(--inputs-border-color);
}

.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
    background-color: var(--controls-background-color);
    color: var(--controls-foreground-color);
    border-color: var(--controls-border-color);
}

#treeForm\:dashboardGo {
    border-color: var(--blue);
}

#treeForm\:dashboardSearch_input {
    background-color: transparent;
    border-color: var(--blue) !important;
    color: var(--controls-highlight-foreground-color);
}

body .ui-selectbooleanbutton, body .ui-selectonebutton > .ui-button, body .ui-selectmanybutton > .ui-button {
    border-color: var(--controls-border-color);
    color: var(--controls-foreground-color);
}

.page-option .ui-selectbooleanbutton,
.page-option .ui-selectonebutton > .ui-button,
.page-option .ui-selectmanybutton > .ui-button,
.header-options-right-high .ui-selectbooleanbutton,
.header-options-right-high .ui-selectonebutton > .ui-button,
.header-options-right-high .ui-selectmanybutton > .ui-button,
.header-options-right-high .ui-selectonemenu
{
    border-color: var(--graph-granularity-control-border-color);
    background: var(--graph-granularity-control-background-color);
}

body .ui-selectbooleanbutton.ui-state-hover,
body .ui-selectonebutton > .ui-button.ui-state-hover,
body .ui-selectmanybutton > .ui-button.ui-state-hover {
    background-color: var(--controls-hover-background-color) !important;
    color: var(--controls-hover-foreground-color) !important;
    border-color: var(--controls-border-color) !important;
}

.left_menu .ui-button-icon-left {
    color: var(--menuitem-icon-color);
}

.left_menu .ui-button-icon-left:hover {
    color: var(--menuitem-icon-highlight-color);
}

.page-option .ui-button:not(.blue-button, .red-button, .green-button, .ui-buttonset .ui-button),
.page-option button.ui-button.ui-state-default:not(.blue-button, .red-button, .green-button, .ui-buttonset .ui-button),
.page-option .ui-button.ui-state-default:not(.blue-button, .red-button, .green-button, .ui-buttonset .ui-button),
.page-option .grey-button-header:not(.blue-button, .red-button, .green-button, .ui-buttonset .ui-button),
.page-option button.grey-button-header.ui-state-default:not(.blue-button, .red-button, .green-button, .ui-buttonset .ui-button),
.page-option .grey-button-header.ui-state-default:not(.blue-button, .red-button, .green-button, .ui-buttonset .ui-button),
.dashboard-chart-period .ui-inputfield:not(.blue-button, .red-button, .green-button, .ui-buttonset .ui-button),
.dashboard-chart-resolution .ui-inputfield:not(.blue-button, .red-button, .green-button, .ui-buttonset .ui-button),
.td-page-option .ui-button:not(.blue-button, .red-button, .green-button, .ui-buttonset .ui-button),
.goToGraph .ui-inputfield:not(.blue-button, .red-button, .green-button, .ui-buttonset .ui-button)
{
    border: none;
    background-color: transparent !important;
}

.blue-button,
button.blue-button.ui-state-default,
.blue-button.ui-state-default
{
    background-color: var(--blue) !important;
    color: var(--special-buttons-text-color) !important;
}

.red-button,
button.red-button.ui-state-default,
.red-button.ui-state-default
{
    background-color: var(--red) !important;
    color: var(--special-buttons-text-color) !important;
}

.green-button,
button.green-button.ui-state-default,
.green-button.ui-state-default
{
    background-color: var(--lite-green) !important;
    color: var(--special-buttons-text-color) !important;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background-color: var(--controls-highlight-background);
}

body .ui-selectonemenu-panel {
    background-color: var(--inputs-background-color);
}

body .ui-panelgrid .ui-panelgrid-cell {
    color: var(--default-text-color-alt);
}

.edna-dialog {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.8);
    box-shadow: 0 5px 10px rgba(0,0,0,0.8);
}

.edna-dialog,
body .edna-dialog .ui-dialog-content,
body .edna-dialog .ui-panelgrid .ui-panelgrid-cell,
.edna-dialog.ui-widget-content,
body .ui-dialog .ui-dialog-content,
body .ui-dialog .ui-panelgrid .ui-panelgrid-cell,
.ui-dialog.ui-widget-content
{
    background-color: var(--dialog-background-color);
    color: var(--dialog-foreground-color);
}

body .edna-dialog .ui-dialog-titlebar,
body .ui-dialog .ui-dialog-titlebar {
    background-color: var(--dialog-title-background-color);
    color: var(--dialog-title-foreground-color);
}

body .edna-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon,
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: var(--dialog-title-foreground-color) !important;
}

body .edna-dialog .ui-dialog-footer,
body .ui-dialog .ui-dialog-footer {
    background-color: var(--dialog-footer-background-color);
    color: var(--dialog-footer-foreground-color);
}

.home-container {
    background-color: var(--general-background-color);
    box-shadow: 0px 0px 5px var(--special-shadow-color);
}

body .ui-datatable .ui-datatable-data > tr {
    background-color: var(--general-background-color);
}

body .ui-paginator .ui-paginator-current {
    color: var(--paginator-current-foreground-color);
}

.infoBar {
    color: var(--infobar-text-color);
    background-color: var(--infobar-background-color);
}

.home-panel-title {
    color: var(--home-panel-title-color);
}

.home-panel-title-dashboard {
    background-color: var(--solid-purple);
}

.home-panel-title-graph {
    background-color: var(--lite-green);
}

.home-panel-title-kpi {
    background-color: var(--lite-pastel-purple);
}

.home-panel-title-ran {
    background-color: var(--aqua);
}

body .ui-selectonemenu.ui-state-focus:not(.ui-state-error),
body .ui-inputfield.ui-state-focus
{
    box-shadow: 0 0 0 0.2em var(--inputs-focus-color);
}

select {
    background-color: var(--inputs-background-color);
    color: var(--inputs-foreground-color);
    border: var(--inputs-border-color);
}

.graph_container .ui-panel .ui-panel-content {
    background-color: var(--graph-background-color) !important;
    border-color: var(--graph-border-color);
}



body .ui-selectbooleanbutton,
body .ui-selectonebutton > .ui-button,
body .ui-selectmanybutton > .ui-button
{
    background-color: var(--controls-background-color);
}

.graph_content,
.chartParentDiv
{
    border-color: var(--graph-border-color);
}

body .graph-option .ui-selectbooleanbutton,
body .graph-option .ui-button,
.graph_footer_right .ui-button,
.graph_footer_right button.ui-button.ui-state-default,
.graph_footer_right .ui-button.ui-state-default
{
    background-color: var(--graph-controls-background-color);
    border-color: var(--graph-controls-border-color);
    color: var(--graph-controls-foreground-color);
}

body .graph-option .ui-selectonebutton > .ui-button,
body .graph-option .ui-selectmanybutton > .ui-button,
.kpi-stats-dialog-navigation .ui-selectonebutton > .ui-button,
.kpi-stats-dialog-navigation .ui-selectmanybutton > .ui-button
{
    background-color: var(--graph-granularity-control-background-color);
    border-color: var(--graph-granularity-control-border-color);
}

.chartjs-legend::-webkit-scrollbar-thumb {
    background: var(--graph-scrollbar-thumb-color);
}

.chartjs-legend::-webkit-scrollbar-thumb:hover {
    background: var(--graph-scrollbar-thumb-color-hover);
}

.chartjs-legend, .chartjs-legend-container {
    background-color: var(--graph-background-color);
}

.chartjs-timeseries-legend,
.chartjs-summary-legend
{
    scrollbar-color: var(--graph-scrollbar-thumb-color) transparent;
}

#chartjs-tooltip {
    background: var(--graph-tooltip-background-color);
}

body .ui-tooltip .ui-tooltip-text,
.qtip,
.qtip-tip
{
    background-color: var(--default-tooltip-background-color) !important;
    color: var(--default-tooltip-foreground-color) !important;
}

.qtip,
.qtip-default
{
    border-color: var(--default-tooltip-border-color) !important;
}

.qtip-content {
    color: var(--default-tooltip-foreground-color) !important;
}

.ranPanelFilter
.ranPanelFilter div
{
    background-color: var(--controls-background-color);
    border-color: var(--inputs-border-color);
}

.ranPanelFilterHighlight {
    border-color: var(--blue);
}

.ui-timer {
    color: var(--timer-text-color);
}

.navigationInterval {
    color: var(--timer-text-color);
}

.ui-datepicker-title {
    color: var(--calendar-header-foreground-color);
}

body .ui-datepicker {
    color: var(--default-text-color-alt) !important;
}

body .ui-datepicker .ui-datepicker-header {
    background-color: var(--calendar-header-background-color);
}

body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next {
    color: var(--default-text-color) !important;
}

.ui-datepicker-calendar {
    background-color: var(--calendar-background-color);
    color: var(--calendar-foreground-color);
}

.ui-datepicker-calendar .ui-state-default {
    color: var(--calendar-foreground-color) !important;
}

body .ui-datepicker .ui-datepicker-calendar thead {
    background-color: var(--calendar-weekname-strip-background-color);
    color: var(--calendar-weekname-strip-foreground-color);
}

.ui-datepicker-current-day {

}

.ui-datepicker-today a {
    color: var(--default-text-color) !important;
}

.ui-datepicker, .ui-datepicker.ui-widget-content {
    background-color: var(--calendar-background-color);
}

.ui-datepicker-calendar .ui-state-hover {
    background-color: var(--calendar-hover-color);
}

body .ui-datepicker .ui-datepicker-calendar td a:hover {
    background-color: var(--calendar-hover-color-alt);
}

body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background-color: var(--calendar-hover-color-alt);
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
    color: var(--calendar-today-foreground-color) !important;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:hover {
    color: var(--calendar-today-foreground-color) !important;
    color: var(--calendar-today-hover-foreground-color) !important;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active {
    background-color: var(--calendar-hover-color-alt);
}

.graph_header_right button {
    background-color: var(--graph-top-buttons-background-color) !important;
    border-color: var(--graph-top-buttons-border-color) !important;
}

.graph_header_right button span {
    color: var(--graph-top-buttons-foreground-color) !important;
}

.infoGraphLastRefresh {
    color: var(--timer-text-color);
}

.edna-graph-title {
    color: var(--graph-title-color);
}

.ui-datatable th.ui-state-default {
    background-color: var(--table-header-background-color);
    border-color: var(--table-header-border-color);
    color: var(--table-header-font-color);
}

body .ui-treetable thead th
{
    background-color: var(--controls-background-color-alt);
    border-color: var(--controls-border-color);
    color: var(--controls-foreground-color);
}

body .ui-datatable thead th.ui-state-hover {
    background-color: var(--table-header-hover-background-color);
    color: var(--table-header-hover-font-color);
}

body .ui-datatable thead th.ui-state-active {
    background-color: var(--table-header-highlighted-background-color);
    color: var(--table-header-highlighted-foreground-color);
}

body .ui-datatable thead th.ui-state-active.ui-state-hover {
    background-color: var(--controls-hover-background-color);
    color: var(--controls-hover-foreground-color);
}

body .ui-datatable thead th .ui-sortable-column-badge {
    background-color: var(--table-sort-badge-background-color);
    color: var(--table-sort-badge-foreground-color);
}

.ui-datatable-odd td {
	background-color: var(--table-odd-row-background-color);
	color: var(--table-odd-row-foreground-color);
	border-color: var(--table-cell-border-color) !important;
}

.ui-datatable-even td {
	background-color: var(--table-even-row-background-color);
    color: var(--table-even-row-foreground-color);
    border-color: var(--table-cell-border-color) !important;
}

.ui-datatable-tablewrapper,
.ui-paginator {
    border-right-color: var(--table-cell-border-color) !important;
}

.notificationRowError a, .notificationRowError a:hover,
.notificationRowSevere a, .notificationRowSevere a:hover,
.notificationRowWarning a, .notificationRowWarning a:hover,
.notificationRowInfo a, .notificationRowInfo a:hover,
.notificationRowClosed a, .notificationRowClosed a:hover
{
	color: var(--notifications-table-foreground-color) !important;
}

.notificationRowSevere td {
	background-color: var(--notifications-table-row-background-severe) !important;
	color: var(--notifications-table-foreground-color);
}

.notificationRowError td {
	background-color: var(--notifications-table-row-background-error) !important;
	color: var(--notifications-table-foreground-color);
}

.notificationRowWarning td {
	background-color: var(--notifications-table-row-background-warning) !important;
	color: var(--notifications-table-foreground-color);
}

.notificationRowInfo td {
    background-color: var(--notifications-table-row-background-info) !important;
	color: var(--notifications-table-foreground-color);
}

.notificationRowClosed td {
    background-color: var(--notifications-table-row-background-closed) !important;
	color: var(--notifications-table-foreground-color);
}

.notificationsTableGrid td {
    border-color: var(--notifications-grid-border-color) !important;
    color: var(--table-even-row-foreground-color);
}

.alarmRowCritical td {
    background-color: var(--alarms-table-row-background-critical) !important;
    color: var(--alarms-table-row-foreground-critical);
}

.alarmRowCritical a, .alarmRowCritical a:hover {
	var(--alarms-table-row-foreground-critical) !important;
}

.alarmRowMajor td {
    background-color: var(--alarms-table-row-background-major) !important;
    color: var(--alarms-table-row-foreground-major);
}

.alarmRowMajor a, .alarmRowMajor a:hover {
	color: var(--alarms-table-row-foreground-major);
}

.alarmRowMinor td {
    background-color: var(--alarms-table-row-background-minor) !important;
    color: var(--alarms-table-row-foreground-minor);
}
.alarmRowMinor a, .alarmRowMinor a:hover {
	color: var(--alarms-table-row-foreground-minor);
}

.alarmRowWarning td {
    background-color: var(--alarms-table-row-background-warning) !important;
    color: var(--alarms-table-row-foreground-warning);
}

.alarmRowWarning a, .alarmRowWarning a:hover {
	color: var(--alarms-table-row-foreground-warning) !important;
}

.alarmRowClosed td {
    background-color: var(--alarms-table-row-background-closed) !important;
    color: var(--alarms-table-row-foreground-closed);
}

.alarmRowClosed a, .alarmRowClosed a:hover {
	color: var(--alarms-table-row-foreground-closed) !important;
}

.blue-dark-color {
	color: var(--command-link-highlight-color-alt) !important;
}

body .ui-overlaypanel {
    background-color: var(--overlay-panel-background-color);
}

.ui-overlaypanel-content {
    background: transparent;
}

.panelFilterDark, .panelFilterLightDark {
    background-color: var(--panel-background-color-alt);
    border-color: var(--panel-border-color);
}

.panelFilterDark .ui-panel-content,
.panelFilterLightDark .ui-panel-content
{
    background-color: var(--panel-background-color-alt) !important;
}

body .ui-chkbox .ui-chkbox-box {
    background-color: var(--inputs-background-color);
    border-color: var(--inputs-border-color);
}

.ui-datatable td .ui-chkbox .ui-state-active{
	background-color: var(--lite-green-checkbox) !important;
}

.kpi_recomputation_separator {
    background-color: var(--separator-background-color) !important;
}

h3 {
    color: var(--default-text-color-alt);
}

.white-color {
	color: #dadada!important;
}

.blue-light-color {
	color: #81ace0!important;
}

.ui-growl-info, .ui-messages .ui-messages-info, .ui-message.ui-message-info {
	background-color:#50aa40;
	color: #fff;
    border-color: #50aa40;
}

.ui-growl-error, .ui-messages .ui-messages-error, .ui-message.ui-message-error {
	background-color:#d6696c;
	color: #fff;
    border-color: #d6696c;
}

.e-app-name,
.e-app-name a
{
	color: #DADADA !important;
	text-decoration: none;
}

.e-app-name a:hover {
	color: #FFF;
}

#login_wrapper {
    color: #616161 !important;
}

#login_wrapper a,
#login_wrapper a:hover
{
    color: #0066b3 !important;
}

.login_base {
    color: #e2e2e2;
}

.login_base a {
    color: #e2e2e2;
}

.login_app_name {
    color: #e2e2e2;
}

#login_box {
	background-color: #FFF;
	border-color: #CCC;
	box-shadow: 0px 0px 15px #d2f3ff;
}

#login_title {
	color: #848484;
}

#login_form .login-error {
	background-color: #FFBABA;
	border-color: #D8000C;
}

#login_form .login-error-text {
	color: #D8000C;
}

#login_footer {
	color: #FFF;
}

#login_form .blue-button {
    border-color: #AAA;
}

#login_form #username,
#login_form #password
{
    border-color: #CCC !important;
}

#request_account_footer {
	background: #EEE;
}

.status-bkg-critical {
    background-color: var(--status-critical-background-color)!important;
}

.status-critical {
	color: var(--status-critical-foreground-color)!important;
}

.status-bkg-major {
    background-color: var(--status-major-background-color)!important;
}

.status-bkg-minor {
    background-color: var(--status-minor-background-color)!important;
}

.status-bkg-warning {
    background-color: var(--status-warning-background-color)!important;
}

.status-bkg-ok {
    background-color: var(--status-ok-background-color)!important;
}

.status-ok {
    color: var(--status-ok-foreground-color)!important;
}

.status-bkg-unknown {
	background-color: var(--status-unknown-background-color)!important;
}

.status-unknown {
    color: var(--status-unknown-foreground-color)!important;
}

.status-bkg-undefined {
    background-color: var(--status-undefined-background-color)!important;
}

.status-undefined {
    color: var(--status-undefined-foreground-color)!important;
}

.kpi-stats-dialog-container {
    border-color: var(--graph-border-color) !important;
    background-color: var(--tabs-panel-background-color-alt);
}

.kpi-stats-summary-info {
    background-color: var(--summary-background-color);
    border-color: var(--summary-border-color);
}

.kpi-stats-container {
    border-color: var(--summary-border-color);
    background-color: var(--summary-background-color);
}

.kpi-stats-details-highlight {
    color: var(--blue);
}

.kpi-stats-details,
.stats-category-chart
{
    color: var(--default-text-color-alt2);
}

.stats-summary-container {
    border-color: var(--summary-border-color);
    background-color: var(--summary-background-color);
}

.ran-stats-network-value-type {
    color: var(--ran-stats-network-value-type-text-color);
}

.ran-stats-network-target {
    color: var(--ran-stats-network-target-text-color);
}

.ranEntityPanel,
.ran-stats-network-value-wrap,
.ranEntityPanelHeader,
.ranMapContainer
{
    border-color: var(--summary-border-color);
}

.ran-stats-kpis-table-cell-text {
    color: var(--ran-stats-kpi-table-cell-text-color);
}

.chart_parent_div,
div[id^="chartParentDiv_"],
div[id^="chartParentDiv_rankpi_"]
{
    border-color: var(--summary-border-color);
}

.kpi-stats-summary-box-value,
.kpi-stats-value-box-timestamp,
.kpi-stats-summary-target
{
    color: var(--summary-text-color-alt);
}

.kpi-stats-summary-value-box-wrap {
    border-top-color: var(--summary-text-color-alt);
}

body .ui-datascroller .ui-datascroller-content {
    color: var(--default-text-color-alt);
}

body .ui-datalist .ui-datalist-content {
    color: var(--inputs-foreground-color);
    border-color: var(--inputs-border-color);
}

body .ui-radiobutton .ui-radiobutton-box {
    background-color: var(--inputs-background-color);
    border-color: var(--inputs-border-color);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    background-color: var(--inputs-highlight-background-color);
    border-color: var(--inputs-border-color);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-hover,
body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover
{
    background-color: var(--controls-hover-background-color);
    border-color: var(--controls-hover-border-color);
}

.comp_rate_div {
    background-color: var(--inputs-background-color);
}

.stats-category {
    border-color: var(--summary-border-color);
}

body .ui-datatable .ui-datatable-data > tr > td {
    border-color: var(--table-cell-border-color) !important;
}

.infoXKpiDetails,
.infoKpiDetails,
.infoGraphDescription,
.infoXKpiDescription
{
	color: var(--info-kpi-details-text-color);
}

.infoKpiTimeInterval {
	color: var(--info-kpi-time-interval-text-color);
}

.infoGraphLastUpdate {
	color: var(--info-graph-last-update-text-color);
}

.infoGraphDialog .ui-state-hover {
	background-color: var(--inputs-hover-background-color);
}

.processingMessage {
	color: #8aa9d0;
}

.slaComputationRateValue {
	color: #FFF;
}

.slaComputationRateOnTarget {
	background-color: #65ad41;
}

.slaComputationRateBelowLevel1 {
	background-color: #F09960;
}

.slaComputationRateBelowLevel2 {
	background-color:#E65E5E;
}

.slaComputationRateNA {
	background-color: #a7a7a7;
}

.slaCollectionRateUndefined {
	background-color: #6692d9;
}

.task_variable_fields_separator {
    background-color: var(--separator-color);
}

body .ui-progressbar {
    background-color: var(--progressbar-background-color);
}

body .ui-progressbar .ui-progressbar-value {
    background-color: var(--progressbar-value-color);
}

.edna-red-text {
    color: var(--red);
}

.ql-toolbar.ql-snow .ql-picker-label,
.ql-snow .ql-stroke,
.ql-snow .ql-header,
.ql-snow .ql-formats
{
    color: var(--inputs-foreground-color-alt);
}

.ql-container.ql-snow,
.ql-toolbar.ql-snow
{
    border-color: var(--panel-titlebar-border-color);
}

.ql-snow .ql-editor blockquote {
    border-color: var(--default-text-color-alt2);
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: var(--controls-border-color);
    background-color: var(--inputs-background-color);
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: var(--inputs-border-color);
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button,
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button,
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button,
.ql-snow.ql-toolbar .ql-picker-label,
.ql-snow .ql-toolbar .ql-picker-label,
.ql-snow.ql-toolbar .ql-picker-label,
.ql-snow .ql-toolbar .ql-picker-label,
.ql-snow.ql-toolbar .ql-picker-item,
.ql-snow .ql-toolbar .ql-picker-item,
.ql-snow.ql-toolbar .ql-picker-item,
.ql-snow .ql-toolbar .ql-picker-item
{
    color: var(--inputs-foreground-color-alt);
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected
{
    color: var(--inputs-highlight-foreground-color);
    background-color: var(--inputs-highlight-background-color);
}

.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter
{
    stroke: var(--inputs-highlight-foreground-color);
}

.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill
{
    fill: var(--inputs-highlight-foreground-color);
}

.ql-snow .ql-tooltip,
.ql-snow .ql-tooltip input[type=text]
{
    background-color: var(--inputs-background-color);
    color: var(--inputs-foreground-color-alt);
}

.ql-snow .ql-tooltip input[type=text] {
    border-color: var(--inputs-border-color) !important;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill
{
    fill: var(--inputs-foreground-color-alt);
}

.ql-snow .ql-stroke {
    stroke: var(--inputs-foreground-color-alt);
}

.custom-object-highlight {
    background-color: var(--inputs-highlight-background-color);
    opacity: 0;
}

.custom-object-highlight:hover {
    opacity: .8;
    animation: custom-object-highlight-fadeIn linear 0.5s;
    -webkit-animation: custom-object-highlight-fadeIn linear 0.5s;
    -moz-animation: custom-object-highlight-fadeIn linear 0.5s;
    -o-animation: custom-object-highlight-fadeIn linear 0.5s;
    -ms-animation: custom-object-highlight-fadeIn linear 0.5s;
}

.custom-object-highlight:active {
    opacity: .8;
}

@keyframes custom-object-highlight-fadeIn {
  0% {opacity:0;}
  100% {opacity:.8;}
}

@-moz-keyframes custom-object-highlight-fadeIn {
  0% {opacity:0;}
  100% {opacity:.8;}
}

@-webkit-keyframes custom-object-highlight-fadeIn {
  0% {opacity:0;}
  100% {opacity:.8;}
}

@-o-keyframes custom-object-highlight-fadeIn {
  0% {opacity:0;}
  100% {opacity:.8;}
}

@-ms-keyframes custom-object-highlight-fadeIn {
  0% {opacity:0;}
  100% {opacity:.8;}
}

.header-options-right .ui-button,
.page-option .ui-button,
.td-page-option .ui-button,
.header-options-right-high .ui-button
{
    border-color: var(--page-top-bar-background-color) !important;
    background-color: var(--page-top-bar-background-color) !important;
}

.ui-diagram-element-header {
    background-color: var(--table-title-background-color);
}

.diagram-item-status-breakdown-tree-nodes .details-table thead td {
    color: var(--table-header-font-color);
}

.diagram-item-status-breakdown-tree-nodes .details-table tbody td i {
    color: var(--table-header-font-color);
}

.diagram-item-status-breakdown-tree-title .diagram-item-status-title {
    color: var(--default-text-color);
}

.diagram-item-status-breakdown-tree-title .diagram-item-status-details {
    color: var(--table-header-font-color);
}

.defaultGrouping {
    color: var(--controls-highlight-foreground-color-alt3) !important;
    background-color: var(--controls-highlight-background-color-alt3) !important;
}