::-webkit-scrollbar {
    width: 17px;
    height: 17px;
}

::-webkit-scrollbar-track {
    background: #b7b7b7;
    background-image: url('../img/gradient_pixel_1.png');  
}

::-webkit-scrollbar-track:active {
    background-color: #565656; 
}

::-webkit-scrollbar-thumb {
    background: #b7b7b7;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-bottom: 2px solid black;
    border-right: 2px solid black;
    box-shadow: inset -2px -2px 0 0 #747474;
    outline: #b7b7b7;
}


::-webkit-scrollbar-corner {
    background-color: #b7b7b7;
}
 /*///////////     BUTTONS       ///////////*/
::-webkit-scrollbar-button {
    display: block;
    background-color: #b7b7b7;
            
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-bottom: 2px solid black;
    border-right: 2px solid black;
    box-shadow: inset -2px -2px 0 0 #747474;
}
::-webkit-scrollbar-button:active {
    display: block;
    background-color: #b7b7b7;
            
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    border-top: 2px solid black;
    border-left: 2px solid black;
    box-shadow: inset 2px 2px 0 0 #747474;
}
::-webkit-scrollbar-button:start:decrement {
    background-image: url('../img/scroll_arrow_up.png');
    background-repeat: no-repeat;
    background-position: center;
}
::-webkit-scrollbar-button:vertical:end:increment {
    background-image: url('../img/scroll_arrow_down.png');
    background-repeat: no-repeat;
    background-position: center;
}
::-webkit-scrollbar-button:horizontal:start:decrement {
    background-image: url('../img/scroll_arrow_left.png');
    background-repeat: no-repeat;
    background-position: center;
}
::-webkit-scrollbar-button:horizontal:end:increment {
    background-image: url('../img/scroll_arrow_right.png');
    background-repeat: no-repeat;
    background-position: center;
}
::-webkit-scrollbar-button:end:decrement, ::-webkit-scrollbar-button:start:increment {
    display: none;
}