/*Refer to this css to customize your css*/

.rangelabel{width:100%;clear:both;}
.labelmin{font-weight:bold;margin-left:5px;}
.labelmax{float:right;font-weight:bold;margin-right:5px;}
.rangeread1,.rangeread2 {font-weight:normal}
/*This is to control the text input of the range*/
input[class*='slideinput'] {width:25px;} 
/*This div to styling the slider */
div[class*='rangclass-'] {width:93%;margin:0 auto;}
/*This div to styling the range bar */
div[class*='rangclass-'] , .ui-slider-range {background: #0B0B61 !important; }

/*This div to styling the slider handle */
div[class*='rangclass-'] , .ui-slider-handle {background: #D8D8D8 !important;  }
/*This div for range text input*/
div[class*='rangeinput-']{width:50%;float:left;}