.login-frame[data-v-e94a463c]{position:relative;display:flex;justify-content:center;width:100%;height:100%}.login-box[data-v-e94a463c]{position:absolute;opacity:.85;left:42%;top:30%;width:378px;height:324px;padding:10px 39px 55px;background-color:#37424c}.logo-img[data-v-e94a463c]{width:300px;height:50px}.login-box-id[data-v-e94a463c]{margin:10px 0 0 0}.login-box-id[data-v-e94a463c],.login-box-pwd[data-v-e94a463c]{width:300px;height:42px;flex-grow:0;padding:10px;border:1px solid #9097a7;background-color:#2d3237;color:#fff}.login-box-pwd[data-v-e94a463c]{margin:30px 0 0 0}.login-box-btn[data-v-e94a463c]{width:300px;height:48px;flex-grow:0;padding:11px 125px 10px;background-color:#348cd4;border:none;outline:none;font-family:Poppins;font-size:18px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#fff}.login-box-btn[data-v-e94a463c]:hover{background:#2768d8}.login-box-btn[data-v-e94a463c]:disabled{background:#2d3237}.login-err-msg[data-v-e94a463c]{margin-top:7px;font-family:Poppins;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;text-align:left;color:#f06292}.offcanvas-start[data-v-95af1920]{width:320px;background:#191c1f;box-shadow:8px 0 18px 2px rgba(0,0,0,.4)}.title-bar[data-v-95af1920]{position:absolute;top:0;z-index:1;width:100%;height:56px;background:#36404a}.form-switch[data-v-95af1920]{top:9px;display:flex;flex-direction:row;align-items:center}.form-switch .form-check-input[data-v-95af1920]{width:60px;height:30px;cursor:pointer}.form-label[data-v-95af1920]{display:inline-block;margin-left:10px;width:56px;height:24px;font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#acbfd2;margin-bottom:0}.setting-btn[data-v-95af1920]{cursor:pointer;position:absolute;top:12px;left:98%}.btn-back[data-v-95af1920]{background:none;outline:none;border:none;position:absolute;top:11px;left:8px}.title-bar-title[data-v-95af1920]{position:absolute;left:48%;top:13px;font-family:Poppins;font-size:18px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#fff}.navbar-logo[data-v-95af1920]{position:absolute;left:39px;top:1px}.sidebar-close[data-v-95af1920]{background:none;outline:none;border:none;position:absolute;left:272px;top:16px}.header-box[data-v-95af1920]{width:320px;height:64px;border-bottom:1px solid #2d3237}.offcanvas-body[data-v-95af1920],.offcanvas-header[data-v-95af1920]{padding:0}.first-tab[data-v-95af1920]{position:relative;text-align:left;height:40px;background:none;outline:none;border:none;font-family:Poppins;font-style:normal;font-weight:500;font-size:16px;line-height:24px;border-bottom:1px solid #2d3237;color:#acbfd2}.drop-arrow[data-v-95af1920]{position:absolute;right:16px}.card.card-body[data-v-95af1920]{background-color:#191c1f;padding:0}.nav-item[data-v-95af1920]{border-bottom:1px solid #2d3237}.nav-link[data-v-95af1920]{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#acbfd2}.nav-link.disabled[data-v-95af1920]{color:#2d3237}.detail-btn[data-v-95af1920]{padding:0;position:relative;text-align:left;height:42px;background:none;outline:none;border:none;font-weight:500;border-bottom:1px solid #2d3237;color:#acbfd2}.detail-btn[data-v-95af1920],.first-tab[data-v-95af1920]:hover{font-family:Poppins;font-style:normal;font-size:16px;line-height:24px}.first-tab[data-v-95af1920]:hover{background:#36404a;font-weight:bolder}.active[data-v-95af1920],.detail-btn-text.active[data-v-95af1920]{color:#348cd4}.btn[data-v-95af1920]:focus{box-shadow:0 0 0 0}.nav-link.detailActive[data-v-95af1920]{font-weight:bolder;color:#348cd4}.nav-link[data-v-95af1920]:hover{background:#36404a;font-family:Poppins;font-style:normal;font-weight:bolder;font-size:16px;line-height:24px}.user-box[data-v-95af1920]{position:relative;height:40px;width:288px;border-radius:5px;background:#2d3237}.account-box[data-v-95af1920]{width:105px;height:28px}.account-btn[data-v-95af1920]{background:none;outline:none;border:none}.logout-box[data-v-95af1920]{height:28px}.logout-btn[data-v-95af1920]{background:none;outline:none;border:none}.user-icon[data-v-95af1920]{position:absolute;left:12px;top:7px}.user-text[data-v-95af1920]{margin-left:10px;font-weight:400;color:#fff}.detail-btn-text[data-v-95af1920],.user-text[data-v-95af1920]{font-family:Poppins;font-style:normal;font-size:16px;line-height:24px}.detail-btn-text[data-v-95af1920]{position:absolute;left:97px;font-weight:500;color:#acbfd2}.detail-btn[data-v-95af1920]:hover{background:#36404a;font-family:Poppins;font-style:normal;font-weight:800;font-size:16px;line-height:24px}.detail-item[data-v-95af1920]{padding:5px 5px 5px 100px}.detailLinkActive[data-v-95af1920]{color:#348cd4}.detail-link[data-v-95af1920]:hover,.second-tap[data-v-95af1920]:hover{background:#36404a;font-family:Poppins;font-style:normal;font-weight:bolder;font-size:16px;line-height:24px;color:#acbfd2}.dashboardChart{height:310px}.dashboard{position:relative;flex-direction:column;justify-content:center;align-content:center;width:1920px}.dashboard,.machine{display:flex;height:100%}.machine{width:100%}.machine-chart{flex-direction:column;left:46px}.machine-card,.machine-chart{display:flex;position:absolute;top:70px;height:90%}.machine-card{align-items:center;justify-content:space-between;left:388px;width:1486px}.machine-card-content{position:relative;width:340px;height:100%;background:#37424c}.change{background:none;outline:none;border:none;position:absolute;z-index:1;width:80px;height:80px}.page-left{left:-40px}.page-right{right:-40px}.not-chart{height:90%;background-color:#f0f8ff}.chart-title,.not-chart{display:flex;justify-content:center;align-items:center;width:300px}.chart-title{height:37px;background:#5d7186;border-radius:0}.chart-title>span{height:24px;font-family:Poppins;font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:#acbfd2}.chart-box{height:41%}.chart-box,.total-box{width:300px;background:#37424c}.total-box{margin-top:24px;height:13%}.total-title{display:flex;width:300px;height:37px;background:#5d7186;border-radius:0;justify-content:center;align-items:center}.total-title>span{font-family:Poppins;font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:#acbfd2}.warning-box{margin-top:24px;width:300px;height:42%;background:#37424c}.warning-title{display:flex;width:300px;height:37px;background:#f062912d;border-radius:0;justify-content:center;align-items:center}.warning-title>span{font-family:Poppins;font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:#f06292}table{border-collapse:separate;border-spacing:0}.warning-th{position:sticky;top:0;background-color:#5d7186!important;border-bottom:none;font-weight:600;font-size:13px;line-height:24px;color:#acbfd2;text-overflow:ellipsis;white-space:nowrap}.warning-td,.warning-th{text-align:center;font-family:Poppins;font-style:normal}.warning-td{border-bottom:1px solid #8c98a5!important;font-weight:400;font-size:11px;line-height:21px;color:#fff}.dashboard-table{-ms-overflow-style:none;scrollbar-width:none}.dashboard-table::-webkit-scrollbar{display:none}.total-data{margin-top:9%;text-align:center;width:300px;font-family:Poppins;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:#fff}.card-title{display:flex;align-items:center;justify-content:center;width:340px;height:37px;background:#5d7186;border-radius:0}.card-title-text{font-family:Poppins;font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:#acbfd2}.card-item{position:relative;width:308px;height:43px;margin-top:16px;margin-left:16px;background:#2d3237}.detail-move-btn{width:308px;height:43px;background:#348cd4;border:none;outline:none;position:absolute;left:16px;top:93%;font-family:Poppins;font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:#fff}.detail-move-btn:hover{background:#2768d8}.detail-btn-text{position:absolute;top:8px;left:16px}.detail-btn-icon{position:absolute;top:13px;right:19px}.card-loading{background:#2d3237}.card-loading,.card-normal{display:flex;align-items:center;justify-content:center}.card-normal{background:#78c350}.card-error{background:#f06292}.card-error,.card-warning{display:flex;align-items:center;justify-content:center}.card-warning{background:#ff9800}.status-text{font-weight:700;font-size:16px;line-height:24px;color:#fff}.card-item-title,.status-text{font-family:Poppins;font-style:normal}.card-item-title{top:10px;left:44px;position:absolute;font-weight:400;font-size:14px;line-height:21px;color:#8c98a5}.card-item-icon{top:9px;left:10px;position:absolute}.card-item-text-value{top:10px;left:216px;position:absolute;font-family:Poppins;font-style:normal;font-weight:500;font-size:13.0955px;line-height:20px;color:#fff}.card-item-icon-value{top:9px;left:216px;position:absolute}.not-data-box{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.not-data-text{font-family:Poppins;font-style:normal;font-weight:700;font-size:20px;line-height:20px;color:#fff}.not-data{opacity:.3}.itemBoxNext-leave-from{opacity:1}.itemBoxNext-leave-active{transition:.6s ease-in-out;opacity:.5}.itemBoxNext-leave-to{transform:translateX(50px)}.itemBoxNext-enter-from{transform:translateX(-20px)}.itemBoxNext-enter-active{transition:.6s ease-in-out;opacity:.5}.itemBoxNext-enter-to,.itemBoxPrev-leave-from{opacity:1}.itemBoxPrev-leave-active{transition:.6s ease-in-out;opacity:.5}.itemBoxPrev-leave-to{transform:translateX(-50px)}.itemBoxPrev-enter-from{transform:translateX(20px)}.itemBoxPrev-enter-active{transition:.6s ease-in-out;opacity:.5}.itemBoxPrev-enter-to{opacity:1}.operation-box[data-v-504c591e]{position:relative;display:flex;flex-direction:column;width:1300px;height:64px;background:#37424c}.operation-box-bar[data-v-504c591e]{position:absolute;display:flex;justify-content:center;align-items:center;top:10px;left:44px;width:1213px;height:16px}.operation-bar[data-v-504c591e]{position:absolute;width:1192px;height:2px;background:#d9d9d9}.operation-bar-active[data-v-504c591e]{z-index:1;position:absolute;top:7px;left:0;height:2px;background:#9fd3fe}.operation-ball-box[data-v-504c591e]{position:absolute;display:flex;flex-direction:row;justify-content:space-between;z-index:2;width:1213px;height:100%}.operation-ball[data-v-504c591e]{width:16px;height:16px;border-radius:50%;background:#d9d9d9}.operation-box-name[data-v-504c591e]{position:absolute;display:flex;flex-direction:row;justify-content:space-between;top:30px;left:9px;width:1280px;height:30px}.operation-name-div[data-v-504c591e]{display:flex;justify-content:center;width:85px;height:100%;white-space:wrap}.operation-name[data-v-504c591e]{font-family:Poppins;font-style:normal;font-weight:400;font-size:11px;line-height:15px;color:#fff;text-align:center}.operation-ball-active[data-v-504c591e]{background:#348cd4}.operation-ball-before[data-v-504c591e]{background:#9fd3fe}.operation-ball-active-error[data-v-504c591e]{background-color:#fc6b73;z-index:100}.background[data-v-17d68c89]{display:flex;position:relative;flex-direction:column;justify-content:center;align-content:center;width:1920px;height:100%}.detail-main-box[data-v-17d68c89]{position:absolute;width:476px;height:88%;left:54px;top:70px;background:#37424c}.detail-chart-box[data-v-17d68c89]{position:absolute;width:1300px;height:88%;left:554px;top:70px}.detail-main-title[data-v-17d68c89]{display:flex;width:476px;height:64px;background:#5d7186;border-radius:0;align-items:center;justify-content:center}.detail-main-title>div>span[data-v-17d68c89]{font-family:Poppins;font-style:normal;font-weight:700;font-size:20px;line-height:24px;color:#acbfd2}.detail-main-model[data-v-17d68c89]{position:relative;margin-top:5%;margin-left:16px;width:444px;height:25%;background:#d9d9d9}.detail-main-normal[data-v-17d68c89]{background:#78c350}.detail-main-error[data-v-17d68c89],.detail-main-normal[data-v-17d68c89]{display:flex;justify-content:center;align-items:center;width:444px;height:5%;margin-top:3%;margin-left:16px}.detail-main-error[data-v-17d68c89]{background:#f06292}.detail-main-warning[data-v-17d68c89]{display:flex;justify-content:center;align-items:center;width:444px;height:5%;margin-top:3%;margin-left:16px;background:#ff9800}.detail-status-text[data-v-17d68c89]{font-family:Poppins;font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:#fff}.detail-main-cycle-count[data-v-17d68c89],.detail-main-cycle-status[data-v-17d68c89],.detail-main-distime[data-v-17d68c89],.detail-main-drytime[data-v-17d68c89],.detail-main-switch[data-v-17d68c89]{width:444px;height:5%;margin-top:3%;margin-left:16px;background:#2d3237}.detail-model-name[data-v-17d68c89]{position:absolute;top:0;left:10px}.detail-model-name>span[data-v-17d68c89]{font-family:Poppins;font-style:normal;font-weight:700;font-size:11.9182px;line-height:18px;color:#000}.detail-model-img[data-v-17d68c89]{position:absolute;top:0;left:0;width:444px;height:100%}.chart-two-layer[data-v-17d68c89]{position:absolute;display:flex;flex-direction:row;top:9%;height:28%}.heater-chart-box[data-v-17d68c89],.temp-chart-box[data-v-17d68c89]{width:640px;height:100%;background:#37424c}.temp-chart-box[data-v-17d68c89]{margin-left:20px}.chart-title-box-two[data-v-17d68c89]{position:relative;width:640px;height:36px;background:#5d7186}.chart-title-box[data-v-17d68c89]{position:relative;width:1300px;height:36px;background:#5d7186}.weight-chart-box[data-v-17d68c89]{position:absolute;top:39%;width:1300px;height:29.5%;background:#37424c}.energy-chart-box[data-v-17d68c89]{position:absolute;top:70.5%;width:1300px;height:29.5%;background:#37424c}.heater-box[data-v-17d68c89],.tank-box[data-v-17d68c89]{position:relative;width:640px;height:85%}.electric-box[data-v-17d68c89],.weight-box[data-v-17d68c89]{position:relative;width:1300px;height:85%}.electric-box[data-v-17d68c89]{display:flex;flex-direction:row}.chart-title-text[data-v-17d68c89]{position:absolute;top:6px;left:46px;font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px;color:#acbfd2}.chart-title-icon[data-v-17d68c89]{position:absolute;top:6px;left:14px}.energy-box[data-v-17d68c89]{width:220px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.power-box[data-v-17d68c89]{width:1080px;height:85%}.chart-total-title[data-v-17d68c89]{font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px;color:#fff}#energy-data[data-v-17d68c89]{font-family:Poppins;font-style:normal;font-weight:400;font-size:24px;line-height:36px;text-align:center;color:#fff}.detail-box-title[data-v-17d68c89]{position:absolute;top:21%;left:12%;font-family:Poppins;font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#8c98a5}.detail-main-side[data-v-17d68c89]{position:relative}.main-side-icon[data-v-17d68c89]{position:absolute;top:21%;left:5%}.main-side-data[data-v-17d68c89]{position:absolute;top:21%;left:83%;font-family:Poppins;font-style:normal;font-weight:500;font-size:15px;line-height:20px;color:#fff}.warning-list-title-box[data-v-17d68c89]{position:relative;background:#f062912d;border-radius:0;width:444px;height:16.5%}.warning-list-box[data-v-17d68c89]{position:relative;background:#2d3237;margin-top:3%;margin-left:16px;width:444px;height:20%}.warning-list-title-text[data-v-17d68c89]{position:absolute;top:2px;left:171px;font-family:Poppins;font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:#f06292}.warning-list-data-box[data-v-17d68c89]{position:absolute;padding:5px 15px;width:100%;height:83.5%;overflow-y:auto}.warning-list-data-box[data-v-17d68c89]::-webkit-scrollbar{width:10px}.warning-list-data-box[data-v-17d68c89]::-webkit-scrollbar-thumb{background:#5d7186;border-radius:50px}.warning-list-data-box[data-v-17d68c89]::-webkit-scrollbar-track{background:#acbfd2;border-radius:50px}.search-btn[data-v-17d68c89]{position:absolute;top:16px;right:10px;cursor:pointer}.warning-list-item[data-v-17d68c89]{font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:24px;color:#f06292}.refresh-btn[data-v-17d68c89]{background:none;border:none;outline:none;position:absolute;left:10px;top:15px}table[data-v-b4caf2e4]{border-collapse:separate;border-spacing:0}thead[data-v-b4caf2e4]{background:#5d7186}.search-th[data-v-b4caf2e4]{border-bottom:none;text-align:center;font-family:Poppins;font-style:normal;font-weight:600;font-size:18px;line-height:24px;color:#acbfd2;text-overflow:ellipsis;white-space:nowrap}.search-th[data-v-b4caf2e4]:first-child{width:30%}.search-td[data-v-b4caf2e4]{border-bottom:1px solid #8c98a5!important;text-align:center;font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:21px;color:#fff;text-overflow:ellipsis;white-space:nowrap}.chartView[data-v-3943bfaf]{background-color:#37424c;width:100%;height:100%}.search[data-v-56bd2be1]{display:flex;position:relative;flex-direction:column;justify-content:center;align-content:center;width:1920px;height:100%}.esg-data-view[data-v-56bd2be1],.rfid-data-view[data-v-56bd2be1]{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.esg-data-view span[data-v-56bd2be1]:first-child,.rfid-data-view span[data-v-56bd2be1]:first-child{grid-column:1/5}.rfid-data-view span[data-v-56bd2be1]:nth-of-type(2){grid-column:1/3}.rfid-data-view span[data-v-56bd2be1]:nth-of-type(3){grid-column:3/5}.esg-data-view span[data-v-56bd2be1],.rfid-data-view span[data-v-56bd2be1]{font-size:20px;font-weight:400}.esg-info-data[data-v-56bd2be1],.rfid-info-data[data-v-56bd2be1]{width:100%;display:flex;align-items:center;color:#fff;font-family:Poppins;font-style:normal;font-weight:700;font-size:24px;height:42px;line-height:24px;padding:0 0 0 20px;border:1px solid rgba(140,152,165,.5)}.rfid-data-view span[data-v-56bd2be1]:first-child{border:1px solid rgba(140,152,165,.5)}.search-box[data-v-56bd2be1]{position:absolute;top:70px;left:100px;width:1700px;height:12%;background:#37424c}.search-data[data-v-56bd2be1]{position:absolute;top:65%;left:100px;width:1700px;height:30%;background-color:#37424c;overflow-x:auto}.long-search-data[data-v-56bd2be1]{top:35%;height:60%}.long-search-data2[data-v-56bd2be1]{top:31%;height:64%}.input-group-text[data-v-56bd2be1]{justify-content:center;width:146px;height:42px;background:#5d7186;border-radius:0;font-weight:700}.form-control[data-v-56bd2be1],.input-group-text[data-v-56bd2be1]{border:none;border-bottom:1px solid #d9d9d9;font-family:Poppins;font-style:normal;font-size:16px;line-height:24px;color:#acbfd2}.form-control[data-v-56bd2be1]{background:#37424c;font-weight:400}.btn-search[data-v-56bd2be1]{width:80px;height:42px;outline:none;border:none;background:#348cd4;font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px;color:#fff}.btn-search[data-v-56bd2be1]:hover{background:#2f7cd8}.btn-save[data-v-56bd2be1]{width:80px;height:42px;outline:none;border:none;background:silver;font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px;text-align:center;color:#222425}.btn-save[data-v-56bd2be1]:hover{background:#a1a0a0}.btn-save[data-v-56bd2be1]:disabled{background:#5d7186}nav[data-v-56bd2be1]{position:absolute;bottom:16px;width:1700px;height:36px;background:#37424c}.first-page a[data-v-56bd2be1]:hover{background:#2f7cd8;cursor:pointer}.first-page.disabled a[data-v-56bd2be1]{background:#2b323a;color:#94a0ad}.prev-page a[data-v-56bd2be1]:hover{background:#2f7cd8;cursor:pointer}.prev-page.disabled a[data-v-56bd2be1]{background:#2b323a;color:#94a0ad}.current-page a[data-v-56bd2be1]:hover{background:#2f7cd8}.next-page a[data-v-56bd2be1]:hover{background:#2f7cd8;cursor:pointer}.next-page.disabled a[data-v-56bd2be1]{background:#2b323a;color:#94a0ad}.last-page a[data-v-56bd2be1]:hover{background:#2f7cd8;cursor:pointer}.last-page.disabled a[data-v-56bd2be1]{background:#2b323a;color:#94a0ad}.current-page.active a[data-v-56bd2be1]{background:#348cd4}.first-page a[data-v-56bd2be1],.prev-page a[data-v-56bd2be1]{background:#348cd4}.current-page a[data-v-56bd2be1],.first-page a[data-v-56bd2be1],.prev-page a[data-v-56bd2be1]{width:60px;height:36px;border:none;border-radius:5px;font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px;color:#fff;margin-right:10px;text-align:center}.current-page a[data-v-56bd2be1]{background:none}.last-page a[data-v-56bd2be1],.next-page a[data-v-56bd2be1]{width:60px;height:36px;background:#348cd4;border:none;border-radius:5px;font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px;color:#fff;margin-right:10px;text-align:center}.search-data[data-v-56bd2be1]::-webkit-scrollbar{width:15px}.search-data[data-v-56bd2be1]::-webkit-scrollbar-thumb{background:#5d7186;border-radius:50px}.search-data[data-v-56bd2be1]::-webkit-scrollbar-track{background:#acbfd2;border-radius:50px}.machine-info[data-v-56bd2be1]{display:flex;padding-top:15px}.search-info-data[data-v-56bd2be1]{margin-left:32px;font-family:Poppins;font-style:normal;font-weight:400;font-size:24px;line-height:24px;color:#fff}.card-view[data-v-56bd2be1]{display:flex}.data-selector[data-v-56bd2be1]{position:absolute;right:30px;box-sizing:border-box;display:flex;width:520px;justify-content:space-between}.card-check[data-v-56bd2be1]{width:30px;height:30px;margin:3px}.data-selector input[type=radio][data-v-56bd2be1]{display:none}.data-selector input[type=radio]+label[data-v-56bd2be1]{cursor:pointer;height:26px;width:115px;line-height:24px;text-align:center;font-size:14px;background-color:#fff;color:#2d3237;border-radius:20px}.data-selector input[type=radio]+label[data-v-56bd2be1]:hover{background-color:#ddd}.data-selector input[type=radio]:checked+label[data-v-56bd2be1]{background-color:#348cd4;color:#fff;font-weight:700}.data-selector input[type=radio]:disabled+label[data-v-56bd2be1]{background-color:#5d7186;color:#acbfd2}.data-selector-label[data-v-56bd2be1]{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:21px;color:#fff}.search-chart[data-v-56bd2be1]{top:20%;height:44%}.search-chart[data-v-56bd2be1],.search-page[data-v-56bd2be1]{position:absolute;left:100px;width:1700px;z-index:1000;background-color:#37424c}.search-page[data-v-56bd2be1]{top:21%;height:auto}.my-page[data-v-c4b150d2]{width:100%;height:100%}.background[data-v-c4b150d2]{position:absolute;width:100%;height:100%;top:0}.account-box[data-v-c4b150d2]{position:absolute;display:flex;justify-content:center;width:500px;height:500px;left:38%;top:28%;padding:30px 50px;box-shadow:0 4px 40px 0 rgba(0,0,0,.7);background:#37424c}.account-logo[data-v-c4b150d2]{position:absolute;top:12px;left:74px}.account-group-input[data-v-c4b150d2]{width:300px;height:42px;margin-top:52px}.account-group-input input[data-v-c4b150d2]{padding:0 0 5px 25px;width:100%;height:100%;background:#2d3237;border:none}.account-group-input input[data-v-c4b150d2]::-moz-placeholder{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#9097a7}.account-group-input input[data-v-c4b150d2]::placeholder{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#9097a7}.account-permission-input[data-v-c4b150d2]{width:300px;height:42px;margin-top:20px}.account-permission-input input[data-v-c4b150d2]{padding:0 0 5px 25px;width:100%;height:100%;background:#2d3237;border:none}.account-permission-input input[data-v-c4b150d2]::-moz-placeholder{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#9097a7}.account-permission-input input[data-v-c4b150d2]::placeholder{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#9097a7}.account-name-input[data-v-c4b150d2]{width:300px;height:42px;margin-top:20px}.account-name-input input[data-v-c4b150d2]{padding:0 0 5px 25px;width:100%;height:100%;background:#2d3237;border:none}.account-name-input input[data-v-c4b150d2]::-moz-placeholder{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#9097a7}.account-name-input input[data-v-c4b150d2]::placeholder{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#9097a7}.account-password-input[data-v-c4b150d2]{width:300px;height:42px;margin-top:20px}.account-password-input input[data-v-c4b150d2]{padding:0 0 5px 25px;width:100%;height:100%;background:#2d3237;border:1px solid #9097a7;outline:none;color:#fff}.account-password-input input[data-v-c4b150d2]::-moz-placeholder{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#9097a7}.account-password-input input[data-v-c4b150d2]::placeholder{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#9097a7}.account-password-check[data-v-c4b150d2]{width:300px;height:42px;margin-top:20px}.account-password-check input[data-v-c4b150d2]{padding:0 0 5px 25px;width:100%;height:100%;background:#2d3237;border:1px solid #9097a7;outline:none;color:#fff}.account-password-check input[data-v-c4b150d2]::-moz-placeholder{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#9097a7}.account-password-check input[data-v-c4b150d2]::placeholder{font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#9097a7}.account_btn[data-v-c4b150d2]{height:48px;width:300px;border-radius:0;margin-top:20px;outline:none;border:none;background:#348cd4;font-family:Poppins;font-style:normal;font-weight:700;font-size:18px;line-height:27px;color:#fff}.account_btn[data-v-c4b150d2]:hover{background:#2768d8}.account_btn[data-v-c4b150d2]:disabled{background:#2d3237}table[data-v-2c38cfc3]{border-collapse:separate;border-spacing:0}.admin-super-th[data-v-2c38cfc3]{position:sticky;top:0;background-color:#5d7186!important;border-bottom:none;font-weight:600;line-height:24px;color:#acbfd2;text-overflow:ellipsis;white-space:nowrap}.admin-super-td[data-v-2c38cfc3],.admin-super-th[data-v-2c38cfc3]{text-align:center;font-family:Poppins;font-style:normal;font-size:20px}.admin-super-td[data-v-2c38cfc3]{border-bottom:1px solid #8c98a5!important;font-weight:400;line-height:21px;color:#fff}.table-hover>tbody>tr:hover>[data-v-2c38cfc3]{--bs-table-accent-bg:var(--bs-table-hover-bg);color:#fff}.tableActive[data-v-2c38cfc3]{background-color:#8c98a5}.scroll-bar-del[data-v-2c38cfc3]{-ms-overflow-style:none}.scroll-bar-del[data-v-2c38cfc3]::-webkit-scrollbar{display:none}.btn-box[data-v-2c38cfc3]{position:absolute;bottom:32px;right:32px}.del-btn[data-v-2c38cfc3]{width:80px;height:36px;background:#348cd4;border-radius:5px;outline:none;border:none;font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px;color:#fff}.del-btn[data-v-2c38cfc3]:hover{background:#2768d8}.del-btn[data-v-2c38cfc3]:disabled{background:#8c98a5}.admin{position:relative;flex-direction:column;justify-content:center;align-content:center;width:1920px}.admin,.management{display:flex;height:100%}.management{width:100%}.machine-table{left:184px;width:1236px;border-radius:5px}.machine-form,.machine-table{position:absolute;top:70px;height:85%;background:#37424c}.machine-form{left:1452px;width:284px;border-radius:0 0 5px 5px}.head-box{background:#5d7186;border-radius:5px 5px 0 0;width:1236px;height:40px;font-family:Poppins;font-style:normal;font-weight:600;font-size:18px;line-height:27px;color:#fff}.head-box span{position:absolute;top:5px;left:10px;width:114px;height:27px}.form-change-add{height:52px;width:142px;background:#94a0ad;border-radius:5px 5px 0 0;border:none;font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px;text-align:center;color:#fff}.form-change-add.active{background:#37424c;border-radius:5px 5px 0 0}.form-change-refactor{height:52px;width:142px;background:#94a0ad;border-radius:5px 5px 0 0;border:none;font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px;text-align:center;color:#fff}.form-change-refactor.active{background:#37424c;border-radius:5px 5px 0 0}.mac-input{box-sizing:border-box;margin-top:42px;margin-left:28px;padding:10px;width:228px;height:40px;background:#2d3237;border:1px solid #9097a7;border-radius:5px;outline:none;color:#fff}.group-input,.lat-input,.lon-input,.site-input{box-sizing:border-box;margin-top:22px;margin-left:28px;padding:10px;width:228px;height:40px;background:#2d3237;border:1px solid #9097a7;border-radius:5px;outline:none;color:#fff}.select-mac{margin-top:42px}.select-group,.select-mac{box-sizing:border-box;margin-left:28px;padding:8px;width:228px;height:40px;background:#2d3237;border:1px solid #9097a7;border-radius:5px;outline:none;color:#fff}.select-group{margin-top:22px}.select-user{padding:8px;background:#2d3237;border:1px solid #9097a7}.create-btn,.select-user{box-sizing:border-box;margin-top:22px;margin-left:28px;width:228px;height:40px;border-radius:5px;outline:none;color:#fff}.create-btn{border:none}.create-btn,.refactor-btn{background:#348cd4;font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px}.refactor-btn{box-sizing:border-box;margin-top:12px;margin-left:28px;width:228px;height:40px;border-radius:5px;border:none;outline:none;color:#fff}.create-btn:hover,.refactor-btn:hover{background:#2768d8}.create-btn:disabled,.refactor-btn:disabled{background:#2d3237}.machine-use-false-label,.machine-use-true-label{font-family:Poppins;font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#fff}.machine-use{box-sizing:border-box;display:flex;justify-content:space-between;margin-top:25px;margin-left:29px;width:228px;height:40px}.machine-use input[type=radio]{display:none}.machine-use input[type=radio]+label{cursor:pointer;height:24px;width:90px;line-height:24px;text-align:center;font-size:14px;background-color:#fff;color:#2d3237}.machine-use input[type=radio]:checked+label{background-color:#348cd4;color:#fff;font-weight:700}.settings[data-v-3954ed95]{display:flex;position:relative;flex-direction:column;justify-content:center;align-content:center;width:1920px;height:100%}.settings-title[data-v-3954ed95]{position:absolute;left:1.67%;top:70px;background:#37424c;width:1856px;height:11%}.settings-content-first[data-v-3954ed95]{top:20%}.settings-content-first[data-v-3954ed95],.settings-content-second[data-v-3954ed95]{position:absolute;left:1.67%;display:flex;justify-content:space-between;width:1856px;height:22%}.settings-content-second[data-v-3954ed95]{top:45%}.settings-content-third[data-v-3954ed95]{position:absolute;left:1.67%;top:70%;display:flex;justify-content:space-between;width:1856px;height:22%}.settings-item[data-v-3954ed95]{display:flex;flex-direction:column;width:608px;background:#37424c}.settings-item .item-title[data-v-3954ed95]{width:608px;height:30px;background:#5d7186;border-radius:0;text-align:center;align-items:center}.settings-item .item-title span[data-v-3954ed95]{font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px;color:#acbfd2}.settings-title-name[data-v-3954ed95]{width:1856px;height:42px;background:#5d7186;border-radius:0;position:relative}.settings-title-name>span[data-v-3954ed95]{position:absolute;left:24px;top:8px;font-family:Poppins;font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:#acbfd2}.settings-item>div>form>input[data-v-3954ed95]{width:552px;height:40px;background:#2d3237;border:1px solid #9097a7;margin:57px 0 0 24px;padding:10px;outline:none;font-weight:400;color:#9097a7}.settings-btn[data-v-3954ed95],.settings-item>div>form>input[data-v-3954ed95]{border-radius:5px;font-family:Poppins;font-style:normal;font-size:14px;line-height:21px}.settings-btn[data-v-3954ed95]{width:80px;height:36px;margin-top:16px;margin-left:496px;background:#348cd4;font-weight:700;color:#fff}.settings-btn[data-v-3954ed95]:hover{background:#2768d8;color:#fff}.settings-btn[data-v-3954ed95]:disabled{background:#2d3237}.settings-info[data-v-3954ed95]{display:flex;align-items:center;height:55%}.settings-info-title[data-v-3954ed95]{margin-left:32px;font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#acbfd2}.super{display:flex;flex-direction:row;position:relative;width:1920px;height:100%}.form-management,.table-management{display:flex;flex-direction:column;width:100%;height:100%}.group-table{display:flex;flex-direction:row;width:1236px;height:43%;left:184px;top:70px}.group-table,.sub-table{position:relative;border-radius:0}.sub-table{width:600px;height:100%;background:#37424c}.user-table{position:relative;width:1236px;height:43%;left:184px;top:10%;border-radius:0;background:#37424c}.group-form{height:160px;top:70px}.group-form,.sub-group-form{position:absolute;width:284px;left:1452px;border-radius:10px;background:#37424c}.sub-group-form{height:200px;top:240px}.user-form{position:absolute;height:48%;width:284px;left:1452px;top:48%;border-radius:10px;background:#37424c}.table-title{width:1236px}.sub-table-title,.table-title{background:#5d7186;border-radius:5px 5px 0 0;height:40px;font-family:Poppins;font-style:normal;font-weight:600;font-size:18px;line-height:27px;color:#fff}.sub-table-title{width:600px}.sub-table-title span,.table-title span{position:absolute;top:5px;left:10px;width:114px;height:27px}.group-title{margin-top:23px;margin-left:28px;font-family:Poppins;font-style:normal;font-weight:600;font-size:18px;line-height:27px;color:#acbfd2}.group-create-input{box-sizing:border-box;margin-top:8px;margin-left:28px;width:228px;height:40px;background:#2d3237;border:1px solid #9097a7;border-radius:5px;padding:10px;color:#fff;outline:none}.user-title{position:relative;margin-top:24px;font-weight:600;font-size:18px;line-height:27px;color:#acbfd2}.group-select,.user-title{margin-left:28px;font-family:Poppins;font-style:normal}.group-select{margin-top:12px;box-sizing:border-box;outline:none;width:228px;height:40px;background:#2d3237;border:1px solid #9097a7;border-radius:5px;font-weight:400;font-size:16px;line-height:21px;color:#fff;padding:8px}.permission-select{padding:8px}.name-input,.permission-select{margin-top:12px;margin-left:28px;box-sizing:border-box;outline:none;width:228px;height:40px;background:#2d3237;border:1px solid #9097a7;border-radius:5px;font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:21px;color:#fff}.name-input{padding:12px}.email-input,.pwd-input{margin-top:12px;margin-left:28px;box-sizing:border-box;outline:none;width:228px;height:40px;background:#2d3237;border:1px solid #9097a7;border-radius:5px;font-family:Poppins;font-style:normal;font-weight:400;font-size:16px;line-height:21px;color:#fff;padding:12px}.group-btn{margin-top:8px}.group-btn,.user-btn{margin-left:28px;width:228px;height:36px;border:none;outline:none;background:#348cd4;border-radius:5px;font-family:Poppins;font-style:normal;font-weight:700;font-size:14px;line-height:21px;color:#fff}.user-btn{margin-top:12px}.group-btn:hover,.user-btn:hover{background:#2768d8}.group-btn:disabled,.user-btn:disabled{background:#2d3237}.user-form-btn{position:absolute;top:0;left:110px}.user-form-btn input[type=radio]{display:none}.user-form-btn input[type=radio]+label{cursor:pointer;height:24px;width:60px;line-height:24px;text-align:center;font-size:14px}.user-form-btn input[type=radio].add-btn+label{background-color:#fff;color:#2d3237;border-radius:15px 0 0 15px}.user-form-btn input[type=radio].refactor-btn+label{background-color:#fff;color:#2d3237;border-radius:0 15px 15px 0}.user-form-btn input[type=radio]+label:hover{background-color:#ddd}.user-form-btn input[type=radio]:checked+label{background-color:#348cd4;color:#fff;font-weight:700}.user-form-btn-label{font-family:Poppins;font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#fff}body{margin:0 auto;padding:0;display:flex;justify-content:center;align-items:center;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}img{image-rendering:-webkit-optimize-contrast}.app{justify-content:center;align-items:center;display:flex;flex-direction:column;width:100%;height:100%}#app{font-family:Roboto;width:100vw;height:100vh;margin:0;padding:0;overflow-y:hidden!important;overflow-x:hidden;background-color:#2b323a}input::-moz-placeholder{font-family:Poppins;font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#9097a7}input::placeholder{font-family:Poppins;font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#9097a7}