@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Noto Sans TC",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app-switcher-popover{position:fixed}.app-switcher-popover .ant-popover-arrow{display:none}.layout-header-app-switcher{position:fixed;top:0;right:24px}.app-switcher-popover .ant-popover-inner-content{padding:0}.app-switcher-popover.ant-popover{line-height:0}.layout-header-app-switcher-btn:hover{background:rgba(0,0,0,.1)}.mask{-webkit-mask-image:linear-gradient(0deg,transparent -1%,#fff 10%);mask-image:linear-gradient(0deg,transparent -1%,#fff 10%)}@media (max-width:576px) and (orientation:portrait){.app-switcher{width:100vw;height:calc(100vh - 64px)}}@media (min-width:577px) and (orientation:portrait){.app-switcher{width:320px;height:370px}}@media (max-height:576px) and (orientation:landscape){.app-switcher{width:320px;height:calc(100vh - 64px)}}@media (min-height:577px) and (orientation:landscape){.app-switcher{width:320px;height:370px}}#components-layout-demo-custom-trigger .trigger{font-size:18px;line-height:64px;padding:0 24px;cursor:pointer;transition:color .3s}#components-layout-demo-custom-trigger .trigger:hover{color:#1890ff}#components-layout-demo-custom-trigger{height:32px;background:hsla(0,0%,100%,.2);margin:16px}.layout-header-content{display:flex;flex-direction:row;align-items:center;padding-left:10px;justify-content:flex-start;height:100%}.layout-header,.layout-header-content{background:#fff;border-bottom:1px solid #f0f2f4}.layout-header{padding:0;position:fixed;z-index:999;width:100%}.trigger{font-size:20px;margin-right:10px}.trigger:hover{color:#1890ff}.sider-header{color:#fff}.pointer:hover,.sider-header,.tt:hover,.valueTimeSetting:hover{cursor:pointer}.add-canvas-modal{display:grid;grid-template-columns:20% 80%;grid-gap:12px 0}.add-canvas-left{line-height:32px}.addIndex-modal,.alarmSetting-modal,.ttCalculator-modal{display:grid;grid-template-columns:30% 70%;grid-gap:12px 0}.addIndex-left,.addIndex-right,.addValue-left,.addValue-right,.alarmSetting-left,.alarmSetting-right,.ttCalculator-left,.ttCalculator-right{line-height:32px}.ttCalculator-right{display:flex;align-items:center}.ttCalculator-modal input{width:30%;margin:0 5px;text-align:center}.ttCalculator .content{display:flex;margin:10px 5px}.tt{border:1px solid #000;min-width:150px;text-align:center;height:50px;margin-left:10px}.tt-lt{border-bottom:1px solid #000}.addValue-modal{display:grid;grid-template-columns:10% 90%;grid-gap:12px 0}.addValue-right{align-items:center;border:1px solid #aaa;border-radius:10px;display:flex;padding:5px}.addValue-right .green{color:#65726b;background-color:#ddfaeb;padding:5px;border-radius:30px;font-size:12px;font-weight:700}.addIndex-modal input{padding:5px;width:50%}.layout-content{min-height:calc(100vh - 112px);overflow:auto;padding:24px;margin:88px 16px 24px;background:#fff}.ant-layout-footer{margin:10px 0 0;background-color:#fff}.process-graph,.set{display:inline-block}.process-graph{padding:10px;line-height:10px;border:2px solid #4a87f7;border-radius:50%;margin:0 5px;position:relative}.process-graph:not(:last-child):after{content:"";position:absolute;top:50%;background:#4a87f7;width:10px;height:2px;right:-41%}.process-name{display:inline-block;text-align:center;margin:0 12.5px}.content-columns .ant-table-cell{width:30%}canvas{margin-top:5px}.route{margin:0;padding:0}.operation-top{width:100%;padding:5px 0 0;display:flex}.operation{min-width:300px;display:flex;justify-content:flex-end;padding-right:5px}.operation-bottom{display:flex;width:100%;height:100%;margin:20px 0}.operation-bottom-content{width:300px;min-width:300px;height:70px;display:flex}.operation-bottom-content-left{width:30%;text-align:center}.operation-bottom-content-right{width:70%}.small-cube{height:33%}.total{border-right:2px solid #000;border-left:2px solid #000}.single,.total{text-align:center}.single{border:2px solid #000}.valueTimeSetting .danger,.valueTimeSetting .ok,.valueTimeSetting .warning{text-align:center;border-right:2px solid #000;border-left:2px solid #000;border-bottom:2px solid #000}.next_op_interval_time{height:33%}.operation .danger,.operation .ok,.operation .warning{border-right:1px solid #a0a0a0;text-align:right}.operation-bottom-content .danger,.operation-bottom-content .ok,.operation-bottom-content .warning{height:33%;text-align:center}.cube{min-width:90px;min-height:68px}.big-cube{border-top:2px solid #000}.big-cube,.big-cube2{height:66%}.row{border:1px solid #aaa}.row .center{text-align:center}.row .right{text-align:right}.ok{background-color:#67c84d}.warning{background-color:#f7c243}.danger{background-color:#ed5e58}.null{height:31px}.operationData{background-color:#d8e2f0}.title{background-color:#f4f4f9}.vsd-time,.vsm-time{margin-left:10px;display:flex;min-width:200px;height:70px;text-align:center}.vsd-time-left,.vsm-time-left{min-width:70%}.leadTime{display:flex;border:1px solid #000}.leadTime-title,.workingHours-title{min-width:50%;border-right:1px solid #000;font-weight:700}.leadTime-content,.vsm-time .danger,.vsm-time .ok,.vsm-time .warning,.workingHours-content{min-width:50%}.workingHours{display:flex;height:66%;vertical-align:middle;border:1px solid #000;border-top:0;line-height:20px}.vsd-time-right,.vsm-time-right{min-width:30%;text-align:right}.day,.vsm-time-right .danger,.vsm-time-right .ok,.vsm-time-right .warning{border:1px solid #000;border-left:none}.vsm-bottom{display:flex;width:100%;margin-top:20px}.vsm-bottom-content{width:30%;display:flex;align-items:center}.color{display:flex}.color .danger,.color .ok,.color .warning{width:50px;height:20px}.colon{margin:10px;font-size:20px}.vsm-top{display:flex;font-size:17px;min-width:1000px}.vsm-top div{min-width:15%;margin-right:10px}.back-to-list{margin-top:6px;margin-right:10px}.back-to-list:hover{color:#2a7dfb}.high-light{border:4px solid #2a7dfb}.layout-header-app-lang-select{position:fixed;top:0;right:120px}.layout-header-app-release{position:fixed;top:0;right:72px}.app-release-btn-container{height:64px;line-height:64px}.app-release-btn,.app-release-btn-container{display:flex;justify-content:center;align-items:center;width:32px}.app-release-btn{height:32px;border-radius:50%}.app-release-btn:hover{background:rgba(0,0,0,.1)}.loading{z-index:999999;height:2em;width:2em;overflow:show;margin:auto;bottom:0;right:0}.loading,.loading:before{position:fixed;top:0;left:0}.loading:before{content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.loading:not(:required):after{content:"";display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;border-radius:.5em;box-shadow:1.5em 0 0 0 rgba(0,0,0,.75),1.1em 1.1em 0 0 rgba(0,0,0,.75),0 1.5em 0 0 rgba(0,0,0,.75),-1.1em 1.1em 0 0 rgba(0,0,0,.75),-1.5em 0 0 0 rgba(0,0,0,.75),-1.1em -1.1em 0 0 rgba(0,0,0,.75),0 -1.5em 0 0 rgba(0,0,0,.75),1.1em -1.1em 0 0 rgba(0,0,0,.75)}@-webkit-keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}