body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#eee;font-family:sans-serif;margin:20px}.apology-banner{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;font-size:14px;margin:10px 0;padding:15px;position:relative;text-align:center}.dismiss-button{background:none;border:none;color:#721c24;cursor:pointer;font-size:14px;font-weight:700;position:absolute;right:10px;top:10px}.dismiss-button:hover{text-decoration:underline}table{border:2px solid #ccc;border-radius:10px;border-spacing:0;box-shadow:0 4px 10px #0000001a;overflow:hidden;width:100%}td,th{text-align:left}.data-table td,.data-table th,td,th{border-bottom:1px solid #ddd;border-left:none;border-right:none;padding:10px}.data-table td,.data-table th{text-align:center}th{background-color:#e0e0e0;border-bottom:2px solid #ccc;font-weight:700}td{background-color:#f9f9f9;font-weight:400}tr:first-child th:first-child{border-top-left-radius:10px}tr:first-child th:last-child{border-top-right-radius:10px}tr:last-child td:first-child{border-bottom-left-radius:10px}tr:last-child td:last-child{border-bottom-right-radius:10px}tbody tr:hover{color:#9c9c9c}tbody tr{transition:background-color .3s ease}.dot{border:1px solid #757575;border-radius:50%;box-sizing:border-box;height:10px;margin-left:10px;transition:background-color .3s ease,border-color .3s ease;width:10px}.login-form{grid-gap:10px;display:grid;justify-content:center}.chart-container{background-color:#eee;border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 10px #0000001a;height:500px;overflow:hidden;padding:20px}canvas.chart-container2{height:200px!important;padding-inline:20px!important}canvas.chart-container{height:400px!important;width:100%!important}.Title{cursor:"pointer";font-size:34px;font-weight:600}.loading-spinner{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 2s linear infinite;border:8px solid #f3f3f3;border-top-color:#3498db;height:60px;width:60px}.topbar{background-color:#333;box-shadow:2px 0 5px #00000080;color:#fff;display:flex;height:40px;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:100}.title-name{font-size:24px;margin:0;text-decoration:none}.topbar-buttons{display:flex;justify-content:right}.topbar-user{align-items:center;color:#fff;display:flex;gap:8px;padding:0 12px}.topbar-user-icon{fill:#ddd;height:20px;width:20px}.topbar-username{font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-button{align-items:center;background-color:#444;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:10px 20px;text-decoration:none}.topbar-button:hover{background-color:#909090}.title-name{color:#fff;font-size:1.3rem;line-height:2em;margin:0 .5em}.layout{display:flex}.device-content,.main-content{flex-grow:1;margin-top:30px;padding:3%}.topdevice{align-items:center;display:flex;min-height:75px;padding:0;position:relative}.frame-buttons{display:flex;margin:0}.frame-description{left:50%;position:absolute;transform:translateX(-50%)}.frame{background-color:#dfdfdf;border:2px solid #ccc;border-radius:8px;border-radius:10px;box-shadow:0 4px 10px #0000001a;overflow:hidden;padding:20px}.frame-button{background-color:#ccc;border:none;border-radius:0;color:#000;display:inline-block;font-size:14px;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.frame-button:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.frame-button:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px;margin-bottom:0}.frame-button:active,.frame-button:hover{background-color:#ddd}.custom-timerange{border-radius:4px;display:flex;flex-direction:row;font-size:1rem;gap:1rem;padding:.3rem;width:100%}.spinner-container{align-items:center!important;display:flex!important;height:50vh;justify-content:center!important}.spinner-overlay{align-items:center;background-color:#f0f0f0cc;border:2px solid #ccc;border-radius:10px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.spinner{animation:spin 1s linear infinite;border:8px solid #fff;border-radius:50%;border-top-color:#666;height:50px;justify-content:center!important;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.DeviceData{grid-gap:20px;align-items:center;display:flex;display:grid;font-family:Arial,sans-serif;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:space-between;padding:20px}.DeviceData h1{color:#333;font-size:24px;text-align:center}.center-text{font-weight:700;margin-bottom:20px;text-align:center}.left-panel,.right-panel{gap:15px;width:20%}.kloc,.left-panel,.right-panel{display:flex;flex-direction:column}.kloc{align-items:center;background-color:#ccc;border-radius:8px;box-shadow:0 2px 5px #0000001a;font-size:16px;font-weight:700;justify-content:center;padding:15px;text-align:center}.kloc div{color:#555;font-size:36px;margin-top:5px}.center-panel{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:60%}.soc-value{top:45px}.soc-label,.soc-value{color:#666;font-size:36px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}.soc-label{top:0}
/*# sourceMappingURL=main.24a4beea.css.map*/