/* NavBar */
.navbar.navbar-inverse,
.navbar.navbar-inverse .navbar-inner .container-fluid,
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .navbar-collapse, 
.navbar-inverse .navbar-form,
.nav-collapse.in {
  background-color: var(--evolux-navbar-bg-color, #373435);
}

.navbar-inverse .nav-collapse .nav>li>a:hover, 
.navbar-inverse .nav-collapse .nav>li>a:focus {
  background-color: transparent;
  color: var(--evolux-navbar-text-hover-color, #E0B041);
}

.navbar-inverse .nav-collapse .dropdown-menu a:hover, 
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
  color: var(--evolux-navbar-dropdown-item-text-hover-color, #00BBD3);
}

.navbar-inverse .btn-navbar,
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled],
.navbar-inverse .navbar-toggle {
  color: var(--evolux-navbar-text-color, white);
  background-color: var(--evolux-navbar-button-bg-color, #0e0e0e);
  background-image: var(--evolux-navbar-button-bg-color, #0e0e0e);
  border-color: var(--evolux-navbar-button-bg-color, #0e0e0e);
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: transparent;
}
.new-agent-panel .navbar-new #current_location,
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: var(--evolux-navbar-border-color, #101010);
}

.dropdown-menu {
  background-clip: border-box;
}

#menu-wrapper .navbar-menu > li > a,
.navbar-inverse .nav > li > a {
  color: var(--evolux-navbar-text-color, white)
}

#menu-wrapper .navbar-menu > li > a:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:active {
  color: var(--evolux-navbar-text-hover-color, #E0B041);
}

#menu-wrapper #menu > li.active > a {
  color: var(--evolux-navbar-text-active-color, #E0B041);
}

#menu-wrapper .navbar-menu .dropdown-menu,
#menu-wrapper .navbar-menu .dropdown-menu > li,
#menu-wrapper .navbar-menu .dropdown-menu > li > a:hover {
  background-color: var(--evolux-navbar-dropdown-bg-color, white);
}

.navbar .nav > li.open .dropdown-menu,
.dropdown-menu > li > a:active, 
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover, 
.dropdown-submenu > li > a:active, 
.dropdown-submenu > li > a:focus, 
.dropdown-submenu > li > a:hover,
.dropdown-submenu:active > a,
.dropdown-submenu:focus > a,
.dropdown-submenu:hover > a {
  color: var(--evolux-navbar-dropdown-item-text-hover-color, #00BBD3);
  background-color: var(--evolux-navbar-dropdown-bg-color, white);
}

.navbar .btn-navbar .icon-bar {
  background-color: var(--evolux-navbar-text-color, white);
}

#evolux-polymer .dropdown .dropdown-menu .nav-header,
.nav-header, .dropdown .dropdown-menu .nav-header,
.plan-section__header {
  color: var(--evolux-navbar-dropdown-header-text-color, #000);
  opacity: 0.54;
}

#menu-wrapper .navbar-menu .dropdown-menu > li > a,
.dropdown-menu>li>a,
.plan-section__name {
  color: var(--evolux-navbar-dropdown-item-text-color, #333);
}

#menu-wrapper .navbar-menu .dropdown-menu > li > a:hover, 
#menu-wrapper .navbar-menu .dropdown-submenu:hover > a {
  color: var(--evolux-navbar-dropdown-item-text-hover-color, #00BBD3);
}

#menu-wrapper #menu .dropdown-submenu > a:after,
.dropdown-submenu > a:after,
.dropdown-submenu > a:active:after,
.dropdown-submenu > a:focus:after,
.dropdown-submenu > a:hover:after,
.dropdown-submenu:hover > a:after {
  border-left-color: var(--evolux-navbar-dropdown-item-text-color, #333) !important;
  opacity: 0.87;
}

#menu-wrapper .navbar-menu .dropdown-menu .divider,
.dropdown-menu .divider, .dropdown-submenu .divider {
  background-color: var(--evolux-navbar-dropdown-divider-color, #EEE);
  border-bottom: 0;
}

/* Agent Panel */
.new-agent-panel .navbar-new .selectize-dropdown {
  background-color: var(--evolux-navbar-dropdown-bg-color, #FFF);
}

.new-agent-panel .navbar-new .selectize-dropdown:before,
.new-agent-panel .navbar .nav > li > .dropdown-menu:before,
.new-agent-panel .navbar .nav > li > .dropdown-menu:after{
  border-bottom-color: var(--evolux-navbar-dropdown-bg-color, white);
}

.new-agent-panel .queue-counters-icon,
.new-agent-panel .queue-counters-number,
.new-agent-panel .queue-counters-select,
.new-agent-panel .queue-counters-select .selectize-control.single .selectize-input .item {
  color: var(--evolux-navbar-text-color, white) !important;
}

.new-agent-panel .navbar-new .selectize-control.single .selectize-input:after,
.new-agent-panel .navbar-new .selectize-control.single .selectize-input.dropdown-active:after {
  border-color: var(--evolux-navbar-text-color, white) transparent transparent transparent;
}

.new-agent-panel .navbar-new #current_location > span,
.new-agent-panel .navbar-new #digital_clock {
  color: var(--evolux-navbar-inverse-text-color, #999);
}

.new-agent-panel .user-photo {
  background: var(--evolux-navbar-inverse-text-color, #999);
}

.new-agent-panel .navbar-menu-title {
  color: var(--evolux-navbar-dropdown-header-text-color, #000);
  opacity: 0.54;
}

.new-agent-panel .navbar-new .dropdown-menu > li > a,
.new-agent-panel .navbar-new .selectize-dropdown [data-selectable],
.new-agent-panel .navbar-new .selectize-dropdown [data-selectable].active {
  color: var(--evolux-navbar-dropdown-item-text-color, #333);
}

.new-agent-panel .navbar-new .dropdown-menu .divider {
  background-color: var(--evolux-navbar-dropdown-divider-color, #EEE);
}

/* Evolux Phone */
.evolux-phone .navbar.navbar-inverse .navbar-inner .zendesk-header-items a,
.evolux-phone .navbar.navbar-inverse .navbar-inner .zendesk-header-items h4 {
  color: var(--evolux-navbar-text-color, white);
}

.evolux-phone .navbar.navbar-inverse .softphone-status-wrapper {
  background-color: var(--evolux-evolux-phone-extension-status-bg-color, black);
}

.evolux-phone .navbar.navbar-inverse .softphone-status-wrapper .status-label {
  color: var(--evolux-evolux-phone-extension-status-text-color, white);
}

/* Buttons */
.btn-primary {
   background: var(--evolux-btn-primary-bg-color, #006dcc);
   color: var(--evolux-btn-primary-text-color, #fff);
   border-color: var(--evolux-btn-primary-border-color, #2e6da4);
}

.btn-primary:hover {
   background: var(--evolux-btn-primary-bg-hover-color, #04c);
   color: var(--evolux-btn-primary-text-hover-color, #fff);
   border-color: var(--evolux-btn-primary-border-hover-color, #204d74);
}

.btn-primary:active {
   background: var(--evolux-btn-primary-bg-active-color, #04c);
   color: var(--evolux-btn-primary-text-active-color, #fff);
   border-color: var(--evolux-btn-primary-border-active-color, #204d74);
}

.btn-primary:focus {
   background: var(--evolux-btn-primary-bg-focus-color, #04c);
   color: var(--evolux-btn-primary-text-focus-color, #fff);
   border-color: var(--evolux-btn-primary-border-focus-color, #122b40);
}

/* Overview */
.evolux-html-manager-panel,
.evolux-panel.panel-dark {
  background: var(--evolux-overview-bg-color, #101214) !important;
}

.evolux-html-manager-panel .navbar-nav .clock-date {
  color: var(--evolux-navbar-inverse-text-color, #999);
}

.evolux-panel.panel-dark .evolux-card {
  background: var(--evolux-card-bg-color, #2A2A2A);
}

.evolux-panel .evolux-card .evolux-card-header,
.evolux-panel.panel-dark .evolux-card-header {
  background: var(--evolux-card-header-bg-color, #272727);
  color: var(--evolux-card-header-text-color, #9A9A9A);
}

.evolux-graph-footer {
  background: var(--evolux-card-footer-bg-color, #222);
  color: var(--evolux-card-footer-text-color, #828282);
}

.evolux-graph-footer span {
  color: var(--evolux-card-footer-text-color, #828282);
}

/* FIXME: replace all .evolux-panel classes by #evolux-manager-panel */
.evolux-panel.panel-dark .evolux-hero-subtitle {
  color: var(--evolux-card-content-text-color, #E0E0E0);
}

.evolux-panel.panel-dark .evolux-hero-context {
  color: var(--evolux-card-context-text-color, #E0E0E0);
}

.evolux-panel gauge-chart .highcharts-container svg > path {
  fill: var(--evolux-card-gauge-chart-bg-color, #444);
}

#evolux-manager-panel div.highcharts-container > svg > .highcharts-axis-labels > text {
  fill: var(--evolux-card-context-text-color, #E0E0E0) !important;
}

#evolux-manager-panel .highcharts-container svg > g.highcharts-data-labels > g > text > tspan {
  fill: var(--evolux-card-content-text-color, #fff) !important;
}

.evolux-panel .evolux-graph-view .highcharts-container svg > g.highcharts-axis-labels > text,
.evolux-panel .evolux-graph-view .highcharts-container svg > g.highcharts-yaxis-labels > text {
  color: var(--evolux-card-context-text-color, #E0E0E0) !important;
  fill: var(--evolux-card-context-text-color, #E0E0E0) !important;
}

.evolux-graph-more span {
  background: var(--evolux-card-footer-btn-bg-color, #171717);
  color: var(--evolux-card-footer-btn-text-color, #ccc);
}

.evolux-graph-more span:hover {
  background: var(--evolux-card-footer-btn-bg-hover-color, #ccc);
  color: var(--evolux-card-footer-btn-text-hover-color, #222);
}

#evolux-manager-panel table th {
  color: var(--evolux-overview-table-header-text-color, #696969);
}

#evolux-manager-panel table td, 
#evolux-manager-panel table th,
#evolux-manager-panel .evolux-graph-status-opened {
  border-color: var(--evolux-overview-table-border-color, #555);
}

#server-connection-error {
  color: var(--evolux-loading-color, #E0E0E0);
}

/* Queue Panel */
.evolux-queue-panel > #evolux-wrap {
  background-color: var(--evolux-queue-panel-bg-color, transparent);
}

.evolux-queue-panel .logo-container {
  background-color: var(--evolux-queue-panel-bg-color, #E5E5E5);
}

.evolux-queue-panel .evolux-region-pie-chart .highcharts-data-labels text tspan {
  fill: var(--evolux-queue-panel-region-chart-label-color, grey) !important;
}

/* Mapping evolux variables to evolux-ui button component classes */

a.ev2-button {
  text-decoration: none;
}

a.ev2-button.ev2-button--primary:hover {
  color: var(--evolux-btn-primary-text-color, #fff) !important;
}

.ev2-button.ev2-button--primary.ev2-button--positive {
  background: var(--evolux-btn-primary-bg-color, #006dcc) !important;
  color: var(--evolux-btn-primary-text-color, #fff) !important;
  border-color: var(--evolux-btn-primary-border-color, #2e6da4) !important;
}

.ev2-button.ev2-button--tertiary.ev2-button--positive {
  color: var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

.ev2-button.ev2-button--primary.ev2-button--positive .ev2-icon.ev2-icon--positive {
  color: var(--evolux-btn-primary-text-color, #fff) !important;
}

.ev2-button.ev2-button--primary.ev2-button--positive:hover {
  background: var(--evolux-btn-primary-bg-hover-color, #04c) !important;
  color: var(--evolux-btn-primary-text-hover-color, #fff) !important;
  border-color: var(--evolux-btn-primary-border-hover-color, #204d74) !important;
}

.ev2-button.ev2-button--primary.ev2-button--positive:hover .ev2-icon.ev2-icon--positive {
  color: var(--evolux-btn-primary-text-hover-color, #fff) !important;
}

.ev2-button.ev2-button--primary.ev2-button--positive:active {
  background: var(--evolux-btn-primary-bg-active-color, #04c) !important;
  color: var(--evolux-btn-primary-text-active-color, #fff) !important;
  border-color: var(--evolux-btn-primary-border-active-color, #204d74) !important;
}

.ev2-button.ev2-button--primary.ev2-button--positive:active .ev2-icon.ev2-icon--positive {
  color: var(--evolux-btn-primary-text-active-color, #fff) !important;
}

.ev2-button.ev2-button--primary.ev2-button--positive:focus {
  background: var(--evolux-btn-primary-bg-focus-color, #04c) !important;
  color: var(--evolux-btn-primary-text-focus-color, #fff) !important;
  border-color: var(--evolux-btn-primary-border-focus-color, #122b40) !important;
}

.ev2-button.ev2-button--primary.ev2-button--positive:focus .ev2-icon.ev2-icon--positive {
  color: var(--evolux-btn-primary-text-focus-color, #fff) !important;
}

.ev2-button.ev2-button--primary.ev2-button--positive:disabled {
  background: var(--evolux-btn-primary-bg-disabled-color, #e9e9e9) !important;
  color: var(--btn-primary-text-disabled-color, #ccc) !important;
}

.ev2-button.ev2-button--primary.ev2-button--positive:disabled .ev2-icon.ev2-icon--positive {
  color: var(--btn-primary-text-disabled-color, #ccc) !important;
}

/* Mapping evolux variables to evolux-ui text classes */

.ev2-text.ev2-text--positive {
  color: var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

/* Mapping evolux variables to evolux-ui toast classes */

.ev2-toast.ev2-toast--info {
  border-left: 6px solid var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

/* Mapping evolux variables to evolux-ui checkbox classes */

.ev2-selectable-base__input:checked ~ .ev2-checkbox__span {
  background: var(--evolux-btn-primary-bg-color, #006dcc) !important;
  border-color: var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

/* Mapping evolux variables to evolux-ui input classes */

.ev2-input__input-wrapper:focus-within {
  box-shadow: 0px 0px 0px 2px  var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

.ev2-input__label:focus-within .ev2-input__wrapper {
  box-shadow: 0px 0px 0px 2px var(--evolux-btn-primary-bg-color, #006dcc) !important;
 }

 /* Mapping evolux variables to evolux-ui number tag classes */

.ev2-numbertag {
background-color: var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

/* Mapping evolux variables to evolux-ui radio button classes */

.ev2-radio__span:hover {
  border-color: var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

.ev2-radio .ev2-selectable-base__input:checked ~ .ev2-radio__span {
  border-color: var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

.ev2-radio .ev2-selectable-base__input:checked ~ .ev2-radio__span .ev2-radio__dot {
  background:  var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

/* Mapping evolux variables to evolux-ui textarea classes */

.ev2-textarea__textarea-wrapper:focus-within {
  box-shadow: 0px 0px 0px 2px var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

/* Mapping evolux variables to evolux-ui switch classes */

.ev2-switch__span:hover {
  border-color: var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

.ev2-switch .ev2-selectable-base__input:checked ~ .ev2-switch__span {
  border-color: var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

.ev2-switch .ev2-selectable-base__input:checked ~ .ev2-switch__span .ev2-switch__ball {
  background-color: var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

/* Mapping evolux variables to evolux-ui icon classes */

.ev2-icon.ev2-icon--positive {
  color: var(--evolux-btn-primary-bg-color, #006dcc);
}

/* Mapping evolux variables to evolux-ui number picker classes */

.ev2-numberpicker__handle {
  background: var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

.ev2-numberpicker__handle:hover, .ev2-numberpicker__handle:active {
  border-color: var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

.ev2-numberpicker__input:focus {
  box-shadow: 0px 0px 0px 2px var(--evolux-btn-primary-bg-color, #006dcc) !important;
}

.ev2-numberpicker__track--gradient-at-0pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 0%, #cccccc 0%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-1pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 1%, #cccccc 1%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-2pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 2%, #cccccc 2%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-3pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 3%, #cccccc 3%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-4pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 4%, #cccccc 4%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-5pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 5%, #cccccc 5%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-6pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 6%, #cccccc 6%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-7pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 7%, #cccccc 7%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-8pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 8%, #cccccc 8%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-9pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 9%, #cccccc 9%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-10pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 10%, #cccccc 10%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-11pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 11%, #cccccc 11%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-12pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 12%, #cccccc 12%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-13pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 13%, #cccccc 13%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-14pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 14%, #cccccc 14%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-15pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 15%, #cccccc 15%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-16pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 16%, #cccccc 16%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-17pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 17%, #cccccc 17%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-18pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 18%, #cccccc 18%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-19pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 19%, #cccccc 19%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-20pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 20%, #cccccc 20%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-21pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 21%, #cccccc 21%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-22pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 22%, #cccccc 22%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-23pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 23%, #cccccc 23%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-24pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 24%, #cccccc 24%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-25pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 25%, #cccccc 25%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-26pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 26%, #cccccc 26%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-27pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 27%, #cccccc 27%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-28pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 28%, #cccccc 28%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-29pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 29%, #cccccc 29%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-30pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 30%, #cccccc 30%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-31pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 31%, #cccccc 31%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-32pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 32%, #cccccc 32%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-33pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 33%, #cccccc 33%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-34pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 34%, #cccccc 34%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-35pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 35%, #cccccc 35%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-36pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 36%, #cccccc 36%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-37pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 37%, #cccccc 37%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-38pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 38%, #cccccc 38%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-39pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 39%, #cccccc 39%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-40pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 40%, #cccccc 40%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-41pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 41%, #cccccc 41%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-42pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 42%, #cccccc 42%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-43pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 43%, #cccccc 43%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-44pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 44%, #cccccc 44%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-45pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 45%, #cccccc 45%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-46pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 46%, #cccccc 46%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-47pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 47%, #cccccc 47%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-48pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 48%, #cccccc 48%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-49pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 49%, #cccccc 49%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-50pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 50%, #cccccc 50%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-51pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 51%, #cccccc 51%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-52pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 52%, #cccccc 52%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-53pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 53%, #cccccc 53%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-54pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 54%, #cccccc 54%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-55pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 55%, #cccccc 55%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-56pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 56%, #cccccc 56%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-57pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 57%, #cccccc 57%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-58pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 58%, #cccccc 58%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-59pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 59%, #cccccc 59%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-60pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 60%, #cccccc 60%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-61pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 61%, #cccccc 61%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-62pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 62%, #cccccc 62%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-63pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 63%, #cccccc 63%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-64pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 64%, #cccccc 64%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-65pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 65%, #cccccc 65%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-66pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 66%, #cccccc 66%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-67pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 67%, #cccccc 67%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-68pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 68%, #cccccc 68%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-69pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 69%, #cccccc 69%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-70pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 70%, #cccccc 70%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-71pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 71%, #cccccc 71%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-72pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 72%, #cccccc 72%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-73pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 73%, #cccccc 73%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-74pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 74%, #cccccc 74%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-75pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 75%, #cccccc 75%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-76pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 76%, #cccccc 76%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-77pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 77%, #cccccc 77%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-78pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 78%, #cccccc 78%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-79pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 79%, #cccccc 79%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-80pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 80%, #cccccc 80%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-81pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 81%, #cccccc 81%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-82pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 82%, #cccccc 82%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-83pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 83%, #cccccc 83%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-84pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 84%, #cccccc 84%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-85pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 85%, #cccccc 85%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-86pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 86%, #cccccc 86%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-87pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 87%, #cccccc 87%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-88pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 88%, #cccccc 88%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-89pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 89%, #cccccc 89%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-90pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 90%, #cccccc 90%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-91pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 91%, #cccccc 91%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-92pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 92%, #cccccc 92%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-93pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 93%, #cccccc 93%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-94pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 94%, #cccccc 94%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-95pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 95%, #cccccc 95%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-96pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 96%, #cccccc 96%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-97pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 97%, #cccccc 97%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-98pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 98%, #cccccc 98%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-99pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 99%, #cccccc 99%-100%) !important;
}
.ev2-numberpicker__track--gradient-at-100pct {
  background-image: linear-gradient(to right, var(--evolux-btn-primary-bg-color, #006dcc) 100%, #cccccc 100%-100%) !important;
}