/* ----------------------------------------------------------------------- */
/** Prevent scrollbars from appearing as hidden for Safari trackpad users **/
/* ----------------------------------------------------------------------- */
.jspDrag {
    background-color: rgba(0, 0, 0, .1) !important;
}

.jspTrack {
    background-color: #eee !important; 
}

body::-webkit-scrollbar {
    -webkit-appearance: none;
}

body::-webkit-scrollbar:vertical, .jspVerticalBar {
    width: 11px !important;
}

body::-webkit-scrollbar:horizontal {
    height: 11px !important;
}

body::-webkit-scrollbar-thumb, .jspDrag {
    border-radius: 8px !important;
    border: 2px solid white !important; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5) !important;
}

body::-webkit-scrollbar-track, .jspVerticalBar, .jspTrack { 
    background-color: #fff !important; 
    border-radius: 8px !important;
}