.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0
}

.vscrollerbase,.hscrollerbase {
    width: 0px;
    height: 0px
}

.vscrollerbar {
    width: 8px;
    margin-left: -10px
}

.hscrollerbar {
    height: 8px;
    margin-top: -10px
}

.vscrollerbar,.hscrollerbar {
    background-color: rgba(0,0,0,0.12);
    border-radius: 100px;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.vscrollerbar:hover,.hscrollerbar:hover {
    background-color: rgba(0,0,0,0.42)
}

.vscrollerbar:active,.hscrollerbar:active {
    background-color: rgba(0,0,0,0.42)
}

.white-scrollerbar .vscrollerbar,.white-scrollerbar .hscrollerbar {
    background: rgba(255,255,255,0.3);
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.white-scrollerbar .vscrollerbar:hover,.white-scrollerbar .hscrollerbar:hover {
    background-color: rgba(255,255,255,0.7)
}

.white-scrollerbar .vscrollerbar:active,.white-scrollerbar .hscrollerbar:active {
    background-color: rgba(255,255,255,0.7)
}

.flexcrollactive {
    outline: none
}