.range-bar{background-color:#CCC;border-radius:0px;display:inline-block;height:8px;position:relative;width:65%;vertical-align:middle;}
.range-quantity{background-color:#017afd;border-radius:15px;display:block;height:100%;width:0;}
.range-handle{background-color:#fff;border-radius:100%;cursor:move;height:36px;width:36px;left:0;top:-13px;position:absolute;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);}
.range-min,.range-max{color:#181819;font-size:12px;height:20px;padding-top:4px;position:absolute;text-align:center;top:-9px;width:24px;}.range-min{left:-30px;}
.range-max{right:-30px;}
.vertical{height:100%;width:4px;}
.vertical .range-quantity{bottom:0;height:0;position:absolute;width:100%;}
.vertical .range-handle{bottom:0;left:-13px;top:auto;}
.vertical .range-min,.vertical .range-max{left:-10px;right:auto;top:auto;}.vertical .range-min{bottom:-30px;}
.vertical .range-max{top:-30px;}
.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.range-disabled{cursor:default;}
.range-quantity{background-color:#00c552;border-radius:15px;display:block;height:100%;width:0}
.range-min,.range-max{color:#181819;font-size:12px;height:20px;padding-top:4px;position:absolute;text-align:center;top:-9px;width:24px}
.range-min{left:-30px}.range-max{right:-30px}.vertical{height:100%;width:4px}.vertical .range-quantity{bottom:0;height:0;position:absolute;width:100%}.vertical .range-handle{bottom:0;left:-13px;top:auto}.vertical .range-min,.vertical .range-max{left:-10px;right:auto;top:auto}.vertical .range-min{bottom:-30px}.vertical .range-max{top:-30px}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-disabled{cursor:default}