.no-selecting, .no-selecting {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.scroll-hide {
    -ms-overflow-style: none !important; /* IE and Edge */
    scrollbar-width: none !important; /* Firefox */
}

    .scroll-hide::-webkit-scrollbar {
        display: none !important;
    }

.scroll-shadow {
    overflow-x: auto;
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%;
    background-image: 
        linear-gradient(to right, #faf9f3, #faf9f3), 
        linear-gradient(to right, #faf9f3, #faf9f3),
        
        /* Shadows */
        linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)), 
        linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0))
    ; 
    
    /* Shadow covers */
    /* Opera doesn't support this in the shorthand */
    background-attachment:  local, local, scroll, scroll;
    -ms-overflow-style:     auto; /* IE and Edge */
    scrollbar-width:        auto; /* Firefox */
}

    .scroll-shadow::-webkit-scrollbar {
        display: auto;
    }