xh-erp.7in6.com/public/assets/css/xinhua-theme.css

/*
 * 新华 ERP — 简洁后台主题
 */
.skin-blue-light .main-header {
    box-shadow: none !important;
    border: none !important;
}

.skin-blue-light .main-header .navbar {
    background: #ffffff !important;
    color: #1f1f1f !important;
    border-bottom: 1px solid #f0f0f0;
    box-shadow: none !important;
}

.skin-blue-light .main-header .logo {
    background: #1a3a6e !important;
    border: none !important;
    border-right: 1px solid #152f5c !important;
    border-bottom: none !important;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 15px !important;
    /* 与下方侧栏无缝衔接，避免露出白线空隙 */
    box-shadow: none !important;
}

.skin-blue-light .main-header .logo:hover {
    background: #163560 !important;
    color: #ffffff !important;
}

.skin-blue-light .main-header .navbar .nav > li > a,
.skin-blue-light .main-header .navbar .sidebar-toggle {
    color: #595959 !important;
}

.skin-blue-light .main-header .navbar .nav > li > a:hover,
.skin-blue-light .main-header .navbar .nav > li > a:focus,
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    background: #f5f5f5 !important;
    color: #1f1f1f !important;
}

.skin-blue-light .wrapper {
    background: #f5f6f8 !important;
}

.skin-blue-light .main-sidebar,
.skin-blue-light .left-side,
.skin-blue-light .main-sidebar .sidebar {
    background: #1a3a6e !important;
    background-color: #1a3a6e !important;
}

/* fixed 布局必须留出顶栏高度，否则用户信息会顶到 logo 下面 */
.fixed.skin-blue-light .main-sidebar,
.fixed.skin-blue-light .left-side {
    padding-top: 50px !important;
}

.skin-blue-light .main-sidebar {
    border-right: 1px solid #152f5c !important;
    box-shadow: none !important;
    border-top: none !important;
}

.skin-blue-light .content-wrapper,
.skin-blue-light .main-footer {
    background: #f5f6f8 !important;
    border-left: none !important;
}

/* 侧栏收起/展开瞬间完成，避免内容区宽度动画过程中表格列反复跳动 */
.skin-blue-light .content-wrapper,
.skin-blue-light .right-side,
.skin-blue-light .main-footer,
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.skin-blue-light .sidebar .user-panel {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 12px;
    margin-bottom: 6px;
}

.skin-blue-light .sidebar .user-panel > .info {
    left: 55px;
    line-height: 45px;
}

.skin-blue-light .sidebar .user-panel > .info > p {
    margin: 0;
}

.skin-blue-light .sidebar-menu > li.header {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.45) !important;
    font-size: 12px;
}

.skin-blue-light .sidebar-menu > li > a {
    border-radius: 6px;
    margin: 1px 8px;
    padding: 10px 12px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    border-left: none !important;
}

