body {
    font-family: PingFang SC, PingFang SC !important;
}

#firstnav {
    height: 60px;
}

.main-sidebar, .left-side {
    padding-top: 60px;
    width: 118px;
}

.content-wrapper, .right-side, .main-footer {
    margin-left: 118px;
}

.sidebar-menu .treeview-menu > li > a:hover {
    background-color: #EBECF0;
}

.sidebar-menu .treeview-menu > li > a,
.sidebar-menu > li > a {
    padding: 12px 5px 12px 8px;
    margin: 8px 7px 8px 8px;
}


.main-header .logo {
    height: 60px;
}

.main-header .logo .logo-lg {
    background-image: url("../img/logo-large.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 12px auto 13px 12px;
    height: 35px;
}

.navbar-nav > .user-menu .user-image {
    width: 22px;
    height: 22px;
    float: right;
    margin-left: 6px;
}

.sidebar-menu > li > a > img,
.sidebar-menu .treeview-menu > li > a > img,
.sidebar-menu .treeview-menu > li > a > img,
.sidebar-menu .treeview-menu > li > a > img {
    width: 18px;
    height: 18px;
    margin-top: -3px;
}

.sidebar-menu > li > a > img[src=""],
.sidebar-menu .treeview-menu > li > a > img[src=""],
.sidebar-menu .treeview-menu > li > a > img[src=""],
.sidebar-menu .treeview-menu > li > a > img[src=""] {
    display: none;
}

.sidebar-menu li.treeview > ul.treeview-menu {
    visibility: hidden;
    position: fixed;
    width: 230px;
    z-index: 800;
}

.sidebar-menu li.treeview ul.treeview-menu {
    visibility: hidden;
    position: fixed;
    width: 156px;
    z-index: 1060;
    box-shadow: 5px 5px 20px 1px rgba(103, 134, 187, 0.59);
    border-radius: 5px;
    border: 1px solid #E6E6E6;
    background: #FAFBFC;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

/* 弹出层内条目略紧凑，避免一项占过高 */
.sidebar-menu .treeview-menu > li > a {
    margin: 4px 7px 4px 8px;
    padding: 10px 5px 10px 8px;
}

.sidebar-menu .treeview-menu > li > a > .fa,
.sidebar-menu .treeview-menu > li > a > .pull-right-container {
    margin-top: 0;
}

/* 列与列之间的透明“桥接”，减少斜向移动时经过空隙导致菜单关闭 */
.sidebar-menu li.treeview > ul.treeview-menu::before,
.sidebar-menu .treeview-menu .treeview-menu::before {
    content: '';
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -14px;
    width: 14px;
    background: transparent;
}

.sidebar-menu li.treeview > ul.treeview-menu,
.sidebar-menu .treeview-menu .treeview-menu {
    padding-top: 6px;
    padding-bottom: 6px;
}

/*.sidebar-menu li.treeview > ul.treeview-menu-show {*/
/*    display: block;*/
/*}*/


#header .nav-addtabs > li > a,
#header .nav-addtabs > li.active > a {
    height: 60px;
    line-height: 60px;
}

/* 顶栏多标签：选中白底蓝字；未选中悬浮深蓝，文字/图标颜色分层控制 */
.skin-mjyx-blue #header #firstnav .nav-addtabs > li > a,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li > a span,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li > a i {
    transition: background-color 0.15s ease, color 0.15s ease;
}

.skin-mjyx-blue #header #firstnav .nav-addtabs > li:not(.active) > a,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li:not(.active) > a span,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li:not(.active) > a i {
    color: rgba(255, 255, 255, 0.88) !important;
    background: transparent;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.skin-mjyx-blue #header #firstnav .nav-addtabs > li:not(.active) > a:hover,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li:not(.active) > a:focus,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li:not(.active) > a:hover span,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li:not(.active) > a:focus span,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li:not(.active) > a:hover i,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li:not(.active) > a:focus i {
    color: #fff !important;
    background: #0041a8 !important;
    border-right-color: rgba(255, 255, 255, 0.2);
}

.skin-mjyx-blue #header #firstnav .nav-addtabs > li.active > a,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li.active > a span,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li.active > a i {
    color: #0052cc !important;
    background: #fff !important;
    font-weight: 600;
    border-right-color: rgba(255, 255, 255, 0.3);
}

.skin-mjyx-blue #header #firstnav .nav-addtabs > li.active > a:hover,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li.active > a:focus,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li.active > a:hover span,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li.active > a:focus span,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li.active > a:hover i,
.skin-mjyx-blue #header #firstnav .nav-addtabs > li.active > a:focus i {
    color: #0043a8 !important;
    background: #e8f0fe !important;
}

.skin-mjyx-blue #header #firstnav .nav-addtabs > li.active .close-tab {
    color: #64748b !important;
}

.skin-mjyx-blue #header #firstnav .nav-addtabs > li.active .close-tab:hover {
    color: #0052cc !important;
}

.inside-header .inside-aside,
.inside-aside #main {
    background-color: #FFFFFF;
}

#firstnav .sidebar-toggle {
    height: 60px;
    line-height: 60px;
}

/* 仅右侧工具栏悬浮保持白字，不影响顶栏多标签 */
#firstnav .navbar-custom-menu ul.nav > li :hover {
    color: #FFFFFF;
}

#firstnav ul.nav > li > a > img[src=""] {
    display: none;
}

#firstnav ul.nav > li:not(.user) > a > img {
    filter: grayscale(1) brightness(10);
    -webkit-filter: grayscale(1) brightness(10);
    width: 18px;
    height: 18px;
}

#firstnav li.hidden-xs > a > img {
    width: 16px !important;
    height: 16px !important;
}

#firstnav li.hidden-xs > a {
    padding: 21px 13px;
}

/* 消息数量 */
.msgnum {
    width: 18px;
    height: 18px;
    display: block;
    background-color: #FF0101;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 15px;
}


.layui-layer-title {
    margin: 24px 0 24px 6px;
}

.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin {
    top: 24px;
}

.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:active:hover,
.btn-success:focus,
.btn-success.focus,
.open > .dropdown-toggle.btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success .badge{
    color: #fff;
    background-color: #0052CC;
    border-color: #0052CC;
}

/*---------------------*/
#main #content .content {
    padding: 15px 20px;
}

.fixed .content-wrapper,
.fixed .right-side {
    padding-top: 60px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background: #EBECF0;
    border: 1px solid #E6E6E6;
}

#content .pagination > .active > a,
#content .pagination > .active > span,
#content .pagination > .active > a:hover,
#content .pagination > .active > span:hover,
#content .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #0052cc !important;
    border-color: #0052cc !important;
}

.layui-laydate table tbody tr td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.content > .panel > .panel-body {
    padding: 15px 0;
}

/*---------------------*/

.layui-layer-fast .layui-layer-footer {
    background-color: #fff !important;
    text-align: center !important;
    padding-top: 0px !important;
    padding-bottom: 20px !important;
}

.layui-layer-fast .layui-layer-title {
    background-color: #FFFFFF !important;
    color: #172B4D !important;
    font-weight: bold;
    font-size: 20px;
}
.layui-layer-fast .layui-layer-setwin > a:after {
    color: #172B4D;
}


/*---------------------*/

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 21px;
        padding-bottom: 21px;
    }
}
@media (max-width: 767px) {
    .content-wrapper, .right-side, .main-footer {
        margin-left: 0;
    }
}