/******************************
SCROLLBAR PLUGIN
******************************/
.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 !important; max-width:none !important; overflow-y: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 #cccccc; border-top-color: #999999; background:green; }
.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; }*/

/* This is the track.  Note, same style is repeated. */
.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; }

/* Also a track style... */
.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,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40); opacity: 0.4; }
/* update scrollbar offset if both scrolls are visible */

.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; }

/*Simple Inner Scrollbar */
.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: 10px; }

.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,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40); opacity: 0.4; }

/*This is the track*/
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: rgba(102, 102, 102, 0.2); cursor: pointer; }
/*This is the car*/
.scrollbar-inner > .scroll-element .scroll-bar { background-color: rgba(102, 102, 102, 0.6); }
/*This is the car when you HOVER*/
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: rgba(102, 102, 102, 0.5);  }
/*Note sure what this does*/
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: rgba(102, 102, 102, 0.6); cursor: pointer; }

/* update scrollbar offset if both scrolls are visible */

.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; }
/*added*/

/*.wrapper { height: 100%; overflow: auto; width: 100%; }
.wrapper.scrollbar-dynamic { max-height: none; }
.page-content { margin: 0 auto; max-width: 1600px; padding: 25px; }*/
.scrollbar_setup { max-width: 1200px; }

.scrollbar_setup .scrollbar_wrap {  width: 274px;}

.scrollbar_setup .scrollbar_wrap .inner-content { border: 1px solid #CCC; max-height: 170px; width: 600px; }

.scrollbar_setup .scrollbar_wrap > div {
   max-height: 406px;
    overflow: auto; }


/*
@-moz-document url-prefix() {
    @media (-moz-os-version: windows-xp), (-moz-os-version: windows-vista),
    (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
        .scrollbar_setup .scrollbar_wrap > div {
            max-height: none;
            min-height: 500px;
        }
    }
}
*/
    .scrollbar_setup .scrollbar_wrap .permanent { min-width: 800px; }