:root {
  --evu-primary: #4da7c4;
  --bs-body-color: #6b7380;
  --evu-bicon: var(--bs-body-color);
  --evu-text: var(--bs-body-color);
  --evu-icon-btn-primary: var(--bs-body-color);
  --evu-icon-btn-primary-bg: transparent;
  --bs-border-radius: 5px;
  --bs-card-radius: 12px;
  --bs-btn-border-radius: 5px;
  --evu-input-height: 40px;
  --sp-head-font-color: #4f555f;
  --sp-subhead-font-color: #535964;
  --evu-card-padding-desktop: 0px;
  --evu-card-padding-tablet: 0px;
  --evu-datepicker-border-radius: 5px;
  --evu-datepicker-pill-border-radius: 5px;
  --evu-btn-border-radius: 5px;
  --evu-datepicker-topbar-bg: rgb(236 245 250);
  --evu-secondary-bg: rgb(217, 237, 249);
  --evu-border-weak: #e2e8f042;
  --evu-datepicker-min-height: 40px;
  --evu-input-or-select-height: 40px;

  --evu-btn-secondary-bg: #465063;
  --btn-secondary-border: #465063;

  --bs-tooltip-color: #fff;
  --bs-tooltip-arrow-color: transparent;

  --bs-primary-rgb: #4da7c4;
  --btn-light-color: #eef2f9;
  --bs-emphasis-color: #f7f9fb;
  --main-bg-color: #f7f9fb;
  --link-color: #4da7c4;
  --link-color-active: #4da7c4;
  --link-color-hover: #4da7c4;
  --sp-primary-color: #4da7c4;
  --bs-link-color: #4da7c4;
  --bs-link-hover-color: #4da7c4;
  --btn-primary-bg: #4da7c4;
  --btn-primary-border: #4da7c4;
  --btn-primary-bg-hover: #1a8eb3;
  --btn-primary-bg-active: #4da7c4;
  --btn-primary-bg-inactive: #4da7c466;
  --btn-primary-font-color: #fff;
  --radiobox-color: #4da7c4;
  --radiobox-bg-color: #fff;
  --bs-bg-darker: #ebeef3;
  --radiobox-color-before: #ebeef3;
  --radiobox-bg-color-before: #fff;
  --evu-checkbox-label-border: #d0e9f8;
  --evu-checkbox-bg: var(--screen-bg-color);
  --badge-info: #e7f3f7;
  --modalbox-bg: #fff;
  --modalbox-border: var(--btn-light-color);
  --bs-border-color: #e2e8f0cc;
  --evu-generic-input-border: var(--bs-border-color);
  --bs-secondary-bg: #ebeef3;
  --card-header: #f7f9fb;
  --screen-padding: 0.7rem;  
  --scrollbar-width: 0px;
  --h-notifications: 0px;
  --sidebar-width: 270px;

  --nav-controlbar-font-color-active: green;
  --darker-base-gray-shade: #f7f9fb;
  --main-screen-color: #f2f6f9;
  --bs-card-cap-bg: #f2f6f9;

  --font-size-base: 1rem;
  /* 16px */
  /* Smaller sizes */
  /* 11px*/
  --font-size-xxs: 0.6875rem;
  --body-font-size: 0.75rem;
  --bs-body-font-size: var(--body-font-size);
  /* 12px */
  --subheader-font-size: 0.85rem;
  /*  13.6px*/
  --font-size-sm: 0.875rem;
  /* 14px */
  /* Larger sizes */
  --font-size-lg: 1.125rem;
  /* 18px */
  --font-size-xl: 1.25rem;
  /* 20px */
  --font-size-2xl: 1.5rem;
  /* 24px */
  --font-size-3xl: 1.875rem;
  /* 30px */
  --font-size-4xl: 2.25rem;
  /* 36px */
  --font-size-5xl: 3rem;
  /* 48px */
  --font-size-6xl: 3.75rem;
  /* 60px */

  --status-operational: #2ab486;
  --status-ok: #2b8b64;
  --status-installation: #ffec19;
  --status-pending: #f59e0b;
  --status-interfered: #f59e0b;
  --status-critical: #ef4444;
  --status-offline: #6b7280;
  --status-unknown: #dadada;
  --status-faulty: #ef4444;
  --success-rgb: 166 216 150;
  --danger-rgb: 231, 76, 60;

  --status-success: #059669;
  --status-warning: #f59e0b;
  --status-error: #ef4444;
  --status-neutral: #6b7280;
  --status-info: #3b82f6;
  --status-unknown: #9ca3af;
  --status-installation: #f59e0b;

  --status-success-rgb: 16, 185, 129;
  --status-warning-rgb: 245, 158, 11;
  --status-error-rgb: 239, 68, 68;
  --status-neutral-rgb: 107, 114, 128;
  --status-info-rgb: 59, 130, 246;
}

