/*
 * Skin: Black
 * -----------
 */
.skin-black .main-header {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.skin-black .main-header .navbar-toggle {
    color: #333;
}

.skin-black .main-header .navbar-brand {
    color: #333;
    border-right: 1px solid #eee;
}

.box input {
    background: #0B224B !important;
    border: none;
}

.skin-black .main-header .navbar {
    background-color: #fff;
}

/**
  默认黑色字体
 */
/*.sm-st-info,*/
/*.layui-layer-dialog .layui-layer-padding,*/
.panel-intro > .panel-heading .nav-tabs > li > a {
    color: black;
}

.input-group .form-control:last-child {
    border: 1px solid;
}

.skin-black .main-header .navbar .nav > li > a:hover,
.skin-black .main-header .navbar .nav > li > a:active,
.skin-black .main-header .navbar .nav > li > a:focus,
.skin-black .main-header .navbar .nav .open > a,
.skin-black .main-header .navbar .sidebar-toggle:hover,
.skin-black .main-header .navbar .nav .open > a:hover,
.skin-black .main-header .navbar .nav .open > a:focus,
.skin-black .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.02);
    color: white;
}

.skin-black .main-header .navbar > .sidebar-toggle {
    color: #333;
    border-right: 1px solid #eee;
}

.skin-black .main-header .navbar .navbar-nav > li > a {
    border-right: 1px solid #eee;
}

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black .main-header .navbar .navbar-right > li > a {
    border-left: 1px solid #eee;
    border-left: none;
    border-right-width: 0;
}

.skin-black .main-header .logo {
    background-color: #060C24;
    color: #fff;
    border-bottom: 0 solid transparent;
    border-right: 1px solid #060C24;
}

/**
滚动条样式
 */
.fixed-table-body::-webkit-scrollbar,
.dropdown-menu::-webkit-scrollbar,
.layui-form-selected dl::-webkit-scrollbar,
.simditor .simditor-body::-webkit-scrollbar,
.layui-layer-page .layui-layer-content::-webkit-scrollbar,
.sp_results::-webkit-scrollbar,
.inside-header::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
    background: #091133;
}

.fixed-table-body::-webkit-scrollbar-thumb,
.dropdown-menu::-webkit-scrollbar-thumb,
.sp_results::-webkit-scrollbar-thumb,
.simditor .simditor-body::-webkit-scrollbar-thumb,
.layui-layer-page .layui-layer-content::-webkit-scrollbar-thumb,
.layui-form-selected dl::-webkit-scrollbar-thumb,
.inside-header::-webkit-scrollbar-thumb {
    /*border-radius: 8px;*/
    /*background: #1F76FF;*/
    border-radius: 8px;
    background-color: #1F76FF;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.fixed-table-body::-webkit-scrollbar-track,
.dropdown-menu::-webkit-scrollbar-track,
.simditor .simditor-body::-webkit-scrollbar-track,
.layui-layer-page .layui-layer-content::-webkit-scrollbar-track,
.layui-form-selected dl::-webkit-scrollbar-track,
.sp_results::-webkit-scrollbar-track,
.inside-header::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #091133;
}

.layui-layer-ico {
    background: none;
}

.skin-black .main-header .logo:hover {
    background-color: #202a2f;
}

@media (max-width: 767px) {
    .skin-black .main-header .logo {
        background-color: #fff;
        color: #222;
        border-bottom: 0 solid transparent;
        border-right: none;
    }

    .skin-black .main-header .logo:hover {
        background-color: #fcfcfc;
    }
}

.skin-black .main-header li.user-header {
    background-color: #222;
}

.skin-black .main-header .nav-addtabs > li > a,
.skin-black .main-header .nav-addtabs > li.active > a {
    border-right-color: transparent;
}

.skin-black .content-header {
    background: transparent;
    box-shadow: none;
}

.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
    background-color: #060C24;
}

.skin-black .main-header .navbar .nav > li > a:hover,
.skin-black .main-header .navbar .nav > li > a:active,
.skin-black .main-header .navbar .nav > li > a:focus,
.skin-black .main-header .navbar .nav .open > a,
.skin-black .main-header .navbar .nav .open > a:hover,
.skin-black .main-header .navbar .nav .open > a:focus,
.skin-black .main-header .navbar .nav > .active > a {
    background-color: #1474D3;
}

.skin-black .user-panel > .info,
#secondnav .nav-addtabs > li > a,
.input-group-addon:first-child,
#secondnav .nav-addtabs li:hover > .close-tab,
.skin-black .user-panel > .info > a {
    color: #fff;
}

.input-group-addon:not(:first-child):not(:last-child),
    /*.input-group-btn:not(:first-child):not(:last-child),*/
.input-group .form-control:not(:first-child):not(:last-child) {
    border: 1px solid;
}

