.backLink{color:#0000}.backLink:hover{color:#000}.screen-select{height:25px;width:150px;.ant-select-selection-item{color:#fff!important}.ant-select-selector{background-color:#061e5d00!important;font-size:15px}.ant-select-arrow{color:#fff;font-size:15px}}.right-prompt{background-color:#061e5d00;height:30px;line-height:35px;position:relative;z-index:9999}.status-indicator{border-radius:5px;display:inline-block;height:15px;margin-left:5px;width:25px}.status-indicator:last-child{margin-left:15px}.status-text{font-size:15px;margin-left:5px}#graph{height:100vh;left:0;position:absolute;top:0;width:100vw}.flex-container-auto{align-items:center;border-bottom:1px dashed #5b858d;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:20px}.item-container-auto-line{background-color:#f9f9f9;background-color:#00c3ff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 0 10px 10px;padding:16px;width:100px}.item-container-auto-device{color:#ccc;width:100%}.item-container-auto{border:0 solid #ddd;border-radius:8px;display:inline-flex;flex-direction:column;margin:10px 0 0 10px;padding:2px 10px}.item-container-auto .name-row{border-bottom:1px dashed #ccc;margin-bottom:2px;padding-bottom:2px}.flex-container{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}.item-container-line{background-color:#f9f9f9;background-color:#00c3ff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px 0 0 1px;padding:16px;width:100px}.item-container-device{width:100%}.item-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-flex;flex-direction:column;margin:10px 0 0 10px;padding:2px 10px}.item-container .name-row{border-bottom:1px dashed #ccc;margin-bottom:2px;padding-bottom:2px}#top-header{.header-center-decoration{height:60px;margin-top:30px;width:40%}.header-left-decoration,.header-right-decoration{height:60px;width:25%}.center-title{font-size:30px;font-weight:700;left:50%;position:absolute;top:15px;transform:translateX(-50%)}}#digital-flop{align-items:center;display:flex;flex-shrink:0;height:10%;justify-content:space-between;position:relative;.dv-decoration-10{bottom:0;height:5px;left:2.5%;position:absolute;width:95%}.digital-flop-item-esd{align-items:center;animation:fadeIn .8s forwards;border-radius:5px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;height:80%;margin:10px;overflow:hidden;position:relative;text-align:center;width:100%}.digital-flop-content,.digital-flop-item-esd{display:flex;justify-content:center}.digital-flop-title{font-size:120%;margin-left:45px;margin-top:5px}.digital-flop-title-img{margin-left:10px}.digital-flop-baner-img{height:95%;left:0;position:absolute;width:30%}.digital-flop{display:flex;height:38px;justify-content:center}.unit{align-items:flex-end;box-sizing:border-box;display:flex;margin-left:10px;padding-bottom:5px}.pretty-scroll-btn{background-color:#061e5d80;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:80%;line-height:50px;text-align:center;transition:background-color .3s ease;width:50px;&:hover{background-color:#06365d80}}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#data-view{#dv-full-screen-container{background-image:url(/static/media/bg.caef99fe89164573a38e.png);background-size:100% 100%;box-shadow:0 0 3px blue;display:flex;flex-direction:column}.main-content{display:flex;flex:1 1;flex-direction:column}.block-left-right-content{display:flex;flex:1 1;margin-top:5px}.block-top-bottom-content{box-sizing:border-box;flex:1 1;flex-direction:column;margin-left:5px;width:60%}.block-top-content{box-sizing:border-box;flex-grow:0;height:80%;padding-bottom:10px}.block-bottom-content{box-sizing:border-box;display:flex;flex-grow:0;height:20%}}.home-left-top-menu{align-items:center;background:#cccccc55;border-radius:25px;display:inline-flex;height:50px;justify-content:center;margin-left:15px;position:relative;width:50px}.home-left-top-menu .anticon{cursor:pointer;font-size:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.borderBox-man{background-color:#061e5d80;box-shadow:inset 0 0 1px 2px #3f96a5!important}.left-chart-container{width:15%}.left-chart-esd{box-sizing:border-box;height:100%;width:100%}.left-scroll-btn-t{&:hover{background-color:#06365d80}}.left-scroll-btn-b{&:hover{background-color:#06365d80}}.ranking-board-all{margin:0 0 20px 10px}#ranking-board-esd-1{box-sizing:border-box;display:flex;flex-direction:column;height:30%;position:relative;.ranking-board-title{align-items:center;display:flex;font-size:15px;font-weight:700;height:30px;margin-left:10px}.dv-scroll-ranking-board{flex:1 1}}#ranking-board-esd-2{box-sizing:border-box;display:flex;flex-direction:column;height:70%;margin-top:5px;position:relative;.ranking-board-title{align-items:center;display:flex;font-size:15px;font-weight:700;height:30px;margin-left:10px}.dv-scroll-ranking-board{flex:1 1}}.offline-device-datav{background-color:#0136428a;border:0 solid #ccc;border-radius:10px;height:auto;margin-bottom:5px;padding:5px;position:relative}.offline-device-datav ul{list-style:none;margin:1px;padding:1px;white-space:nowrap}.offline-device-datav li{list-style-type:none;white-space:nowrap}#ranking-board-esd-1-node{height:88%}#ranking-board-esd-1-node,#ranking-board-esd-2-node{margin-left:5px;overflow:hidden;overflow-y:auto;position:absolute;width:97%}#ranking-board-esd-2-node{height:95%}.abs-device-datav ul{list-style:none;margin:1px;padding:1px;white-space:nowrap}.abs-device-datav li{list-style-type:none;white-space:nowrap}.abs-device-datav{background-color:#0136428a;border:0 solid #ccc;border-radius:10px;height:auto;margin-bottom:5px;padding:5px;position:relative}#water-level-chart-esd{display:flex;flex-direction:column;height:95%;overflow:auto;position:relative}.right-prompt-out-esd{height:5%;line-height:35px;position:relative;z-index:9999}#botom-line{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin-left:5px;width:100%}#scroll-board{border-radius:6px;box-sizing:border-box;height:95%;margin:4px 0 0 2px;overflow:hidden;width:99%}#top-header{display:flex;flex-shrink:0;justify-content:space-between;position:relative;width:100%;.header-center-decoration{height:60px;margin-top:30px;width:40%}.header-left-decoration,.header-right-decoration{height:60px;width:25%}.center-title{font-size:30px;font-weight:700;left:50%;position:absolute;top:15px;transform:translateX(-50%)}}#digital-flop-dust{align-items:center;display:flex;flex-shrink:0;height:9%;justify-content:space-between;position:relative;.dv-decoration-10{bottom:0;height:5px;left:2.5%;position:absolute;width:95%}.digital-flop-item-dust{align-items:center;border-radius:5px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;height:80%;margin:0;overflow:hidden;position:relative;text-align:center;transition:transform .8s ease;width:100%}.digital-flop-content-dust,.digital-flop-item-dust{display:flex;justify-content:center}.digital-flop-title-dust{font-size:120%;margin-left:45px;margin-top:5px}.digital-flop-title-img-dust{margin-left:10px}.digital-flop-baner-img-dust{height:95%;left:0;position:absolute;width:30%}.digital-flop-dust{display:flex;height:38px;justify-content:center}.unit{align-items:flex-end;box-sizing:border-box;display:flex;margin-left:10px;padding-bottom:5px}.pretty-scroll-btn-dust{background-color:#061e5d80;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:80%;line-height:50px;text-align:center;transition:background-color .3s ease;width:50px;&:hover{background-color:#06365d80}}}.digital-flop-item-time-dust{background-color:#061e5d80;border-radius:5px;border-right:2px solid #044672;color:#fff;font-family:led regular;font-size:35px;height:80%;line-height:250%;padding-left:30px;width:100%}#data-view{background-color:#030409;color:#fff;height:100%;width:100%;#dv-full-screen-container{background-image:url(/static/media/bg.caef99fe89164573a38e.png);background-size:100% 100%;box-shadow:0 0 3px blue;display:flex;flex-direction:column}.main-content{display:flex;flex:1 1;flex-direction:column}.block-left-right-content-dust{display:flex;flex:1 1;height:90%;margin-top:1px}.block-top-bottom-content{box-sizing:border-box;flex:1 1;flex-direction:column;margin-left:5px}.block-bottom-content-dust,.block-top-content-dust{box-sizing:border-box;flex-grow:0;height:50%}.block-bottom-content-dust{display:flex;padding-bottom:5px}}.borderBox-man-dust{background-color:#061e5d80;box-shadow:inset 0 0 1px 2px #3f96a5!important}.left-chart-container{display:flex;flex-direction:column;gap:3px;position:relative;width:20%}.left-chart{box-sizing:border-box;height:100%;width:100%}.left-scroll-btn-t{top:0;z-index:9999;&:hover{background-color:#06365d80}}.left-scroll-btn-b,.left-scroll-btn-t{background-color:#061e5d80;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:15px;left:0;line-height:15px;position:absolute;text-align:center;transition:background-color .3s ease;width:100%}.left-scroll-btn-b{bottom:0;&:hover{background-color:#06365d80}}.ranking-board-all{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0 0 20px 5px;width:20%}#ranking-board-1{height:100%;.dv-scroll-ranking-board{flex:1 1}}#ranking-board-1,#ranking-board-2{box-sizing:border-box;display:flex;flex-direction:column;padding:0 5px 0 0;position:relative}#ranking-board-2{height:70%;margin-top:5px;.ranking-board-title{align-items:center;font-size:15px;font-weight:700;height:30px;margin-left:10px}.dv-scroll-ranking-board{flex:1 1}}.offline-device{background-color:#0136428a;border:0 solid #ccc;border-radius:10px;height:30%;margin-bottom:5px;padding:5px;position:relative}.offline-device ul{height:90%;padding:0;position:absolute;top:-10px}.offline-device li{list-style-type:none;white-space:nowrap}#ranking-board-1-node{margin-top:30px}#ranking-board-1-node,#ranking-board-2-node{height:90%;overflow:hidden;overflow-y:auto;position:absolute;width:98%}#ranking-board-2-node{margin:30px 5px 0}.abs-device ul{height:90%;padding:0;position:absolute;top:-10px}.abs-device li{list-style-type:none;white-space:nowrap}.abs-device{background-color:#0136428a;border:0 solid #ccc;border-radius:10px;height:25%;margin-bottom:5px;padding:5px;position:relative}.span-red{color:red}#water-level-chart{display:flex;flex-direction:column;height:92%;margin-left:5px;overflow:hidden;position:relative}.right-prompt-out{height:8%;line-height:35px;margin-left:5px;position:relative;z-index:9999}.water-level-chart-time{border-radius:5px;color:#fff;font-family:led regular;font-size:25px;margin-left:5px}@font-face{font-family:led regular;src:url(/static/media/led.0ef0e2249326c34137c8.ttf)}.scroll-board{display:flex;flex-direction:column;height:100%;width:100%}.fixed-header-table{overflow:hidden;width:100%}.fixed-header-table thead th{background:#1e90ff;border-bottom:none;color:#fff;height:50px!important;position:-webkit-sticky;position:sticky;top:0;z-index:1}.fixed-header-table tbody tr td{border-bottom:.5px solid #44518d;color:#fff;height:40px!important;overflow:hidden;text-align:center}.selected-row{background-color:#44518d;font-weight:700}.ellipsis{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.line{background-color:#000;display:block;height:1.5px;margin:2px 0;width:100%}.fixed-header-table tbody tr:hover{background-color:#205777;cursor:pointer}.empty-cell{height:100px;position:relative;width:100px}.empty-cell:before{background:linear-gradient(to top left,#0000 48%,#ffffff80 49%,#ffffff80 51%,#0000 52%);bottom:0;content:"";height:100%;left:0;position:absolute;width:100%}.login-dialog{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.login-dialog:before{background-image:url(/static/media/bg.caef99fe89164573a38e.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";filter:blur(10px);height:100%;left:0;position:absolute;top:0;width:100%}.login-container{border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:auto;padding:20px;position:relative;width:320px}.login-container h2{text-align:center}.login-container form{display:flex;flex-direction:column}.login-container input{border-radius:5px;font-size:16px;margin-bottom:10px;padding:8px}.login-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.login-container button:hover{background-color:#0056b3}.login-header{background-position:50%;background-repeat:no-repeat;background-size:contain;border-top-left-radius:10px;border-top-right-radius:10px;height:105px;margin-bottom:20px}@keyframes shake{10%{transform:translateX(10px)}20%{transform:translateX(-10px)}30%{transform:translateX(10px)}40%{transform:translateX(-10px)}50%{transform:translateX(10px)}60%{transform:translateX(-10px)}70%{transform:translateX(10px)}80%{transform:translateX(-10px)}to{transform:translateX(0)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}body{margin:0;padding:0}.root,body{height:100%}.root{width:100%}.App{height:100vh;width:100vw}
/*# sourceMappingURL=main.1be97942.css.map*/