@charset "UTF-8";

@font-face {
    font-family: 'LED-DS-DIGI';
    src: url("../../font-leddsdigi/DS-DIGI.TTF") /* TTF file for CSS3 browsers */
}

.ui-th-ltr {
    height: 40px !important;
}

body {
    font-family: "Microsoft YaHei UI", "微软雅黑", Arial, SansSerif;
    font-size: 13px;
    background-color: #85a3c2;
    min-width: 1400px;
    width: 100%;
    color: #333333;
    padding-bottom: 0;
    /*overflow-x: hidden;*/
}

/*ibox*/
.ibox {
    clear: both;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
    background-color: #ffffff;
    position: relative;
}

.ibox.ibox-border {
    border: solid 1px #e7eaec;
}

.ibox:after,
.ibox:before {
    display: table;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: none;
    border-bottom: 1px solid #e7eaec;
    margin-bottom: 0;
    padding: 10px 15px;
    /*min-height: 48px;*/
}

.ibox .ibox-abs-title {
    position: absolute;
    left: 10px;
    top: 10px;
}


.ibox-content {
    color: inherit;
    padding: 15px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 0px 0;
    clear: both;
}

.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    padding: 10px 15px;
}

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}

.ibox-tools a.btn-primary {
    color: #fff;
}

.ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px;
}

.ibox .ibox-tools.open > .dropdown-menu {
    left: auto;
    right: 0;
}

.ibox-gray .ibox-title {
    background-color: #EBEFF8;
    border-bottom: 1px solid #e7eaec;
}

.ibox-blue .ibox-title {
    background-color: #9DBFFE;
}

.ibox-blue .ibox-content {
    background-color: #D2E2FC;
}

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.ibox-title:after {
    clear: both;
    content: '';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}

.nopadding {
    padding: 0px;
}

.pointer {
    cursor: pointer;
}

.text-led {
    font-family: LED-DS-DIGI, 'Microsoft YaHei UI', "微软雅黑", Arial, SansSerif;
}

/*text-color*/
.text-navy {
    color: #1ab394 !important;
}

.text-primary {
    color: inherit;
}

.text-success {
    color: #5cb85c !important;
}

.text-info {
    color: #23c6c8 !important;
}

.text-warning {
    color: #f8ac59 !important;
}

.text-danger {
    color: #ed5565 !important;
}

.text-muted {
    color: #797979 !important;
}

.text-white {
    color: #ffffff !important;
}

.btn-link {
    color: inherit;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
    color: #1a7bb9;
    text-decoration: none;
}

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

.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
    color: #cacaca;
}

