/*!*************** SCROLLBAR BASE CSS ***************!*/
.scroll-wrapper{overflow:hidden !important;position:relative; /*padding:0 !important;*/}
.scroll-wrapper > .scroll-content{overflow:scroll !important;position:relative !important;left:0;top:0;width:auto !important;height:auto;max-width:none !important;max-height:none;margin:0;padding:0;border:none !important;box-sizing:content-box !important}
.scroll-wrapper > .scroll-content{-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.scroll-wrapper > .scroll-content::-webkit-scrollbar{width:0 !important;height:0 !important}
.scroll-element{display:none;transition:background-color .4s;background-color:rgba(255,255,255,.9)}
.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:hover .scroll-bar,
.scroll-element:hover .scroll-arrow{background-color:#333}
.scroll-textarea{border:1px solid #ccc;border-top-color:#999}
.scroll-textarea > .scroll-content{overflow:hidden !important}
.scroll-textarea > .scroll-content > textarea{overflow:scroll !important;position:relative !important;top:0;width:100% !important;height:100% !important;max-height:none !important;max-width:none !important;margin:0;padding:2px;border:none !important;outline:none;box-sizing:border-box}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar{width:0 !important;height:0 !important}
.scroll-wrapper > .scroll-element,
.scroll-wrapper > .scroll-element div{z-index:10;position:absolute;margin:0;padding:0;border:none}
.scroll-wrapper > .scroll-element div{display:block;top:0;left:0;width:100%;height:100%}
.scroll-wrapper > .scroll-element.scroll-x{bottom:43px;left:40px;width:100%;height:25px;max-width:calc(100% - 85px);border-radius:20px 3px 3px 20px}
.scroll-wrapper > .scroll-element.scroll-y{top:30px;right:15px;width:25px;height:100%;max-height:calc(100% - 70px);border-radius:20px 20px 20px 3px}
.scroll-wrapper > .scroll-element .scroll-element_outer,
.scroll-wrapper > .scroll-element .scroll-element_track,
.scroll-wrapper > .scroll-element .scroll-bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.scroll-wrapper > .scroll-element .scroll-element_outer{overflow:hidden;top:12px;height:calc(100% - 24px)}
.scroll-wrapper > .scroll-element .scroll-arrow{z-index:12;display:block;overflow:hidden;position:absolute;left:9px;width:7px;height:7px;margin:0;padding:0;border-radius:50%;background-color:#ccc;cursor:pointer;transition:background-color .4s,transform .4s}
.scroll-wrapper > .scroll-element .scroll-arrow:hover{background-color:#333;transform:scale(1.25)}
.scroll-wrapper > .scroll-element .scroll-arrow_less{top:5px}
.scroll-wrapper > .scroll-element .scroll-arrow_more{top:auto;bottom:6px}
.scroll-wrapper > .scroll-element .scroll-arrow:hover{background-color:#333;transform:scale(1.25)}
.scroll-wrapper > .scroll-element .scroll-element_track .scroll-element_inner-bottom{width:1px;background-color:#ccc}
.scroll-wrapper > .scroll-element .scroll-bar{left:10px;width:5px;background-color:#ccc;transition:background-color .4s,transform .4s;cursor:pointer}
.scroll-wrapper > .scroll-element .scroll-bar:hover{left:8px;width:9px;background-color:#333}
.scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar{background-color:#333}
.scroll-wrapper > .scroll-x .scroll-element_outer{top:0;left:16px;width:calc(100% - 23px);height:100%}
.scroll-wrapper > .scroll-x .scroll-arrow{top:9px;left:9px}
.scroll-wrapper > .scroll-x .scroll-arrow_more{right:0;left:auto}
.scroll-wrapper > .scroll-x .scroll-element_track .scroll-element_inner-bottom{top:12px;left:0;width:100%;height:1px}
.scroll-wrapper > .scroll-x .scroll-bar{top:10px;height:5px}
.scroll-wrapper > .scroll-x .scroll-bar:hover{top:8px;height:9px;background-color:#333}

/* update scrollbar offset if both scrolls are visible */
.scroll-wrapper > .scroll-x.scroll-scrolly_visible .scroll-element_outer{width:calc(100% - 25px)}
.scroll-wrapper > .scroll-y.scroll-scrollx_visible .scroll-arrow_more{bottom:12px}
.scroll-wrapper > .scroll-x.scroll-scrolly_visible .scroll-arrow_more{right:9px}
.scroll-wrapper > .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_inner-wrapper{left:12px;width:1px}
.scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:0}
.scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-7px}
.scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-7px}