.ace-scroll {
  overflow: hidden;
}
.scroll-content {
  position: static;
  overflow: hidden;
}
.scroll-track {
  position: absolute;
  top: auto;
  bottom: auto;
  right: 0;
  width: 8px;
  height: auto;
  background-color: #E7E7E7;
  z-index: 99;
  width: 0;
  opacity: 0;
}
.scroll-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  background-color: #ACE;
  /**transition-property: top;
 transition-duration: 0.1s;*/
  background: #bbd4e5;
}
.scroll-hz .scroll-track {
  top: auto;
  left: auto;
  right: auto;
  bottom: 0;
  height: 8px;
  width: auto;
}
.scroll-hz .scroll-bar {
  height: inherit;
  width: auto;
}
.scroll-active .scroll-track {
  -webkit-transition: all .25s ease 0.6s;
  transition: all .25s ease 0.6s;
}
.scroll-active:hover .scroll-track,
.scroll-active .scroll-track.active,
.scroll-active .scroll-track:active {
  width: 8px;
  opacity: 1;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.scroll-track.active > .scroll-bar {
  transition-property: none !important;
  transition-duration: 0s !important;
}
.scroll-margin .scroll-track {
  right: 1px;
}
.scroll-left .scroll-track {
  right: auto;
  left: 0;
}
.scroll-margin.scroll-left .scroll-track {
  left: 1px;
}
.scroll-top .scroll-track {
  bottom: auto;
  top: 0;
}
.scroll-margin.scroll-top .scroll-track {
  top: 1px;
}
.scroll-dark .scroll-bar {
  background-color: rgba(0, 0, 0, 0.25);
}
.scroll-dark .scroll-track {
  background-color: rgba(0, 0, 0, 0.15);
}
.scroll-light .scroll-bar {
  background-color: rgba(0, 0, 0, 0.14);
}
.scroll-light .scroll-track {
  background-color: rgba(0, 0, 0, 0.07);
}
.no-track .scroll-track {
  background-color: transparent;
}
.scroll-visible .scroll-track {
  opacity: 1;
  width: 8px;
}
.scroll-visible.scroll-hz .scroll-track {
  height: 8px;
  width: auto;
}
.scroll-thin:hover .scroll-track,
.scroll-thin .scroll-track:active,
.scroll-thin .scroll-track.active,
.scroll-thin.scroll-visible .scroll-track {
  width: 6px;
}
.scroll-thin.scroll-hz:hover .scroll-track,
.scroll-thin.scroll-hz .scroll-track:active,
.scroll-thin.scroll-hz .scroll-track.active,
.scroll-thin.scroll-hz.scroll-visible .scroll-track {
  width: auto;
  height: 6px;
}
.scroll-chrome .scroll-bar {
  background-color: transparent;
  width: 11px;
}
.scroll-chrome .scroll-bar:before {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  bottom: 3px;
  left: 1px;
  right: 1px;
  background-color: #D9D9D9;
  border: 1px solid #BBB;
  border-radius: 1px;
}
.scroll-chrome .scroll-track {
  width: 12px !important;
  background-color: #F2F2F2;
  border: 1px solid;
  border-width: 1px 0 1px 1px;
  border-color: #E6E6E6 transparent #E6E6E6 #DBDBDB;
}
.scroll-chrome .scroll-track:hover .scroll-bar:before {
  background-color: #C0C0C0;
  border-color: #A6A6A6;
}
.scroll-chrome .scroll-track.active .scroll-bar:before {
  background-color: #A9A9A9;
  border-color: #8B8B8B;
}
.nav-wrap + .scroll-active .scroll-track {
  width: 8px;
}
.nav-scroll.scroll-active .scroll-track {
  width: 8px;
  right: 0;
}
.nav-wrap:hover + .scroll-active .scroll-track,
.nav-scroll.scroll-active:hover .scroll-track {
  width: 8px;
  opacity: 1;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.nav-scroll.scroll-active:hover .scroll-track {
  width: 8px;
}
.nav-scroll.ace-scroll,
.nav-scroll.ace-scroll .scroll-content {
  overflow: visible;
}
.nav-scroll.ace-scroll.scroll-active,
.nav-scroll.ace-scroll.scroll-active .scroll-content {
  overflow: hidden;
}