#drawCanvas{width:1500px;overflow-x:visible;position:relative;top:75px}.v-progress-linear{margin:0}.live-data{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:flipAni 16s ease-in-out infinite;animation:flipAni 16s ease-in-out infinite}.canvas-scroll{overflow-x:auto;overflow-y:hidden}.live-container{width:50px;text-align:center}.rightside{float:right}div #ioTable,div #tdHover{right:8px;top:110px}div #tdHover{display:none;position:fixed;z-index:3}#hoverTable{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}#hoverTable #tableData{border:1px solid #34495e;padding:2px}#hoverTable #tableRow{text-align:center;background-color:var(--v-primary-base);color:var(--v-primaryText-base)}.rightData{right:8px}.leftData,.rightData{display:none;width:600px;position:fixed;top:110px;z-index:3}.leftData{left:8px}.col{max-width:120px;width:100px;min-width:100px;text-align:center;text-wrap:wrap;word-wrap:break-word;padding:6px;border:1px solid #34495e}.col-value{color:#668cf6}.col-no-data{color:#ff5252}.value-width-col{max-width:160px;width:100px;min-width:100px;text-align:center;text-wrap:wrap;word-wrap:break-word;padding:6px;border:1px solid #34495e}.legend{position:absolute;top:85px;right:35px;width:140px;color:var(--v-primaryText-base);border:1px solid var(--v-primaryText-base);padding:10px}.circle-green{background:#3cb371}.circle-green,.circle-red{display:inline-block;width:10px;height:10px;border-radius:50%}.circle-red{background:#ff5252}.circle-grey{display:inline-block;width:10px;height:10px;background:#9e9e9e;border-radius:50%}@-webkit-keyframes flipAni{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes flipAni{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}