/** initial setup **/
.nano {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}
.nano > .nano-content {
    padding:10px;
    position:absolute;
    overflow:scroll;
    overflow-x:hidden;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.nano > .nano-content:focus {
    outline:none;
}
/* https://github.com/jamesflorentino/nanoScrollerJS/issues/255
   .nano > .nano-content::-webkit-scrollbar  width:0;
*/
.nano > .nano-content::-webkit-scrollbar {
    display:none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
    display:block;
}
.nano > .nano-pane {
    background:rgba(255,255,255,.7);
    position:absolute;
    width:3px;
    right:0;
    top:0;
    bottom:0;
    visibility:hidden\9; /* Target only IE7 and IE8 with this hack */
    opacity:.01; 
    -webkit-transition:.2s;
         -o-transition:.2s;
            transition:.2s;
    border-radius:3px;
}
.nano > .nano-pane > .nano-slider {
    background:rgba(0,0,0,.1);
    position:relative;
    margin:0;
    border-radius:3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility:visible\9; /* Target only IE7 and IE8 with this hack */
    opacity:.99;
}
.unit .nano > .nano-pane,
.dropdown-info .nano > .nano-pane {
    background:rgba(0,0,0,.1);
}
.unit .nano > .nano-pane > .nano-slider,
.dropdown-info .nano > .nano-pane > .nano-slider {
    background:rgba(255,255,255,.8);
}
.scroll-wrapper {
    margin: 50px auto 100px;
}