.at-multirange-slider {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #999999;
  height: 1em;
  padding-top: .5em;
}

.at-multirange-slider .slider {
  border: 1px solid silver;
  height: 0.5em;
  position: relative;
}

.at-multirange-slider .slider-range {
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: top;
}

.at-multirange-slider .slider-handle {
  border-radius: 1em;
  background: #fff;
  cursor: pointer;
  border: 2px solid gray;
  height: 1em;
  position: absolute;
  right: -0.4em;
  text-align: center;
  top: -0.3em;
  width: 1em;
  z-index: 100;
}

.tslider-handle {
  border-radius: 1em;
  background: #f55;
  cursor: pointer;
  border: 2px solid gray;
  height: 1em;
  position: absolute;
  right: -0.4em;
  text-align: center;
  top: -0.3em;
  width: 3em;
  z-index: 100;
}

.at-multirange-slider .slider-handle:hover {
  background: #ddd;
}

.at-multirange-slider .slider-range:last-child .slider-handle{
    display: none;
}

.at-multirange-slider .slider-label-top {
  font-size: .75em;
  display: block;
  position: absolute;
  text-align: center;
  top:-1.5em;
  width:100%;
}
.at-multirange-slider .slider-label-bottom {
  font-size: .75em;
  display: block;
  line-height: 0.7em;
  position: absolute;
  text-align: center;
  top:1.3em;
  width:100%;
}

.at-multirange-slider .slider-handle .slider-handle-label {
  font-size: .75em;
  position: absolute;
  right: -1.4em;
  text-align: center;
  top: 1.5em;
  color: #44546a;
  font-weight:bold;
}
.slider-handle-label2 {
  font-size: .75em;
  position: absolute;
  right: -1.4em;
  text-align: center;
  top: -1.5em;
  color: #44546a;
  font-weight:bold;
}

.time-handle-label {
  font-size: .75em;
  position: absolute;
  right: 0.4em;
  text-align: center;
  top: 0.15em;
  color: #44546a;
  font-weight:bold;
}

/*.slider {
    background: #022;
  }*/
  
.color-range-5 {
  background-color: #00aed6;
}
.color-range-4 {
  background-color: rgba(228,37,33,0.5);/*#e425217f;	/* red */
}
.color-range-3 {
  background-color: rgba(238,121,28,0.5);/*#ee791c7f;	/* orange */
}
.color-range-2 {
  background-color: rgba(255,223,0,0.5);/*#ffdf007f;	/* yellow */
}
.color-range-1 {
  background-color: rgba(26,153,0,0.5);/*#1a99007f;	/* green */
}
.color-range-0 {
  background-color: rgba(0,174,214,0.5);/*#00aed67f;	/* azure */
}

.datebox {
	border:2px solid;
	border-radius:10%;
	border-color:#6CC598;
	padding:0.4em;
	color:#44546A;
	font-weight:bold;
	margin: 0;
	text-align:center;
}

.hex-range-out {
	display:none;
}
.hex-range-in {
  background-color: rgba(26,153,0,0.25);/*#1a99003f;	/* green */
}