@import "variables";

/* Styled scrollbars */

.iScrollHorizontalScrollbar {
  position: absolute;
  z-index: 9999;
  height: 16px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  overflow: hidden;
}

.iScrollHorizontalScrollbar.iScrollBothScrollbars {
  right: 18px;
}

.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  width: 10px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  overflow: hidden;
}

.iScrollVerticalScrollbar.iScrollBothScrollbars {
  bottom: 18px;
}

.iScrollIndicator {
  position: absolute;
  background: $brand-primary;
}

.iScrollHorizontalScrollbar .iScrollIndicator {
  height: 100%;
  background: -moz-linear-gradient(left,  #cc3f6e 0%, #93004e 100%);
  background: -webkit-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
  background: -o-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
  background: -ms-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
  background: linear-gradient(to right,  #cc3f6e 0%,#93004e 100%);
}

.iScrollVerticalScrollbar .iScrollIndicator {
  width: 100%;
  //background: linear-gradient(to bottom,  $brand-primary 0%, darken($brand-primary,10%) 100%);
  background: $brand-primary
}


/* end */