/* 页面tab的导航 */
.f-tabstrip-header-clip {
    width: 100%;
    height: 35px;
}

/* 页面导航第一标签样式设置 */
.f-tabstrip-align-left .f-tab-header.f-first {
    background-color: #0B2A56;
    color: #fff;
    border: none !important;
}

/* 顶部菜单导航 */
.f-btn .f-btn-text {
    vertical-align: baseline !important;
}

.activeClick {
    font-weight: 800;
    color: white !important;
}

.activeClick .f-icon {
    color: white !important;
}


.header {
    position: relative;
}

.header .item-pbig {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.item-pbig img {
    height: 48px;
    width: auto;
}

.sd-header2-center li > div {
    width: 100%;
}

.top-li-item {
    position: relative;
}

.top-li-item .f-btn-inner {
    display: none;
}

.sd-header .sd-header-top .sd-header-top-right ul li span:nth-child(2n) {
    margin-right: 0;
}

.bgbtn {
    width: 100%;
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    line-height: 1;
}

.bgbtn .x-frame-ml, .bgbtn .x-frame-mc, .bgbtn .x-frame-mr,
.bgbtn .x-frame-tl, .bgbtn .x-frame-tc, .bgbtn .x-frame-tr,
.bgbtn .x-frame-bl, .bgbtn .x-frame-bc, .bgbtn .x-frame-br,
.bgbtn a:visited, .bgbtn .f-state-focus {
    background-image: none;
    background-color: transparent;
}

.f-state-hover {
    background-color: transparent !important;
}

/* 整个body背景 */
.f-panel, .f-widget-header, .f-tree-headerstyle .f-panel-body {
    background-color: #121d4e !important;
    color: #fff !important;
    border: none !important;
    font-size: 14px !important;
}

.f-widget-content {
    background: #0B2A56 !important;
    color: #fff !important; 
}
.f-tab-header.f-state-active {
    background: #0B2A56 !important;
    color: #fff !important;
}
/* 按钮默认背景图及背景色 */
.f-state-default, .f-widget-content .f-state-default, .f-widget-header .f-state-default {
    background-image: none !important;
    background-color: transparent !important;
}

/* 左菜单的一些三角或其他图标的颜色 */
.bgbtntop.f-btn.f-state-default .f-icon, .bgbtntop.f-btn.f-state-hover .f-icon, .bgbtntop.f-btn.f-state-focus .f-icon, .bgbtntop.f-btn.f-state-active .f-icon {
    color: #37a6ff !important;
}

/* 左菜单文字颜色 */
.f-menu-item-text, .f-tree-cell-text, .f-widget-content a, .f-qtip-content {
    color: #fff !important;
}

/* 顶部下拉项目框背景色 */
.f-corner-all {
    background-color: #0B2A56;
}

/* 左侧菜单鼠标选中时a标签文字颜色 */
.f-state-hover.f-tree-node a {
    color: #37a6ff;
}

/* 内容区域背景色 */
.f-state-default, .f-widget-content .f-state-default, .f-widget-header .f-state-default {
    border-color: transparent !important;
}

.bgbtn2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* 项目下拉的位置调整 */
.projcet-select {
    float: left;
    height: .21875rem;
}
/* 项目下拉选中，悬浮 #010817*/
.projcet-select .f-state-focus,
.projcet-select .f-widget-content .f-state-focus,
.projcet-select .f-widget-header .f-state-focus {
    background-color: #0B2A56 !important;
    color: #1ab1ff;
}
/* 项目下拉框 */
.f-field-dropdownlist, .f-field-dropdownlist-pop {
    /*background-color:#f2f5f7;*/
    /*color: #fff;*/
    color: #1ab1ff;
}

.f-field-dropdownlist-wrap .f-field-textbox {
    /*width:auto;*/
    border: none !important;
}

/* 左侧菜单悬浮 */
#Panel1_leftPanel_treeMenu .f-state-hover .f-icon {
    color: #fff !important;
}
/* 左侧菜单悬浮 */
#Panel1_leftPanel_treeMenu .f-state-hover {
    background: #99e7ff  !important;
}

/* 头部菜单的底部线条 */
.f-mainheader {
    border-bottom: none !important;
}

.f-state-hover, .f-widget-content .f-state-hover, .f-widget-header .f-state-hover, .f-state-focus, .f-widget-content .f-state-focus, .f-widget-header .f-state-focus {
    background: none !important;
}