.input-range {
    -webkit-appearance: none;
	display:inline-block;
    width: 100%;
    height: 8px;
	margin-top:7px;
	
    border-radius: 5px;
    background: #f77700;
    outline: none;
	
	
	
   
 
    
    
}

.input-range::-webkit-slider-thumb{
	-webkit-appearance: none;
  border: 1px solid #FFF;
  height: 30px;
  width: 16px;
  border-radius: 3px;
  background: #a3bb00;
  cursor: pointer;
  margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

.input-range::-moz-range-thumb{
	-webkit-appearance: none;
  border: 1px solid #FFF;
  height: 30px;
  width: 16px;
  border-radius: 3px;
  background: #a3bb00;
  cursor: pointer;
  
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

.input-range::-ms-thumb{
	-webkit-appearance: none;
  border: 1px solid #FFF;
  height: 30px;
  width: 16px;
  border-radius: 3px;
  background: #a3bb00;
  cursor: pointer;
  
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

#range-value{
	border-left:1px solid #ccc;
	width:60px;
	font-weight:bold;
	margin-top:-5px;
	height:20px;
}