#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:#00a6a1;padding:5px 0 0 10px}.border-wrap .content{flex:1;height:100%}.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:184px;height:31px;line-height:31px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAfBAMAAADHHDjgAAAAGFBMVEUH+/tHcEwH+/sH+/sH+/sH+/sH+/sH+/vpwP0JAAAAB3RSTlMzAKmEXeISKHbU2QAAAHtJREFUSMft1isKgEAUQNHnD6tPxKwjmEWwa5oqCHaDXVBw+362MDfOXcDJV1S1uJ2Tl7GjOJa+THYJwSQdwZSLEMzeIYwRgskrhOkFYQ7PeMYzXw3ChDXCGCWYsEWYYSOYaFWCGQKCiWYlGBsQTHwpwdjpZ1xf4vwUfQCh0k9PQBmiTQAAAABJRU5ErkJggg==) 0 0/100% 100% 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}.demo-dashboard{width:100%;height:100%;position:relative}.demo-dashboard>.left{position:absolute;left:15px;top:15px;z-index:10;pointer-events:none;width:24%;height:96%;display:flex;flex-direction:column;justify-content:space-between}.demo-dashboard>.left .border-wrap{height:30%;pointer-events:all}.demo-dashboard>.right{position:absolute;right:15px;top:15px;z-index:10;pointer-events:none;width:24%;height:96%;display:flex;flex-direction:column;justify-content:space-between}.demo-dashboard>.right .border-wrap{height:30%;pointer-events:all}.demo-dashboard .middle{position:absolute;left:calc(24% + 30px);top:15px;z-index:10;width:calc(52% - 60px);height:96%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.demo-dashboard .middle .border-wrap{width:100%;height:30%}.demo-dashboard .middle .h-table-wrap{height:100%;font-size:12px;pointer-events:all}.demo-dashboard .middle .h-table-wrap .thead{display:flex;justify-content:space-between;color:#42b6c5;padding:14px 0}.demo-dashboard .middle .h-table-wrap .tbody{height:calc(100% - 50px);overflow-y:scroll;margin-right:-18px}.demo-dashboard .middle .h-table-wrap .tbody .row{padding:8px 0;display:flex;justify-content:space-between}.demo-dashboard .middle .h-table-wrap .column{flex:1;text-align:center}.demo-dashboard .middle .h-table-wrap .column:nth-of-type(2){width:15%}.demo-dashboard .middle .h-table-wrap .column:nth-of-type(3){width:25%}.demo-dashboard .middle .tabs-wrap{display:flex;flex-direction:column}.demo-dashboard .middle .tabs-wrap .h-tab-wrap{margin-bottom:10px}.demo-dashboard .custom-info-content{color:#aaa}.demo-dashboard .custom-info-content>div{line-height:26px}.demo-dashboard .custom-info-content .el-button{float:right}.demo-dashboard .custom-info-content .state-text.unconnect-color{color:#a9a9a9}.demo-dashboard .custom-info-content .state-text.normal-color{color:#0ef}.demo-dashboard .custom-info-content .state-text.success-color{color:#03b36e}.demo-dashboard .custom-info-content .state-text.warning-color{color:#ff6100}.demo-dashboard .custom-info-content .state-text.danger-color{color:#ff4847}.demo-dashboard .custom-info-content .state-text.fix-color{color:#ffd04f}.demo-dashboard .custom-info-content .state-text.fault-color{color:#fb0}.demo-dashboard .custom-info-content .state-text.collect-color{color:#00a1ff}