@dropdown-bg: #fff;


.go-tab-ctl {
    background-color: #F6F6F6;
    border: 1px solid @border_color;

    .go-tab-head {
        background-color: #65788F;

        .tab-header-item {
            color: #FFF;

            &.active-item {
                background-color: #F6F6F6;
                color: #666;
            }

            &.going-tab-header.active-item {
                background-color: #FFF;
                color: #666;
            }
        }
    }
}

.go-tab-ctl.white {
    background-color: @dropdown-bg;

    .go-tab-head {
        background-color: #65788F;

        .tab-header-item {
            color: #FFF;
        }

        .tab-header-item.active-item {
            background-color: #F6F6F6;
            color: #666;
        }
    }
}


.go-tab-ctl {
    .border-top-radius(@radius:3px);

    .go-tab-head {
    @include flex-div();
        height: 40px;
        width: 100%;

        .tab-header-item {
            height: 40px;
            flex: 1;
            line-height: 40px;
            text-align: center;
            font-size: 13px;
            cursor: pointer;
            white-space: nowrap;
        }
    }

    .go-tab-body {

    }
}

.tab-body-item {
    display: none;

    &.active-item {
        display: block;
    }
}