::-webkit-scrollbar
{
    width: 6px;
    height:6px;
}
::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-thumb:vertical
{
    -webkit-transition:background-color 1s ease-in;
    background-color:rgb(214,212,212);
}
::-webkit-scrollbar-thumb:horizontal:hover,
::-webkit-scrollbar-thumb:vertical:hover
{
    background-color:rgb(100,100,100);
}
::-webkit-scrollbar-button:vertical:start
{
    width:6px;
    height:8px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAJklEQVQYV2P4//8/AxAzlpWV/QdhIJAAiYEEmWGCSJJsDOiCMD4AEmkunbp+kMIAAAAASUVORK5CYII=);
    background-repeat:no-repeat;
    background-position:center 3px;
    background-color:White;
}
::-webkit-scrollbar-button:vertical:end
{
    width:6px;
    height:8px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAJklEQVQYV2MsKyv7z4AN/P//nw0kiYyBYswMQAKEJWASQDYjSAwAyWsiubGy7vkAAAAASUVORK5CYII=);
    background-repeat:no-repeat;
    background-position:center 3px;
    background-color:White;
}
::-webkit-scrollbar-button:horizontal:start
{
    width:8px;
    height:6px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAJklEQVQYV2P4//8/AxCzlZWVgRkSIAaYA2NgcoDKGOHKoAYwgwQAJeMundWqrUAAAAAASUVORK5CYII=);
    background-repeat:no-repeat;
    background-position:3px center;
    background-color:White;
}
::-webkit-scrollbar-button:horizontal:end
{
    width:8px;
    height:6px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAJ0lEQVQYV2MoKyv7DwTMQMzAAOJABRjhHJAAdg5QjwRYBgjYQAYAAA1XLp32iL4+AAAAAElFTkSuQmCC);
    background-repeat:no-repeat;
    background-position:3px center;
    background-color:White;
}