/*
 * skin: black-light
 * date: 2018-04-19
 * by: yemusheng
*/
.skin-black-light .main-header .navbar {
    background-color: #354457;
    font-size: 15px;
}
.skin-black-light .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.skin-black-light .main-header .navbar .nav > li > a:hover,
.skin-black-light .main-header .navbar .nav > li > a:active,
.skin-black-light .main-header .navbar .nav > li > a:focus,
.skin-black-light .main-header .navbar .nav .open > a,
.skin-black-light .main-header .navbar .nav .open > a:hover,
.skin-black-light .main-header .navbar .nav .open > a:focus,
.skin-black-light .main-header .navbar .nav > .active > a {
    background: #2A3849;
    color: #f6f6f6;
}
.skin-black-light .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}
.skin-black-light .main-header .navbar .sidebar-toggle:hover,.skin-black-light .main-header .navbar .main-nav-active {
    color: #f6f6f6;
    background: #2A3849;
}
.skin-black-light .main-header .navbar .sidebar-toggle.toggle-menu-disabled {
    color: #666;
}
.skin-black-light .main-header .navbar .sidebar-toggle.toggle-menu-disabled:hover {
    background-color: transparent;
}
@media (max-width: 767px) {
    .skin-black-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-black-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-black-light .main-header .navbar .dropdown-menu li a:hover {
        background: #354457;
    }
}
@media (min-width: 1101px) {
    .skin-black-light .main-header .navbar>.sidebar-toggle>.fa,
    .skin-black-light .main-header .navbar>.sidebar-toggle>.glyphicon{
        display:none;
    }
    .skin-black-light .main-header .navbar>.sidebar-toggle>.main-nav-name{
        display:inline-block;
    }
}
@media (max-width: 1100px) {
    .skin-black-light .main-header .navbar>.sidebar-toggle>.fa,
    .skin-black-light .main-header .navbar>.sidebar-toggle>.glyphicon{
        display:inline-block;
    }
    .skin-black-light .main-header .navbar>.sidebar-toggle>.main-nav-name{
        display:none;
    }
}
.skin-black-light .content-header{
    padding-top:4px;
    height:25px;
}
.skin-black-light .content-header>.breadcrumb{
    font-size:14px;
    right: inherit;
    top: 5px;
}
.skin-black-light .content-header>.breadcrumb>li>a{
    color:#333;
}
.skin-black-light .breadcrumb .glyphicon,
.skin-black-light .breadcrumb .fa{
    display:none;
}
.skin-black-light .main-header .logo {
    background-color: #354457;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-black-light .main-header .logo:hover {
    background-color: #29384a;
}
.skin-black-light .main-header li.user-header {
    background-color: #354457;
}
.skin-black-light .content-header {
    background: transparent;
}
.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
    background-color: #f9fafc;
}
.skin-black-light .sidebar a {
    color: #333;
}
.skin-black-light .sidebar a:hover {
    text-decoration: none;
}
.skin-black-light .select2-selection .select2-selection--single,
.skin-black-light .select2-container--default .select2-selection--single{
    height:40px;
    line-height:40px;
}

.skin-black-light .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 4px;
    color:#666;
    font-size:13px;
    line-height:25px;
}
.skin-black-light .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:2px;
}
.skin-black-light .main-sidebar .select2-selection .select2-selection--single,
.skin-black-light .main-sidebar .select2-container--default .select2-selection--single{
    border: none;
    border-bottom:1px solid #c0ccda;
    padding-left: 19px;
    padding-top: 8px;
}
.skin-black-light .main-sidebar .select2-container--default .select2-selection--single>.select2-selection__arrow>b{
    border:none;
    position: relative;
    top: -1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color:#666;
}
.skin-black-light .main-sidebar .select2-container--default .select2-selection--single>.select2-selection__arrow>b:before {
    content: "\e235";
}
.skin-black-light .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:RGBA(221, 221, 221, 0.4);
    color:#666;
}
.skin-black-light .user-panel{
    padding:0;
}
.skin-black-light .user-panel > .info,
.skin-black-light .user-panel > .info > a {
    color: #fff;
}
.skin-black-light .sidebar-menu > li.header {
    display:none;
    color: #4b646f;
    background: #1a2226;
}
.skin-black-light .sidebar-menu{
    font-size: 15px;
}
.skin-black-light .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}
.skin-black-light .sidebar-menu > li > a:hover {
    background: RGBA(221, 221, 221, 0.4);
}
.skin-black-light .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: transparent;
    font-size:14px;
}
.skin-black-light .sidebar-menu .treeview-menu{
    padding-left:0;
    margin-left:0;
}
.skin-black-light.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu{
    background:#fff;
    border: 1px solid RGBA(221, 221, 221, 0.9);
    border-top:none;
}
.skin-black-light.sidebar-collapse .sidebar-menu>li:hover > a{
    background: RGBA(221, 221, 221, 0.9)!important;
}
.skin-black-light.sidebar-collapse .sidebar-menu>li:hover > a>span{
    text-indent:15px;
}
.skin-black-light .sidebar-menu .treeview-menu>li{
    padding-left: 10px;
}
.skin-black-light .treeview-menu > li > a {
    color: #666;
}
.skin-black-light .treeview-menu > li.active,
.skin-black-light .treeview-menu > li:hover{
    background: #eee;
}
.skin-black-light .treeview-menu > li > a>i.fa-circle-o:before{
    content: '';
}
.skin-black-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}
.skin-black-light .sidebar-form input[type="text"],
.skin-black-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-black-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}
.skin-black-light .sidebar-form input[type="text"]:focus,
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-black-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}
.skin-black-light.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-black-light.layout-top-nav .main-header > .logo:hover {
    background-color: #3b8ab8;
}

