/*************** SCROLLBAR DEFAULTS ***************/
.scroll_conteiner {
    
}

    .scroll_conteiner .scroll-wrapper {
        position: relative;
        max-width: none;
        max-height: none;
        padding: 0 !important;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden !important;
    }
    
        .scroll_conteiner .scroll-content {
            position: relative !important;
            left: 0;
            top: 0;
            /*width: 100%;
            height: 100%;*/
            width: auto !important;
            height: auto;
            max-width: none;
            max-height: none;
            padding: 0;
            margin: 0;
            border: none !important;
            -moz-user-select: text;
            -webkit-user-select: text;
            -ms-user-select: text;
            user-select: text;
            -moz-box-sizing: content-box !important;
            -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
            overflow: scroll !important;
        }
        
        .scroll_conteiner .scroll-wrapper > .scroll-content::-webkit-scrollbar {
            /*height: 0;
            width: 0;*/
        }
        
        .scroll_conteiner .scroll-element .scroll-bar, .scroll_conteiner .scroll-element .scroll-arrow {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer;
        }
/******************* STANDARD SCROLL *******************/
    .scroll_conteiner .scroll-wrapper {
        
    }
        .scroll_conteiner .scroll-standard > .scroll-content.scroll-scrolly_show {
            padding-right: 17px;
            /*margin-right: 0 !important;*/
            /*left: -17px; margin-left: 17px;*/
        }
        .scroll_conteiner .scroll-standard > .scroll-content.scroll-scrollx_show {
            /*padding-bottom: 17px;*/
            /*margin-bottom: 0 !important;*/
            /*top:  -17px; margin-top:  17px;*/
        }

/* EXTERNAL SCROLLS */

    .scroll_conteiner .scroll-element {
        position: absolute;
        display: block;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

    .scroll_conteiner .scroll-x {
        left: 0;
        bottom: 0;
        max-width: 100%;
        height: 20px;
        margin: 20px 0 0 0;
        clear: both;
    }

    .scroll_conteiner .scroll-y {
        top: 0;
        right: 0;
        width: 20px;
        max-height: 100%;
        margin: 0 0 0 20px;
        float: right;
    }
        .scroll_conteiner .scroll-element div {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }
        .scroll_conteiner .scroll-element .scroll-element_outer {
            background: #f3f3f3;
            overflow: hidden;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
            .scroll_conteiner .scroll-element .scroll-bar {
                background: #d3b872;
                overflow: hidden;
                z-index: 12;
            }
            .scroll_conteiner .scroll-element.scroll-x .scroll-bar {
                width: 20px;
            }
            .scroll_conteiner .scroll-element.scroll-y .scroll-bar {
                height: 20px;
            }