@navHeight: 52px;
@navItemHeight: 51px;
@navItemPadding: .3rem;
@navItemBg: #ffffff;
@borderColor: #f1f1f1;
@borderActiveColor: #39a4ff;

.tab-editor .bui-nav .editor-change .icon-close {
    display: none;
}

.tab-editor {

    .bui-tab-head .bui-navbar {
        border-bottom: 1px solid @borderColor;
    }

    .bui-tab-head .bui-navbar .bui-nav {
        border-bottom: 0;
    }

    .bui-tab-head .bui-navbar .bui-nav li {
        padding-left: @navItemPadding;
        padding-right: @navItemPadding;

        &:hover {
            background-color: #f9f9f9;
        }

        &.active:hover {
            background: none;
        }

        i.icon-close:hover {
            color: #ff0000;
        }
    }
}

.tab-editor .bui-tab-head .bui-navbar {
    position: relative;
    border-bottom: 0;
    height: @navHeight;

    &:before {
        content: "";
        height: 1px;
        position: absolute;
        top: auto;
        bottom: 1px;
        left: 0;
        right: 0;
        background-color: @borderColor;
        z-index: 8;

    }
}

.tab-editor .bui-tab-head .bui-navbar .bui-nav li {
    border-right: 1px solid @borderColor;
    background-color: @navItemBg;
    height: @navItemHeight;
    line-height: @navItemHeight;
    padding-top: 0;
    padding-bottom: 0;

    &.active {
        color: #000;
    }

    &.active:after {
        top: 0;
        bottom: auto;
    }

    &.active:before {
        content: "";
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: @navItemBg;
        z-index: 10;
    }
}

.tab-editor .bui-tab-head .bui-nav li .icon-close {
    margin: 0;
    width: auto;
    position: relative;
    right: -.1rem;
    height: .2rem;
    line-height: .2rem;
    font-size: .14rem;
}

.tab-editor .bui-tab-head .bui-nav .editor-change .bui-badges {
    margin-left: .12rem;
    background-color: @borderActiveColor;
    min-width: 6px;
    min-height: 6px;
    padding-left: 1px;
    padding-right: 1px;
    position: relative;
    right: -.02rem;
    top: -.01rem;
}