//
// Scrollbars for main flex containers
// ------------------------------------------------------

::-webkit-scrollbar-corner {
  background: transparent;
}
::-webkit-scrollbar {
  height: 10px;
  overflow: visible;
  width: 14px;
}
::-webkit-scrollbar-thumb {
  background-color: @scrollbar-thumb;
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 1px;
  min-height: 28px;
  max-height: 60px;
  padding: 100px 0 0;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
  box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
  background-color: @scrollbar-thumb-hover;
}
::-webkit-scrollbar-track {
  background-clip:padding-box;
  background-color: @scrollbar-track;
  // box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
}

.navbar-project-menu {
  ::-webkit-scrollbar-thumb {
    background-color: @scrollbar-thumb-inverse;
    -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.07);
    box-shadow: inset 1px 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.07);
  }
  ::-webkit-scrollbar-thumb:hover,
  ::-webkit-scrollbar-thumb:active {
    background-color: @scrollbar-thumb-hover-inverse;
  }
  ::-webkit-scrollbar-track {
    background-color: @scrollbar-track-inverse;
  }

}