.btn .fa {
    font-size: 1.3em;
    position: relative;
    top: 1px;
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-disable-outline {
    color: #ccc;
    background-color: #FFFFFF;
    border-color: #ccc;
}

.btn-disable-outline:hover {
    color: #5788e4;
    background-color: #FFFFFF;
    border-color: #5788e4;
}

.btn-disable-outline.active {
    color: #FFFFFF;
    background-color: #5788e4;
    border-color: #5788e4;
}

a.btn-primary-outline {
    color: #5788e4;
    background-color: #FFFFFF;
    border-color: #5788e4;
}

.btn-primary-outline:hover {
    color: #FFFFFF;
    background-color: #5788e4;
    border-color: #5788e4;
}

.btn-primary-outline.active {
    color: #FFFFFF;
    background-color: #5788e4;
    border-color: #5788e4;
}

a.btn-tree-outline {
    color: #1ab394;
    margin-left: 20px;
    background-color: #FFFFFF;
    border-color: #1ab394;
}

.btn-tree-outline:hover {
    color: #1ab394;
    background-color: #FFFFFF;
    border-color: #1ab394;
}

.btn-tree-outline.active {
    color: #FFFFFF;
    background-color: #1ab394;
    border-color: #1ab394;
}

.ui-dialog-buttonpane {
    border-top: 1px solid #ccc;
}

.search-bar {
    line-height: 25px;
}

.search-bar li.active {
    background-color: #5788e4;
    color: #fff;
}

.search-bar li.active a {
    color: #fff;
}

.form-inline .checkbox-inline,
.form-inline .radio-inline {
    padding-left: 3px;
    padding-right: 5px;
}

.formtable {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px auto;
    width: 100%;
}

.formset .formtable {
    margin-top: 0px;
}

.formtable th {
    width: 20%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    font-weight: normal;
    color: #000000;
    padding: 2px 5px 2px 2px;
}

.formtable td {
    width: 30%;
    height: 40px;
    padding: 2px 2px 2px 5px;
}

.formtable .valid-message-tr td,
.formtable .valid-message-tr th {
    height: 0;
    padding: 0 2px 0 5px;
}

.formtable th.requiredItem, .requiredItem {
    background-image: url("site/requied.png");
    background-repeat: no-repeat;
    background-position: center right;
}

.formtable td .input-group-btn {
    line-height: 0px;
}

.tableline {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px auto;
    width: 100%;
}

.formset .tableline {
    margin-top: 0px;
}

.tableline th {
    width: 10%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    font-weight: normal;
    color: #000000;
    padding: 2px 5px 2px 2px;
}

.tableline td {
    width: 20%;
    height: 40px;
    padding: 2px 2px 2px 5px;
}

.tableline .valid-message-tr td,
.tableline .valid-message-tr th {
    height: 0;
    padding: 0 2px 0 5px;
}

.tableline th.requiredItem, .requiredItem {
    background-image: url("site/requied.png");
    background-repeat: no-repeat;
    background-position: center right;
}

.tableline td .input-group-btn {
    line-height: 0px;
}

.input-group-btn .btn {
    font-size: 12px;
    line-height: 20px;
}

input.input-invalid,
.input-invalid,
textarea.input-invalid {
    border-color: #d38d8b;
    -webkit-box-shadow: 0 0 3px #e7bfbe inset;
    box-shadow: 0 0 3px #e7bfbe inset;
}

span.input-invalid {
    margin: 0px 0 5px;
    padding: 5px 10px;
}

/**code*/
.code-active-0, .code-online-0, .code-on_or_off-0, .code-launched-0, .code-log_direction-0 {
    font-weight: bolder;
    color: #ed5565;
}

.code-active-1, .code-on_or_off-1, .code-online-1, .code-launched-1, .code-log_direction-1 {
    font-weight: bolder;
    color: #5788e4;
}

.code-log_direction-0::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f063";

}

.code-log_direction-1::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f062";
}

/*code*/

/*UNIT*/

.unit {
    font-size: 12px;
    color: #707070;
    font-family: "Microsoft YaHei UI", "微软雅黑", Arial, SansSerif;
    font-weight: normal;
}

.number, .number.unit {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    font-family: Verdana, Arial, serif;
}

.number.white {
    color: #ffffff;
}

.unit:after {
    font-size: 12px !important;
    color: #707070;
    padding-left: 5px;
    font-family: "Microsoft YaHei UI", "微软雅黑", Arial, SansSerif;
    font-weight: normal;
}

.unit.white {
    color: #FFF;
}

.unit.white:after {
    color: #FFF;
}

.unit.unit-80:after {
    font-size: 0.8em !important;
}

.unit-led:after {
    font-size: 10px;
    font-family: "Microsoft YaHei UI", "微软雅黑", Arial, SansSerif;
    color: #707070;
    font-weight: normal;
}

.unit-kwh:after {
    content: "kWh";
    font-weight: normal;
    font-size: 12px !important;
    color: #999999;
}

