/*   Prefix [none]  */
/* Universal Scrollbar */

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

::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: 6px solid transparent;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #333;
    border-radius: 10px;
    border: solid 5px transparent;
}

body::-webkit-scrollbar {
    background-color: #fff;
    outline: 1px solid rgba(0, 0, 0, 0.2);
}

body::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 0;
}

/* Buttons */
/* 
body::-webkit-scrollbar-button
{
    border-style: solid;
    border-radius: 3px;
    height: 12px;
    width: 12px;
}

body::-webkit-scrollbar-button:vertical:decrement
{
    border-width: 0 7px 10px 7px;
    border-color: transparent transparent #333 transparent;
}

body::-webkit-scrollbar-button:vertical:increment
{
    border-width: 10px 7px 0 7px;
    border-color: #333 transparent transparent transparent;
} 

::-webkit-scrollbar-button:horizontal:decrement
{
  border-width: 7px 10px 7px 0;
  border-color: transparent #333 transparent transparent;
}

::-webkit-scrollbar-button:horizontal:increment
{
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #333;
}
*/