input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	margin: 0;
	padding : 0;
	height: 0;
}

input[type=range]:focus {
	outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 0px;
	cursor: pointer;
	box-shadow: 0.1px 0.1px 0px #005900, 0px 0px 0.1px #007200;
	background: rgba(36, 41, 46, 0.63);
	border-radius: 0px;
	border: 0px solid #010101;
}

input[type=range]::-webkit-slider-thumb {
	box-shadow: 0px 0px 0px rgba(0, 0, 62, 0.67), 0px 0px 0px
		rgba(0, 0, 88, 0.67);
	border: 0.4px solid rgba(0, 30, 0, 0.57);
	height: 20px;
	width: 15px;
	border-radius: 0px;
	background: /* On "top" */ repeating-linear-gradient( 45deg, transparent
		, transparent 2px, #ccc 2px, #ccc 4px), /* on "bottom" */
  linear-gradient( to bottom, #eee, #999);
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -9px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: rgba(92, 105, 118, 0.63);
}

input[type=range]::-moz-range-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	box-shadow: 0.1px 0.1px 0px #005900, 0px 0px 0.1px #007200;
	background: rgba(36, 41, 46, 0.63);
	border-radius: 0px;
	border: 0px solid #010101;
}

input[type=range]::-moz-range-thumb {
	box-shadow: 0px 0px 0px rgba(0, 0, 62, 0.67), 0px 0px 0px
		rgba(0, 0, 88, 0.67);
	border: 0.4px solid rgba(0, 30, 0, 0.57);
	height: 20px;
	width: 15px;
	border-radius: 0px;
	background: #ffffff;
	cursor: pointer;
}

input[type=range]::-ms-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

input[type=range]::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.63);
	border: 0px solid #010101;
	border-radius: 0px;
	box-shadow: 0.1px 0.1px 0px #005900, 0px 0px 0.1px #007200;
}

input[type=range]::-ms-fill-upper {
	background: rgba(36, 41, 46, 0.63);
	border: 0px solid #010101;
	border-radius: 0px;
	box-shadow: 0.1px 0.1px 0px #005900, 0px 0px 0.1px #007200;
}

input[type=range]::-ms-thumb {
	box-shadow: 0px 0px 0px rgba(0, 0, 62, 0.67), 0px 0px 0px
		rgba(0, 0, 88, 0.67);
	border: 0.4px solid rgba(0, 30, 0, 0.57);
	height: 20px;
	width: 15px;
	border-radius: 0px;
	background: #ffffff;
	cursor: pointer;
	height: 2px;
}

input[type=range]:focus::-ms-fill-lower {
	background: rgba(36, 41, 46, 0.63);
}

input[type=range]:focus::-ms-fill-upper {
	background: rgba(92, 105, 118, 0.63);
}

input[type=range][class=range_slider]::-webkit-slider-thumb {
	height: 20px;
	width: 40px;
	border-radius: 20%;
	background: lightgrey;
}