/* CSS styles in this file are need for proper Baron work */
.wrapper {
    height: 280px;
    position: relative;

}
.scroller {
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    border: 0;
}
.scroller::-webkit-scrollbar { /* Preventing webkit bug of horizontal scrolling */
    width: 0;
}
.scroller__bar { /* The bar. You should define width, right and background */
    position: absolute;
    right: 0;    
    z-index: 1;
    width: 10px;
    background: #fff;
}
.scroller__bar:after {
    content: "";
    width: 5px;
    height: 7px;
    background: url("../img/icons/i-scroll.png");
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: -2px;
}
.scroller__bar_h {
    bottom: 0px;
    height: 9px !important;
    background: #64BC46;
}

.header__title {
    -moz-box-sizing: border-box;
    box-sizing: border-box; /* For padding and border, if exist */
    margin: 0;
    width: 100%;
    background: #999;

    /* pointer-events: none; /* IE9+ https://developer.mozilla.org/en-US/docs/CSS/pointer-events */
}
.header__title_state_fixed {
    position: absolute;
    z-index: 1; /* Removing flicker effect */
}
.scroller__bar-wrapper {
    position: absolute;
    z-index: 3;
    top: auto;
    bottom: 10px;
    left: 125px;
    right: 125px;
    width: auto;
    background: #666666;
    height: 9px;
}
.baron_h .scroller__bar_h {
    bottom: 0px;
}
.scroller::-webkit-scrollbar { /* Prevents webkit cross-direction scrolling bug */
    width: 0;
}