/* :root {
  --link-color: #E2211C;
  --link-color-active: #E2211C;
  --link-color-hover: #E2211C;

  --bs-link-color: #E2211C;
  --bs-link-hover-color: #E2211C;
  --sp-primary-color: #E2211C;
  --btn-primary-bg: #E2211C;
  --btn-primary-border: #E2211C;
  --btn-primary-bg-hover: #E2211C;
  --btn-primary-bg-active: #E2211C;
  --btn-primary-bg-inactive: #e2211c66;

  --radiobox-color: #E2211C;

  --checkbox-bg: #E2211C;
  --checkbox-border: #E2211C;
  --badge-info: #eaeaea;
}

table {
  --table-row-alert: #E2211C;
}

footer {
  --footer-bg-color: #212427;
  --footer-link-hover-bg: #E2211C;
}

repower-nav-controlbar {
  --nav-controlbar-border: #5d5d5d;
  --nav-controlbar-font-color: #fff;
  --nav-controlbar-font-color-active: #E2211C;
}

repower-screen, repower-main-navigation,repower-main-navigation-dynamic  {
  --screen-logo-bg-color: #E2211C;
}

repower-generic-heatmap {
  --generic-heatmap-header-step2: #d18080;
  --generic-heatmap-header-step3: #E2211C;
}

repower-generic-dateselector {
  --datepicker-button-bg: #ab0000;
}

repower-gen-object-selector {
  --object-selector-chips-content-bg: #ab0000;
}

repower-slider-control {
  --slider-control-button-color: #E2211C;
}

sp-smart-manager {
  --slider-border: #b31a1a;
}

sp-smart-manager-main-menu {
  --active-menu-item-font-color: #ab0000;
}

sp-ripple-control-menu {
  --selected-program-font-color: #ab0000;
}

sp-validation-menu {
  --menu-container-item-active-bg: #ab0000;
}

repower-datepicker {
  --datepicker-selected-item-border: #ab0000;
  --datepicker-selected-item-bg: #ab0000;
  --datepicker-selected-item-border-hover: #ab0000;
  --datepicker-selected-item-bg-hover: #ab0000;
}

sp-nav-compact-menu .top-nav-menu {
  background-color: rgba(255, 255, 255, .8);
  border-radius: .5rem;
  padding: .2rem .5rem;
}

repower-main-navigation-dynamic>nav>div>div.menu>ul>li>a:hover {
  border-bottom: 2.5px solid white;
  color: white !important;
  --screen-menu-font-color: white;
}

repower-main-navigation-dynamic>nav>div>div.menu>ul>li>a:hover>repower-icon>i>svg {
  fill: #fff !important;
}

repower-main-navigation-dynamic>nav>div>div.menu>ul>li>a.active {
  border-bottom: 2.5px solid var(--btn-primary-bg);
  color: #fff !important;
}

repower-main-navigation-dynamic>nav>div>div.menu>ul>li>a.active>repower-icon>i>svg {
  fill: #fff !important;
}

@media (max-width: 575px) {
  repower-main-navigation-dynamic>nav {
      top: 0;
      right: 0;
      background-color: transparent !important;
      box-shadow: rgba(234, 234, 234, 0.15) 0px 25px 20px -40px;
  }

  repower-main-navigation-dynamic>nav>ul>li>a.active,
  repower-main-navigation-dynamic>nav a:hover {
      --screen-menu-font-color: white;
      --screen-menu-underline: transparent;
  }

  repower-main-navigation-dynamic>nav>ul>li>a.active>repower-icon>i>svg,
  repower-main-navigation-dynamic>nav a:hover>repower-icon>i>svg {
      fill: white !important;
  }

  repower-main-navigation-dynamic>nav .hidden {
      right: -250px;
  }

  repower-main-navigation-dynamic>nav>ul {
      float: right;
      position: absolute;
      right: 0px;
      height: 100%;
      z-index: 9999;
      width: 250px;
      text-align: right;
      background-color: white;
      border-bottom-right-radius: 7px;
      border-bottom-left-radius: 7px;
      box-shadow: rgba(136, 136, 136, 0.2) 0px 60px 40px -7px;
  }

  repower-main-navigation-dynamic>nav>ul>li {
      margin: 15px !important;
      color: var(--btn-secondary-bg) !important;
  }

  repower-main-navigation-dynamic>nav>ul>li>a {
      display: flex;
      align-items: center;
      max-width: 160px;
      color: var(--btn-secondary-bg) !important;
      text-decoration: none;
      --screen-menu-font-color: white;
  }

  repower-main-navigation-dynamic>nav>ul>li>a>repower-icon>i>svg {
      fill: #5d5d5d !important;
  }
}

repower-main-navigation-dynamic>nav>div div.menu>ul>li.sidebar-btn {
  background-color: transparent !important;
}

repower-main-navigation-dynamic>nav>div div.menu>ul>li.sidebar-btn>div {
  padding-left: 23px !important;
  color: var(--btn-primary-bg) !important;
  text-transform: uppercase;
  font-weight: 600;
}

repower-main-navigation-dynamic>nav>div div.menu>ul>li.sidebar-btn>div>repower-icon>i>svg {
  display: none;
}

repower-main-navigation-dynamic>nav>div>div>ul>li>.active,
repower-main-navigation-dynamic>nav>div>div>ul>li>.active:active,
repower-main-navigation-dynamic>nav>div>div>ul>li>.active:hover,
repower-main-navigation-dynamic>nav>div>div>ul>li>.active:focus {
  color: white !important;
}

sp-nav-compact-menu {
  display: block;
  background-image: url('http://api.smartpower.ch/common/Tenant/getMedia/ews/bg.jpg');
  background-position: 50% 40%;
  background-size: cover;
}

img.logo {
  content:url("http://api.smartpower.ch/common/Tenant/getMedia/ews/logo.png");
}*/