#dashboard[data-v-1b0d11eb]{width:800px;height:833px}.subframe[data-v-1b0d11eb]{background-color:#fff;border:1px solid silver;border-radius:5px}#gauge-frame[data-v-1b0d11eb]{float:left;margin:10px 20px 10px 20px;padding:25px 50px 25px 50px;height:201px}#totals-frame[data-v-1b0d11eb]{float:right;height:407px;margin:10px 20px 0 0;padding:0 10px 0 10px}#abnormals-frame[data-v-1b0d11eb]{float:left;margin:10px 20px 0 20px;width:282px;height:135px}#mc-frame[data-v-1b0d11eb]{float:left;margin-top:10px;width:135px;height:135px}#graph-frame[data-v-1b0d11eb]{float:left;margin:20px 0 0 20px;width:757px;height:330px}#gauge-number[data-v-1b0d11eb]{left:145px;top:140px;font-size:36px}#gauge-number[data-v-1b0d11eb],#gauge-rate[data-v-1b0d11eb]{position:absolute;width:200px;text-align:center;font-family:Roboto Condensed,sans-serif;font-weight:700}#gauge-rate[data-v-1b0d11eb]{left:150px;top:190px;font-size:50px}.indicator-frame[data-v-1b0d11eb]{display:table;table-layout:fixed;border:1px solid #e8e8e8;width:260px;margin:25px 5px 25px 5px}.indicator-frame-icon[data-v-1b0d11eb]{display:table-cell;width:100px;height:100px;text-align:center;vertical-align:middle;color:#fff}.indicator-frame-figure[data-v-1b0d11eb]{font-size:50px;margin-top:18px}.indicator-frame-figure[data-v-1b0d11eb],.indicator-frame-text[data-v-1b0d11eb]{display:block;text-align:center;font-weight:700;font-family:Roboto Condensed,sans-serif}.indicator-frame-text[data-v-1b0d11eb]{font-size:14px;color:#88b0b0}.abnormal-element[data-v-1b0d11eb]{width:280px;display:table;table-layout:fixed;height:67px}.abnormal-icon[data-v-1b0d11eb]{display:table-cell;width:40px;vertical-align:middle;padding:0 20px 0 20px}.abnormal-figure[data-v-1b0d11eb]{width:70px;font-size:40px;text-align:center}.abnormal-figure[data-v-1b0d11eb],.abnormal-text[data-v-1b0d11eb]{display:table-cell;font-weight:700;font-family:Roboto Condensed,sans-serif;vertical-align:middle}.abnormal-text[data-v-1b0d11eb]{min-width:100px;font-size:14px;padding:0 10px 0 5px;color:#88b0b0}.mc-frame-figure[data-v-1b0d11eb]{top:-100px;font-size:50px}.mc-frame-figure[data-v-1b0d11eb],.mc-frame-text[data-v-1b0d11eb]{position:relative;text-align:center;font-weight:700;font-family:Roboto Condensed,sans-serif}.mc-frame-text[data-v-1b0d11eb]{top:-85px;font-size:14px;color:#88b0b0}.graph-text[data-v-1b0d11eb]{text-align:center;font-size:12px;font-family:Roboto,sans-serif;fill:#404040}.graph-title[data-v-1b0d11eb]{font-size:14px;font-weight:700;font-family:Roboto Condensed,sans-serif;fill:#88b0b0}#menu[data-v-160e9615]{position:absolute;top:0;left:820px;width:400px;height:833px}table[data-v-160e9615]{table-layout:fixed;width:400px;margin-top:10px;border-spacing:5px}a[data-v-160e9615]{text-decoration:none;font-size:medium;color:#404040;font-family:Roboto Condensed,sans-serif;font-weight:700}.menu-cell[data-v-160e9615]{padding:20px 10px 10px 10px;background-color:#fff}.menu-cell-disabled[data-v-160e9615],.menu-cell[data-v-160e9615]{display:table-cell;text-align:center;border:1px solid silver;border-radius:5px}.menu-cell-disabled[data-v-160e9615]{padding:20px;background-color:#f5f5f5;color:#d3d3d3}.menu-cell[data-v-160e9615]:active{background-color:#e8e8e8}.menu-icon[data-v-160e9615]{display:block;height:80px;color:#688080}.menu-title[data-v-160e9615]{position:relative;top:20px;transform:translateY(-50%);text-align:center}.login-frame{position:relative;top:100px;margin-left:auto;margin-right:auto;width:500px;height:600px;background-color:#fff;border-radius:15px;border:4px;border-style:solid;border-color:teal}.login-logo{margin:20px;text-align:center}.login-form{position:relative;margin:70px auto 20px auto;display:table;table-layout:fixed}.login-form-row{display:table-row;margin:10 0 10 0}.login-form-cell{display:table-cell;padding:5px 10px 5px 10px}.login-form-submit{margin-top:30px;text-align:center}.login-back{position:absolute;bottom:50px;left:50%;margin-right:-50%;transform:translate(-50%)}.error-frame{color:red;margin-left:30px;margin-right:30px}.error-frame,.loading-frame{position:relative;text-align:center}.loading-frame{left:50%;transform:translate(-50%)}.background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#404040;z-index:5}.logout-frame{position:relative;top:100px;margin-left:auto;margin-right:auto;width:500px;height:600px;background-color:#fff;border-radius:15px;border:4px;border-style:solid;border-color:teal}.logout-logo{margin:20px;text-align:center}.logout-text{margin:70px auto 20px auto}.log-back-button,.logout-text{position:relative;display:block;text-align:center}.log-back-button{margin:110px auto 20px auto}.logout-back{position:absolute;bottom:50px;left:50%;margin-right:-50%;transform:translate(-50%)}#real-time-reports[data-v-12e88a94]{width:800px;height:405px}#past-reports[data-v-12e88a94]{margin-top:20px;width:800px;height:405px}.reports-table[data-v-12e88a94]{display:table;table-layout:fixed;width:775px;margin:20px 0 25px 10px;border-spacing:40px 20px}.report-cell[data-v-12e88a94]{display:table-cell;cursor:pointer;text-align:center;vertical-align:middle;border-spacing:0;border:1px solid #e8e8e8;background-color:#fff}.report-cell[data-v-12e88a94]:hover{border:2px solid #688080}.report-cell[data-v-12e88a94]:active{border:1px solid #688080;background-color:#e8e8e8}.report-cell-disabled[data-v-12e88a94]{display:table-cell;text-align:center;vertical-align:middle;border-spacing:0;border:1px solid #e8e8e8;background-color:#e8e8e8}.report-icon[data-v-12e88a94]{display:table-cell;width:80px;height:80px;text-align:center;vertical-align:middle}.report-title[data-v-12e88a94]{display:table-cell;min-width:240px;vertical-align:middle;text-align:left}#users[data-v-5f498c20]{width:800px;height:833px}#top-panel[data-v-5f498c20]{position:absolute;top:24px;left:350px}#search-bar[data-v-5f498c20]{background:#fff;border:2px solid teal;border-radius:10px;padding:5px;width:240px;height:23px}#search-input[data-v-5f498c20]{width:200px;margin-left:10px;margin-top:2px;border-style:none;font-family:Roboto,sans-serif;font-size:16px}#search-input[data-v-5f498c20]:focus{outline:none}#add-user[data-v-5f498c20]{position:absolute;left:270px;top:0;background:#fff;border:2px solid teal;border-radius:10px;width:98px;height:24px;padding-left:45px;padding-top:7px;padding-bottom:2px;cursor:pointer}#icon-add[data-v-5f498c20]{position:absolute;left:5px;top:2px}#table[data-v-5f498c20]{margin:40px 35px 0 35px;padding-left:5px;background:#fff;border:2px solid teal;border-radius:10px}table[data-v-5f498c20]{border-collapse:collapse;margin:5px 7px 3px 7px;width:700px;text-align:center;table-layout:fixed}.table-header[data-v-5f498c20]{padding-bottom:10px}.table-cell[data-v-5f498c20]{padding-left:12px;padding-right:12px;padding-top:2px;border-top:2px solid teal}#th-edit[data-v-5f498c20]{width:50px}#th-nric[data-v-5f498c20]{width:95px}#th-name[data-v-5f498c20]{width:280px}#th-phone[data-v-5f498c20]{width:120px}#th-team[data-v-5f498c20]{width:50px}#th-status[data-v-5f498c20]{width:30px;padding-left:3px}#td-name[data-v-5f498c20]{padding-left:35px;text-align:left}#td-icon-edit[data-v-5f498c20]{cursor:pointer}#td-status[data-v-5f498c20]{text-align:center;cursor:pointer}#page-selector[data-v-5f498c20]{display:block;text-align:center;margin-top:20px}#no-result[data-v-5f498c20]{position:absolute;top:400px;left:250px}.edit-user-frame[data-v-5f498c20]{width:800px;height:833px;position:absolute;top:0;left:0}.user-frame[data-v-5f498c20]{width:720px;height:420px;margin:30px 35px 0 35px;padding-left:5px;background:#fff;border:teal;border-radius:10px;border-style:solid;border-width:3px}.top-right-controls[data-v-5f498c20]{float:right;margin-top:5px}.i-pointer[data-v-5f498c20]{cursor:pointer}.edit-left-frame[data-v-5f498c20]{display:block;margin:25px 0 0 20px;width:390px;height:280px}.edit-item[data-v-5f498c20]{margin-top:20px;display:table;width:385px;height:30px}.edit-item-name[data-v-5f498c20]{display:table-cell;width:70px;font-family:Roboto Condensed,sans-serif;font-size:18px}.edit-field[data-v-5f498c20]{display:table-cell;margin-top:-1px;min-width:45px}.edit-input[data-v-5f498c20]{border-bottom:1px solid #688080;appearance:none;-moz-appearance:none;-webkit-appearance:none}.edit-input[data-v-5f498c20]::-ms-expand{display:none}.edit-input[data-v-5f498c20]:focus{border-bottom:3px solid teal;padding-bottom:0}.edit-input[data-v-5f498c20]:disabled{border-bottom:none;padding-bottom:3px;background:#fff;color:#404040}.edit-right-frame[data-v-5f498c20]{position:absolute;left:470px;top:140px;width:280px;text-align:center}.edit-error-frame[data-v-5f498c20]{position:absolute;left:500px;top:195px;width:220px;text-align:center}.edit-button-frame[data-v-5f498c20]{margin:40px}.new-button-frame[data-v-5f498c20]{margin:40px;bottom:40px}#app{font-family:Roboto,sans-serif;color:#404040}#module-title{margin-left:20px;margin-top:8px;padding:0;font-size:x-large;font-weight:700}.main{position:absolute;top:72px;width:1220px;left:50%;transform:translate(-50%)}.float-left{float:left}.module-std{background-color:#f5f5f5;border:grey;border-radius:20px;border-style:solid;border-width:2px}.text-std{color:#404040}.text-main,.text-std{font-family:Roboto,sans-serif}.text-main{color:teal}.text-condensed{font-family:Roboto Condensed,sans-serif;color:#404040}.text-slab{font-family:Roboto Slab,serif;color:#404040}.text-small{font-size:14px}.text-medium{font-size:18px}.text-large{font-size:24px}.text-x-large{font-size:32px}.text-xx-large{font-size:44px}.text-bold{font-weight:700}.text-color{color:#404040}.text-hyperlink{font-family:Roboto,sans-serif;color:teal;text-decoration:none;font-weight:700}.edit-input{font-family:inherit;font-size:large;border:0;border-bottom:2px solid #404040;margin-bottom:1px;width:100%;outline:0}.edit-input:focus{border-bottom:3px solid teal;margin-bottom:0}.modal-mask[data-v-e116746c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7529411764705882);z-index:5}.modal-container[data-v-e116746c]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:250px;max-width:400px;height:auto;background-color:#f5f5f5;border:grey;border-radius:20px;border-style:solid;border-width:2px;background-color:#eee;padding:20px}.modal-header[data-v-e116746c]{margin-left:20px;margin-top:8px;margin-bottom:30px;padding:0;font-size:large;font-weight:700;text-align:left}.modal-body[data-v-e116746c]{margin-left:20px;margin-right:20px;margin-top:10px;margin-bottom:10px;padding:0;font-size:large;text-align:center}.modal-button[data-v-e116746c]{margin:40px 0 10px 0;padding:0;text-align:center}.button[data-v-e116746c]{padding:8px 20px 8px 20px;margin:0 20px 0 20px;vertical-align:middle;text-align:center;background-color:teal;border:#008c8c;border-radius:30px;border-style:solid;border-width:2px;cursor:pointer;text-decoration:none;font-family:Roboto Condensed,sans-serif;font-size:large;font-weight:700;color:#fff}.button[data-v-e116746c]:hover{box-shadow:0 3px 5px #888}.button[data-v-e116746c]:active{box-shadow:0 0 2px #888;border:#006e6e;border-radius:30px;border-style:solid;border-width:2px}