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

    .scroll_conteiner .scroll-wrapper {
        position: relative;
        padding: 0 !important;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden !important;
    }
    
        .scroll_conteiner .scroll-wrapper > .scroll-content {
            position: relative !important;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            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 {
        margin: 0 0 0 0;
    }
        .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 .external-scroll_x, .scroll_conteiner .external-scroll_y {
        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 .external-scroll_x {
        left: 0;
        bottom: 0;
        max-width: 100%;
        height: 17px;
        margin: 20px 0 0 0;
        clear: both;
    }

    .scroll_conteiner .external-scroll_y {
        top: 0;
        right: 0;
        width: 17px;
        max-height: 100%;
        margin: 0 0 0 20px;
        float: right;
    }

        .scroll_conteiner .external-scroll_x div, .scroll_conteiner .external-scroll_y div {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }
        
        .scroll_conteiner .external-scroll_x .scroll-element_outer, .scroll_conteiner .external-scroll_y .scroll-element_outer {
            overflow: hidden;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .scroll_conteiner .external-scroll_x .scroll-bar, .scroll_conteiner .external-scroll_y .scroll-bar {
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                -khtml-border-radius: 8px;
                border-radius: 8px;
                background: #004975;
                overflow: hidden;
                z-index: 12;
            }
                /*.no-cssgradients .scroll_conteiner .external-scroll_y .scroll-bar:before {
                    position: absolute;
                    content: "";
                    top: 0;
                    left: 0;
                    width: 19px;
                    height: 16px;
                    background: #f8f9f9;
                    z-index: 20;
                }
                .no-cssgradients .scroll_conteiner .external-scroll_y .scroll-bar:after {
                    position: absolute;
                    content: "";
                    bottom: 0;
                    left: 0;
                    width: 19px;
                    height: 16px;
                    background: #f8f9f9;
                    z-index: 20;
                }*/
                .scroll_conteiner .external-scroll_x .scroll-bar_inner, .scroll_conteiner .external-scroll_y .scroll-bar_inner {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    display: block;
                }
                    .scroll_conteiner .external-scroll_x .scroll-bar_inner:before, .scroll_conteiner .external-scroll_y .scroll-bar_inner:before,
                    .scroll_conteiner .external-scroll_x .scroll-bar_inner:after, .scroll_conteiner .external-scroll_y .scroll-bar_inner:after {
                        position: absolute;
                        content: "";
                        top: 6px;
                        left: 5px;
                        width: 7px;
                        height: 4px;
                        background: url("../images/icons.png") -100px -50px no-repeat;
                        z-index: 30;
                    }
                    .scroll_conteiner .external-scroll_x .scroll-bar_inner:after, .scroll_conteiner .external-scroll_y .scroll-bar_inner:after {
                        top: auto;
                        bottom: 6px;
                        background-position: -108px -50px;
                    }

            .scroll_conteiner .external-scroll_x .scroll-bar {
                width: 10px;
                background: #004975;
                background: -moz-linear-gradient(top, #006492, #004975);    
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006492), color-stop(100%,#004975));
                background: -webkit-linear-gradient(top, #006492, #004975);
                background: -o-linear-gradient(top, #006492, #004975);
                background: -ms-linear-gradient(top, #006492, #004975);
                background: linear-gradient(top, #006492, #004975);
            }
            .scroll_conteiner .external-scroll_y .scroll-bar {
                height: 25px;
                background: #004975;
                background: -moz-linear-gradient(top, #006492, #004975);    
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006492), color-stop(100%,#004975));
                background: -webkit-linear-gradient(top, #006492, #004975);
                background: -o-linear-gradient(top, #006492, #004975);
                background: -ms-linear-gradient(top, #006492, #004975);
                background: linear-gradient(top, #006492, #004975);
            }
            .scroll_conteiner .external-scroll_x .scroll-bar:hover, .scroll_conteiner .external-scroll_y .scroll-bar:hover {
                background: #004975;
            }
        .scroll_conteiner .external-scroll_x .scroll-element_inner, .scroll_conteiner .external-scroll_y .scroll-element_inner {
            position: absolute;
            top: 0;
            left: 50%;
            width: 1px;
            margin: 0 0 0 -1px;
            background: #056698;
        }