  // angular perfect scrollbar style

  .sidebar {
    .ps.ps--scrolling-y > .ps__rail-y, > .ps.ps--scrolling-x > .ps__rail-x {
      background-color: transparent !important;
    }
  }
  
  .ps {
    .ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus, .ps__rail-x.ps--clicking, .ps__rail-y.ps--clicking {
      background-color: transparent !important;
    }
  }
  
  .sidebar {
    .ps.ps--active-y > .ps__rail-y:hover, > .ps.ps--active-y > .ps__rail-y.ps--clicking {
      width: 10px !important;
    }
  }

  .ps__rail-y {
    &:hover > .ps__thumb-y, &:focus > .ps__thumb-y, &.ps--clicking .ps__thumb-y {
      width: 6px !important;
    }
  }
  
  .ps__thumb-y {
    background-color: rgb(141, 129, 129) !important;
    width: 2px;
    border-radius: 0px !important;
    opacity: .5;
  }