.container[data-v-e407ce72]{position:relative;width:100%;height:100%}.card-container[data-v-903bc40a]{text-align:left;cursor:pointer;border-radius:5px;margin:0 10px 20px 10px;width:100%;position:relative;-webkit-box-shadow:0 10px 10px -6px rgba(54,54,54,.7176470588235294),0 0 3px rgba(0,0,0,.2) inset;box-shadow:0 10px 10px -6px rgba(54,54,54,.7176470588235294),inset 0 0 3px rgba(0,0,0,.2);background-color:hsla(0,0%,100%,.8);border:1px solid #cccbcb}.card-container .title[data-v-903bc40a]{color:#000;font-size:16px;font-weight:600}@-webkit-keyframes changDeg-data-v-250d28b1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes changDeg-data-v-250d28b1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.body-content[data-v-250d28b1]{position:relative}.statusBar[data-v-250d28b1]{line-height:100%;vertical-align:middle}.statusBar .alarmMarker[data-v-250d28b1]{width:220px;height:195px;position:relative;top:-110px}.statusBar .alarmMarker .bg-img[data-v-250d28b1]{height:220px;width:220px}.statusBar .alarmMarker .bg-img.grade_bg[data-v-250d28b1]{-webkit-animation:changDeg-data-v-250d28b1 2s linear .2s infinite;animation:changDeg-data-v-250d28b1 2s linear .2s infinite}.statusBar .statusBox[data-v-250d28b1]{width:125px;padding:20px 10px;height:125px;border-radius:65px;border:6px solid #009fec;text-align:center}.statusBar .red[data-v-250d28b1]{border:6px solid red}.statusBar .orange[data-v-250d28b1]{border:6px solid orange}.statusBar .blue[data-v-250d28b1]{border:6px solid #009fec}.statusBar .green[data-v-250d28b1]{border:6px solid #19ac47}