.skin-blue-light .sidebar-menu > li > a > .fa,
.skin-blue-light .sidebar-menu > li > a > .glyphicon,
.skin-blue-light .sidebar-menu > li > a > .ion,
.skin-blue-light .sidebar-menu > li > a > .pull-right-container > .fa {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* 悬停：白底黑字 */
.skin-blue-light .sidebar-menu > li:hover > a {
    background: #ffffff !important;
    color: #1f1f1f !important;
}

.skin-blue-light .sidebar-menu > li:hover > a > .fa,
.skin-blue-light .sidebar-menu > li:hover > a > .glyphicon,
.skin-blue-light .sidebar-menu > li:hover > a > .ion,
.skin-blue-light .sidebar-menu > li:hover > a > .pull-right-container > .fa {
    color: #1f1f1f !important;
}

.skin-blue-light .sidebar-menu > li.active > a {
    background: #ffffff !important;
    color: #1f1f1f !important;
    font-weight: 500;
    box-shadow: none !important;
}

.skin-blue-light .sidebar-menu > li.active > a > .fa,
.skin-blue-light .sidebar-menu > li.active > a > .glyphicon,
.skin-blue-light .sidebar-menu > li.active > a > .ion,
.skin-blue-light .sidebar-menu > li.active > a > .pull-right-container > .fa {
    color: #1f1f1f !important;
}

.skin-blue-light .treeview-menu > li > a {
    color: rgba(255, 255, 255, 0.78) !important;
}

.skin-blue-light .treeview-menu > li.active > a,
.skin-blue-light .treeview-menu > li > a:hover {
    background: #ffffff !important;
    color: #1f1f1f !important;
}

.skin-blue-light .sidebar-menu > li > .treeview-menu {
    background: rgba(0, 0, 0, 0.18) !important;
}

/* 侧栏收起后悬浮层：标题与子菜单贴合成一块，贴紧 50px 侧栏 */
@media (min-width: 768px) {
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li {
        position: relative !important;
    }
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
        margin: 0 !important;
        border-radius: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a,
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a {
        width: 50px !important;
        background: #ffffff !important;
        color: #1f1f1f !important;
    }
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .fa,
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > .fa {
        color: #1f1f1f !important;
    }

    /* 无子菜单：不弹出标题白条 */
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview):hover > a > span,
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview):hover > a > .pull-right-container {
        display: none !important;
    }

    /* 有子菜单：标题 + 列表同一左缘、无空隙 */
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > a > span:not(.pull-right),
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > .treeview-menu {
        display: block !important;
        position: absolute !important;
        left: 50px !important;
        margin: 0 !important;
        margin-left: 0 !important;
        width: 200px !important;
        background: #ffffff !important;
        color: #1f1f1f !important;
        z-index: 1200 !important;
        box-sizing: border-box !important;
    }
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > a > span:not(.pull-right) {
        top: 0 !important;
        height: 40px !important;
        line-height: 40px !important;
        padding: 0 14px !important;
        font-weight: 600;
        border: 1px solid #e2e8f0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
        border-radius: 0 6px 0 0 !important;
        box-shadow: none !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > a > .pull-right-container {
        display: none !important;
        visibility: hidden !important;
    }
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview > .treeview-menu,
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > .treeview-menu {
        top: 40px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-top: none !important;
        border-radius: 0 0 6px 6px !important;
        box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1) !important;
        padding: 2px 0 4px !important;
        min-width: 200px !important;
        max-height: 70vh;
        overflow-y: auto;
    }
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > .treeview-menu > li > a {
        color: #1f1f1f !important;
        background: transparent !important;
        padding: 8px 14px !important;
        white-space: nowrap;
        border-radius: 0 !important;
        margin: 0 !important;
        text-align: left !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > .treeview-menu > li > a > .fa,
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > .treeview-menu > li > a > .glyphicon,
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > .treeview-menu > li > a > .ion {
        color: #595959 !important;
        width: 18px;
        text-align: center;
    }
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > .treeview-menu > li > a:hover,
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > .treeview-menu > li.active > a {
        background: #f0f5fb !important;
        color: #1f1f1f !important;
    }

    .skin-black.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
    .skin-black.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        background: #222d32 !important;
        border: 1px solid #1a2226 !important;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
        z-index: 1100 !important;
    }
}

.skin-blue-light .sidebar-form {
    border: 1px solid #f0f0f0 !important;
    border-radius: 6px !important;
    background: #fafafa !important;
}

.skin-blue-light .user-panel > .info,
.skin-blue-light .user-panel > .info > a {
    color: rgba(255, 255, 255, 0.92) !important;
}

.user-panel > .image,
.user-panel > .image.is-brand-logo-avatar,
.main-header .user-image.is-brand-logo-avatar-img {
    background-color: #f5f5f5 !important;
}

/* 顶栏多标签：紧凑、可横向滚动，去掉灰底块 */
#firstnav {
    box-shadow: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

#firstnav .nav-addtabs {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: thin;
}

