:root{--layout-background-color: #ededed;--layout-color: #2a2a2a;--layout-header-color: #2665cc;--table-row-hover: #b5b6b6;--state-ok: #06ca06;--state-in-alarm: #e56f0a;--state-error: #e56f0a;--state-pending-delete: #f33939;--button-background-color: #2665cc;--button-color: #ffffff}html{box-sizing:border-box;font-size:16px;font-weight:400}*,*:before,*:after{box-sizing:inherit;border:none;margin:0;padding:0}ol,ul{list-style:none}a,a:visited{text-decoration:none;color:#06ca06}input{font-size:12px}input:focus{outline:none}input::-webkit-autofill,input::-webkit-autofill:hover,input::-webkit-autofill:focus,input::-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important}input.error::-webkit-autofill,input.error::-webkit-autofill:hover,input.error::-webkit-autofill:focus,input.error::-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fcebeb inset!important}strong{font-weight:700}h1,h2,h3,h4{font-size:16px;margin-bottom:16px}html{height:100%;background-color:var(--layout-background-color);color:var(--layout-color)}*{font-family:Courier New,Courier,monospace}body{min-height:100%;display:flex;flex-direction:column;overflow-y:scroll}.loading{display:flex;flex-direction:column;position:absolute;inset:0}.loading .above{flex-grow:1}.loading .below{flex-grow:3}.loading .box{flex-grow:0;flex-shrink:0;height:300px;width:90%;max-width:400px;background-color:#eee;margin:0 auto;border-radius:4px;text-align:center}.login{display:flex;flex-direction:column;position:absolute;inset:0}.login .above{flex-grow:1}.login .below{flex-grow:3}.login .dialog{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;width:90%;max-width:400px;margin:0 auto;border-radius:4px;text-align:center;padding:32px}.login .dialog input{padding:8px;border-radius:4px;background-color:transparent;margin:8px}.header{position:fixed;left:0;right:0;top:0;height:50px;background-color:#2665cc;opacity:.7;z-index:2}.header .header-nav{display:flex;max-width:1280px;margin:0 auto}.header .header-nav .nav-item{padding:16px;color:#fff;cursor:pointer}.header .header-nav .nav-item:hover{background-color:#4187f7}#error-banner{display:flex;position:fixed;align-items:center;height:32px;top:50px;left:0;right:0}.error{background-color:var(--state-error)}.info{background-color:#000;color:green}.content{position:relative;flex-grow:1;padding:32px;width:100%;max-width:1280px;margin:75px auto 0}.flex-grow{flex-grow:1}li{padding:8px 0}.input-text{display:inline-block}.cursor{animation:blinker 1s linear infinite;display:inline-block;position:relative;left:0ch}@keyframes blinker{50%{opacity:0}}.chart{width:100%;height:300px;background-color:transparent}.chart-controls{display:flex}.chart-controls button,.chart-controls span,.chart-controls select,.chart-controls input{margin:4px}.spacer{flex-grow:1}.table-controls{display:flex;margin-bottom:20px}.table-controls button,.table-controls span,.table-controls select,.table-controls input{margin:4px;min-height:40px}.table-controls .offset,.table-controls .limit,.table-controls .days{max-width:80px}.view-actions{display:flex;margin-bottom:20px}.view-actions button,.view-actions span,.view-actions select,.view-actions input{margin:4px}.disabled{opacity:.6;cursor:default}.severity-fatal{color:red}.severity-error{color:#af0000}.severity-warning{color:#ff7f00}.severity-info{color:default}.severity-debug{color:#666}.state-default{color:default}.state-ok{color:var(--state-ok)}.state-in-alarm{color:var(--state-in-alarm)}.state-pending-delete{color:var(--state-pending-delete)}.label-input{display:flex;flex-direction:column}.alarm-details{display:flex;flex-direction:row;width:100%}.console-slide{display:none}.console-slide-open{display:inline}.console-slide-container{display:flex;flex-direction:column;margin:24px;border:1px solid;border-color:var(--layout-background-color);padding:24px}.console-slide-container input{margin:8px}.big-tick{font-size:100px;font-weight:700;display:flex}.actions-dropdown{position:relative;width:fit-content}.action-header{background-color:#b0c4de;font-weight:700;padding:8px;border-radius:8px;width:fit-content}.dropdown-menu{position:absolute;top:30px;padding:4px 0;right:0;left:18px;background:white;border-radius:4px;box-shadow:#00000026 0 15px 25px,#0000000d 0 5px 10px,#00000012 0 1px 1px,#00000012 0 2px 2px,#00000012 0 4px 4px,#00000012 0 8px 8px,#00000012 0 16px 16px;opacity:0;transition:opacity ease-in-out .1s;pointer-events:none}.dropdown-menu.visible{opacity:1;z-index:11;pointer-events:all}.dropdown-menu .dropdown-menu-items{display:flex;flex-direction:column}.dropdown-menu .menu-item{padding:8px 16px 8px 8px;margin:0;background:white;display:flex}.dropdown-menu .menu-item:hover{background-color:#f7f7f7}.dropdown-menu .menu-item .menu-item-icon{padding-right:12px}.dropdown-menu .menu-item .menu-item-icon svg{fill:#0009;width:24px;height:24px;vertical-align:middle}.dropdown-menu .menu-item .menu-item-label{color:#000;font-size:11px;font-weight:400;align-self:center}.dropdown-menu-scrim{display:none}.dropdown-menu-scrim.show{z-index:10;position:fixed;display:block;top:0;left:0;width:100%;height:100%}table{text-align:left;width:100%;border-collapse:collapse;margin:16px 0}td,th{padding:4px 32px 24px 0;vertical-align:top}tbody tr:hover{background-color:var(--table-row-hover)}tbody tr.row-click{cursor:pointer}.table{padding-bottom:48px}.table h1{padding-top:8px;padding-bottom:8px}.table th,.table-header{padding:8px 0;border-top:1px solid #343434;border-bottom:1px solid #343434}button,input,select,.a-button{padding:8px;background-color:var(--button-background-color);color:var(--button-color);font-size:16px;border-radius:10px;cursor:pointer}button:hover,input:hover,select:hover,.a-button:hover{background-color:var(--button-background-color)}.inactive{border:2px dashed;border-color:var(--button-background-color);color:var(--button-color)}.active,.active:hover{background-color:green}.clickable{cursor:pointer}.console{padding:32px;position:absolute;left:0;right:0;top:0;min-height:100%;line-height:1.5;overflow:hidden auto}.console pre{white-space:pre-wrap;word-break:break-all}.console .input-row{display:flex;flex-direction:row}.console .input-box{display:inline-block;font-size:16px;background-color:transparent;color:#14a114;flex-grow:1;padding:0}.console .input-prompt{display:inline-block}#dialog-overlay,dialog{inset:60px 0 0;background-color:#00000092;position:absolute;z-index:10}#dialog-overlay #dialog,dialog #dialog{display:flex;flex-direction:column;max-width:640px;min-width:320px;margin:auto;height:100%}#dialog-overlay #dialog .header,dialog #dialog .header{flex-grow:3}#dialog-overlay #dialog .footer,dialog #dialog .footer{flex-grow:5}#dialog-overlay #dialog .dialog-body,dialog #dialog .dialog-body{background-color:#fff;overflow:hidden}#dialog-overlay #dialog .dialog-body .title,dialog #dialog .dialog-body .title{color:#fff;fill:#fff;background-color:#4682b4;font-weight:700;min-width:180px;font-size:16px;padding:8px}#dialog-overlay #dialog .dialog-body .dialog-message,dialog #dialog .dialog-body .dialog-message{font-weight:700}#dialog-overlay #dialog .dialog-body .dialog-content,dialog #dialog .dialog-body .dialog-content{padding:24px}#dialog-overlay #dialog .dialog-body .dialog-content .fields,dialog #dialog .dialog-body .dialog-content .fields{margin-top:8px}#dialog-overlay #dialog .dialog-body .dialog-content .fields .field,dialog #dialog .dialog-body .dialog-content .fields .field{margin-top:8px;margin-bottom:16px;line-break:anywhere}#dialog-overlay #dialog .dialog-body .dialog-content .fields .field input,#dialog-overlay #dialog .dialog-body .dialog-content .fields .field select,dialog #dialog .dialog-body .dialog-content .fields .field input,dialog #dialog .dialog-body .dialog-content .fields .field select{width:98%;padding:4px;border-radius:4px;border:1px solid #a8c4ff;margin-top:4px}#dialog-overlay #dialog .dialog-body .dialog-content .fields .field select,dialog #dialog .dialog-body .dialog-content .fields .field select{padding:6px}#dialog-overlay #dialog .dialog-body .dialog-content .fields .field input[type=checkbox],dialog #dialog .dialog-body .dialog-content .fields .field input[type=checkbox]{width:60px}#dialog-overlay #dialog .dialog-body .dialog-content .fields .field span.checkbox,dialog #dialog .dialog-body .dialog-content .fields .field span.checkbox{width:100%;display:inline-flex}#dialog-overlay #dialog .dialog-body .dialog-content .fields .field span.checkbox-text,dialog #dialog .dialog-body .dialog-content .fields .field span.checkbox-text{width:100%}#dialog-overlay #dialog .dialog-body .dialog-content .fields .field.display,dialog #dialog .dialog-body .dialog-content .fields .field.display{margin-top:8px;background-color:#b5b6b6;width:98%;padding:6px}#dialog-overlay #dialog .dialog-body .actions,dialog #dialog .dialog-body .actions{background-color:#fff;display:flex;flex-direction:row-reverse;padding:24px}#dialog-overlay #dialog .dialog-body .actions button,dialog #dialog .dialog-body .actions button{width:152px;height:38px}#dialog-overlay #dialog .dialog-body .dialogButtons,dialog #dialog .dialog-body .dialogButtons{background-color:#fff;display:flex;flex-direction:row;padding:24px}#dialog-overlay #dialog .dialog-body .dialogButtons button,dialog #dialog .dialog-body .dialogButtons button{width:152px;height:38px}#dialog-overlay #confirmation-dialog,dialog #confirmation-dialog{display:flex;flex-direction:column;max-width:640px;min-width:320px;margin:auto;height:100%}#dialog-overlay #confirmation-dialog .header,dialog #confirmation-dialog .header{flex-grow:3}#dialog-overlay #confirmation-dialog .footer,dialog #confirmation-dialog .footer{flex-grow:5}#dialog-overlay #confirmation-dialog .dialog-body,dialog #confirmation-dialog .dialog-body{background-color:#fff;overflow:hidden}#dialog-overlay #confirmation-dialog .dialog-body .title,dialog #confirmation-dialog .dialog-body .title{color:#fff;fill:#fff;font-weight:700;min-width:180px;font-size:16px;padding:8px}#dialog-overlay #confirmation-dialog .dialog-body .title .success,dialog #confirmation-dialog .dialog-body .title .success{background-color:#7cfc00}#dialog-overlay #confirmation-dialog .dialog-body .title .failure,dialog #confirmation-dialog .dialog-body .title .failure{background-color:#8b0000}#dialog-overlay #confirmation-dialog .dialog-body .title .confirmation,dialog #confirmation-dialog .dialog-body .title .confirmation{background-color:#4682b4}#dialog-overlay #confirmation-dialog .dialog-body .dialog-message,dialog #confirmation-dialog .dialog-body .dialog-message{font-weight:700;line-break:anywhere}#dialog-overlay #confirmation-dialog .dialog-body .dialog-content,dialog #confirmation-dialog .dialog-body .dialog-content{padding:24px}#dialog-overlay #confirmation-dialog .dialog-body .dialog-content .fields,dialog #confirmation-dialog .dialog-body .dialog-content .fields{margin-top:8px}#dialog-overlay #confirmation-dialog .dialog-body .dialog-content .fields .field,dialog #confirmation-dialog .dialog-body .dialog-content .fields .field{margin-top:8px;margin-bottom:16px;line-break:anywhere}#dialog-overlay #confirmation-dialog .dialog-body .dialog-content .fields .field input,#dialog-overlay #confirmation-dialog .dialog-body .dialog-content .fields .field select,dialog #confirmation-dialog .dialog-body .dialog-content .fields .field input,dialog #confirmation-dialog .dialog-body .dialog-content .fields .field select{width:98%;padding:4px;border-radius:4px;border:1px solid #a8c4ff;margin-top:4px}#dialog-overlay #confirmation-dialog .dialog-body .dialog-content .fields .field select,dialog #confirmation-dialog .dialog-body .dialog-content .fields .field select{padding:6px}#dialog-overlay #confirmation-dialog .dialog-body .dialog-content .fields .field input[type=checkbox],dialog #confirmation-dialog .dialog-body .dialog-content .fields .field input[type=checkbox]{width:60px}#dialog-overlay #confirmation-dialog .dialog-body .dialog-content .fields .field span.checkbox,dialog #confirmation-dialog .dialog-body .dialog-content .fields .field span.checkbox{width:100%;display:inline-flex}#dialog-overlay #confirmation-dialog .dialog-body .dialog-content .fields .field span.checkbox-text,dialog #confirmation-dialog .dialog-body .dialog-content .fields .field span.checkbox-text{width:100%}#dialog-overlay #confirmation-dialog .dialog-body .actions,dialog #confirmation-dialog .dialog-body .actions{background-color:#fff;display:flex;flex-direction:row-reverse;padding:24px}#dialog-overlay #confirmation-dialog .dialog-body .actions button,dialog #confirmation-dialog .dialog-body .actions button{width:152px;height:38px}#dialog-overlay #confirmation-dialog .dialog-body .dialogButtons,dialog #confirmation-dialog .dialog-body .dialogButtons{background-color:#fff;display:flex;flex-direction:row;padding:24px}#dialog-overlay #confirmation-dialog .dialog-body .dialogButtons button,dialog #confirmation-dialog .dialog-body .dialogButtons button{width:152px;height:38px}