/*CSS HANDLER */
#time_menu {
  background: none repeat scroll 0 0 #0b0b0b;
  padding-bottom: 5px;
}
#time_slider {
  height: 2px;
  margin: 10px auto;
  width: 75%;
  background: var(--regola_gradiente);
}
#time_menu .ui-widget-header {
  background: none;
}
#time_slider .ui-slider-handle.ui-state-default.ui-corner-all {
  background: var(--regola_gradiente);
  border-radius: 3px;
  height: 8px;
  width: 8px;
}
#hidden_time_select{
  display: none;
}
#time_menu > ul {
  margin-top: 5px;
}
#time_labels {
  margin: 5px 0 ;
}
#time_labels > li {
  display: inline-block;
  margin: 0 6%;
}
a.slider_label {
  background: none repeat scroll 0 0 #282828;
  border-radius: 2px;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 1px;
  text-align: center;
  text-decoration: none;
  width: auto;
}
a.slider_label.active {
  background-color: var(--colore_principale);;
  color: var(--testo_gradiente);;    
}
#day_labels {
}
#day_labels li {
  display: inline-block;
  margin: 5px 1% 0;
  text-align: center;
  width: 23%;
}
#day_labels li a {
  background: none repeat scroll 0 0 #282828;
  border-radius: 2px;
  color: #fff;
  display: block;
  font-size: 10px;
  height: 20px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
}
#day_labels li a.active{
  background-color: var(--live_active_color);;
  color: var(--testo_gradiente);;  
}
.upper {
  height: 40px;
  display: block;
}
.lower {
  height: auto;
}