@import './base/normalize.css';
@import './component.less';
@import './component.hotspot.less';

[app-border] {
    position: relative;
    &[dir-top],
    &[dir-left],
    &[dir-right],
    &[dir-bottom] {
        &::after {
            content: "";
            position: absolute;
            background-color: #000;
        }
    }

    &[dir-top] {
        border-top: solid 1px rgb(93, 93, 93);

        &::after {
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
        }
    }

    &[dir-left] {
        border-left: solid 1px rgb(93, 93, 93);

        &::after {
            top: 0;
            left: 0;
            height: 100%;
            width: 1px;
        }
    }

    &[dir-right] {
        border-right: solid 1px rgb(93, 93, 93);

        &::after {
            top: 0;
            right: 0;
            height: 100%;
            width: 1px;
        }
    }

    &[dir-bottom] {
        border-bottom: solid 1px rgb(93, 93, 93);

        &::after {
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
        }
    }
}

.mCSB_inside>.mCSB_container{
    margin-right: 0 !important;
}

.mCSB_horizontal.mCSB_inside>.mCSB_container{
    margin-bottom: 14px !important;
}

.mCSB_scrollTools.mCSB_scrollTools_vertical{
    width: 6px !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: rgba(98, 102, 102,0.75)
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(153,153,153,.85);
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(153,153,153,.9);
}