/* theme for Malihu's jQuery Custom Scrollbar: "dark-custom" */

.mCSB_inside.mCS-dark-custom > .mCSB_container {
    margin-right: 10px;
}
.mCS-dark-custom.mCSB_scrollTools {
  width: 7px;
  .mCSB_draggerRail,
  .mCSB_dragger .mCSB_dragger_bar {
    width: 7px; 
    border-radius: 7px;
    margin: 0;
  }
  .mCSB_draggerRail { background-color: #f3f3f3; }

  .mCSB_dragger {
    .mCSB_dragger_bar { background-color: rgba(217, 217, 217, 1); }

    &:hover .mCSB_dragger_bar { background-color: rgba(0,0,0,0.3); }

    &:active .mCSB_dragger_bar,
    &.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0,0,0,0.5); }
  }
}

.mCS-dark-custom.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-custom.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 7px;
  margin: 5px 0;
  width: 100%;
}


/* REACT STYLES FOR SCROLLBAR IN TIMELINES */
.track-vertical {
  position: absolute;
  width: 7px !important;
  right: 2px;
  bottom: 2px;
  top: 2px;
  border-radius: 7px;
  background-color: #f3f3f3;

  div{
    background-color: rgba(217, 217, 217, 1) !important;
  }
  &:hover div {
    background-color: rgba(0,0,0,0.3) !important;
  }
  &:active div {
    background-color: rgba(0,0,0,0.5) !important;
  }
}