.skin-black-light .bootstrap-table .table:not(.table-condensed),
.skin-black-light .bootstrap-table .table:not(.table-condensed)>tbody>tr>td,
.skin-black-light .bootstrap-table .table:not(.table-condensed)>tbody>tr>th,
.skin-black-light .bootstrap-table .table:not(.table-condensed)>tfoot>tr>td,
.skin-black-light .bootstrap-table .table:not(.table-condensed)>tfoot>tr>th,
.skin-black-light .bootstrap-table .table:not(.table-condensed)>thead>tr>td{
    padding:10px 8px;
    vertical-align:middle;
}
.skin-black-light .fixed-table-container,
.skin-black-light .table-bordered>thead>tr>th,
.skin-black-light .table-bordered>tbody>tr>th,
.skin-black-light .table-bordered>tfoot>tr>th,
.skin-black-light .table-bordered>thead>tr>td,
.skin-black-light .table-bordered>tbody>tr>td,
.skin-black-light .table-bordered>tfoot>tr>td{
    border-color:#eff2f7;
}
.skin-black-light .bootstrap-table .table>thead>tr>th{
    border-bottom-color:#eff2f7;
    color:#17233d;
}
.skin-black-light .table-striped>tbody>tr:nth-of-type(odd){
    background-color:#f9fafc;
}
.skin-black-light .btn{
    outline:none!important;
}
.skin-black-light .btn.disabled,
.skin-black-light .btn.disabled:hover,
.skin-black-light .btn.disabled:focus,
.skin-black-light .btn.disabled:active{
    background-color:#dfdfdf;
    border-color:#dfdfdf;
}
.skin-black-light .btn-default.disabled,
.skin-black-light .btn-default.disabled:hover,
.skin-black-light .btn-default.disabled:focus,
.skin-black-light .btn-default.disabled:active{
    background-color:#fff;
    border-color:#cecece;
    color:#cecece;
}

.skin-black-light .btn-success:focus,
.skin-black-light .btn-success{
    background-color: #00bb87;
    border-color: #00a577;
}
.skin-black-light .btn-success:hover{
    background-color: #00cd93;
}

.skin-black-light .btn-success:active{
    background-color: #00a577;
}
.skin-black-light .btn-default,
.skin-black-light .btn-default:focus{
    background-color: #fff;
    border-color: #cecece;
}
.skin-black-light .btn-default:hover{
    background-color: #f9fafc;
    border-color: #9aa9be;
}
.skin-black-light .btn-default:active{
    background-color: #e5e9f2;
}

/*表格工具栏按钮*/
.skin-black-light #toolbar{
    margin: 10px 0;
}
.skin-black-light .fixed-table-toolbar #toolbar{
    margin:0;
}
.skin-black-light #toolbar .btn-primary:focus,
.skin-black-light #toolbar .btn-primary,
.skin-black-light .fixed-table-toolbar .btn-default:focus,
.skin-black-light .fixed-table-toolbar .btn-default{
    background-color: #EFF3F7;
    border-color: #C8D4DF;
    color:#333;
}
.skin-black-light .fixed-table-toolbar .btn-primary:hover,
.skin-black-light .fixed-table-toolbar .btn-default:hover{
    background-color:#D5DDE7;
}
.skin-black-light .fixed-table-toolbar .btn-primary:active,
.skin-black-light .fixed-table-toolbar .btn-default:active{
    background-color:#C1CCD9;
}
.skin-black-light .fixed-table-pagination{
    font-size: 12px;
}

.skin-black-light .fixed-table-pagination .btn{
    padding: 4px 7px;
}
.skin-black-light .fixed-table-pagination .pagination .page-pre,
.skin-black-light .fixed-table-pagination .pagination .page-next{
    font-family: "Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif;
}
.skin-black-light .fixed-table-pagination .pagination a{
    padding-top: 6px;
    padding-bottom:5px;
    font-weight: 500;
}
.skin-black-light .pagination>.active>a,
.skin-black-light .pagination>.active>a:focus,
.skin-black-light .pagination>.active>a:hover,
.skin-black-light .pagination>.active>span,
.skin-black-light .pagination>.active>span:focus,
.skin-black-light .pagination>.active>span:hover{
    background-color:#8996A8;
    border-color:#8996A8;
}
.skin-black-light input[type=checkbox]{
    width: 13px;
    height:13px;
}
.skin-black-light .input-group .input-group-addon{
    border-color:#c0ccda;
}
.skin-black-light .form-control{
    border-color:#c0ccda;
    font-size:13px;
    height:40px;
}
.skin-black-light .form-group-sm .form-control,
.skin-black-light .form-control.input-sm{
    height:30px;
}
.skin-black-light .form-control[disabled]{
    border-color:#eff2f7;
    background-color:#f9fafc;
    color:#cecece;
}
.skin-black-light .input-group-addon+.selectpicker+.bootstrap-select>.btn.selectpicker{
    margin-left:-2px;
    border-left:0;
    padding-left:4px;
}
.skin-black-light .btn.selectpicker,
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
    padding-top: 9px;
    padding-bottom:9px;

}
.skin-black-light .input-group>.input-group-addon:first-child{
    border-right-width:0;
    padding-right:4px;
}
.skin-black-light  .input-group>.input-group-addon:first-child + .form-control,
.skin-black-light  .input-group>.input-group-addon:first-child + .form-control+.select2 .select2-selection--single{
    border-left:0;
    padding-left:4px;
}
/*隐藏box标题*/
.content:not(.dashboard-content) .box>.box-header.with-border{
    display:none;
}
.skin-black-light .main-footer{
    padding:10px;
    background:#f5f6f8;
    border-top-color:#dedede;
    font-size: 10px;
    color:#8d8d8d;
}