.slider {
	-webkit-appearance: none;
	height: 15px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	color:red;
	width: 130px;
}

.slider-alone {
	display: inline-block;
	width:20px;
	margin-left:7px;
	border-radius:10px;
	color: black;
	text-align: center;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	cursor: pointer;
	background: rgb(232, 16, 12);
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: blue;
	cursor: pointer;
}

.slider-alone-0, .slider-0::-webkit-slider-thumb {
	background: rgb(232, 16, 12);
}

.slider-alone-1, .slider-1::-webkit-slider-thumb {
	background: rgb(255, 162, 0);
}

.slider-alone-2, .slider-2::-webkit-slider-thumb {
	background: rgb(255, 234, 0);
}

.slider-alone-3, .slider-3::-webkit-slider-thumb {
	background: rgb(12, 232, 48);
}


/* Version Firefox */

.slider-alone-0, .slider-0::-moz-range-thumb {
	background: rgb(232, 16, 12);
}

.slider-alone-1, .slider-1::-moz-range-thumb {
	background: rgb(255, 162, 0);
}

.slider-alone-2, .slider-2::-moz-range-thumb {
	background: rgb(255, 234, 0);
}

.slider-alone-3, .slider-3::-moz-range-thumb {
	background: rgb(12, 232, 48);
}