/* default theme ("light") */

.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar
  > .mCustomScrollBox
  > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar
  > .mCustomScrollBox
  ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACQCAIAAAAA1/fXAAADcklEQVR4nO3b0bGzIBCG4RRlT7ZhaTZhGVxYgeciM46HBVwQgq7vc5U/BzDZL3F0yf/5AACA+9i2bdu2566PlO3giesjZROetT5SZPWVGWQNa7c+Uo7l9h6ki6uMKpZurfVx4ljB2OPYLE0GZQFnfRSgpSylV3RlBvq0cj8N0Mqq/umTsYn6YWRcmT7ggrkE3F/TIpJTfwRsHAEDAAAAAAAzaHQYR8DGEbBxmurHxmTtAyqHSZp3gSh9wBsb/k+kLKJXbmX19TmRbk0yKvk4NktT/bJvJOlWc6yg9yBdVmX1ywLWr49zBdU/Tuy+Ps4VVP9W6+Nc6+qTbn+tq0+6AAAAAICbqXKrWrBIr+O+S5VOU8EivY77Lt3TvXJo+qAn7pBuUMEipS/frtMqa6rWIt2s4xJwFAHbV6U6LTIuWKT05Vt3h4yvH5eAU7pn/OPjvlGVGhUs0uu4AAAAAKDyoPscbo1KPKhZQX+jUJdaF3QcaVKWa53xdqZgEf1LfZHTQjfKuMpxr7zUtyDgl2qa7odTdF+t002voF+EdEt0SbfjcV+noGRVqtzruAAAAADwzzAM0zTN8+ycc87N8zxN0zAMtcajp3Ecl2WRbcJlWcZxvD4ePY3juK6rTOtrXVcvs9zx6GkYBu+7+H3e+17u5145Pvg95lx9F9M0yXS/js9P0xQcH/xAHMdL8kBoaJ7nYLpf+5/meZbjEx+IfXxsQTL+EedcutzfvzrnvPHpD8Q+PvhXMv4dL+Dgg2DA+wrBf8qAY6f0Bu8JB94pVwbgnXL38XLY8Rl5ipZxEvAv5F40yfFBiYss/BS3SfbR6LCPVqV9bDYAAAAAwD/cJllGo8MyWpWWsdlgHNuFxrHhbxw/2TGOH90Zx89mjeOH78Zxm2QfjQ77aFXax2YDAABAM1cunbjsursrNz/cON3dlfYFrY+7y21YpufK6bnNy+MiqCC25eDFFtxCiG0/fCLbFafkOrgquGkoT7bBTcDYBqJmrkS6TeRu+wfnpj8cwbnBo5BufQRsHKdo47jIMo7bJPtodNhHq9I+NhsA4LY4RVvGRZZl3CZZVrHRIScm5nqOK6CmK+3GK21Oj1wEdcj/5x+MSrPZEMuYzYaeam0XJjLWbBd6U3LfBaII2DhO0cZxkWUct0n20eiwj1alfWw2AI/xBwLQF0S8AEYqAAAAAElFTkSuQmCC");
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}