/*CSS HANDLER */
#time_menu {
}
#time_slider {
  height: 5px;
  margin: 9px 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: 25px;
  height: 15px;
  width: 15px;
}
#hidden_time_select{
  display: none;
}
#time_menu > ul {
  margin-top: 5px;
}
#time_labels {
  margin: 5px 0 ;
}
#time_labels > li {
	display: inline-block;
	margin: auto 5px;
	width: calc(20% - 10px);
}
a.slider_label {
  background: var(--colore_principale2_dark);;
  border-radius: 2px;
  color: var(--testo_gradiente2);    
  display: block;
  font-size: 15px;
  padding: 0 3.9px;
  text-align: center;
  text-decoration: none;
  width: auto;
}
a.slider_label.active {
  background: var(--regola_gradiente);
  color: var(--testo_gradiente);    
}
#day_labels {
	margin: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#day_labels li {
  background: var(--colore_principale2_light);;
	display: table-cell;
	text-align: center;
	width: 25%;
  border: 1px solid;
}
#day_labels li a.active,
#day_labels li:hover {
  background: var(--colore_principale);;
	color: var(--testo_gradiente);
}
#day_labels li:hover a{
  color: var(--testo_gradiente);
}

#day_labels li a {
  color: var(--testo_gradiente2);    
	display: block;
	font-size: 14px;
	line-height: 30px;
	padding: 0;
	position: relative;
	font-weight: bold;
	text-align: center;
  border-bottom: 1px solid var(--colore_principale_dark);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#time_menu #day_labels li a.active:hover{
}
.upper {
  height: 40px;
  /*display: none;*/
}
/*.upper.visible{*/
/*  display: block; */
/*}*/
.lower {
  height: auto;
}