﻿::-webkit-scrollbar
{
	width: 10px;
	height: 12px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:start:increment
{
	display: none;
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: rgba(0,0,0,.2);
	background-clip: padding-box;
	border: solid transparent;
	border-radius: 2px;
}
::-webkit-scrollbar-thumb
{
	background-color: rgba(0,0,0,.2);
	background-clip: padding-box;
	border: solid transparent;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	border-radius: 2px;
}
body ::-webkit-scrollbar
{
	height: 16px;
	width: 16px;
	overflow: visible;
}
body ::-webkit-scrollbar-button
{
	height: 0;
	width: 0;
}
body ::-webkit-scrollbar-track
{
	background-clip: padding-box;
	border: solid transparent;
	border-width: 0 0 0 7px;
}
body ::-webkit-scrollbar-track:horizontal
{
	border-width: 7px 0 0;
}
body ::-webkit-scrollbar-track:hover
{
	background-color: rgba(0,0,0,.05);
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
	box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
}
body ::-webkit-scrollbar-track:horizontal:hover
{
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
}
body ::-webkit-scrollbar-track:active
{
	background-color: rgba(0,0,0,.05);
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
	box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
}
body ::-webkit-scrollbar-track:horizontal:active
{
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
	box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
}
body ::-webkit-scrollbar-thumb
{
	background-color: rgba(230,237,236,.8);
	background-clip: padding-box;
	border: solid transparent;
	border-width: 0 0 0 10px;
	min-height: 28px;
	padding: 100px 0 0;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
body ::-webkit-scrollbar-thumb:horizontal
{
	border-width: 7px 0 0;
	padding: 0 0 0 100px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07);
}
body ::-webkit-scrollbar-thumb:hover
{
	background-color: rgba(207,209,209,.7);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
}
body ::-webkit-scrollbar-thumb:active
{
	background-color: rgba(207,209,209,.6);
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.35);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.35);
}

body ::-webkit-scrollbar-corner
{
	background: transparent;
}
body::-webkit-scrollbar-track-piece
{
	background-clip: padding-box;
	background-color: #f1f1f1;
	border: solid #fff;
	border-width: 0 0 0 3px;
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
	box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-track-piece:horizontal
{
	border-width: 3px 0 0;
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
	box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-thumb
{
	border-width: 1px 1px 1px 5px;
}
body::-webkit-scrollbar-thumb:horizontal
{
	border-width: 5px 1px 1px;
}
body::-webkit-scrollbar-corner
{
	background-clip: padding-box;
	background-color: #f1f1f1;
	border: solid #fff;
	border-width: 3px 0 0 3px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
}