table {
  --table-bg: rgb(253 253 255);
  --table-head-bg: rgba(248, 250, 252, 0.8);
  --table-body-bg: #f2f6f9;
  --table-font-color: var(var(--bs-body-color));
  --table-box-shadow: #e5e5e5;

  --table-cell-border: #e9ecef;

  --table-row-ok: #a2ad00;
  --table-row-warn: #ffb60f;
  --table-row-alert: #4da7c4;

  --table-border-left: #ebeef3;
  --table-border-right: #ebeef3;

  --table-primary-color: #b8daff;
  --table-primary-color-dark: #9fcdff;
  --table-secondary-color: #dddfe2;
  --table-secondary-color-dark: #cfd2d6;
  --table-success-color: #c3e6cb;
  --table-success-color-dark: #b1dfbb;
  --table-info-color: #bee5eb;
  --table-info-color-dark: #abdde5;
  --table-warning-color: #ffeeba;
  --table-warning-color-dark: #ffe8a1;
  --table-danger-color: #f5c6cb;
  --table-danger-color-dark: #f1b0b7;
  --table-light-color: #fdfdfe;
  --table-light-color-dark: #ececf6;
  --table-dark-color: #c6c8ca;
  --table-dark-color-dark: #b9bbbe;

}

footer {
  /* --footer-bg-color: #a09494; */
  --footer-font-color: #fff;
  --footer-link-color: #fff;
  --footer-link-hover-color: #fff;
  --footer-link-hover-bg: #4da7c4;
  --footer-main-color: #4a5568;
}

repower-nav-controlbar {
  --nav-controlbar-border: #e5e5e5;
  --nav-controlbar-font-color: #f7f9fb;
  --nav-controlbar-font-color-active: #4da7c4;
}

repower-nav-main-menu {
  --nav-main-menu-font-color: #f7f9fb;
  --nav-main-menu-bg: var(--bs-body-color);
}

repower-screen,
repower-main-navigation,
repower-main-navigation-dynamic,
sp-ripple-control-submenu,
sp-ripplecontrol {
  --screen-bg-color: #f7f9fb;
  --screen-logo-bg-color: #4da7c4;
  --screen-logo-font-color: #fff;
  --screen-font-color: var(--bs-body-color);
  --screen-menu-font-color: var(--bs-body-color);
  --screen-menu-underline: transparent;
  --screen-menu-underline-active: transparent;
  --screen-aside-border-color: transparent;
  --screen-aside-bg-color: transparent;
  --screen-aside-menu-border: #d0d0d0;
  --screen-aside-menu-bg: #e0e0e0;
  --screen-burger-btn-bg: transparent;
  --screen-burger-btn-bars-color: var(--btn-primary-bg);
}

repower-layout {
  --layout-error-msg-border: #FFAA9B;
  --layout-error-msg-bg: #fff;
  --layout-error-button-border: var(--btn-light-color);
  --layout-error-button-bg: #fff;
}

repower-generic-heatmap {
  --generic-heatmap-header-step1: #e9f4f7;
  --generic-heatmap-header-step2: #80bfd1;
  --generic-heatmap-header-step3: #4da7c4;
  --generic-heatmap-cell: #e9f4f7;
  --generic-heatmap-cell-border: #fff;
}


repower-generic-dateselector {
  --datepicker-button-bg: #1a8eb3;
  --datepicker-button-font-color: #fff;
}

repower-gen-object-selector {
  --object-selector-bg: #f9f9f9;
  --object-selector-title-color: #5A585A;
  --object-selector-chips-selector-bg: #E0DFDF;
  --object-selector-chips-selector-border: #CBCBCB;
  --object-selector-chips-content-bg: #0081ab;
  --object-selector-chips-content-font-color: #fff;
  --object-selector-list-border: var(--btn-light-color);
  --object-selector-list-bg: #fff;
}

repower-slider-control {
  --slider-control-border: var(--btn-light-color);
  --slider-control-bg: #fff;
  --slider-control-button-color: #4da7c4;
  --slider-control-button-bg: #fff;
}

sp-smart-manager {
  --slider-border: #1a8eb3;
  --slider-bg: #fff;
}

sp-smart-manager-main-menu {
  --active-menu-item-bg: var(--btn-light-color);
  --active-menu-item-font-color: #1a8eb3;
}

sp-ripple-control-menu {
  --selected-program-bg: var(--btn-light-color);
  --selected-program-font-color: #1a8eb3;
}

sp-validation-menu {
  --menu-container-item-active-bg: #1a8eb3;
  --menu-container-item-active-font-color: #fff;
}