:root {
  --panel-radius: 0.75rem;
}

[data-bs-theme=dark] {
  --ea-text-color--error: hsl(0, 0%, 85%);
  --ea-bg: #153441;
  --ea-link-color: #06a1c9;
  --ea-title-bg: #0b0f17;
  --ea-bg-color--from: hsl(200, 50%, 15%);
  --ea-bg-color--to: hsl(210, 15%, 15%);
  --ea-bg-popup: hsl(210, 20%, 10%);
  --ea-base-color: #ffffff;
  --ea-hr-color: hsl(220, 20%, 40%);
  --ea-stepper-color: hsl(0, 0%, 89%);
  --ea-navbar-bg-color: #020b0d;
  --ea-sidebar-hover: hsl(80, 20%, 50%);
  --ea-sidebar-parent-active: #105d7373;
  --ea-sidebar-active: #105d7373;
  --ea-sidebar-item-text: #ffffff;
  --ea-hover-gradient: linear-gradient(139deg, rgba(35, 75, 91, 0.568627451), rgba(0, 0, 0, 0.3882352941));
  --ea-hover-bg: #234b5b91;
  --ea-data-grid-header: #2f545f;
  --ea-data-grid-filter-row: hsl(120, 20%, 20%);
  --border-color: #ffffff9a;
  --border-selected-color: #016c8c;
  --border-table-color: #2f545f;
  --ea-button-primary: #003f51;
  --ea-button-primary-hover: rgb(0, 102.6666666667, 132);
  --ea-button-primary-focus: rgb(0, 142.3333333333, 183);
  --ea-button-default: hsl(45, 60%, 50%);
  --ea-button-danger: hsl(20, 90%, 60%);
  --ea-button-danger-hover: hsl(20, 90%, 70%);
  --ea-button-bg: #0b0f14;
  --ea-item-bg: #060910;
  --ea-link: #00cbfd;
  --ea-gis-without-data: hsl(0, 0%, 60%);
  --ea-gis-with-data: hsl(15, 80%, 60%);
  --ea-gis-active: hsl(0, 0%, 70%);
  --ea-data-ge-95: hsl(120, 50%, 50%);
  --ea-data-ge-50: hsl(30, 50%, 50%);
  --ea-data-ge-0: hsl(0, 50%, 50%);
  --ea-no-data: hsl(0, 0%, 60%);
  --ea-bg-tariff-st: hsl(0, 0%, 15%);
  --ea-tariff-ht: hsl(149, 37%, 61%);
  --ea-tariff-lt: hsl(180, 43%, 38%);
  --ea-tariff-st: hsl(77, 41%, 60%);
  --ea-weekday-mon: hsl(0, 50%, 40%);
  --ea-weekday-tue: hsl(30, 50%, 40%);
  --ea-weekday-wed: hsl(60, 50%, 40%);
  --ea-weekday-thu: hsl(210, 50%, 40%);
  --ea-weekday-fri: hsl(270, 50%, 40%);
  --ea-weekday-sat: hsl(160, 60%, 40%);
  --ea-weekday-sun: hsl(80, 60%, 40%);
  --ea-lp-active-plus: hsl(15, 60%, 60%);
  --ea-lp-active-minus: hsl(90, 60%, 40%);
  --ea-lp-active-plus-net: hsl(300, 30%, 40%);
  --ea-lp-active-minus-net: hsl(140, 50%, 40%);
  --ea-lp-reactive-inductive: hsl(30, 50%, 40%);
  --ea-lp-reactive-capacitive: hsl(60, 50%, 40%);
  --ea-lp-reactive-q1: hsl(180, 50%, 40%);
  --ea-lp-reactive-q2: hsl(210, 50%, 40%);
  --ea-lp-reactive-q3: hsl(240, 50%, 40%);
  --ea-lp-reactive-q4: hsl(270, 50%, 40%);
  --ea-sun-on: hsl(40, 90%, 50%);
  --ea-sun-off: hsl(0, 0%, 50%);
  --introjs-bg: hsl(220, 20%, 30%);
  --ea-default-text: var(--dx-color-text);
  --ea-success-normal: var(--bs-success);
  --ea-button-outlined-border-color: hsl(0, 0%, 100%);
  --scrollbar-thumb: #5f6b7a;
  --scrollbar-thumb-hover: #7b8794;
  --scrollbar-track: transparent;
}

