body{background:#f4f4f9;flex-direction:column;height:100vh;margin:0;font-family:Segoe UI,Tahoma,sans-serif;display:flex}*{box-sizing:border-box}[hidden]{display:none!important}.top-bar{color:#fff;background:#1a252f;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:20px;width:100%;padding:10px 20px;font-weight:700;display:flex;position:sticky;top:0}.bottom-bar{background:#fff;border-top:1px solid #ddd;justify-content:center;align-items:center;width:100%;padding:5px;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 5px #00000005}.top-bar .telemetry{flex-wrap:wrap;gap:20px;display:flex}.top-bar .telemetry span{text-align:right;min-width:5em;display:inline-block}.live-load-highlight{color:#2ecc71;font-family:monospace;font-size:1.2em}.status-warn{color:#e74c3c}.content{flex-wrap:wrap;display:flex;overflow-y:auto}.panel{background:#fff;border-radius:8px;flex-grow:1;flex-basis:400px;margin:10px;padding:20px;box-shadow:0 2px 4px #0000001a}.live-data-panel{flex-basis:800px}button{cursor:pointer;color:#fff;background:#06c;border:none;border-radius:4px;padding:10px 15px}button:disabled{color:#b4b4b4;background:#7e93cc;border:none;border-radius:4px}button:hover{filter:brightness(80%)}.cal-header{text-align:center;color:#06c;margin:20px 0;font-family:monospace;font-size:48px;font-weight:700}.status-container{align-items:flex-end;gap:15px;margin-left:20px;font-size:.75em;display:flex}.status-item{color:#bdc3c7;flex-direction:column;align-items:center;gap:4px;display:flex}.dot{background-color:#7f8c8d;border-radius:50%;width:10px;height:10px}.dot.clean{background-color:#2ecc71;box-shadow:0 0 5px #2ecc71}.dot.set{background-color:#e74c3c;box-shadow:0 0 5px #e74c3c}.dot.active-state{background-color:#3498db;box-shadow:0 0 5px #3498db}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:8px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.spinner-dialog{background:0 0;border:none;outline:none;width:fit-content;max-width:none}.button-grid{flex-flow:wrap;justify-content:space-evenly;display:flex}.button-grid>button{min-width:45%;margin:10px}button.green{background:#27ae60}button.red{background:#e74c3c}button.orange{background:#e67e22}button.purple{background:#8e44ad}button.grey{background:gray}button.small{padding:5px 15px}td{padding:0 10px}@media (width<=400px) and (height<=800px){.top-bar{position:static}}.form-flex{flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:10px;display:flex}label.left{text-align:right}.form-flex label.left{min-width:20%}label.left:after{content:":"}input,select{padding:10px}.form-flex input,.form-flex select{min-width:60%}input[type=checkbox]{margin-right:5px}input.small{padding:5px 10px}.form-grid-1-col{grid-template-columns:auto;align-items:baseline;gap:10px;margin:10px;display:grid}.form-grid-2-col{grid-template-columns:auto auto;justify-content:center;align-items:baseline;gap:10px;margin:10px;display:grid}@media (width<=400px){.form-grid-2-col{grid-template-columns:auto}}dialog{box-sizing:border-box;width:600px;max-width:80%}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080}.dialog-buttons-lr{justify-content:space-between;margin-top:20px;display:flex}#page-login{width:100%;height:100%}#div-login{width:100%;position:absolute;top:25%}#div-login-panel{text-align:center;max-width:400px;margin-left:auto;margin-right:auto}#div-tandc{text-align:center;width:100%}#page-scan{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:40px;display:flex}#btn-logout{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:4px;padding:5px 10px}#btn-connect{margin:20px;padding:12px 24px;font-size:1.1em}.serial-number-input{width:6em;height: }.cal-wizard-capture-form{flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.cal-wizard-reading{text-align:right;width:10em;display:inline-block}.cal-wizard-actual-input{width:10em;margin:0 10px}.cal-wizard-capture-form input{padding:5px 10px}.validation-summary-table{border-collapse:collapse;width:100%}.validation-summary-table td{text-align:right;padding:10px}.validation-summary-table th{text-align:right;border-bottom-style:solid;padding:10px}.validation-summary-warning,.validation-summary-warning td{color:red}.validation-summary-col-err{width:10px}#div-live-data-load{color:#06c;text-align:right;min-width:6em;margin:5px;font-family:monospace;font-size:32px;font-weight:700}#input-live-load-avg-window{text-align:center;width:5em;margin:5px;padding:5px;font-size:24px}#div-live-data-period{text-align:center;min-width:5em;margin:5px;font-size:24px}.label-below{color:#7f8c8d;font-size:14px}.live-data-indicators{flex-direction:row;justify-content:space-evenly;align-items:flex-end;display:flex}.live-data-indicator{flex-direction:column;justify-content:flex-end;align-items:center;display:flex}