.skin-black .sidebar-menu .treeview-menu {
    padding-left: 3px;
}

.skin-black .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-black .sidebar-menu > li:hover > a {
    color: #fff;
    background: #1A265F;
    border-left-color: #fff;
}

.skin-black .sidebar-menu > li.active > a {
    color: #fff;
    background: #1A4A6E;
    border-left-color: #fff;
}

/*
日期样式 例创建时间选择
 */
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date,
.skin-black .sidebar-menu > li > .treeview-menu {
    background: #132b53;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover,
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget table td span:hover,
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background: #357EBD;
    color: white;
}

.daterangepicker td.in-range {
    background: #063e6d;
    color: #b2f5ef;
}

.skin-black .sidebar a {
    color: #b8c7ce;
}

.skin-black .sidebar a:hover {
    text-decoration: none;
}

/**
侧边栏
 */
.skin-black .treeview-menu > li > a {
    color: #72919f;
}

/**
  默认白色字体 important
 */
.skin-black .main-header .navbar .nav > li > a,
.dropdown-menu > li > a,
form.form-horizontal .control-label,
legend, .text-primary, .layui-text h1, .layui-text h2, .layui-text h3, .layui-text h4, .layui-text h5, .layui-text h6,
.skin-black .main-header .navbar .sidebar-toggle,
.skin-black .main-header .navbar .nav-addtabs li > .close-tab,
label,
.simditor .simditor-popover.link-popover .btn-unlink span, .simditor .simditor-popover.image-popover .btn-upload span, .simditor .simditor-popover.image-popover .btn-restore span,
.simditor .simditor-body p, .simditor .simditor-body div, .editor-style p, .editor-style div,
.simditor .simditor-body h1, .simditor .simditor-body h2, .simditor .simditor-body h3, .simditor .simditor-body h4, .simditor .simditor-body h5, .simditor .simditor-body h6, .editor-style h1, .editor-style h2, .editor-style h3, .editor-style h4, .editor-style h5, .editor-style h6,
.text-muted,
.number .text-muted,
.input-group .form-control:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    color: white !important;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: 1px;
}

.skin-black .treeview-menu > li.active > a,
.skin-black .treeview-menu > li > a:hover {
    color: #fff;
    background: #003D74;
}

.skin-black .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    background-color: #374850;
    margin: 10px 10px;
}

.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
}

.skin-black .sidebar-form input[type="text"] {
    color: white;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}

/*
默认白色
 */
body,
.layui-text p,
.thumbnail .caption,
.daterangepicker .input-mini.active,
.daterangepicker .input-mini,
.nav-tabs > li > a,
.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    color: white;
}

.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn {
    /*background: #fff;*/
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}

.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    /*border-left-color: #fff;*/
}

.skin-black .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 .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    padding-left: 12px;
}

@media (min-width: 768px) {
    .skin-black.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
        margin-left: -3px;
    }
}

@media (max-width: 767px) {
    .skin-black.multiplenav .main-header .navbar {
        background-color: #060C24;
    }

    .skin-black.multiplenav .main-header .navbar .nav > li > a {
        color: #fff;
    }

    .skin-black.multiplenav .main-header .navbar .nav > li > a:hover,
    .skin-black.multiplenav .main-header .navbar .nav > li > a:active,
    .skin-black.multiplenav .main-header .navbar .nav > li > a:focus,
    .skin-black.multiplenav .main-header .navbar .nav .open > a,
    .skin-black.multiplenav .main-header .navbar .nav .open > a:hover,
    .skin-black.multiplenav .main-header .navbar .nav .open > a:focus,
    .skin-black.multiplenav .main-header .navbar .nav > .active > a {
        background: rgba(0, 0, 0, 0.1);
        color: #f6f6f6;
    }

    .skin-black.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
        color: #f6f6f6;
    }

    .skin-black.multiplenav .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

    .skin-black.multiplenav .main-header .navbar .sidebar-toggle:hover {
        color: #f6f6f6;
        background: rgba(0, 0, 0, 0.1);
    }

    .skin-black.multiplenav .main-header > .logo {
        background-color: #060C24;
        color: #fff;
        border-bottom: 0 solid transparent;
    }

    .skin-black.multiplenav .main-header > .logo:hover {
        background-color: #202a2f;
    }

    .skin-black.multiplenav .sidebar .mobilenav a.btn-app {
        background: #374850;
        color: #fff;
    }

    .skin-black.multiplenav .sidebar .mobilenav a.btn-app.active {
        background: #fff;
        color: #374850;
    }
}

.input-group .input-group-addon,
.inside-header, body.is-dialog,
.is-dialog #main,
.content-wrapper, .right-side,
.table-striped > tbody > tr:nth-of-type(even),
.table-hover > tbody > tr:nth-of-type(even),
.layui-layer-load,
.layui-layer-fast,
#secondnav,
#map,
#firstnav {
    background: #091133 !important;
    color: white;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #54b0f3;
}

