:focus {
  outline: none;
}
.slimScroll {
  border: 1px solid #ccc;
  /*margin-top: 20px;*/
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 100%; /* set this height in percentage to test resizing */
}
/* custom stylings */
.wrapper,
.scroll-wrapper {
  padding: 5px;
}
.scroll-wrapper.mac + .scrollBarContainer {
  background-color: transparent;
}
.scrollBarContainer.animate .scroll {
  transition: 2s opacity ease;
  -ms-transition: 2s opacity ease;
  opacity: 0;
}
.scrollBarContainer:hover .scroll {
  opacity: 0.5;
  transition: none;
  -ms-transition: none;
}
.unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.scroll {
  border-radius: 10px;
}
.wrapper + .scrollBarContainer {
  background-color: #eee9ee;
}
.scrollBar {
  background-color: #60f509;
  border-radius: 10px;
  opacity: 0.5;
}
.scroll-bar {
  background-color: #14d1e0;
}
