.wc-bg-1{
    background: #111;
}
.wc-bg-f{
    background: #fff;
}
.wc-p-10{
	padding:10px;
}
.layui-color-red{
    color: #FF5722;
}
.layui-color-orange{
    color: #FFB800;
}
.layui-color-green{
    color: #009688;
}
.layui-color-blue{
    color: #1E9FFF;
}
.layui-color-black{
    color: #393D49;
}
.layui-color-gray{
    color: #eeeeee;
}
.color-gray{
    color: #C4C3C3
}
.wc-color-9{
    color: #999;
}
.white{
    color: #fff;
}



[v-cloak] {
  display: none;
}

.wc-flex-bt{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.wc-flex-ad{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.wc-form-inline{
    display: flex;
    flex-wrap: wrap;
}
.form-inline .wc-form-group{
        display: flex;
        align-items: center;
}       
.wc-inline-block{
        display: inline-block;
        flex-grow: 1;
}
.wc-control-label{
        margin: 0 5px;
}
.form-inline .wc-control-width{
        width: 100%;
}
.form-inline input[type=checkbox], input[type=radio]{
        margin:0;
        margin-left: 10px;
}
.form-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: auto;
    margin: auto;
    /*width: 125px;*/
    height: 40px;
    text-align: center;
}

.form-horizontal .form-group{
     margin-right: 0;
     margin-left: 0;
}




/*表格样式重构 -开始*/
.bodyStyle{
     height: 100%;
     /*color: #eee;*/
     background: none;
}
/* table tr:nth-child(even){ 
    background: #313131; 
}
.calendar-table table tr:nth-child(even){
    background: inherit; 
}

.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #225486;
}

.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
    background-color: #225486;
}

.table>tbody>tr>td.active{
    background-color: inherit;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border:none;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 2px solid #313131 !important;
}
#jqGridPager{color: #111;}
.form-control{background-color: #eee; }
.table-striped>tbody>tr:nth-of-type(odd) {background-color: inherit; }
.panel{border-radius: 0;} */
 /*表格样式重构 -结束*/



.requiredValue{
			color: #f60;
		}

.ui-jqgrid-btable tr.jqgrow td {
    text-overflow: clip;
}

.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{
    background: none;
    border: none;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border: none;
}
.table-hover>tbody>tr:hover{
    background-color: #164AAF;
}
.editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover{
    color: #ddd;
}
#jqGrid tr,.ui-jqgrid-hdiv{
    color: #ddd;
}
#jqGrid tr:nth-of-type(odd){
    background-color: #313131;
}


#jqGrid tr:hover{
    background-color: #164AAF;
}

