html::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}
html::-webkit-scrollbar-track {
  box-shadow: inset 3px 3px 3px #00000055; 
  background-color: #ff944e;
  border: solid 1px #bf6f3a;
}
html::-webkit-scrollbar-track:vertical {
  border-top: 0px;
  border-bottom: 0px;
}
html::-webkit-scrollbar-track:horizontal {
  border-left: 0px;
  border-right: 0px;
}
html::-webkit-scrollbar-thumb {
  background-image: url(/icons/v.png), linear-gradient(to right, #ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
  border: solid 1px #bf6f3a;
}
html::-webkit-scrollbar-thumb:horizontal {
  background-image: url(/icons/h.png), linear-gradient(#ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
  border: solid 1px #bf6f3a;
}
html::-webkit-scrollbar-thumb:hover {
  background: url(/icons/vh.png), linear-gradient(to right, #ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
}
html::-webkit-scrollbar-thumb:horizontal:hover {
  background: url(/icons/hh.png), linear-gradient(to bottom, #ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
}
html::-webkit-scrollbar-thumb:active {
  background: url(/icons/vh.png), linear-gradient(to left, #ff944e, #ff6600);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}
html::-webkit-scrollbar-thumb:horizontal:active {
  background: url(/icons/hh.png), linear-gradient(to top, #ff944e, #ff6600);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}
html::-webkit-scrollbar-corner {
  background-image: #ff6600;
}

html::-webkit-scrollbar-button:single-button:vertical {
  height: 20px;
  border: solid 1px #bf6f3a;
}

html::-webkit-scrollbar-button:single-button:vertical:decrement {
  background: url(/icons/u.png), linear-gradient(to right, #ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:vertical:increment {
  background: url(/icons/d.png), linear-gradient(to right, #ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal {
  width: 20px;
  border: solid 1px #bf6f3a;
}

html::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background: url(/icons/l.png), linear-gradient(to bottom, #ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal:increment {
  background: url(/icons/r.png), linear-gradient(to bottom, #ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  background: url(/icons/uh.png), linear-gradient(to right, #ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:vertical:increment:hover {
  background: url(/icons/dh.png), linear-gradient(to right, #ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
  background: url(/icons/lh.png), linear-gradient(to bottom, #ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
  background: url(/icons/rh.png), linear-gradient(to bottom, #ff944e, #ff6600);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:vertical:decrement:active {
  background: url(/icons/uh.png), linear-gradient(to left, #ff944e, #ff6600);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:vertical:increment:active {
  background: url(/icons/dh.png), linear-gradient(to left, #ff944e, #ff6600);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
  background: url(/icons/lh.png), linear-gradient(to top, #ff944e, #ff6600);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal:increment:active {
  background: url(/icons/rh.png), linear-gradient(to top, #ff944e, #ff6600);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}