[data-bs-theme=light] {
  --ea-text-color--error: hsl(0, 0%, 85%);
  --ea-bg-color--from: hsl(213, 20%, 95%);
  --ea-bg-color--to: hsl(120, 20%, 100%);
  --ea-base-color: hsl(80, 20%, 40%);
  --ea-hr-color: hsl(80, 20%, 40%);
  --ea-stepper-color: hsl(0, 0%, 89%);
  --ea-sidebar-hover: hsl(80, 20%, 90%);
  --ea-sidebar-parent-active: hsl(80, 20%, 60%);
  --ea-sidebar-active: hsl(80, 20%, 80%);
  --ea-sidebar-item-text: hsl(80, 40%, 20%);
  --ea-navbar-bg-color: #f8fafa;
  --ea-data-grid-header: hsl(80, 20%, 80%);
  --ea-data-grid-filter-row: hsl(210, 30%, 30%);
  --ea-button-primary: hsl(80, 40%, 50%);
  --ea-button-primary-hover: hsl(80, 40%, 40%);
  --ea-button-primary-focus: hsl(80, 40%, 30%);
  --ea-button-default: hsl(45, 60%, 50%);
  --ea-button-danger: hsl(0, 40%, 50%);
  --ea-button-danger-hover: hsl(0, 40%, 40%);
  --ea-button-bg: #0b0f14;
  --ea-item-bg: #060910;
  --ea-link: #00cbfd;
  --ea-gis-without-data: hsl(0, 0%, 60%);
  --ea-gis-with-data: hsl(15, 80%, 60%);
  --ea-gis-active: hsl(0, 0%, 70%);
  --ea-data-ge-95: hsl(120, 50%, 50%);
  --ea-data-ge-50: hsl(30, 50%, 50%);
  --ea-data-ge-0: hsl(0, 50%, 50%);
  --ea-no-data: hsl(0, 0%, 60%);
  --ea-bg-tariff-st: hsl(0, 0%, 15%);
  --ea-tariff-ht: hsl(20, 50%, 40%);
  --ea-tariff-lt: hsl(80, 50%, 40%);
  --ea-tariff-st: hsl(0, 0%, 40%);
  --ea-weekday-mon: hsl(0, 50%, 40%);
  --ea-weekday-tue: hsl(30, 50%, 40%);
  --ea-weekday-wed: hsl(60, 50%, 40%);
  --ea-weekday-thu: hsl(210, 50%, 40%);
  --ea-weekday-fri: hsl(270, 50%, 40%);
  --ea-weekday-sat: hsl(160, 60%, 40%);
  --ea-weekday-sun: hsl(80, 60%, 40%);
  --ea-lp-active-plus: hsl(0, 50%, 40%);
  --ea-lp-active-minus: hsl(90, 60%, 40%);
  --ea-lp-active-plus-net: hsl(300, 30%, 40%);
  --ea-lp-active-minus-net: hsl(140, 50%, 40%);
  --ea-lp-reactive-inductive: hsl(30, 50%, 40%);
  --ea-lp-reactive-capacitive: hsl(60, 50%, 40%);
  --ea-lp-reactive-q1: hsl(180, 50%, 40%);
  --ea-lp-reactive-q2: hsl(210, 50%, 40%);
  --ea-lp-reactive-q3: hsl(240, 50%, 40%);
  --ea-lp-reactive-q4: hsl(270, 50%, 40%);
  --ea-sun-on: hsl(40, 90%, 50%);
  --ea-sun-off: hsl(0, 0%, 50%);
  --introjs-bg: hsl(220, 20%, 90%);
  --ea-default-text: var(--dx-color-text);
  --ea-success-normal: var(--bs-success);
  --ea-button-outlined-border-color: hsl(210, 20%, 20%);
}

#navbar {
  height: 60px;
  background-color: var(--ea-navbar-bg-color);
  padding: 0;
}

html[data-bs-theme=dark] #navbar {
  background: linear-gradient(180deg, #050712, #010c0c);
}

#navbar-menu-collapse {
  z-index: 10;
}