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;
}

/*.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;
}

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

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

#firstnav 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;
    }
}