@charset "utf-8";
/* CSS Document */
#seekbar::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 2px solid #000000;
  height: 26px;
  width: 26px;
  border-radius: 7px;
  background: #CCCCCC;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -2.6px;
}
#volbar::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 14px;
  width: 14px;
  border-radius: 7px;
  background: #EEEEEE;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.6px;
}
#seekbar::-webkit-slider-runnable-track {
  width: 100%; height: 6.8px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #666666; border-radius: 25px; border: 0px solid #000101;}
#volbar::-webkit-slider-runnable-track {
  width: 100%; height: 6.8px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #666666; border-radius: 25px; border: 0px solid #000101;}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #327000;
}

body::-webkit-scrollbar {
  width: 17px; /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background:linear-gradient(to bottom,#2d5585,#23314f); /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: #EEEEEE; /* color of the scroll thumb */
  border-radius: 10px; /* roundness of the scroll thumb */
  border: 3px solid #EEEEEE; /* creates padding around scroll thumb */
}
#regi::-webkit-scrollbar {
  width: 17px; /* width of the entire scrollbar */
}

#regi::-webkit-scrollbar-track {
  background:linear-gradient(to bottom,#2d5585,#23314f); /* color of the tracking area */
}

#regi::-webkit-scrollbar-thumb {
  background-color: #EEEEEE; /* color of the scroll thumb */
  border-radius: 10px; /* roundness of the scroll thumb */
  border: 3px solid #EEEEEE; /* creates padding around scroll thumb */
}