.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }
.scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; }
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; }

.scroll-element { display: none; }
.scroll-element, .scroll-element div { box-sizing: content-box; }
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible { display: block; }
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow { cursor: default; }

.scroll-textarea { border: 1px solid #ccc; border-top-color: #999; }
.scroll-textarea > .scroll-content { overflow: hidden !important; }
.scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; }
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; }

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }
.scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; }
.scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; }
.scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #ddd; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #666; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #333; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #333; }

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

.scrollbar-inner-50  { max-height: 50px; overflow: auto; }
.scrollbar-inner-100 { max-height: 100px; overflow: auto; }
.scrollbar-inner-150 { max-height: 150px; overflow: auto; }
.scrollbar-inner-200 { max-height: 200px; overflow: auto; }
.scrollbar-inner-250 { max-height: 250px; overflow: auto; }
.scrollbar-inner-300 { max-height: 300px; overflow: auto; }
.scrollbar-inner-350 { max-height: 350px; overflow: auto; }
.scrollbar-inner-400 { max-height: 400px; overflow: auto; }
.scrollbar-inner-450 { max-height: 450px; overflow: auto; }
.scrollbar-inner-500 { max-height: 500px; overflow: auto; }
.scrollbar-inner-550 { max-height: 550px; overflow: auto; }
.scrollbar-inner-600 { max-height: 600px; overflow: auto; }

/* Faded Bottom */
.scroll-wrapper:not(.nofade)::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}