#firstnav .nav-addtabs::-webkit-scrollbar {
    height: 3px;
}

#firstnav .nav-addtabs::-webkit-scrollbar-thumb {
    background: #e8e8e8;
    border-radius: 3px;
}

.skin-blue-light .nav-addtabs > li > a {
    color: #8c8c8c !important;
    border-radius: 0;
    padding: 0 22px 0 14px !important;
    height: 48px !important;
    line-height: 48px !important;
    border-right: 1px solid #f5f5f5 !important;
    font-size: 13px;
}

.skin-blue-light .nav-addtabs > li > a:hover,
.skin-blue-light .nav-addtabs > li > a:focus {
    background: #fafafa !important;
    color: #434343 !important;
    border-right-color: #f5f5f5 !important;
}

.skin-blue-light .nav-addtabs > li.active > a,
.skin-blue-light .nav-addtabs > li.active > a:hover,
.skin-blue-light .nav-addtabs > li.active > a:focus {
    color: #1677ff !important;
    background: #ffffff !important;
    border-bottom: 2px solid #1677ff !important;
    border-right: 1px solid #f5f5f5 !important;
    font-weight: 500;
}

/* 白底顶栏：恢复页签关闭 ×（原色 #eee/#f6f6f6 在白底上看不见） */
.skin-blue-light .nav-addtabs > li {
    position: relative;
}
.skin-blue-light .main-header .navbar .nav-addtabs li > .close-tab,
.skin-blue-light .nav-addtabs > li > .close-tab {
    color: #bfbfbf !important;
    right: 4px;
    z-index: 120;
}
.skin-blue-light .nav-addtabs > li:hover > .close-tab,
.skin-blue-light .nav-addtabs > li.active > .close-tab {
    display: block !important;
    color: #8c8c8c !important;
}
.skin-blue-light .nav-addtabs > li > .close-tab:hover {
    color: #1677ff !important;
}

body.inside-header.inside-aside,
body.inside-header.inside-aside #main,
body.inside-header.inside-aside .tab-content,
body.inside-header.inside-aside #content {
    background: #f5f6f8 !important;
}

