/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 */
.jspContainer{position:relative}
.jspPane{position:absolute;padding-right:30px !important}
.jspVerticalBar{position:absolute;top:0;right:0;width:15px;height:100%}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:0}
.jspHorizontalBar *,.jspVerticalBar *{margin:0;padding:0}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:#ddd;position:relative;background:url(../images/line-v.png) repeat-y center}
.jspDrag{background:#fff;position:relative;top:0;left:0;width:15px;height:15px;cursor:pointer;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.jspDrag:after,.jspDrag:before{content:'';position:absolute;width:6px;height:6px}
.jspDrag:before{top:2px;left:2px;border-left:1px solid #4c4741;border-top:1px solid #4c4741}
.jspDrag:after{bottom:2px;right:2px;border-right:1px solid #4c4741;border-bottom:1px solid #4c4741}
.jspDrag:hover:before{border-left:1px solid #000;border-top:1px solid #000}
.jspDrag:hover:after{border-right:1px solid #000;border-bottom:1px solid #000}
.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:0}
.jspCorner{background:#eeeef4;float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0}

@media (max-width:768px){
.jspContainer{width:auto !important}
.jspPane{top:0 !important;width:auto !important;padding-right:0 !important}
.jspHorizontalBar,.jspVerticalBar{display:none}
}