
.manage-tab-set {
    &.dhxtabbar_base_material div.dhxtabbar_tabs {
        height: @main-tab-bar-height;
        line-height: @main-tab-bar-height;
        box-sizing: border-box;
        border: 1px solid #4A5064;
        background-color: #4A5064;
        border-width: 1px 0 1px 0;

        div.dhxtabbar_tabs_base {
            height: @main-tab-bar-height;
            background-color: #4A5064;

            div.dhxtabbar_tab {
                //非激活状态下的tabset
                div.dhxtabbar_tab_text {
                    height: @main-tab-bar-height - 2;
                    box-sizing: border-box;
                    line-height: @main-tab-bar-height;
                    background-color: #4A5064;
                    color: #FFF;
                }

                //激活状态下的tabset
                &.dhxtabbar_tab_actv {
                    color: #FFF;
                    background-color: #FFF;

                    div.dhxtabbar_tab_text {
                        background-color: #F5F7F8;
                        color: #4A5064;
                        border-bottom: 2px solid #0088FF;
                    }
                }

                div.dhxtabbar_tab_close {
                    top: 8px;
                }
            }


            div.dhxtabbar_tabs_cont_left, div.dhxtabbar_tabs_cont_right {
                height: @main-tab-bar-height;
            }
        }

        div.dhxtabbar_tabs_ar_right, div.dhxtabbar_tabs_ar_left {
            height: 32px;
            line-height: 32px;
            background-color: #BDBDBD;

            .dhxtabbar_arrow_img {
                top: 7px;
            }
        }
    }


}

//清明颜色下的tabset颜色搭配
@main-tab-bar-height-mingqing: 34px;
@border_bottom_mingqing: #d8dce5;
@mingqingColor: #13C2C2;
@tabBarBgBaseColor: #fff; //底部基础背景色

.manage-tab-set.theme_menu_mingqing {
    .dx_tabset(@tabBarBgBaseColor, @main-tab-bar-height-mingqing, @border_bottom_mingqing, @mingqingColor);
}

//清明颜色下的tabset颜色搭配
@main-tab-bar-height-huoshan: 34px;
@border_bottom_huoshan: #d8dce5;
@huoshanColor: #FA541C;

.manage-tab-set.theme_menu_huoshan {
    .dx_tabset(@tabBarBgBaseColor, @main-tab-bar-height-huoshan, @border_bottom_huoshan, @huoshanColor);
}

//拂晓蓝下的tabset颜色搭配
@theme_menu_fuxiaoblue: #1890FF;
.manage-tab-set.theme_menu_fuxiaoblue {
    .dx_tabset(@tabBarBgBaseColor, @main-tab-bar-height-huoshan, @border_bottom_huoshan, @theme_menu_fuxiaoblue);
}

//grid分页条的样式
.go-pagin-bar {
    padding: 5px 10px 5px 10px;
    border-top: 1px solid #EEEEEE;

    .pagin-left-cell {
        float: left;
    }


    .record-count-info {
        padding: 0 10px;
        .text-overflow;
    }

    .pagin-right-cell {
        float: right;
    }

    .dhx_toolbar_btn, .dhxtoolbar_btn_def {
        float: left;
        cursor: pointer;
    }

    .dhx_toolbar_text {
        float: left;
        padding-top: 2px;
    }
}


//简单模式的tabset控件
@baseGoTabCtlHeight: 37px;
@baseGoTabCtlBaseBgColor: #fff;
@activeTavBottomColor: #0088FF;
@baseFontColor: #333;


.go-page .go_tab_ctl {
    &.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
        background-color: #FFF;
        color: @baseFontColor;
    }

    &.dhxtabbar_base_material div.dhxtabbar_tabs {
        height: 36px;
        line-height: 36px;
        border-bottom: 1px solid @activeTavBottomColor;
        border-top: 1px solid @baseGoTabCtlBaseBgColor;
        background-color: @baseGoTabCtlBaseBgColor;
        border-left: 1px solid @baseGoTabCtlBaseBgColor;
        border-right: 1px solid @baseGoTabCtlBaseBgColor;

        div.dhxtabbar_tabs_base {
            background-color: @baseGoTabCtlBaseBgColor;
            height: @baseGoTabCtlHeight;

            div.dhxtabbar_tab {
                top: 0;
                background-color: @baseGoTabCtlBaseBgColor;
                //非激活状态下的tab
                div.dhxtabbar_tab_text {
                    height: @baseGoTabCtlHeight - 2;
                    box-sizing: border-box;
                    line-height: @baseGoTabCtlHeight - 5;
                    background-color: @baseGoTabCtlBaseBgColor;
                    color: @baseFontColor;
                    border: 1px solid @baseGoTabCtlBaseBgColor;
                    border-left: 0;
                    border-right: 0;
                    margin-right: 3px;
                    top: -1px;
                }

                //激活状态下的底部颜色
                &.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
                    border: 1px solid @baseGoTabCtlBaseBgColor;
                    border-bottom: 2px solid @activeTavBottomColor;
                }
            }
        }
    }

    &.dhxtabbar_base_material div.dhx_cell_tabbar {
        top: @baseGoTabCtlHeight;
    }

    &.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left, .manage-tab-set .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
        height: @baseGoTabCtlHeight;
    }
}

