#bmap-container{width:100%;height:100%;margin:0}.border-wrap{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAACMBAMAAACwmzkbAAAAHlBMVEUAAABHcExLS0tHR0cK8/MTxcUGICAe0tIQamoH+/vRzxtwAAAACXRSTlOZAK2s+c6habgneXvhAAAA3klEQVR42u3cMQrCQBRF0Y+QkJRT2Itb0A2IAVsFp7CzkrTZg41dECG4W53BDcwY8lLc238ObwPf3ukNboSst+QenQiuBhE8yuQsuHo1of0mtW28a7pc2Mpb6Jp51w7Z8J/dOxHcHkRweRbBVuxEsHkVXJxsZZrJKrgGBgYGBp49vAAGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgaeO9wDAwMD51UDTwd7Fbw8imDnVbBm8hfWTA6wZHKAJZMjrJgcYXeJnxie60n6/X34AHLfgM0xUkP9AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:100% 100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;display:flex;flex-direction:column;height:100%}.border-wrap.border-wrap__large{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAf4AAACWBAMAAADNkfeVAAAAFVBMVEUAAABHcEwoKSkZ0tIBGxsXmZkg+vrzMQCtAAAABnRSTlOZAKO5oGe8T3t8AAABK0lEQVR42u3UwYnCUBSF4csY3IdpQFy4HgjjehAbSAciJP2XML6kArMz5/sreB+c+2p+v6nfT/Wot7uM2f7blO2/72gAW/x1W/+B5/lDu6zvH7f6u+7e+qsPbX3+csab/Puoa2ec7D9M0f6q65jtfw0g2l/DmO0//NapogcQ7j/y8/Pz8/Pz8/Pz88f0xc/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pz8/Pv8n/4Ofn5+fn5+eP6sjPH+0fwv3fP9n+fgj3Rw/g5Y8eQPMnD6D5kwew+IMHsPj769x6npOa1/4B8U+yKu6v/BUAAAAASUVORK5CYII=)}.border-wrap .title{color:#04d7ff;padding:5px 0 0 10px}.border-wrap .content{height:calc(100% - 24px)}.border-wrap .no-data{height:100%;color:#0ef;font-weight:700;font-size:18px;letter-spacing:2px;display:flex;justify-content:center;align-items:center}.h-tab-wrap{font-size:12px;width:145px;height:31px;line-height:31px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAfBAMAAADHHDjgAAAAGFBMVEUH+/tHcEwH+/sH+/sH+/sH+/sH+/sH+/vpwP0JAAAAB3RSTlMzAKmEXeISKHbU2QAAAHtJREFUSMft1isKgEAUQNHnD6tPxKwjmEWwa5oqCHaDXVBw+362MDfOXcDJV1S1uJ2Tl7GjOJa+THYJwSQdwZSLEMzeIYwRgskrhOkFYQ7PeMYzXw3ChDXCGCWYsEWYYSOYaFWCGQKCiWYlGBsQTHwpwdjpZ1xf4vwUfQCh0k9PQBmiTQAAAABJRU5ErkJggg==);background-size:100% 100%;background-repeat:no-repeat;display:flex;align-items:center;color:#fff}.h-tab-wrap .iconfont{margin:0 8px 0 12px;font-size:20px}.h-tab-wrap.en{width:250px}.h-tab-wrap.ar{width:186px}.h-tab-wrap.es{width:280px}.h-tab-wrap.fr{width:260px}.h-tab-wrap.ru{width:284px}.h-tab-wrap .content .label{margin-right:4px}.h-tab-wrap .content .unit{margin-left:2px}.map-box{position:relative}.map-box,.map-box #deviceBMap{height:100%}.map-box .map-theme{display:flex;position:absolute;right:10px;bottom:10px}.map-box .map-theme span{display:inline-block;width:20px;height:20px;margin:0 3px;border:1px solid #393646}.map-box .map-theme span.is-active{border-color:#883535}.map-box .BMapLabel{font-size:14px!important;border:1px solid #f5f5f5!important;background:#fff!important;color:#409eff!important}.map-box .custom-info-content{color:#aaa;margin-top:10px}.map-box .custom-info-content .info-wrap{display:flex}.map-box .custom-info-content .left img{width:100px}.map-box .custom-info-content .right>div{line-height:26px}.map-box .custom-info-content .el-button{float:right}.map-box .custom-info-content .state-text.unconnect-color{color:#a9a9a9}.map-box .custom-info-content .state-text.normal-color{color:#0ef}.map-box .custom-info-content .state-text.success-color{color:#03b36e}.map-box .custom-info-content .state-text.warning-color{color:#ff6100}.map-box .custom-info-content .state-text.danger-color{color:#ff4847}.map-box .custom-info-content .state-text.fix-color{color:#ffd04f}.map-box .custom-info-content .state-text.fault-color{color:#fb0}.map-box .custom-info-content .state-text.collect-color{color:#00a1ff}.map-box .modify-position{position:absolute;top:10px;right:10px;background-color:rgba(18,30,44,.6);padding:5px}.map-box .modify-position .el-form{display:flex}.map-box .modify-position .el-form .el-form-item{display:flex;margin-bottom:0}.map-box .modify-position .el-form .el-form-item .el-form-item__label{min-width:52px}.map-box .modify-position .el-form .ignore{margin:0}.htnova-dashboard{width:100%;height:100%;position:relative}.htnova-dashboard>.content{position:absolute;left:0;top:0;right:0;z-index:9;height:100%;width:100%;pointer-events:none}.htnova-dashboard>.content>.header{display:flex;justify-content:flex-end;height:30px;padding-right:30px}.htnova-dashboard>.content>.header .refresh{pointer-events:auto}.htnova-dashboard>.content>.statis{width:100%;height:calc(100% - 30px);padding:10px 10px 20px;box-sizing:border-box;display:flex;justify-content:flex-start;padding-left:1.5%}.htnova-dashboard>.content>.statis>.left{width:calc(25% - 6px);height:100%;display:flex;flex-direction:column;justify-content:space-between}.htnova-dashboard>.content>.statis>.left .border-wrap{height:calc(33% - 6px);pointer-events:auto}.htnova-dashboard>.content>.statis>.right{width:calc(25% - 6px);height:100%;display:flex;flex-direction:column;justify-content:space-between}.htnova-dashboard>.content>.statis>.right .border-wrap{height:calc(33% - 6px);pointer-events:auto}.htnova-dashboard>.content>.statis>.middle{width:calc(50% - 6px);margin:0 9px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.htnova-dashboard>.content>.statis>.middle .border-wrap{width:100%;height:30%;pointer-events:auto}.htnova-dashboard>.content>.statis>.middle .h-table-wrap{height:100%;font-size:12px}.htnova-dashboard>.content>.statis>.middle .h-table-wrap .thead{display:flex;justify-content:space-between;color:#04d7ff;padding:14px 0}.htnova-dashboard>.content>.statis>.middle .h-table-wrap .tbody{height:calc(100% - 50px);overflow-y:scroll;margin-right:-18px;color:#eee}.htnova-dashboard>.content>.statis>.middle .h-table-wrap .tbody .empty{height:70%;display:flex;justify-content:center;align-items:center;color:#04d7ff}.htnova-dashboard>.content>.statis>.middle .h-table-wrap .tbody .row{padding:8px 0;display:flex;justify-content:space-between}.htnova-dashboard>.content>.statis>.middle .h-table-wrap .column{flex:1;text-align:center}.htnova-dashboard>.content>.statis>.middle .h-table-wrap .column:nth-of-type(2){width:15%}.htnova-dashboard>.content>.statis>.middle .h-table-wrap .column:nth-of-type(3){width:25%}.htnova-dashboard>.content>.statis>.middle .tabs-wrap .h-tab-wrap{margin-bottom:10px}