div.range-wrapper > input[type=range] {
    -webkit-appearance: none;
    margin: 0;
    width: 100%;
    outline: none;
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
  }
div.range-wrapper > input[type=range]:hover {
    outline: none;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;  
  }
div.range-wrapper > input[type=range]:focus {
	outline: none;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;  
}
div.range-wrapper > input[type=range]:active {
	outline: none;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;  
}

div.range-wrapper.disabled > input[type=range]:hover {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;  
  }
div.range-wrapper.disabled > input[type=range]:focus {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;  
}
div.range-wrapper.disabled > input[type=range]:active {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;  
}

/*webkit fixes*/
div.range-wrapper > input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 6px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	background: #87a0aa;
	border-radius: 25px;
	border: 1px solid #4a6068;
}
div.range-wrapper > input[type=range]::-webkit-slider-thumb {
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	border: 1px solid #ca7d02;
	height: 20px;
	width: 9px;
	border-radius: 7px;
	background: #fda921;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -7.8px;
}
div.range-wrapper > input[type=range]:focus::-webkit-slider-runnable-track {
	background: #87a0aa;
}	

div.range-wrapper.disabled > input[type=range]::-webkit-slider-runnable-track
{
	cursor: not-allowed !important;
	background: #ccc;
	border: 1px solid #555;
	opacity: .6 !important;
	-webkit-opacity: .6 !important;
}
div.range-wrapper.disabled > input[type=range]::-webkit-slider-thumb
{
	cursor: not-allowed !important;
	background: #ccc;
	border: 1px solid #555;
	opacity: .6 !important;
	-webkit-opacity: .6 !important;
}


/*mozilla fixes*/
div.range-wrapper > input[type=range]::-moz-focus-outer {
	border: 0;
}
div.range-wrapper > input[type=range]::-moz-range-track {
	width: 100%;
	height: 6px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	background: #87a0aa;
	border-radius: 25px;
	border: 1px solid #4a6068;
}
div.range-wrapper > input[type=range]::-moz-range-thumb {
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	border: 1px solid #ca7d02;
	height: 20px;
	width: 9px;
	border-radius: 7px;
	background: #fda921;
	cursor: pointer;
}	


div.range-wrapper.disabled > input[type=range]::-moz-range-track {
	background: #ccc;
	border: 1px solid #555;
	cursor: not-allowed;
}
div.range-wrapper.disabled > input[type=range]::-moz-range-thumb {
	background: #ccc;
	border: 1px solid #555;
	cursor: not-allowed;
}

    /*edge fixes*/
    div.range-wrapper-container > input[type=range]::-ms-track 
    {
        background: transparent;
        border-color: transparent;
        color: transparent;

        width: 100%;
        height: 6px;
        cursor: pointer;
        animate: 0.2s;
        
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        background: #87a0aa;
        border-radius: 25px;
        border: 1px solid #4a6068;

        cursor: pointer !important;
    }
    
    div.range-wrapper > input[type=range]::-ms-fill-lower 
    {
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        background: #87a0aa;
        border-radius: 25px;
        border: 0px solid #4a6068;
        cursor: pointer !important;
    }

    div.range-wrapper > input[type=range]::-ms-fill-upper
    {     
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        background: #87a0aa;
        border-radius: 25px;
        border: 0px solid #4a6068;
        cursor: pointer !important;
    }

    div.range-wrapper > input[type=range]::-ms-thumb 
    {      
        margin-top: 0px !important;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        border: 1px solid #ca7d02;
        height: 16px !important;
        width: 5px;
        border-radius: 7px;
        background: #fda921;
        cursor: pointer !important;
    }

    /*
    div.range-wrapper > input[type=range]:focus::-ms-fill-lower 
    {

    }

    div.range-wrapper > input[type=range]:focus::-ms-fill-upper 
    {

    }
    */



.slider-head
{
	background-color:#f0f0f0;
	border: 1px solid #ccc;
	border-radius: 4px 4px 0 0;
}

.slider-name , .slider-value
{
	font-weight: bold;
}

.slider-name > span , .slider-value > span
{
	display:inline-block;padding:5px;
}


h5.slider-value, h5.slider-name
{
	margin-top:4px;
	margin-bottom:2px;
	white-space: nowrap;
	overflow: hidden;
}