.device-all[data-v-7dc588da]{height:100%}.device-all .state-legend[data-v-7dc588da]{padding:15px;display:flex}.device-all .state-legend>div[data-v-7dc588da]{margin-right:15px;display:flex;align-items:center}.device-all .state-legend>div .state-block[data-v-7dc588da]{display:inline-block;height:15px;width:15px;margin-right:5px}.device-all .state-legend>div .state-block.unconnect-color[data-v-7dc588da]{background-color:#a9a9a9}.device-all .state-legend>div .state-block.normal-color[data-v-7dc588da]{background-color:#0ef}.device-all .state-legend>div .state-block.success-color[data-v-7dc588da]{background-color:#03b36e}.device-all .state-legend>div .state-block.warning-color[data-v-7dc588da]{background-color:#ff6100}.device-all .state-legend>div .state-block.danger-color[data-v-7dc588da]{background-color:#ff4847}.device-all .state-legend>div .state-block.fix-color[data-v-7dc588da]{background-color:#ffd04f}.device-all .state-legend>div .state-block.fault-color[data-v-7dc588da]{background-color:#fb0}.device-all .state-legend>div .state-block.collect-color[data-v-7dc588da]{background-color:#00a1ff}.device-all .device-list[data-v-7dc588da]{height:calc(100% - 60px)}.device-all .device-row[data-v-7dc588da]{display:flex;justify-content:flex-start;overflow-x:hidden;flex-wrap:wrap}.device-all .device-col[data-v-7dc588da]{width:20%;max-width:200px;padding:0 15px;box-sizing:border-box}.device-all .device-col .single-device[data-v-7dc588da]{background-color:#182936;height:60px;margin-bottom:10px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;cursor:pointer}.device-all .device-col .single-device span[data-v-7dc588da]{display:inline-block;width:80%;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.device-all .device-col .single-device span.unconnect-color[data-v-7dc588da]{color:#a9a9a9}.device-all .device-col .single-device span.normal-color[data-v-7dc588da]{color:#0ef}.device-all .device-col .single-device span.success-color[data-v-7dc588da]{color:#03b36e}.device-all .device-col .single-device span.warning-color[data-v-7dc588da]{color:#ff6100}.device-all .device-col .single-device span.danger-color[data-v-7dc588da]{color:#ff4847}.device-all .device-col .single-device span.fix-color[data-v-7dc588da]{color:#ffd04f}.device-all .device-col .single-device span.fault-color[data-v-7dc588da]{color:#fb0}.device-all .device-col .single-device span.collect-color[data-v-7dc588da]{color:#00a1ff}.device-all .device-col .single-device.is-active[data-v-7dc588da]{border:1px solid #008071}