@scrollTrackColor: @black005;
@scrollBarColor: @black050;
.scroll-wrapper {
  > .scroll-element {
    &.scroll-x {
      height: 10px;
      .scroll-element_track {
        height: 8px;
      }
    }
    &.scroll-y {
      width: 10px;
      .scroll-element_track {
        width: 8px;
      }
    }
    .scroll-element_track,
    .scroll-bar {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80);
      opacity: .8;
    }
    .scroll-element_outer,
    .scroll-element_track {
//      border-radius: 0;
    }
    .scroll-element_track {
      background-color: @scrollTrackColor;
      border: 1px solid @scrollBarColor;
    }
    .scroll-bar {
      background-color: @scrollBarColor;
      &:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        opacity: .9;
      }
    }
    &:hover, &.scroll-draggable {
      .scroll-bar {
        background-color: @scrollBarColor;
      }
    }
  }
  > .scroll-content {
    &.scroll-scrolly_visible {
      //padding-right: 0;
    }
    &.scroll-scrollx_visible {
      padding-bottom: 11px;
    }
  }
}

.scrollbar-outer {
  >.scroll-element{
    &.scroll-y {
      .scroll-element_outer {
        left: -1px;
        width: 10px;
      }
    }
    &.scroll-x {
      .scroll-element_outer {
        top: -1px;
        height: 10px;
      }
    }
  }
}