@import '../common/vars';


.mCustomScrollbar {
    -ms-touch-action: none;
        touch-action: none;

    &.mCS_no_scrollbar {
        -ms-touch-action: auto;
            touch-action: auto;
    }
}
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;

    &.mCS_no_scrollbar_y {
        .mCS_y_hidden {
            margin-right: 0;
        }
    }
}
.mCSB_scrollTools {
    position: absolute;
    width: 19px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid @buttonHoverBg;

    .mCSB_draggerContainer {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: auto;
        margin: 3px 0;
    }
    .mCSB_draggerRail {
        width: 2px;
        height: 100%;
        margin: 0 auto;
    }
    .mCSB_dragger {
        cursor: pointer;
        width: 9px;
        height: 30px;
        z-index: 1;
        background: @buttonHoverBg;
        border-radius: 25px;
        left: 4px;
    }
    .mCSB_dragger {

        .mCSB_dragger_bar {
            position: relative;
        }
    }
    .mCSB_buttonDown {
        bottom: 0;
    }

    /* Filter
    ========================================================================= */
    .filter-col & {
        border-left: 1px solid @lightLinkColor;
        width: 16px;

        .mCSB_dragger {
            background: @lightLinkColor;
            left: 3px;
        }
    }
}

.mCS-dir-rtl {
    > .mCSB_inside {
        > .mCSB_container {
            margin-right: 0;
            margin-left: 30px;
        }
        > .mCSB_scrollTools {
            right: auto;
            left: 0;
        }
    }
}