{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\Index.vue?vue&type=style&index=0&id=1f000a64&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\Index.vue","mtime":1684458238481},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@/assets/css/element-variables.scss';\n\n.index-container {\n\toverflow: hidden;\n\theight: 100%;\n\twidth: 100%;\n\tpadding: 0 20px;\n\tbackground: #060f18; //#ebeef5;\n\tbox-sizing: border-box;\n\t// background-image: url('./../assets/img/waterbg5.jpg');\n\tbackground-image: url('../../assets/img/app-bg.jpg');\n\tbackground-repeat: no-repeat;\n\tbackground-size: 100% 100%;\n\tcolor: #fff;\n\tposition: relative;\n}\n\n.top-container {\n\theight: 160px;\n\tmargin-top: 10px;\n\tdisplay: flex;\n\tpadding: 0 10px;\n\tbox-sizing: border-box;\n}\n\n.center-container {\n\theight: calc(50% - 110px);\n\tmargin-top: 10px;\n\tdisplay: flex;\n\tpadding: 0 10px;\n\tbox-sizing: border-box;\n}\n\n.bottom-container {\n\theight: calc(50% - 90px);\n\tmargin-top: 10px;\n\tdisplay: flex;\n\tpadding: 0 10px;\n\tbox-sizing: border-box;\n}\n\n.section-con {\n\tbackground: rgba(#314351, 0.2);\n\tbox-shadow: inset 0 0 100px rgba(#000, 0.3);\n\tposition: relative;\n}\n\n.section-con:hover {\n\tbox-shadow: inset -10px 10px 100px rgba(#000, 0.3), 0 0 4px rgba(#fff, 0.2);\n}\n\n.top-left {\n\twidth: 18%;\n\tmargin-right: 10px;\n}\n\n.top-center1 {\n\twidth: 14%;\n}\n\n.top-center2 {\n\twidth: 28%;\n\tmargin-left: 10px;\n}\n\n.top-center3 {\n\twidth: 8%;\n\tmargin-left: 10px;\n}\n\n.top-right {\n\twidth: calc(50% - 30px);\n\tmargin-left: 10px;\n}\n\n.total-failure {\n\twidth: 25%;\n\theight: 100%;\n}\n\n.type-failure {\n\twidth: 75%;\n\theight: 100%;\n\tposition: relative;\n\n\t.type-failure-inner {\n\t\tflex: 1;\n\t\theight: 100%;\n\t}\n\n\t.icon {\n\t\tposition: absolute;\n\t\tleft: 6px;\n\t\ttop: 6px;\n\t\tcursor: pointer;\n\t\tz-index: 99;\n\t}\n\n\t.icon:hover {\n\t\tcolor: #0574d4;\n\t}\n}\n\n// 改变input里的字体颜色\n/deep/ input::-webkit-input-placeholder {\n\tcolor: #fff;\n\tfont-size: 15px;\n}\n\n/deep/ .el-input__inner {\n\t/*或者 .s2>>>.el-input__inner  */\n\theight: 22px;\n\t/*调整inner的高度*/\n\tmargin: 0;\n\tpadding: 0 10px;\n\tcolor: #fff;\n}\n\n/* 改变input框背景颜色 */\n/deep/ input:-webkit-autofill,\ntextarea:-webkit-autofill,\nselect:-webkit-autofill {\n\t-webkit-text-fill-color: #ededed !important;\n\t-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;\n\tbackground-color: transparent;\n\tbackground-image: none;\n\t/* //背景色透明  生效时长  过渡效果  启用时延迟的时间 */\n\ttransition: background-color 50000s ease-in-out 0s;\n}\n\n/deep/ input {\n\tbackground-color: transparent;\n}\n\n/deep/ input:-webkit-autofill {\n\t/* //transparent 即设置背景色为透明-可改为其他颜色 */\n\t-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;\n\t-webkit-text-fill-color: rgba(255, 255, 255, 1) !important;\n}\n\n// .station-failure-container{\n//     width: 100%;\n//     height: 100%;\n//     position: relative;\n//     .icon{\n//         position:absolute;\n//         left: 4px;\n//         top: 4px;\n//         color: #0574d4;\n//     }\n//     #stationFailure{\n//         width: 100%;\n//         height: 100%;\n//     }\n// }\n.section-btn-group {\n\twidth: 100px;\n\theight: 100%;\n\ttext-align: center;\n\tflex-direction: column;\n\tjustify-content: space-around;\n\talign-items: center;\n\n\t.section-btn {\n\t\twidth: 96px;\n\t\tfont-size: 16px;\n\t\tfont-weight: bold;\n\t\tcursor: pointer;\n\t\tpadding: 2px 0;\n\t\tbackground: linear-gradient(to right, transparent, #0574d4, transparent);\n\t\tcolor: #badeff;\n\t\ttext-shadow: 1px 1px 2px rgb(58, 58, 58);\n\t}\n\n\t.section-btn:hover,\n\t.section-btn.active {\n\t\tbackground: linear-gradient(to right, transparent, #c2a071, transparent);\n\t\tcolor: #f1e5d2;\n\t}\n}\n\n.equipment-item-content {\n\twidth: calc(100% - 120px);\n\tjustify-content: space-around;\n\tmargin-left: 20px;\n\n\t.eq-item-name {\n\t\tspan {\n\t\t\tfont-size: 20px;\n\t\t\tfont-weight: bold;\n\t\t\tcolor: rgb(187, 191, 192);\n\t\t}\n\n\t\t.eq-item-icon {\n\t\t\tfont-size: 20px;\n\t\t\tmargin-left: 10px;\n\t\t\tcolor: #ff9a00;\n\t\t}\n\n\t\t.eq-item-total {\n\t\t\tfont-size: 30px;\n\t\t\tfont-weight: bold;\n\t\t\tcolor: #ff9a00;\n\t\t\tfont-family: 'electronicFont';\n\t\t\tmargin-top: 6px;\n\n\t\t\ti {\n\t\t\t\tfont-style: normal;\n\t\t\t\tmargin-left: 6px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.eq-item-detail {\n\t\t>div {\n\t\t\tmargin: 8px 12px 0 0;\n\t\t\tfont-size: 16px;\n\t\t}\n\n\t\t.eq-item-kind {\n\t\t\tfont-size: 14px;\n\t\t\tcolor: #b7c6d8;\n\t\t}\n\n\t\t.eq-item-num {\n\t\t\tfont-size: 18px;\n\t\t\tfont-weight: bold;\n\t\t\tmargin-top: 4px;\n\t\t\tcolor: #b7c6d8;\n\t\t}\n\t}\n}\n\n.center-con1 {\n\twidth: 30%;\n\theight: 100%;\n}\n\n.center-con1-1 {\n\twidth: 100%;\n\theight: calc(50% - 10px);\n}\n\n.center-con1-2 {\n\twidth: 100%;\n\theight: 50%;\n\tmargin-top: 10px;\n\tdisplay: flex;\n}\n\n.center-con1-2-1 {\n\twidth: calc(40% - 10px);\n\theight: 100%;\n}\n\n.center-con1-2-2 {\n\twidth: 60%;\n\theight: 100%;\n\tmargin-left: 10px;\n}\n\n.center-con2 {\n\twidth: 36%;\n\tmargin-left: 10px;\n}\n\n.center-con3 {\n\t// width: calc(42% - 320px);\n\twidth: calc(34% - 20px);\n\tmargin-left: 10px;\n}\n\n.center-con4 {\n\twidth: 290px;\n\tmargin-left: 10px;\n}\n\n.bottom-con1 {\n\twidth: 38%;\n}\n\n.bottom-con2 {\n\twidth: calc(24% - 20px);\n\tmargin-left: 10px;\n}\n\n.bottom-con3 {\n\twidth: 38%;\n\tmargin-left: 10px;\n}\n\n.bottom-con4 {\n\twidth: calc(24% - 15px);\n\tmargin-left: 10px;\n}\n\n.top-left-content {\n\theight: calc(100% - 24px);\n}\n\n.top-left-inner {\n\tmargin: 0 10px;\n\theight: 100%;\n}\n\n.localtion-info {\n\tflex: 1;\n\tpadding: 0 10px;\n\theight: 100%;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\n\t.info {\n\t\tfont-size: 16px;\n\t\tcolor: #badeff;\n\t\tline-height: 160%;\n\t\ttext-align: center;\n\t}\n}\n\n.weather-item {\n\tflex: 1;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\theight: 100%;\n\n\t.title {\n\t\tfont-weight: 700;\n\t\tletter-spacing: 1px;\n\t\twidth: 60%;\n\t\theight: 18px;\n\t\tline-height: 18px;\n\t\tmargin: auto;\n\t\tmargin-top: 6px;\n\t\tmargin-bottom: 0.1rem;\n\t\ttext-align: center;\n\t\tcolor: #badeff;\n\t\tbackground: linear-gradient(to right, transparent, #0574d4, transparent);\n\t\tfont-size: 16px;\n\t\ttext-shadow: 1px 1px 2px rgb(58, 58, 58);\n\t}\n\n\t.icon {\n\t\ttext-align: center;\n\t\tcolor: #4885d5;\n\t}\n\n\ti {\n\t\tfont-size: 40px;\n\t}\n\n\t.temp {\n\t\ttext-align: center;\n\t\tcolor: #badeff;\n\t}\n}\n\n.alarm-item {\n\t// width: 33.33%;\n\tflex: 1;\n\n\t.icon {\n\t\ttext-align: center;\n\t\tcolor: #4885d5;\n\t}\n\n\ti {\n\t\tfont-size: 40px;\n\t}\n\n\t.title {\n\t\tfont-weight: 700;\n\t\tletter-spacing: 1px;\n\t\twidth: 60%;\n\t\theight: 18px;\n\t\tline-height: 18px;\n\t\tmargin: auto;\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 0.1rem;\n\t\ttext-align: center;\n\t\tcolor: #badeff;\n\t\tbackground: linear-gradient(to right, transparent, #0574d4, transparent);\n\t\tfont-size: 16px;\n\t\ttext-shadow: 1px 1px 2px rgb(58, 58, 58);\n\t}\n\n\t.num {\n\t\tfont-size: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tmargin-top: 10px;\n\t\tfont-family: 'electronicFont';\n\t}\n}\n\n.alarm .alarm-item {\n\tcursor: pointer;\n\n\t.num {\n\t\tcolor: #ff9a00;\n\t\twidth: 60%;\n\t\tmargin: 0 auto;\n\t\theight: 60px;\n\t\tbackground: url('../../assets/img/alarm_icon.png');\n\t\tbackground-size: 100% 100%;\n\t\tfont-size: 30px;\n\t\tfont-weight: 700;\n\t\ttext-align: center;\n\t\tline-height: 60px;\n\t\tfont-family: 'electronicFont';\n\t}\n}\n\n.alarm .alarm-item.active,\n.alarm .alarm-item:hover {\n\ttransform: scale(1.1);\n\n\t.icon {\n\t\tcolor: #e7a74d;\n\t}\n\n\t.title {\n\t\tcolor: #ffce5a;\n\t\tbackground: linear-gradient(to right,\n\t\t\t\ttransparent,\n\t\t\t\trgba(255, 192, 0, 0.45),\n\t\t\t\ttransparent);\n\t\ttext-shadow: 1px 1px 2px rgb(58, 58, 58);\n\t}\n\n\t.num {\n\t\tcolor: #ff9a00;\n\t\twidth: 60%;\n\t\tmargin: 0 auto;\n\t\theight: 60px;\n\t\tbackground: url('../../assets/img/alarm_icon_active.png');\n\t\tbackground-size: 100% 100%;\n\t\tfont-size: 30px;\n\t\tfont-weight: 700;\n\t\ttext-align: center;\n\t\tline-height: 60px;\n\t}\n}\n\n.section-title {\n\tdisplay: inline-block;\n\tbackground: linear-gradient(to right, #c2a071, transparent, transparent);\n\theight: 20px;\n\twidth: calc(100% - 50px);\n\tpadding: 2px 0;\n\tline-height: 18px;\n\tfont-style: oblique;\n\tfont-weight: 700;\n\ttext-shadow: 1px 1px 2px #000;\n\tfont-size: 21px;\n\tmargin-top: 10px;\n}\n\n.section-title-img {\n\tmargin-top: 10px;\n\tmargin-left: 4px;\n\tmargin-right: 4px;\n\twidth: 14px;\n\theight: 14px;\n}\n\n#pie-container {\n\twidth: 100%;\n\theight: 50%;\n\tmargin: 0 auto;\n}\n\ndiv.full-out-header {\n\theight: calc(100% - 24px);\n}\n\n.project-container {\n\twidth: 100%;\n\theight: 50%;\n\tbox-sizing: border-box;\n}\n\n.bar-item {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: space-around;\n\talign-items: center;\n\n\tspan {\n\t\tdisplay: inline-block;\n\t\tfont-size: 16px;\n\t\tfont-weight: 700;\n\t}\n\n\t.name {\n\t\twidth: 80px;\n\t\ttext-align: right;\n\t\tcolor: #adb9c4;\n\t}\n\n\t.num {\n\t\twidth: 50px;\n\t\ttext-align: left;\n\t\tcolor: #309cfa;\n\t\tfont-size: 18px;\n\t}\n\n\t.icon-num {\n\t\twidth: calc(100% - 140px);\n\t\theight: 16px;\n\t\tpadding: 4px;\n\t\tbox-sizing: border-box;\n\t\tdisplay: flex;\n\t\tmargin: 0 10px;\n\t\tborder: 1px solid rgba(0, 132, 251, 0.25);\n\t\tbackground: rgba(0, 132, 251, 0.1);\n\t\tposition: relative;\n\t}\n\n\t.icon-num-inner {\n\t\theight: 6px;\n\t\tbackground: #0084fb;\n\t}\n\n\t.icon-num-sub {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tbottom: 150%;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\tcolor: #adb9c4;\n\t}\n}\n\n.bar-item:hover {\n\t.icon-num-sub {\n\t\tdisplay: block;\n\t}\n}\n\n.type-btn-group {\n\tposition: absolute;\n\tright: 10px;\n\ttop: 10px;\n}\n\n.type-btn-item {\n\tdisplay: inline-block;\n\tfont-weight: 700;\n\tletter-spacing: 1px;\n\tpadding: 2px 8px;\n\tcolor: #badeff;\n\tfont-size: 10px;\n\tbackground: linear-gradient(to right, transparent, #0574d4, transparent);\n\tfont-style: oblique;\n\tmargin: 0 2px;\n\tcursor: pointer;\n\ttext-shadow: 1px 1px 2px rgb(58, 58, 58);\n\tvertical-align: middle;\n}\n\n.type-btn-item:hover,\n.type-btn-item.active {\n\tcolor: #f1e5d2;\n\tbackground: linear-gradient(to right, transparent, #c2a071, transparent);\n}\n\n.col-flex {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-evenly;\n\talign-items: center;\n}\n\n.padding {\n\tpadding: 10px 20px;\n\tbox-sizing: border-box;\n}\n\n.order-type.bar-item {\n\tjustify-content: start;\n\n\t.order {\n\t\twidth: 20px;\n\t\theight: 24px;\n\t\tfont-size: 14px;\n\t\tfont-weight: 700;\n\t\tcolor: #ff9a00;\n\t\tbackground: url('../../assets/img/order_icon.png');\n\t\tbackground-size: 100% 100%;\n\t\ttext-align: center;\n\t\tline-height: 24px;\n\t\tfont-style: oblique;\n\t\tmargin-right: 10px;\n\t\tpadding-right: 2px;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t}\n\n\t.name {\n\t\ttext-align: left;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t}\n\n\t.icon-num {\n\t\ttext-align: left;\n\t}\n\n\t.icon-num-inner {\n\t\tbackground: #0084fb;\n\t\t// background: linear-gradient(to right,transparent,#0084fb);\n\t}\n\n\t.icon-num-inner {\n\t\twidth: 100%;\n\t}\n}\n\n.order-type:nth-of-type(1),\n.order-type:nth-of-type(2),\n.order-type:nth-of-type(3) {\n\t.icon-num {\n\t\tborder: 1px solid rgba(255, 154, 0, 0.15);\n\t\tbackground: rgba(255, 154, 0, 0.1);\n\t}\n\n\t.icon-num-inner {\n\t\tbackground: #ff9a00;\n\t\t// background: linear-gradient(to right,transparent,#ff9a00);\n\t}\n\n\t.num {\n\t\tcolor: #ffdaa5;\n\t}\n}\n\n.order-type:nth-of-type(4),\n.order-type:nth-of-type(5),\n.order-type:nth-of-type(6),\n.order-type:nth-of-type(7),\n.order-type:nth-of-type(8) {\n\t.order {\n\t\tcolor: #bde0ff;\n\t\tbackground: none;\n\t\tline-height: 28px;\n\t}\n}\n\n.explain {\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 6px;\n\tfont-size: 10px;\n\tcolor: #9c9c9c;\n}\n\n.explain.top {\n\ttop: 10px;\n}\n\n#criticalWaterLevel,\n#reservoirSeepage {\n\twidth: 100%;\n\theight: 100%;\n\tcolor: #a9f8fc;\n}\n\n.scroll-table {\n\t.scroll-table-header {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: space-around;\n\t\tbackground: rgba(#0574d4, 0.8);\n\t\tbackground: rgba(92, 88, 79, 0.6);\n\t\theight: 36px;\n\t\tline-height: 36px;\n\t\tpadding: 0 10px;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.scroll-table-body {\n\t\theight: calc(100% - 36px);\n\t\toverflow: hidden;\n\t}\n\n\t.scroll-table-body.solid {\n\t\theight: calc(100% - 36px);\n\t\toverflow-y: auto;\n\t}\n\n\t.header-item,\n\t.column-item {\n\t\ttext-align: left;\n\t}\n\n\t.scroll-table-column {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: space-around;\n\t}\n\n\t.header-item {\n\t\tfont-size: 16px;\n\t\tfont-weight: 700;\n\t\tcolor: #d8dddd;\n\t}\n\n\t.scroll-table-column {\n\t\tpadding: 6px 10px;\n\t\tbox-sizing: border-box;\n\t\tborder-bottom: 1px solid rgba(0, 132, 251, 0.2);\n\t}\n\n\t.scroll-table-column:nth-of-type(2n) {\n\t\tbackground-color: rgba(0, 132, 251, 0.1);\n\t}\n\n\t.column-item {\n\t\tfont-size: 12px;\n\t\tcolor: #dbdbdb;\n\t\tpadding-right: 4px;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.columnActive {\n\t\tcolor: red;\n\t}\n\n\t.column-item-icon {\n\t\tdisplay: inline-block;\n\t\twidth: 10px;\n\t\theight: 10px;\n\t\tline-height: 12px;\n\t\tbackground-color: #ff9a00;\n\t\tborder-radius: 100%;\n\t\tmargin-right: 4px;\n\t}\n}\n",null]}