/* 
 * Scroller v3.1.2 - 2014-12-08 
 * A jQuery plugin for replacing default browser scrollbars. Part of the Formstone Library. 
 * http://formstone.it/scroller/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */

.scroller{
    overflow:hidden;
    overflow-x:hidden;
    overflow-y:hidden;
    position:relative
}
.scroller,.scroller *{
    -webkit-user-select:none!important;
    -moz-user-select:none!important;
    -ms-user-select:none!important;
    user-select:none!important
}
.scroller,.scroller-content,.scroller-bar,.scroller-track,.scroller-handle{
    box-sizing:border-box
}
.scroller-content{
    position:relative;
    z-index:1;
    height:100%;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
.scroller-content::-webkit-scrollbar,.scroller-content::-webkit-scrollbar-button,.scroller-content::-webkit-scrollbar-track,.scroller-content::-webkit-scrollbar-track-piece,.scroller-content::-webkit-scrollbar-thumb,.scroller-content::-webkit-scrollbar-corner,.scroller-content::-webkit-resizer{
    background:0 0;
    opacity:0
}
.scroller-bar{
    width:16px;
    height:100%;
    position:absolute;
    right:0px;
    top:0;
    z-index:2;
    background:#fff;
    display:none
}
.scroller-track{
    width:2px;
    height:100%;
    position:relative;
    background:#9da5be;
    /*overflow:hidden*/
}
.scroller-handle{
    width:20px;
    height:42px;
    position:absolute;
    top:0;
    right:-9px;
    z-index:2;
    background:#9da5be;
    border:2px solid #747e9a;
    cursor:pointer;
    border-radius: 12px;
}
.scroller-horizontal .scroller-content{
    overflow:auto;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 16px 0
}
.scroller-horizontal .scroller-bar{
    width:100%;
    height:16px;
    top:auto;
    bottom:0;
    border-width:1px 0 0 0
}
.scroller-horizontal .scroller-handle{
    width:20px;
    height:10px;
    top:auto;
    right:auto;
    bottom:3px
}
.scroller-content {
    padding: 0 40px 0 0
}
.scroller-setup .scroller-bar,.scroller-active .scroller-bar{
    display:block
}

.scroller-handle {
    line-height: 42px;
}

.scroller-handle i:first-child {
    margin-top: 12px;
}
.scroller-handle i {
    display: block;
    width: 8px; height: 2px;
    background: #fff;
    margin: 0 auto 3px auto;
}