/* Chrome */

             
::-webkit-scrollbar {
    width: 20px;
    background-color: #666;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border: 4px solid #666;
    background: #555;
    box-shadow: inset 0px 0px 0px 1px #ddd;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    border: 4px solid #666;
    box-shadow: inset 0 0 0px 1px #ddd;
    background: #444; 
}  
::-webkit-scrollbar-track-piece{
    background-color: #666;    
}
::-webkit-scrollbar-button{
    border: 4px solid #666;    
    box-shadow: inset 0px 0px 0px 1px #ddd;
    height: 16px; 
}
::-webkit-scrollbar-button:decrement{
    border-top: 0px;
    border-radius: 0 0 8px 8px; 
}
::-webkit-scrollbar-button:increment{
    border-bottom: 0px;
    border-radius: 8px 8px 0 0; 
}
::-webkit-scrollbar-button:vertical:hover{
    background-color: green;
}


.scrollbar{
    /* Firefox*/
    scrollbar-color: #555 #666;
    /* scrollbar-width: thin; */
    
    /* IE */ 
    scrollbar-3dlight-color:#666;
    scrollbar-arrow-color:#555;
    scrollbar-base-color:#aaa;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:#444;
    scrollbar-highlight-color:#666;
    scrollbar-shadow-color:;
}