@charset "utf-8";
/* CSS Document */

input[type='range']{	
    -webkit-appearance: none !important;
	overflow: hidden;
	height: 22px;
}

/*remove the outline blue border*/
input[type=range]:focus {
    outline: none;
}

/*Chrome input style*/
input[type='range']::-webkit-slider-runnable-track{	
	-webkit-appearance: none !important;
	height: 2px;	
	border-radius: 0px;
	background-color: #BFBFBF;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);	
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
	background-repeat: no-repeat;
}


input[type='range']::-webkit-slider-thumb{
	-webkit-appearance: none !important;
	margin-top: -10px;
	width: 22px;
	height: 22px;	
	background-color: rgba(120,120,120,0.55);
	opacity: 1;
	border-radius: 50%;
	position: relative;
	z-index: 3;
}

input[type='range']::-webkit-slider-thumb:before {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 2000px;
  height: 5px;
  transform: translate3d(0,-2.5px,0);
  background: #949494;
  content: ' ';
  z-index: 2;
}


input[type='range']:disabled::-webkit-slider-runnable-track{
	background-color: #dee2d6;
	cursor: not-allowed;
}

input[type='range']:disabled::-webkit-slider-thumb{	
	background-color: rgba(200,200,200,0.45);
}

input[type='range']:disabled::-webkit-slider-thumb:before {
  background: #d2d2d2;
}

/*FF input style*/
input[type=range]::-moz-range-track {
	height: 6px;	
	border-radius: 0px;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);	
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

input[type=range]::-moz-range-thumb {
	margin-top: -10px;
	width: 22px;
	height: 22px;	
	background-color: rgba(95,95,95,0.55);
	opacity: 1;
	border-radius: 50%;
	border-width: 0px;
	position: relative;
}


/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type='range']:disabled::-moz-range-track{
	background-color: #e7eae2;
	cursor: not-allowed;
}

input[type='range']:disabled::-moz-range-thumb{	
	background-color: #dadada;
}