.panel-body {
    background: #03173C;
    color: rgb(255, 255, 255);
}

.layui-layer-fast .layui-layer-btn,
.layui-layer-fast .layui-layer-title, .layui-layer-fast .layui-layer-footer {
    background-color: #003D74;
}

.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner {
    background-color: #003D74;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border: 1px solid #132b53;
}

.bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
    border: 1px solid #132b53;
    background: #091133;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer,
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #132B53;
}

.table-hover > tbody > tr:hover {
    background-color: #132B53;
}

.panel-intro > .panel-heading {
    background: #091133;
    border-color: #091133;
}

.panel-heading {
    background: #1a4273;
    color: white;
}

.layui-elem-quote {
    background: #1a4273;
    color: white;
    border-left: 5px solid #4397fd;
}

.example,
.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 {
    color: white;
    background-color: #003D74;
    border-color: #003D74 !important;
}

.treeside,
.panel-intro > .panel-heading .nav-tabs > li > a:hover, .panel-intro > .panel-heading .nav-tabs > li > a:focus {
    border: 1px solid #003D74;
}

/**
input框
 */
.bootstrap-select.btn-group.disabled,
.layui-form-select .layui-input,
.jumpto input, .bootstrap-select.btn-group > .disabled, .nice-validator input,
.nice-validator select, .nice-validator textarea,
.btn-group.open .dropdown-toggle,
.btn-group > .btn:first-child,
.form-control,
.simditor .simditor-toolbar,
.nice-validator [contenteditable], .form-control[disabled],
fieldset[disabled] .form-control {
    background: #122547 !important;
    border: none;
    color: white;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body,
.sp_container input.selectpage {
    border: none;
}

.btn-success, .btn-success:hover {
    background-color: #1474D3;
}

.layui-layer-fast .layui-layer-btn .layui-layer-btn0,
.btn-primary {
    background-color: #1474D3;
    border: none;
}

/**
table 操作切换
 */
.fixed-columns, .fixed-columns-right,
.fixed-table-loading {
    background-color: #03173C;
}

.btn-primary:hover {
    color: #fff;
    background-color: #8a9bd4;
    border-color: #7e93d9;
}

/**
tree 样式
 */
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered,
.jstree-default .jstree-anchor.jstree-hovered,
.layui-tree-entry:hover {
    background-color: #1474D3 !important
}

.panel-default > .panel-heading, a.title,
.jstree-default .jstree-anchor,
.simditor .simditor-toolbar > ul > li > .toolbar-item,
.layui-tree-txt {
    color: white !important;
}

#secondnav .nav-addtabs > li {
    background: #122547 !important;
    color: white !important;;
    border: #122547 !important;
}

/**
下拉框
 */
.pagination > li > a,
.dropdown-menu,
.daterangepicker .calendar-table,
.sp_results,
.sp_results > li,
.simditor .simditor-popover,
.layui-form-select dl,
.bootstrap-select.btn-group .dropdown-menu,
.fixed-table-pagination .dropup .dropdown-menu {
    background: #132B53 !important;
    color: white !important;;
    border: #122547 !important;
}

/**
默认，触碰，焦点事件
 */

.bg-teal-gradient,
.pagination > .active > a,
.pagination > .active > a:hover,
ul.sp_results > li.sp_selected,
ul.sp_results > li.sp_selected:hover,
ul.sp_results > li.sp_over:hover,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.layui-form-select dl dd.layui-this,
#secondnav .nav-addtabs > li.active,
#secondnav .nav-addtabs > li:hover,
.layui-form-selected dl > dd:hover,
.fixed-table-pagination li.disabled a,
.bootstrap-select.btn-group .dropdown-menu li.selected a,
.pagination > li > a:hover,
.simditor .simditor-toolbar > ul > li > .toolbar-item.active,
.bootstrap-select.btn-group .dropdown-toggle:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a.active {
    color: white !important;
    background: #003D74 !important;
    cursor: pointer;
    /*background-color: #003D74 !important;*/
}

.layui-layer-loading {
    border-radius: unset !important;
}
.sp_results{
    max-height: 300px;
    overflow-y: scroll;
}
.panel,
.equipment_line .btn-default,
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    background: #122547;
    color: white;
    border: 1px solid #122547;
}

.layui-bg-gray {
    background-color: #060c2447 !important;
    color: white !important;
}

.basics {
    background: #05124c8c !important;
}

/*
微信公众号菜单
 */
#wechatMenu .panel-body {
    background: #282e35;
    color: #5284af;
}
#wechatMenu label {
    color: #5284af !important;
}