/* 去掉页面内灰条标题区 */
.panel-intro {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.panel-intro > .panel-heading,
.panel-nav .panel-heading {
    background: #ffffff !important;
    border-color: #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 12px 16px 0 !important;
}

.panel-intro > .panel-body,
.panel-nav .panel-body {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
}

/* 普通列表页：白底区域由表格 heightFill 撑满，分页贴底；勿再叠一层整页滚动条 */
body:not(.is-dialog) .panel.panel-intro:not(#procuremen-layout) {
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}
body:not(.is-dialog) .panel.panel-intro:not(#procuremen-layout) > .panel-heading {
    flex: 0 0 auto;
}
body:not(.is-dialog) .panel.panel-intro:not(#procuremen-layout) > .panel-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
body:not(.is-dialog) .panel.panel-intro:not(#procuremen-layout) > .panel-body > .widget-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
body:not(.is-dialog) .panel.panel-intro:not(#procuremen-layout) .bootstrap-table > .fixed-table-pagination {
    padding: 8px 10px !important;
    border-top: 1px solid #f0f0f0;
    background: #fff;
}

.panel-intro > .panel-heading .nav-tabs,
.panel-nav .nav-tabs {
    border-bottom: 1px solid #f0f0f0 !important;
    margin-bottom: 0 !important;
}

.panel-intro > .panel-heading .nav-tabs > li > a,
.panel-nav .nav-tabs > li > a {
    margin-right: 0 !important;
    padding: 10px 16px !important;
    color: #8c8c8c !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
}

.panel-intro > .panel-heading .nav-tabs > li > a:hover,
.panel-intro > .panel-heading .nav-tabs > li > a:focus,
.panel-nav .nav-tabs > li > a:hover,
.panel-nav .nav-tabs > li > a:focus {
    color: #434343 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid #d9d9d9 !important;
}

.panel-intro > .panel-heading .nav-tabs > li.active > a,
.panel-intro > .panel-heading .nav-tabs > li.active > a:hover,
.panel-intro > .panel-heading .nav-tabs > li.active > a:focus,
.panel-nav .nav-tabs > li.active > a,
.panel-nav .nav-tabs > li.active > a:hover,
.panel-nav .nav-tabs > li.active > a:focus {
    color: #1677ff !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid #1677ff !important;
}

.panel-default > .panel-heading {
    background: #ffffff !important;
    border-color: #f0f0f0 !important;
}

.panel,
.box {
    border-radius: 8px !important;
    border: 1px solid #f0f0f0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

/* iframe 内容区保留少量左右内边距，避免贴边裁切工具栏/侧栏 */
.content-wrapper .content,
body.inside-aside .content,
#content .content {
    padding: 8px 10px !important;
}

/* 导航与内容仅竖线分隔；勿清 content-wrapper 的 margin-left（侧栏占位依赖它） */
.skin-blue-light .main-sidebar {
    border-right: 1px solid #152f5c !important;
}
.skin-blue-light .content-wrapper {
    border-left: none !important;
}

/* 左侧菜单略收窄（默认 230 → 200） */
@media (min-width: 768px) {
    .skin-blue-light .main-sidebar,
    .skin-blue-light .left-side {
        width: 200px !important;
    }
    .skin-blue-light .main-header .logo {
        width: 200px !important;
    }
    .skin-blue-light:not(.sidebar-collapse) .content-wrapper,
    .skin-blue-light:not(.sidebar-collapse) .right-side,
    .skin-blue-light:not(.sidebar-collapse) .main-footer {
        margin-left: 200px !important;
    }
    .skin-blue-light:not(.sidebar-collapse) .main-header .navbar {
        margin-left: 200px !important;
    }
}

.skin-blue-light .sidebar-menu > li > a {
    padding-left: 10px !important;
    padding-right: 8px !important;
}
.skin-blue-light .sidebar-menu .treeview-menu > li > a {
    padding-left: 28px !important;
}
/* 只清 iframe / 页签内容的边距，绝不能清 .content-wrapper 自身的 margin-left */
.skin-blue-light .content-wrapper > .tab-pane,
.skin-blue-light .content-wrapper.tab-addtabs > .tab-pane,
.skin-blue-light .content-wrapper iframe,
.skin-blue-light .content-wrapper.tab-addtabs iframe {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* 明确恢复 AdminLTE 侧栏占位，避免内容整体贴到左侧被侧栏挡住 */
@media (min-width: 768px) {
    .skin-blue-light.sidebar-mini.sidebar-collapse .content-wrapper,
    .skin-blue-light.sidebar-mini.sidebar-collapse .right-side,
    .skin-blue-light.sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 50px !important;
    }
    .skin-blue-light.sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 50px !important;
    }
    .skin-blue-light.sidebar-mini.sidebar-collapse .main-header .logo {
        width: 50px !important;
    }
    /* 侧栏收起时不显示左上角品牌短名（如「生产」） */
    .sidebar-mini.sidebar-collapse .main-header .logo .logo-mini,
    .sidebar-mini.sidebar-collapse .main-header .logo .logo-lg {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
    }
}

/* 表格区域 */
.bootstrap-table .fixed-table-toolbar {
    padding: 8px 0 !important;
}

.bootstrap-table .fixed-table-toolbar .btn {
    border-radius: 6px !important;
}

/* 列显隐下拉：勾选框与文字贴紧（去掉文字前多余空隙） */
.bootstrap-table .fixed-table-toolbar .dropdown-menu > li > label,
.procuremen-toolbar-host .dropdown-menu > li > label {
    display: block;
    padding: 4px 14px 4px 10px !important;
    margin: 0 !important;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    line-height: 1.4;
}
.bootstrap-table .fixed-table-toolbar .dropdown-menu > li > label input[type="checkbox"],
.procuremen-toolbar-host .dropdown-menu > li > label input[type="checkbox"] {
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    vertical-align: -2px;
}

.bootstrap-table .table,
.table {
    border: 1px solid #e4e7ed !important;
    border-color: #e4e7ed !important;
}

/* 浅灰表头 + 完整单元格边框（含竖线）
 * 注意：bootstrap-table 表头 padding 只能加在 .th-inner 上，勿同时给 th 加 padding，否则表头色条与文字错位 */
.bootstrap-table .table > thead > tr > th,
.table > thead > tr > th {
    background: #f5f7fa !important;
    color: #303133 !important;
    border: 1px solid #e4e7ed !important;
    font-weight: 600;
    font-size: 13px;
}
.bootstrap-table .fixed-table-container thead th,
.bootstrap-table .table > thead > tr > th {
    padding: 0 !important;
}
.bootstrap-table .fixed-table-container thead th .th-inner,
.bootstrap-table .fixed-table-container thead th .th-inner.sortable,
.bootstrap-table .fixed-table-container thead th .sortable {
    padding: 8px 10px !important;
    line-height: 1.4;
    background-image: none;
}

.bootstrap-table .table > tbody > tr > td,
.table > tbody > tr > td {
    border: 1px solid #ebeef5 !important;
    color: #606266;
    font-size: 13px;
    background-color: #ffffff !important;
    padding: 8px 10px !important;
}
/* 覆盖 backend.css 固定 47px 行高，避免换行单元格/表头被裁切 */
.bootstrap-table .table:not(.table-condensed) > tbody > tr > td,
.bootstrap-table .table:not(.table-condensed) > thead > tr > th {
    height: auto !important;
}

.bootstrap-table .table-bordered,
.table-bordered {
    border: 1px solid #e4e7ed !important;
}
.bootstrap-table .table-bordered > thead > tr > th,
.bootstrap-table .table-bordered > tbody > tr > td,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td {
    border: 1px solid #e4e7ed !important;
}

/* 取消斑马纹：全部白底 */
.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(even),
.table-striped > tbody > tr:nth-of-type(odd) > td,
.table-striped > tbody > tr:nth-of-type(even) > td,
.bootstrap-table .table-striped > tbody > tr:nth-of-type(odd) > td,
.bootstrap-table .table-striped > tbody > tr:nth-of-type(even) > td {
    background-color: #ffffff !important;
}

.bootstrap-table .table > tbody > tr:hover > td,
.table-striped > tbody > tr:hover > td {
    background: #fafafa !important;
}

/* FastAdmin autocontent 默认 max-width:250px，列变宽后仍提前省略；改为占满单元格 */
.bootstrap-table td.autocontent {
    vertical-align: middle !important;
}
.bootstrap-table td.autocontent > .autocontent-item {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

/* 无数据占位：文案垂直居中铺满表体 */
.bootstrap-table .fixed-table-body tr.no-records-found > td {
    color: #8c8c8c !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.fixed-table-pagination {
    border-top: 1px solid #d9d9d9 !important;
    background: #ffffff !important;
}

.btn-primary {
    background: #1677ff !important;
    border-color: #1677ff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: #4096ff !important;
    border-color: #4096ff !important;
}

.btn-danger {
    background: #fff !important;
    border-color: #ffccc7 !important;
    color: #ff4d4f !important;
}

.btn-danger:hover,
.btn-danger:focus {
    background: #fff1f0 !important;
    border-color: #ffa39e !important;
    color: #ff4d4f !important;
}

.form-control {
    border-color: #d9d9d9 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.form-control:focus {
    border-color: #1677ff !important;
    box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.1) !important;
}

/* Toastr 提示压过 Layer 弹层遮罩 */
#toast-container {
    z-index: 21000000 !important;
}

@media (max-width: 767px) {
    .skin-blue-light .main-header .navbar {
        background: #ffffff !important;
    }
}