body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw}.App-title{width:500px;position:absolute;font-size:2.6rem;color:#fff;font-weight:700;border-radius:25px;background:#32cd32;padding:10px 0;top:-30px;left:calc(50% - 250px)}.InterFace{margin:3rem 5px 0;border-radius:40px;background:#2d3b4b;padding:3rem .5rem;flex-wrap:wrap}.InterFace,.process-container{display:flex;justify-content:center}.process-container{margin:1rem .5rem;width:11%;height:auto;flex-direction:column;align-items:center;background:#2c2933;border-radius:15px;padding:1rem;border:1px hidden}.process-container:hover{border:1px solid #fff;background:#38363d}.process-imgcontainer{width:100%}.process-imgcontainer img{width:90%;height:auto;border-radius:3px;border:1px solid #fff}.process-info{margin-top:1rem;width:100%}.process-info,.process-info__name{display:flex;justify-content:center;align-items:center}.process-info__name{flex-direction:column;min-width:50%}.process-container__name_cn{font-size:1rem;color:#ff0;padding:.3rem 0}.process-container__name_en{font-size:1rem;color:#90ee90;padding:.3rem 0}.process-info__lightContainer{display:flex;width:50%;flex-direction:column;justify-content:center;align-items:center;margin-left:5px}.process-info__light{display:flex;justify-content:flex-start;width:5rem}.process-info__light-green{background:green;border-radius:3px;width:2rem;height:1rem;margin:3px}.process-info__light-yellow{background:#ff0;border-radius:3px;width:2rem;height:1rem;margin:3px}.process-info__light-red{background:red;border-radius:3px;width:2rem;height:1rem;margin:3px}.process-info__light-spec{color:#fff;margin-left:3px;display:flex;justify-content:center}.SecondPageContainer{display:flex;flex-direction:column;background:#2d3b4b;min-height:100vh}.SecondPagePrograssBar-overview{height:300px;display:flex;justify-content:space-between;align-items:center;padding:5px}.SecondPagePrograssBar-overview__monitor{width:66%;height:100%;display:flex;justify-content:center;align-items:center;background:#2c2933;margin:0 5px;position:relative}.SecondPagePrograssBar-overview__monitor-pie{width:50%;height:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.SecondPagePrograssBar-overview__monitor-lineboxes{width:50%;height:70%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.SecondPagePrograssBar-overview__warning{width:33%;height:100%;display:flex;justify-content:center;align-items:center;background:#2c2933;margin:0 5px;position:relative}.SecondPagePrograssBar-overview__title{position:absolute;width:100%;font-size:1.3rem;color:#fff;font-weight:700;top:8px;text-align:center}.SecondPagePrograssBar-section1{height:300px;display:flex;justify-content:space-between;align-items:center;padding:5px}.PrograssPie-Container{width:24%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;background:#2c2933;margin:0 5px}.PrograssPie-title{font-size:1.3rem;color:#fff;font-weight:700;top:8px}.PrograssPie-innerTitle,.PrograssPie-title{position:absolute;width:100%;text-align:center}.PrograssPie-innerTitle{display:flex;flex-direction:column;top:50%}.PrograssPie-innerTitle__part1{font-size:1.8rem;color:#fff;font-weight:700;text-align:center}.PrograssPie-innerTitle__part2,.PrograssPie-innerTitle__part3{font-size:1rem;color:#90ee90;margin-top:10px}.SecondPagePrograssBar-section2{height:380px;display:flex;justify-content:space-between;align-items:center;padding:5px}.SecondPagePrograssBar-section2__part{width:33%;height:100%;display:flex;justify-content:center;align-items:center;background:#2c2933;margin:0 5px;position:relative}.SecondPagePrograssBar-section2__part-title{position:absolute;width:100%;font-size:1.3rem;color:#fff;font-weight:700;top:8px;text-align:center}.SecondPagePrograssBar-section3{height:20%;display:flex;flex-direction:column;border:1px solid #fff}.Realtime-container{background:#2c2933;margin:10px;display:flex;flex-direction:column;align-items:center}.Realtime-title{width:100%;height:2rem;font-size:1.3rem;color:#fff;font-weight:700;padding:5px 0;border-bottom:1px solid grey}.Realtime-content{display:flex;flex-direction:column;width:100%}.Realtime-content__titleList{display:flex;justify-content:space-around;padding:6px;background:#333;border-bottom:1px solid grey}.Realtime-content__title1,.Realtime-content__title2{color:#fff;font-size:1rem;width:5%}.Realtime-content__title3{color:#fff;font-size:1rem;width:21%}.Realtime-content__title4,.Realtime-content__title5{color:#fff;font-size:1rem;width:5%}.Realtime-content__title6,.Realtime-content__title7,.Realtime-content__title8{color:#fff;font-size:1rem;width:13%}.Realtime-content__title9{color:#fff;font-size:1rem;width:5%}.Realtime-content__title10{color:#fff;font-size:1rem;width:15%}.Realtime-content__contentList{display:flex;justify-content:space-around;padding:6px;border-bottom:1px solid grey}.Realtime-content__1,.Realtime-content__2{color:#fff;font-size:1rem;width:5%}.Realtime-content__3{color:#fff;font-size:1rem;width:21%}.Realtime-content__4,.Realtime-content__5{color:#fff;font-size:1rem;width:5%}.Realtime-content__6,.Realtime-content__7,.Realtime-content__8{color:#fff;font-size:1rem;width:13%}.Realtime-content__9{color:#fff;font-size:1rem;width:5%}.Realtime-content__10{color:#fff;font-size:1rem;width:15%}.PageContainer{display:flex;background:#2d3b4b;min-height:100vh;padding:1rem 1.5rem}.No-sensor{height:80vh;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:#eee}.ViewController-Container{width:15%;background:#2c2933;margin:0 5px}.ViewController-Container h3{color:#fff;margin:10px auto}.ChartDisplay-Container{width:85%;min-height:100vh;background:#2c2933;margin:0 5px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0 0}.Lines-Container{width:99%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start}.Chart-part{position:relative;margin:5px;display:flex;padding:10px;flex-direction:column;border-radius:5px;border:1px solid #fff}.Chart-part,.Chart-part_size-1{min-width:19vw;min-height:150px}.Chart-part_size-2{min-width:30%;min-height:150px}.Running{background:#2bdf9d}.Not-Running{background:#96ccff}.Chart-part__part-title{margin:0 auto 10px;width:100%;color:#fff;font-weight:700;text-align:center}.LineChart-Container{position:relative;display:flex;justify-content:center}.Xaxis-unit{width:100%;position:absolute;display:flex;justify-content:space-between;bottom:0;padding:0 10px 0 60px}.Xaxis-title{font-size:.8rem}.LineChart-Container-Running-ok{background:#cdecff}.LineChart-Container-Running-Not{background:#ff725c}.LineChart-Container-Not-Running-Not{background:#fbf1a9}.AutoDisplay-Container{margin:8px 0 3px;display:flex;justify-content:center;align-items:center}.AutoDisplay-Input{width:2rem;margin:0 2px 0 3px}.AutoDisplay{color:rgba(0,0,0,.54);padding:0;font-size:1rem;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;line-height:1;letter-spacing:.00938em}.SizeSelector-Container{background:#2bdf9d;padding:15px 5px;margin:0 15px;border-radius:5px;color:#440b0b;display:flex;flex-direction:column;justify-content:center;align-items:center}.setting-btn{background:#96ccff;width:8rem;margin:15px auto;border-radius:5px;color:#333;padding:5px 15px;cursor:pointer}.setting-btn:hover{background:#357edd;color:#fff}.DataSetting-Container,.StatusSetting-Container{background:#fff;max-height:80vh;overflow-y:scroll;padding:1rem 1.5rem}.TimeGapSetting-Container{background:#fff;max-height:80vh;padding:1rem 1.5rem;display:flex;align-items:center;flex-direction:column}.TimeGapSetting{min-width:28rem;display:flex;justify-content:space-between}.setting-1-container{display:flex;flex-direction:column;width:600px;border-radius:5px;border:1px solid #000;border-right:none;border-bottom:none}.setting-1-dropdown{width:100%;display:flex;border-bottom:1px solid #000}.setting-1-dropdown div{text-align:center;border-right:1px solid #000}.setting-1-dropdown-1{width:30%}.setting-1-dropdown-2{width:70%}.setting-1-title{display:flex;border-bottom:1px solid #000}.setting-1-title div{width:100%;text-align:center;border-right:1px solid #000}.setting-1-content{display:flex;border-bottom:1px solid #000}.setting-1-content div{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;border-right:1px solid #000}.setting-Input{width:100%;font-size:.9rem;height:100%;text-align:center}.btn-collection{margin:.5rem 0;display:flex;justify-content:center}.btn-collection button{width:7rem;height:2rem;font-size:1rem;border-radius:5px;margin:5px;padding:3px 15px;color:#fff}.btn-collection-btn1{background:#00f}.btn-collection-btn2{background:red}.dropdown-input{display:inline-block;margin:0 auto;background:#ff0;border-radius:5px;color:#fff;padding:3px}*{box-sizing:border-box}.App{text-align:center;height:100%;width:100%;position:relative}.Display{display:flex;height:88%;justify-content:space-around}.Display-section1{width:70%;padding:.5rem 1rem;display:flex;flex-direction:column;justify-content:space-between}.Display-section2{width:30%;padding:1rem}.Display-section2__margin{height:10%}.Display-section2__warning{height:100%;display:flex;justify-content:center;align-items:center}.Display-section2__warning-pannel{height:70%;width:60%;border:1px solid grey;border-radius:25px;background:#2d2d2d;color:#90ee90;display:flex;flex-direction:column;align-items:center;padding:15px 25px;overflow-y:scroll}.Display-section2__warning-pannel ::-webkit-scrollbar,::-webkit-scrollbar{display:none}.warning-description-container{width:100%;margin:5px 15px;display:flex}.warning-description{margin-left:15px;display:flex;flex-wrap:wrap}.Display-section2__pie{height:45%;display:flex;justify-content:center;align-items:center}.Conclution{display:flex;height:12%;justify-content:space-around;align-items:center}.Conclution-div{width:18%;color:#fff}.Conclution-block{width:100%;height:2.5rem;border:1px solid #ff0;margin-bottom:5px;color:green;font-weight:500;font-size:1.5rem;display:flex;justify-content:center;align-items:center;padding:3px 0}.Section-title{text-align:start;font-size:2rem;color:#fff;padding:0 0 10px;font-weight:700;border-bottom:2px solid grey}.Section-line{min-height:80px;display:flex;justify-content:space-between;align-items:center}.Section-line__title{margin-right:15px;font-size:2rem;font-weight:500;color:#fff}.Section-line__img{width:3rem;padding:2px;border:2px solid #2d3b4b}.Section-line__img:hover{border:2px solid #9acd32}.Section-line__container{display:flex;flex-direction:column}.Section-line__description{margin-top:3px;color:#fff;font-size:1.2rem}.Conclution-div__normal{border:1.5px solid #00bc49}.Conclution-div__supply{border:1.5px solid #f1bf17}.Conclution-div__warming{border:1.5px solid #fdf100}.Conclution-div__warning{border:1.5px solid #de1a22}.Conclution-div__percentage{border:1.5px solid #fff}
/*# sourceMappingURL=main.e5aac9b2.chunk.css.map */