input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin-top:10px;
  margin-bottom:10px;
  border:none;
}
input[type=range]:focus {
  border:none;
  outline: none;  
}

.slider::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(to right, #ff0000,#9f1a4f,#261f5f,#007c59,#00b050); 
    outline: none;    
}
.slider::-moz-range-track {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(to right, #ff0000,#9f1a4f,#261f5f,#007c59,#00b050); 
    outline: none;
}
.slider::-ms-track {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(to right, #ff0000,#9f1a4f,#261f5f,#007c59,#00b050);  
    outline: none;
}
.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 25px;
    border-radius: 5px;
    /*background: radial-gradient(#f1f1f1,#7d87b7); */
    background:#fff;
    border:1px #bebcbc solid;
    cursor: pointer;
    margin-top:-8px;
}
.slider::-moz-range-thumb {
    width: 20px;
    height: 25px;
    border-radius: 5px;
    background:#fff;
    border:1px #bebcbc solid;
    cursor: pointer;
}