
/**********************************************/
/************** SCROLLAR - GENERAL ************/
/**********************************************/
.scrollable {
    position: relative;
}
    .scrollable:focus {
        outline: 0;
    }

    .scrollable .viewport {
        position: relative;
        overflow: hidden;
        width: 100%;
    }
        .scrollable .viewport .overview {
            position: absolute;
            width: 100%;
        }      
        
     /* SCROLLAR - TRACK */
    .scrollable .scroll-bar {
        display: none;
        z-index: 10;
    }
    
        /* SCROLLAR - VERTICAL TRACK */
        .scrollable .scroll-bar.vertical {
            position: absolute;
            right: 0;
            height: 100%;
        }
        
        /* SCROLLAR - HORIZONTAL TRACK */
        .scrollable .scroll-bar.horizontal {
            position: relative;
            width: 100%;
        }
        
        /* SCROLLAR - THUMB */
        .scrollable .scroll-bar .thumb {
            position: absolute;   
        }
            /* SCROLLAR - VERTICAL THUMB */
            .scrollable .scroll-bar.vertical .thumb {
                width: 100%;
                min-height: 4px;
            }
            
            /* SCROLLAR - HORIZONTAL THUMB */
            .scrollable .scroll-bar.horizontal .thumb {
                height: 100%;
                min-width: 10px;
                left: 0;
            }

/*IF SCROLLAR IS NOT SELECTABLE*/
.not-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/**********************************************/
/**************** SCROLLAR - SKIN *************/
/**********************************************/

/* VERTICAL TRACK */
.scrollable .scroll-bar.vertical {
    width: 4px;
}

/* HORIZONTAL TRACK */
.scrollable .scroll-bar.horizontal {
    height: 10px;
}

/* THUMB */
.scrollable .scroll-bar .thumb {
    background-color:#009BAC;
    opacity: 0.7;
}