@charset "utf-8";
.gray-bg {
    background-color: #F2F3F7 !important;
}
.white-bg {
    background-color: #fff !important
}
/*菜单部分*/
.pt-0{
    padding-top:0 !important;
}
.detail-warp{
    padding: 0 20px;
}
.navbar-fixed-top, .navbar-static-top {
    background: #f6f6f6;
}

.navbar-static-side {
    background: #2C343E;
}

.sidebar-collapse .nav > li > a {
    color: #C0C2C5;
    font-weight: 300;
}

body.mini-navbar .nav-header {
    background: none;
}

.sidebar-collapse .nav > li.active > a {
    color: #fff;
}

.sidebar-collapse .navbar-default .nav > li > a:focus, .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus, .navbar-default .nav > li > a:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.sidebar-collapse .nav > li.active {
    border-left: 4px solid #00A0E9;
    background-color: #222933;
}

.nav-header {
    padding: 33px 20px;
    background: none;
    border-bottom: 1px solid #424751;
}

.count-info .label {
    line-height: 12px;
    padding: 2px 6px;
    position: absolute;
    right: 6px;
    top: 12px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.content-tabs {
    background: #ffffff;
    border-bottom: solid 2px #009ee9;
}

.page-tabs a.active {
    background: #009fe9;
    color: #fff;
}

.page-tabs a.active i:hover, .page-tabs a.active:hover {
    background: #009fe9;
}

.content-tabs .roll-nav, .page-tabs-list, .page-tabs a i {
    color: #606060;
}

.page-tabs a.active i {
    color: #fff;
}

/*按钮部分*/
.btn {
    border-radius: 3px;
}

.btn-default {
    border-radius: 3px;
    background-color: #E4E9EE;
    color: #495566;
    border: none;
}

.btn-white {
    background-color: #fff;
}

.btn-primary {
    border-color: #00A0E9;
    background-color: #00A0E9;
    color: #FFF
}

.btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary, .btn-primary.active[disabled], .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: #00A0E9;
    border-color: #00A0E9;
    color: #FFF
}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default,
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    background-color: #E4E9EE;
    color: #495566;
}

.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
    color: #393d46;
}

.text-primary {
    color: #28bd8b !important;
}
.label{
    background-color: #A9A9A9;
    color: #fff;
    font-weight: normal;
    font-size:12px;
}
.badge-primary, .label-primary {
    background-color: #28BD8B;
    color: #FFF;
}
.badge-success, .label-success {
    background-color: #00A0E9;
    color: #FFF;
}
.badge-warning, .label-warning {
    background-color: #FCBB3D;
    color: #FFF;
}
.badge-danger, .label-danger {
    background-color: #EE7070;
    color: #FFF;
}

.n-screen-toggle-btn {
    font-size: 18px;
    vertical-align: middle;
    color: #00A0E9;
}

.n-screen-toggle-btn span {
    font-size: 14px;
    color: #909090
}

.text-white {
    color: #fff;
}

/*表格*/
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    background-color: #e9e9e9;
}

.table-hover > tbody > tr:hover {
    background-color: #E5F6FF !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #F8FAFC;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #dee7f2;
    background: none;
    color: #303030;
    background-clip: padding-box;
}
.table.table-striped {
    border-color: #dee7f2;
    color: #303030;
}
.table.table-striped >  tr > td, .table.table-striped > thead > tr > th{
    border-color: #dee7f2;
}
table.table-striped > tbody{
    border-top:1px solid #dee7f2;
    border-bottom:1px solid #dee7f2;
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px;
}

.table-bordered {
    border: 1px solid #dee7f2;
}

.table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th {
    border-top-width: 2px;
}

.n-total-num td {
    color: #EE7070;
    border-color: #fff !important;
}

/*表单*/
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-control, .single-line {
    border-color: #d9d9d9;
    border-radius: 3px;
    color: #303030;
    box-shadow: none;
    /* -webkit-appearance: none; */
}

.file-up-img ul li span:after {
    content: '×';
    display: block;
    z-index: 4;
    width: 20px;
    height: 20px;
    line-height: 18px;
    color: #fff;
    background: #EE7070;
}

.layui-layer-btn .layui-layer-btn0 {
    background-color: #00A0E9 !important;
    border-color: #00A0E9 !important;
}

label {
    font-size: 14px;
    font-weight: normal;
    color: #303030;
}

.content-detail-box label {
    color: #606060;
}

.content-detail-box {
    font-size: 14px;
    color: #303030;
    padding: 10px 20px;
}

h3.page-header {
    font-size: 14px;
    font-weight: normal;
    color: #898C93;
    padding: 0;
    overflow: hidden;
    line-height: 42px;
    margin-top: 0;
}

h3.page-header button {
    margin-top: 6px;
}

h3.page-header:before {
    content: " ";
    background: #00A0E9;
    width: 7px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
}

.input-group.date .form-control[readonly], .input-group.n-select-client .form-control[readonly], .input-group.date .form-control[disabled], .input-group.n-select-client .form-control[disabled] {
    border-radius: 5px;
    padding-right: 30px;
}

.input-group.date .input-group-addon, .input-group.n-select-client .input-group-addon {
    top: 4px;
}

.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #337ab7;
    background-image: none;
}

.ibox-content {
    position: relative;
    z-index: 1;
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.06);
}

.split-btn-line {
    height: 15px;
    width: 0;
    border-left: 1px solid #D9D9D9;
    margin: 0 15px 0 10px;
}

.ibox-title {
    border-top: none;
}

.ibox-title h5 {
    font-size: 16px;
    font-weight: normal;
    height: 16px;
}

.n-header-fixed {
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 0px 0px;
}

.n-screen-box {
    border: none;
    margin-bottom: 0;
}

.form-control:focus, .single-line:focus {
    border-color: #00a0e9 !important
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    box-shadow: none;
}
.n-screen-box .row > .col-sm-3, .n-screen-box .row > .col-sm-4, .n-screen-box .row > .col-sm-2, .n-screen-box > .col-sm-2, .n-screen-box .row > .col-sm-1-5{
    min-width: 140px;
}
.detail-title{
    font-weight: normal;
    font-size:18px;
    color: #606060;
}
.num-text {
    font-size: 16px;
    color: #000000;
}
a.text-success:focus, a.text-success:hover{
    color: #1c84c6;
}

.table-lock tr td:first-child:before,.table-lock tr th:first-child:before{
    content: " ";
    border-left: 1px solid #dee7f2;
    border-right: 1px solid #dee7f2;
    position: absolute;
    left: -2px;
    top: 0;
    bottom: 0;
}
.table-lock tr td:first-child:after,.table-lock tr th:first-child:after{
    content: " ";
    border-right: 1px solid #dee7f2;
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
}
.table-lock tr td:last-child:before,.table-lock tr th:last-child:before{
    content: " ";
    border-left: 1px solid #dee7f2;
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
}
.table-lock tr td:last-child:after,.table-lock tr th:last-child:after{
    content: " ";
    border-right: 1px solid #dee7f2;
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
}
@media (max-width: 1100px) {
    .table {
        font-size: 12px;
    }
    label{
        font-size:12px;
    }
}