.verticalScrolling{position:fixed;top:50%;right:0;transform:translate(0,-50%);background:rgba(0,0,0,.5);padding:15px 15px 10px;border-bottom-left-radius:6px;border-top-left-radius:6px;z-index:99999;color:#fff;font-size:12px}.verticalScrolling li,.verticalScrolling ul{margin:0;padding:0;list-style:none;cursor:pointer}.verticalScrolling li[data-index]{white-space:nowrap;width:12px}.verticalScrolling li[data-index] a{background-color:transparent;height:12px;padding:0;margin-bottom:5px;line-height:12px}.verticalScrolling li[data-index] a span{position:relative;display:inline-block;transform:translate(-100%,0);text-align:right;right:30px;z-index:100000;opacity:0;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.verticalScrolling:hover li[data-index] a span{opacity:.75}.verticalScrolling li[data-index].active a span,.verticalScrolling:hover li[data-index].active a span,.verticalScrolling:hover li[data-index]:hover a span{opacity:1}.verticalScrolling li[data-index] a i{border:1px solid #fff;border-radius:10px;font-size:12px;width:12px;height:12px;display:inline-block;position:absolute;left:0;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.verticalScrolling li.first,.verticalScrolling li.last{font-size:16px;margin:0 0 5px -2px;width:12px;height:12px}.verticalScrolling li.first{margin-bottom:10px}.verticalScrolling li.active a i{background:#fff}.verticalScrolling .tooltip{margin-right:-500px!important}