.btn-primary{
    background-color: #164AAF;
    border: 1px solid #000;
}
.form-control{
    color: #ddd;
    border: 1px solid #666;
    background-image: linear-gradient(#3F3F3F,#111,#3F3F3F);
    background-color: #333;
}
.modal-conten{
    background-color: #333;
}
.input-group-addon{
    background-color: #666;
    border: none;
    color: #ddd;
}
.control-label,.modal-title,.close,#setTable a,.eqContentBox{
    color: #ddd;
}
#setTable tr{
    border-bottom: 1px solid #999;
}
.modal-footer{
    border-top: 1px solid #666;
}
.modal-header,modal-footer{
    border-bottom: 1px solid #666;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    /*border-top: 2px solid #3F3F3F !important;*/
    border: 2px solid #3F3F3F !important;
}
.ui-jqgrid .ui-jqgrid-pager, .ui-jqgrid .ui-jqgrid-toppager{
    background: none;
    color: #ddd;
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control{
    height: 35px;
    background-color: #333;
}
.ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-input{
    margin: 0 10px;
}
.ui-jqgrid-pager .ui-pg-table .ui-pg-button:hover, .ui-jqgrid-toppager .ui-pg-table .ui-pg-button:hover{
    background: none;
}

.btn-default{
    color: #ddd;
    background-image: linear-gradient(#3F3F3F,#111,#3F3F3F);
}
.open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
    background-image: linear-gradient(#3F3F3F,#111,#3F3F3F);
}
.wc-form-group .filter-option{
    color: #ddd;
}
.table-bordered{
    border: none;
    color: #ddd;
}
.panel{
    background: none;
}
.panel-default {
    border-color: #666;
}
.set-heading .panel-heading{
    padding: 19px 15px;
}
.ztree li a,.layui-form-label{
    color: #fff!important;
}
.layui-table,.layui-tab-card>.layui-tab-title{
    background: none;
    color: #ddd;
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even){
    background: #1E1E1E;
    color: #ddd;
}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{
    border: none;
}
.layui-table tbody tr:nth-of-type(odd){
    background-color: #313131;
}
.layui-table tbody tr:nth-of-type(even){
    background-color: #1E1E1E;
}
.layui-table tbody tr:hover{
    background-color: #164AAF;
}
.layui-table select{
    background-image: linear-gradient(#3F3F3F,#111,#3F3F3F);
}
.layui-table select option{
    background-color: #1E1E1E;
}
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
    background:none;
}
.panel-default>.panel-heading {
    color: #ddd;
     background: none;
    border-color: #666;
}
.layui-tab-card,.layui-tab-title{
    border-color: #666;
}
.layui-tab-card>.layui-tab-title .layui-this{
    background: #009688;
    color: #fff;
}
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea{
    border-color: #666;
}
.layui-tab-card>.layui-tab-title .layui-this:after{
    border-bottom-color: #666;
}
.layui-input, .layui-select{
    background-image: linear-gradient(#3F3F3F,#111,#3F3F3F);
}
.layui-textarea{
    background: none;
    color: #fff;
}
.layui-textarea::-webkit-input-placeholder{color:#fff;}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{
    color: #ddd;
}
#conditionTable a{
    color: #337ab7;
}
#roomStatusTable a,#readyTable a{
    color: #fff;
}
#roomStatusTable a:hover{
    color: #fff;
}
.bodyStyle .layui-layer .layui-layer-btn .layui-layer-btn0{
    border-color: #164AAF;
    background-color: #164AAF;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{
    background-image: linear-gradient(#3F3F3F,#111,#3F3F3F);
}
body .wc-blue .layui-layer-title{background:#164AAF; color:#fff; border: none;}
body .layui-layer-molv .layui-layer-title{background:#164AAF; color:#fff; border: none;}
.panel-info>.panel-heading{
    background:#666;
    color: #fff;
}
.panel {
    border: 1px solid #666;
}
#layui-layer-iframe1{
    background: #666;
}
.modal-content{
    background: #333;
}
.layui-layer-lan .layui-layer-title{
    background:#164AAF!important;
}

.layui-layer-lan .layui-layer-btn,.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn{
    border-top: 1px solid #666!important;
}

.echarts a{
    color: #999;
}
.form-list{
    background: none;
    border: 1px solid #999;
}

#form-horizontal,#jqGrid a{
    color: #fff;
}
/*#ichart, .layui-layer-msg .layui-layer-content{*/
/*    background: #fff;*/
/*}*/

#ichart{
    background: #fff;
}
.panel-info>.panel-heading{
    border: none;
}
.layui-layer{
    background: #333!important;
}
.layui-input{
    color: #fff;
}
#softStatusTree select{
    background: #333;
}
.layui-layer-content{
    color: #fff;
}
.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
    background-color: #164AAF;
}
.table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover {
    background-color: #164AAF;
}
.ztree li a.curSelectedNode{
    border-bottom: 1px solid #fff;
}
.layui-layer .layui-layer-btn .layui-layer-btn0 {
    border-color: #164AAF;
    background-color: #164AAF;
    color: #fff;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    background-color: #164AAF;
}
.layui-layer-title{
    background-color: #999!important;
}
.wc-navTree{
		border: 1px solid #666;
    border-radius: 6px;
    padding: 0px 0 10px 10px;
	}

.node_name input{
    color: #009688!important;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{
    color: #fff;
}
.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{
    color: #fff!important;
}
.btn-default:hover{
    color: #fff;
}
.btn-default.focus, .btn-default:focus{
	color: #fff;
}
.layui-layer-setwin .layui-layer-close2{
    width: 31px!important;
}

.layui-table-view .layui-table {
    width: 100% !important;
}

.layui-table th {
    text-align: -webkit-center !important;
}

.layui-table-cell{
        display:table-cell;
        vertical-align: middle;
        height:auto;
        overflow:visible;
        text-overflow:inherit;
        white-space:normal;
}




/*总览样式*/
#overview {
    background-image: linear-gradient(45deg, #254A82, #008174, #254A82);
}
.listBox {
    column-count: 3;
    column-gap: 30px;
    width: 90%;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}
.listBox .numDataBox{
    height: 38px;
}
.listBox .dataNum {
    width: 100px;
    height: 34px;
    line-height: 34px;
    padding-right: 5px;
   font-size: 16px;
}
.smallItem {
    border: 1px solid #009688;
    border-right: none;
    border-left: none;
    height: 38px;
}
.chartBox{
    display: grid;
    grid-auto-rows: 42vh;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px 25px;
}
.chartBox .chartTitle{
    padding: 5px 10px;
    background-color: #111;
    color: #fff;
}


.contrItem .copyBtn:hover{
    color: #fff;
}

.showNone{
        display: none!important;
}

#listBox li i{
        background-color: #009688;
}
/*#listBox li:nth-child(1) i*/
/*{*/
/*        background-color: #FF5722;*/
/*}*/

#listBox li:nth-child(4) i,
#listBox li:nth-child(8) i,
#listBox li:nth-child(16) i,
#listBox li:nth-child(23) i,
#listBox li:nth-child(20) i,
#listBox li:nth-child(21) i,
#listBox li:nth-child(26) i,
#listBox li:nth-child(27) i
{
        background-color: #1E9FFF;
}
#listBox li:nth-child(3) i,
#listBox li:nth-child(7) i,
#listBox li:nth-child(12) i,
#listBox li:nth-child(15) i,
#listBox li:nth-child(17) i,
#listBox li:nth-child(19) i,
#listBox li:nth-child(22) i,
#listBox li:nth-child(28) i,
#listBox li:nth-child(32) i
#listBox li:nth-child(33) i
{
        background-color: #FFB800;
}