.rulerSliderContainer{display:inline-block;background-color:#e1e1e1;margin-top:10%;width:100%}.draggableRulerSliderContainer{position:relative}.draggableRulerSlider{position:absolute!important;left:45%;z-index:1;height:72px;width:18px;cursor:pointer}.draggableRulerSlider .sliderContents{position:relative;height:100%;width:100%}.draggableRulerSlider .sliderContents .middleLine{position:absolute;height:100%;width:45%;border-right:2px solid #42b3d5}.draggableRulerSlider .sliderContents .topArrow{position:absolute;top:-5px;border-top:9px solid #42b3d5;border-left:9px solid transparent;border-right:9px solid transparent}.draggableRulerSlider .sliderContents .bottomArrow{position:absolute;bottom:-4px;border-bottom:9px solid #42b3d5;border-left:9px solid transparent;border-right:9px solid transparent}.rulerContainer{position:relative;border-top:1px solid;height:70px;overflow-x:hidden;overflow-y:hidden}.ruler{position:relative;height:100%}.ruler .inchContainer{display:inline-block;height:100%}.ruler .eighth{width:15px;height:100%;display:inline-block;vertical-align:top;position:relative}.ruler .eighth.inch .inchNumber{position:absolute;top:65%;right:18px;font-weight:600}.ruler .eighth.forth .measurement{font-size:10px;position:absolute;right:34%}.ruler .eighth.forth .halfNumber{top:52%}.ruler .eighth.forth .forthNumber{top:42%}.ruler .eighth .mark{display:inline-block;border-right:1px solid #000;height:20px;width:5px}.ruler .eighth.inch .mark{border-right-width:2px;height:60px}.ruler .eighth.forth .mark{border-right-width:2px;height:30px}.ruler .eighth.half .mark{border-right-width:2px;height:37px}