/*************** SCROLLBAR BASE CSS ***************/
 
.scrollbar-external_wrapper {
    position: relative;
    width: auto !important;
}
.scrollbar-external {
    height: 400px;
    overflow: auto;
    width: 600px;
}
 
/******************* EXTERNAL SCROLLBAR *******************/
 
/**/
/*.external-scroll_wrapper{
    position: fixed;
    width: 600px;
    bottom: 45px;
    right: 20px;
    z-index: 999999999;
}*/
/**/

.external-scroll_x,
.external-scroll_y {
    border: solid 1px #9999fc;
    cursor: pointer;
    display: none;
    position: absolute;
}
 
.external-scroll_x.scroll-scrollx_visible {
    display: block;
    height: 10px;
    left: 0;
    top: 410px;
    width: 200px;
}

/**/
/*.external-scroll_x.scroll-scrollx_visible {
    display: block;
    height: 21px;
    left: 0;
    width: 100%;
    background: #fff;
}*/
/**/
 
.external-scroll_y.scroll-scrolly_visible {
    display: block;
    height: 200px;
    left: 610px;
    top: 0;
    width: 10px;
}

/**/
/*.external-scroll_y.scroll-scrolly_visible {
    display: block;
    height: 200px;
    top: 0;
    width: 10px;
}*/
/**/
 
.external-scroll_x div,
.external-scroll_y div
{
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
}
 
.external-scroll_x .scroll-bar,
.external-scroll_y .scroll-bar {
    background: #9999fc;
    z-index: 12;
}
 
.external-scroll_x .scroll-bar {
    width: 100px;
}
.external-scroll_y .scroll-bar {
    height: 100px;
}