.unit-kwh-p:after {
    content: "kWh/人";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-kwh-a:after {
    content: "kWh/㎡";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-lu:after {
    content: "路";
    font-weight: normal;
}

.unit-fen:after {
    content: "分钟";
    color: #999999;
}

.unit-hour:after {
    content: "h";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-w:after {
    content: "W";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-kw:after {
    content: "kW";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-kvar:after {
    content: "kvar";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-va:after {
    content: "kV";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-kVa:after {
    content: "kVa";
    font-weight: normal;
    font-size: 12px !important;
    color: #999999;
}


.unit-v:after {
    content: "V";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-a:after {
    content: "A";
    font-weight: normal;
    font-size: 12px !important;
}

.timeUnit:after {
    content: "分钟";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-plug-kwh:after {
    content: "kWh";
    font-weight: normal;
    font-size: 12px !important;
    font-family: "Microsoft YaHei UI", Arial !important;
}

.unit-room-kwh:after {
    content: "kWh";
    font-weight: normal;
    color: #999;
    font-size: 12px !important;
    font-family: "Microsoft YaHei UI", Arial !important;
}

.unit-t:after {
    content: "t";
}

.unit-tiao:after {
    content: "条";
    font-weight: normal;
    font-size: 12px !important;
    color: #999999;
    font-family: "Microsoft YaHei UI", Arial !important;
}

.unit-building:after {
    content: "栋";
}

.unit-ge:after {
    content: "个";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-zan:after {
    content: "盏";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-tai:after {
    content: "台";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-kbps:after {
    content: "Kb/s";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-KBps:after {
    content: "KB/s";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-mbps:after {
    content: "Mb/s";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-yuan:after, .unit-y:after {
    content: "元";
}

.unit-y-kwh:after {
    content: "元/kWh";
}

.unit-y-m3:after {
    content: "元/m³";
}

.unit-hu:after {
    content: "户";
}

.unit-y:after {
    font-size: 12px;
}

.yellow:after {
    color: #f6ad5f;
}

.unit-temp:after {
    content: "℃";
}

.unit-ci:after {
    content: "次";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-h:after {
    content: "h";
}

.unit-m3:after {
    content: "m³";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-m3-p:after {
    content: "m³/人";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-m3-a:after {
    content: "m³/㎡";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-gj:after {
    content: "GJ";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-gj-p:after {
    content: "GJ/人";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-gj-a:after {
    content: "GJ/㎡";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-mk:after {
    content: "GJ";
}

.unit-ren:after {
    content: "人";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-m2:after {
    content: "㎡";
    font-weight: normal;
    font-size: 12px !important;
}

.unit-ppm:after {
    font-size: 11px;
    content: "ppm";
}

.unit-mgm3:after {
    font-size: 11px;
    content: 'mg/m³';
}

.unit-one:after {
    font-size: 12px !important;
    content: "个";
}

.unit-pen:after {
    font-size: 11px;
    content: "笔";
}

.unit-yuan:before {
    /*content: "￥";*/
}

.unit-kgce:after {
    content: "kgce";
}

.unit-million:after {
    font-size: 11px;
    content: "万元";
}

.unit-percent:after {
    font-size: 11px;
    content: "%";
}

.unit-lux:after {
    font-size: 11px;
    content: "Lux";
}

.unit-cll:after {
    font-size: 11px;
    content: "台/分钟";
}

.unit-k:after {
    font-size: 11px;
    content: "K";
}

.unit-m:after {
    font-size: 11px;
    content: "m";
}

.unit-ugm3:after {
    font-size: 11px;
    content: "μg/m³";
}

.unit-tce:after {
    font-size: 12px;
    content: "tce";
    font-weight: normal;
}

.unit-tce-p:after {
    font-size: 12px;
    content: "kgce/人";
    font-weight: normal;
    color: #797979;
}

.unit-tce-a:after {
    font-size: 12px;
    content: "kgce/㎡";
    font-weight: normal;
    color: #797979;
}

/**/

.ul-select {
    width: 750px;
    height: 320px;
    overflow: auto;
}

.ul-select ul {
    width: 150px;
    margin: 0;
    padding: 0;
}

.ul-select ul.list-inline {
    width: 300px;
}

.ul-select ul.list-inline li {
    padding: 5px 10px;
    border: 1px solid #dddddd;
    margin-top: 2px;
    cursor: pointer;
    border-radius: 3px;
}

.ul-select ul.list-inline li:hover {
    background-color: #337ab7;
    color: #fff;
}

.ul-select li .btn {
    float: right;
    margin-top: -3px;
}

.ul-select li.has-sub {
    cursor: pointer;
}

.ul-select li.has-sub:after {
    font-family: 'FontAwesome';
    content: "\f054";
    color: darkgray;
    position: absolute;
    right: 2px;
    top: 30%;
}

.ul-select li.active .btn {
    background-color: #fff;
    color: #5788e4;
}

.ul-select li.active:after {
    color: #fff;
}

.ul-select td.has-parent {
    padding-left: 5px;
    vertical-align: top;
}

.ul-select td.has-parent.empty-td {
    vertical-align: middle;
    color: darkgray;
    width: 90px;
    text-align: center;
}

.inline-block {
    display: inline-block;
}

.task-loading {
    width: 246px;
    height: 40px;
    background: url("site/runGif.gif") center no-repeat;
    margin: 10px auto 10px;
}

.footer-fixed {
    position: fixed;
    width: 100%;
    text-align: center;
    bottom: 0px;
}

.footer-absolute {
    position: absolute;
    width: 100%;
    text-align: center;
    padding-bottom: 0px;
}

.led {
    font-family: 'LED-DS-DIGI', "Microsoft YaHei UI", "微软雅黑", Arial, SansSerif;
}

.normalFont {
    font-family: "Microsoft YaHei UI";
}

.ap-level .meterCount,
.ap-level .PM25-value {
    color: #666;
    text-align: center;
    font-size: 36px;
    font-family: LED-DS-DIGI, 'Microsoft YaHei UI', "微软雅黑", Arial, SansSerif;
}

.ap-level .PM25-level {
    line-height: 25px;
    color: #FFF;
    text-align: center;
}

.ap-level .PM25-status {
    line-height: 25px;
    color: #e14d2c;
    text-align: center;
}

.ap-level .level1 .PM25-value {
    color: #2aaf87;
}

.ap-level .level1 .PM25-value span {
    color: #2aaf87;
    font-size: 36px;
}

.ap-level .level1 .PM25-title {
    color: #FFFFFF;
    background-color: #2aaf87;
}

.ap-level .level .PM25-title {
    color: #FFFFFF;
    background-color: #2aaf87;
}

.ap-level .level1 .PM25-level {
    background-color: #2aaf87;
}

.ap-level .level1 .PM25-level:before {
    content: '优';
}

.ap-level .level .PM25-level:before {
    content: '无';
}

.ap-level .level .PM25-status:before {
    color: #AAA;
    content: '无';
}

.ap-level .level1 .PM25-status:before {
    color: #2aaf87;
    content: '健康';
}

/*良好*/
.ap-level .level2 .PM25-value {
    color: #edab31;

}

.ap-level .level2 .PM25-value {
    color: #edab31;
}

.ap-level .level2 .PM25-value span {
    color: #edab31;
    font-size: 36px;
}

.ap-level .level2 .PM25-level {
    background-color: #edab31;
}

.ap-level .level2 .PM25-level:before {
    content: '良';
}

.ap-level .level2 .PM25-title {
    background-color: #edab31;
    color: #FFFFFF;
}

.ap-level .level2 .PM25-status:before {
    color: #edab31;
    content: '健康';
}

/*轻度*/
.ap-level .level3 .PM25-value {
    color: #ea763a;
}

.ap-level .level3 .PM25-value span {
    color: #ea763a;
    font-size: 36px;
}

.ap-level .level3 .PM25-title {
    background-color: #ea763a;
    color: #FFFFFF;
}

.ap-level .level3 .PM25-level {
    background-color: #ea763a;
}

.ap-level .level3 .PM25-level:before {
    content: '轻度';
}

.ap-level .level3 .PM25-status:before {
    color: #ea763a;
    content: '不健康';
}

/*中度*/
.ap-level .level4 .PM25-value {
    color: #e14d2c;
}

.ap-level .level4 .PM25-value span {
    color: #e14d2c;
    font-size: 36px;
}

.ap-level .level4 .PM25-title {
    background-color: #e14d2c;
    color: #FFFFFF;
}

.ap-level .level4 .PM25-level {
    background-color: #e14d2c;
}

.ap-level .level4 .PM25-level:before {
    content: '中度';
}

.ap-level .level4 .PM25-status:before {
    color: #e14d2c;
    content: '不健康';
}

/*重度污染*/
.ap-level .level5 .PM25-value {
    color: #c554ca;
}

.ap-level .level5 .PM25-value span {
    color: #c554ca;
    font-size: 36px;
}

.ap-level .level5 .PM25-title {
    background-color: #c554ca;
    color: #FFFFFF;
}

.ap-level .level5 .PM25-level {
    background-color: #c554ca;
}

.ap-level .level5 .PM25-level:before {
    content: '重度';
}

.ap-level .level5 .PM25-status:before {
    color: #c554ca;
    content: '有毒害';
}

/*重度污染*/
.ap-level .level6 .PM25-value {
    color: #8a498d;
}

.ap-level .level6 .PM25-value span {
    color: #8a498d;
    font-size: 36px;
}

.ap-level .level6 .PM25-title {
    background-color: #8a498d;
    color: #FFFFFF;
}

.ap-level .level6 .PM25-level {
    background-color: #8a498d;
}

.ap-level .level6 .PM25-level:before {
    content: '严重';
}

.ap-level .pm25-unit {
    text-align: center;
}

.ap-level .level6 .PM25-status:before {
    color: #8a498d;
    content: '有毒害';
}

.pm25-unit:before {
    line-height: 20px;
    color: #666;
    font-size: 11px;
    content: 'μg/m³';
}

.co2-unit:before {
    line-height: 20px;
    color: #666;
    font-size: 11px;
    padding-left: 5px;
    content: 'ppm';
}

.voc-unit:before {
    line-height: 20px;
    color: #666;
    font-size: 11px;
    padding-left: 5px;
    content: 'mg/m³';
}

.rh-unit:before {
    color: #666;
    font-size: 11px;
    padding-left: 5px;
    content: 'RH%';
}

.level1bg {
    background-color: #2aaf87;
}

.level2bg {
    background-color: #edab31;
}

.level3bg {
    background-color: #ea763a;
}

.level4bg {
    background-color: #e14d2c;
}

.level5bg {
    background-color: #c554ca;
}

.level6bg {
    background-color: #8a498d;
}

.progress-dialog .progress {
    margin-top: 30px;
}

.progress-dialog .ui-dialog-titlebar-close {
    display: none;
}

.clear {
    clear: both
}

.area-tree {
    width: 290px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #ffffff;
    overflow-y: auto;
}

.hideTree .area-tree {
    display: none;
}

.showTree .area-tree {
    display: inherit;
}

.ztree li span.button.station_ico_open,
.ztree li span.button.station_ico_close,
.ztree li span.button.station_ico_docu{
    background:none;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #5788e4;
    text-align: center;
}
.ztree li span.button.station_ico_open:before,
.ztree li span.button.station_ico_close:before,
.ztree li span.button.station_ico_docu:before{
    content: "\f015"; /*fa-home*/
    line-height: 21px;
}


.ztree li span.button.area_ico_open,
.ztree li span.button.area_ico_close,
.ztree li span.button.area_ico_docu{
    background:none;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #5788e4;
    text-align: center;
}
.ztree li span.button.area_ico_open:before,
.ztree li span.button.area_ico_close:before,
.ztree li span.button.area_ico_docu:before{
    content: "\f0e8"; /*fa-sitemap*/
    line-height: 21px;
}


.ztree li span.button.building_ico_open,
.ztree li span.button.building_ico_close,
.ztree li span.button.building_ico_docu{
    background:none;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #5788e4;
    text-align: center;
}
.ztree li span.button.building_ico_open:before,
.ztree li span.button.building_ico_close:before,
.ztree li span.button.building_ico_docu:before{
    content: "\f1ad";
    line-height: 21px;
}

.footer-content {
    height: 25px;
    line-height: 25px;
    background-color: #336699;
    color: #FFFFFF;
}

label {
    /*font-size: 14px;*/
    font-weight: inherit;
    margin-bottom: 0px;
    vertical-align: middle;
}

.label_div {
    display: inline-block;
}

.search_input {
    margin-right: 50px;
}

.label_radio {
    line-height: 34px !important;
    float: left;
    margin-right: 0;
}

.search_input input {
    height: 34px;
}

.search_input select {
    height: 34px;
    padding: 2px 12px;
}

.form-inline {
    padding-left: 30px;
}

.form-inline .form-group {
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top40 {
    margin-top: 40px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.search_title {
    color: #AAAAAA;
}

.finance-box {
    height: 350px;
    background-color: #FFFFFF;
}

.finance-title {
    height: 43px;
    text-align: center;
    color: #707070;
    font-size: 14px;
    font-weight: bold;
    line-height: 43px;
    position: relative;
}

.finance-ranking {
    margin-top: 5px;
}

.finance-content {
    margin: 0px 30px;
}

.ranking-value {
    background-color: rgb(249, 144, 148);
    height: 14px;
    margin-top: 5px;
}

.ranking {
    font-weight: bold;
}

.unit-led {
    font-family: 'LED-DS-DIGI', "Microsoft YaHei UI";
}

.led-number {
    font-size: 30px;
    font-weight: bold;
    color: #000000;
}

.unit-led:after, .unit-led:before {
    font-size: 12px !important;
    color: #707070 !important;
}

.red {
    color: red !important;
}

.white_ft {
    color: #fff;
}

.white_bg {
    background-color: #fff;
}

.emes_warning_ft {
    color: #993300;
}

.emes_warning_bg {
    background-color: #993300;
}

.emes_success_ft {
    color: #819900;
}

.emes_success_bg {
    background-color: #819900;
}

.emes_coal_ft {
    color: #336699;
}

.emes_coal_bg {
    background-color: #336699;
}

.emes_elec_ft {
    color: #F47A55;
}

.emes_elec_bg {
    background-color: #F47A55;
}

.emes_water_ft {
    color: #009AD6;
}

.emes_water_bg {
    background-color: #009AD6;
}

.emes_gas_ft {
    color: #FDB933;
}

.emes_gas_bg {
    background-color: #FDB933;
}

.emes_hot_ft {
    color: #79CED2;
}

.emes_hot_bg {
    background-color: #79CED2;
}

.verdana {
    font-family: "Verdana", "Microsoft YaHei UI";
}

.condition_box {
    clear: both;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
    background-color: #ffffff;
    border-radius: 8px;
}

.condition-title {
    padding: 10px 30px;
    font-size: 16px;
    color: #707070;
}

.condition-content {
    color: inherit;
    padding: 20px 15px;
    clear: both;
}

.condition-content .label_div {
    line-height: 31px !important;
}

.condition-content .form-group {
    margin-right: 20px;
}

.condition-content .form-group input {
    height: 31px;
}

.pie_box {
    position: relative;
}

.pie_left {
    position: absolute;
    left: 10px;
    top: 10px;
}

.r_btn {
    position: absolute;
    right: 20px;
    top: 5px;
}

.r_btn button {
    border: solid 1px #fff;
}

.r_btn button:hover {
    border: solid 1px #fff;
}

/*ibox*/
.ibox2 {
    clear: both;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
    background-color: #ffffff;
    color: #666;
    border-radius: 8px;
    font-size: 12px;
    font-family: "Microsoft YaHei UI", Arial;
    text-align: center;
    overflow: hidden;
}

.ibox2.blue {
    color: #ccc;
}

.ibox2-title {
    background-color: #ffffff;
    text-align: center;
    padding: 8px 16px;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

.ibox2 .sub-title {
    font-size: 12px;
    line-height: 16px;
    color: #999;
}

.ibox2 .title2 {
    margin-bottom: 8px;
}

.ibox2.blue .ibox2-title {
    background-color: #336699;
    color: #fff;
}

.ibox2-content {
    color: inherit;
    padding: 8px 16px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 0px 0;
    clear: both;
}

.ibox2-tools {
    display: block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

.text1 {
    font-size: 16px;
    color: #333;
    line-height: 24px;
}

.text2 {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

.text1.white {
    color: #FFF;
}

.text2.white {
    color: #ccc;
}

.text3 {
    font-size: 12px;
    color: #999;
    line-height: 16px;
}

.text4 {
    font-size: 10px;
    color: #999;
    line-height: 16px;
}

.text-bold {
    font-weight: bold;
}

.ui-jqgrid-bdiv {
    color: #333;
}

.ibox2.blue .ibox2-title .unit {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}

.ibox2.blue .ibox2-title .unit:after {
    color: #fff;
}

.unified_table {
    text-align: center;
    border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0;
}

.unified_table thead tr:nth-of-type(1) th:nth-of-type(1), .unified_table thead tr:nth-of-type(1) td:nth-of-type(1) {
    border-radius: 8px 0 0 0;
}

.unified_table thead tr:nth-of-type(1) th:nth-last-child(1), .unified_table thead tr:nth-of-type(1) td:nth-last-child(1) {
    border-radius: 0 8px 0 0;
}

.unified_table thead th.b_t {
    font-size: 14px !important;
}

.unified_table tr td, .unified_table tr th {
    display: table-cell;
    vertical-align: middle !important;
}

.unified_table thead tr th, .unified_table thead tr td {
    background-color: #4eaea3;
}

.unified_table thead th, .unified_table thead td {
    color: #FFF;
    font-size: 16px;
    border-left: 1px solid #EAEAEA;
}

.unified_table thead td {
    font-size: 14px;
}

.unified_table > thead > tr > th {
    border-bottom: none;
}

.unified_table tbody tr:nth-child(even) {
    background-color: #fdf9fa;
}

.unified_table tbody tr:nth-child(even) td {
    border-left: 1px solid #EAEAEA;
}

.unified_table tbody tr:nth-child(odd) td {
    border-left: 1px solid #FFF;
}

.unified_table tbody tr:nth-child(odd) {
    background-color: #e5eeeb;
}

.unified_table > tbody > tr > th, .unified_table > tfoot > tr > th, .unified_table > tbody > tr > td, .unified_table > tfoot > tr > td {
    border-top: none;
}

.unified_table tbody tr:nth-child(odd) td:nth-of-type(1) {
    border-left: 1px solid #EAEAEA;
}

.unified_table tbody tr:nth-last-child(1) td {
    border-bottom: 1px solid #EAEAEA;
}

.unified_table tbody tr:nth-last-child(1) td:nth-last-child(1) {
    border-radius: 0 0 8px 0;
}

.unified_table tbody tr:nth-last-child(1) td:nth-of-type(1) {
    border-radius: 0 0 0 8px;
}


.unified_table a {
    color: #336699;
    text-decoration: solid underline;
}

.unified_table tbody td {
    font-size: 14px;
}

.unified_table tbody td.number {
    font-family: "Verdana", "Microsoft YaHei UI";
    color: #666;
    font-size: 14px;
}

.notes {
    font-size: 12px;
    color: #999;
}

.gmaplabel {
    display: inline;
    cursor: inherit;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 0, 0);
    padding: 1px;
    white-space: nowrap;
    user-select: none;
    position: absolute;
}

.gmaplabeldiv {
    position: absolute;
    left: -10px;
    top: -25px;
    z-index: 10;
    width: 0;
    height: 0;
}

.locale_list a {
    display: inline;
    margin-right: 5px;
}

.locale_list a:last-child {
    margin-right: 0px;
}

.transition {
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.content-no-padding .content {
    padding: 30px 0 0;
}

html.scroll.content-no-padding .content-header,
html.scroll-content-header.content-no-padding .content-header {
    margin: -30px -30px 0 0;
}

* [v-cloak] {
    display: none;
}

.Wdate {
    /*border:#999 1px solid;*/
    /*height:20px;*/
    width: 110px !important;
    padding-right: 20px;
    background: #fff url(datePicker.gif) no-repeat right;
}

.Wdatetime {
    /*border:#999 1px solid;*/
    /*height:20px;*/
    width: 155px !important;
    padding-right: 20px;
    background: #fff url(clock.png) no-repeat right;
}

.Wtime {
    /*border:#999 1px solid;*/
    /*height:20px;*/
    width: 90px !important;
    padding-right: 20px;
    background: #fff url(clock.png) no-repeat right;
}


.fa.active-1 {
    color: #339900;
    font-size: 16px;
}

.fa.active-0 {
    color: #999999;
    font-size: 16px;
}

.fa.alarm-1 {
    color: red;
    font-size: 16px;
}

.fa.alarm-0 {
    color: #999999;
    font-size: 16px;
}

.fa.bulb-1 {
    color: #FFC602;
    font-size: 16px;
}

.fa.bulb-0 {
    color: #999999;
    font-size: 16px;
}

.con-pic-style {
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.con-pic-style.pic-url-0 {
    background-image: url(../../images/device/concentrator/signal-0.png);
}

.con-pic-style.pic-url-1 {
    background-image: url(../../images/device/concentrator/signal-1.png);
}

.con-pic-style.pic-url-2 {
    background-image: url(../../images/device/concentrator/signal-2.png);
}

.con-pic-style.pic-url-3 {
    background-image: url(../../images/device/concentrator/signal-3.png);
}

.con-pic-style.pic-url-4 {
    background-image: url(../../images/device/concentrator/signal-4.png);
}

.con-pic-style.pic-url-5 {
    background-image: url(../../images/device/concentrator/signal-5.png);
}

.con-pic-style.pic-url-6 {
    background-image: url(../../images/device/concentrator/ethernet.png);
}

.con-pic-style.pic-url-7 {
    background-image: url(../../images/device/concentrator/offline.png);
}