header nav a:any-link{text-decoration: none;padding: 0 var(--lumo-space-s);border-radius: var(--lumo-border-radius-m);outline: 0}header nav a:hover{color: var(--lumo-header-text-color)}header nav a:active{background-color: var(--lumo-contrast-5pct)}header nav a:focus-visible{box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct)}header nav a[highlight] span{color: var(--lumo-primary-text-color)}header nav a[highlight]{background-color: var(--lumo-primary-color-10pct)}.v-loading-indicator{opacity: 1 !important;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 48px;height: 48px;border: 6px solid rgba(255,255,255,0.15);border-top: 6px solid #ed8a00;border-radius: 50%;animation: mitec-spinner 0.8s linear infinite}@keyframes mitec-spinner{to{transform: translate(-50%,-50%) rotate(360deg)}}.background-image{background-image: url("/images/M2.svg");background-repeat: no-repeat;background-position: center;background-size: cover;width: 100vw;height: 100vh}.fileUploadEditorGrid{width: 800px;height: 800px}.mitecGrid::part(header-cell){background-color: #ed8a00;color: black;border-right: 0.2px solid rgba(0,0,0,0.2)}.mitecGrid::part(header-cell) *{text-align: left !important}.mitecGrid{border: 1px solid rgba(255,255,255,0.5);--lumo-header-text-color: black}.mitecGrid ::part(indicators){color: black}.mitecGrid::part(cell){min-height: var(--lumo-size-xxs);padding: 1px var(--lumo-space-s)}.mitecGrid vaadin-grid-cell-content{padding: 1px var(--lumo-space-s)}.mitecGrid::part(row){border-top: 0;min-height: calc(var(--lumo-size-xxs) - var(--_lumo-grid-border-width))}.serverconfiguration-view{display: flex;flex-direction: column;height: 100%}.serverconfiguration-view vaadin-split-layout{width: 100%;height: 100%}.serverconfiguration-view vaadin-grid{height: 100%}.serverconfiguration-view .editor-layout{display: flex;flex-direction: column;width: 400px}.serverconfiguration-view .editor{flex-grow: 1;padding: var(--lumo-space-l)}.serverconfiguration-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.serverconfiguration-view .button-layout{width: 100%;flex-wrap: wrap;background-color: var(--lumo-contrast-5pct);padding-bottom: var(--lumo-space-s);padding-top: var(--lumo-space-s);padding-left: var(--lumo-space-l);padding-right: var(--lumo-space-l);gap: var(--lumo-space-m)}.serverconfiguration-view .grid-wrapper{width: 100%}.serverconfiguration-view .disabledLoadCertButton{margin-top: 15px;color: rgb(245,245,245,0.2);background-color: #2C3D52}.serverconfiguration-view .enabledLoadCertButton{color: var(--lumo-primary-contrast-color);background-color: var(--lumo-primary-color)}.serverconfiguration-view vaadin-upload-file-list::part(list){height: 40px;border-radius: 5px;margin-top: 10px;margin-bottom: 10px;background-color: white;color: black}.serverconfiguration-view vaadin-upload-file::part(remove-button){color: black}.nodeconfiguration-view{display: flex;flex-direction: column;height: 100%}.nodeconfiguration-view vaadin-split-layout{width: 100%;height: 100%}.nodeconfiguration-view vaadin-grid{height: 100%}.nodeconfiguration-view .editor-layout{display: flex;flex-direction: column;width: 400px}.nodeconfiguration-view .editor{flex-grow: 1;padding: var(--lumo-space-l)}.nodeconfiguration-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.nodeconfiguration-view .button-layout{width: 100%;flex-wrap: wrap;background-color: var(--lumo-contrast-5pct);padding-bottom: var(--lumo-space-s);padding-top: var(--lumo-space-s);padding-left: var(--lumo-space-l);padding-right: var(--lumo-space-l);gap: var(--lumo-space-m)}.nodeconfiguration-view .grid-wrapper{width: 100%}.customerconfiguration-view{display: flex;flex-direction: column;height: 100%}.customerconfiguration-view vaadin-grid{height: 100%}.customerconfiguration-view .editor-layout{display: flex;flex-direction: column;width: 200px}.customerconfiguration-view .editor{flex-grow: 1;padding: var(--lumo-space-l)}.customerconfiguration-view vaadin-crud::part(editor){max-width: 200px}.customerconfiguration-view .gridheaderlayout{margin-top: 0px;margin-left: 0px;margin-right: 0px}.hawk-view{display: flex;flex-direction: column;height: 100%}.hawk-view vaadin-split-layout{width: 100%;height: 100%}.hawk-view vaadin-grid{height: 100%}.hawk-view vaadin-split-layout>[slot="secondary"]{position: relative}.hawk-view vaadin-text-area::part(label){color: black;font-weight: 700;font-size: large}.hawk-view vaadin-text-area::part(input-field){color: black;font-weight: 550;font-size:medium}.hawk-view vaadin-select::part(input-field){background-color: #233348}.hawk-view vaadin-select-value-button{background-color: #233348}.hawk-view vaadin-select-item{color: var(--lumo-body-text-color)}.hawk-view .chartlayout{padding-top: 5px;padding-bottom: 0px;padding-left: 10px;padding-right: 10px}.hawk-view .gridheaderlayout{margin-top: 0px;margin-left: 0px;margin-right: 0px}.hawk-view p{margin-top: 0px;margin-bottom: 0px}.hawk-view vaadin-accordion-heading{padding-top: 0px;padding-bottom: 0px}.hawk-view vaadin-accordion-panel::part(content){padding-top: 0px;padding-bottom: 0px}.hawk-view vaadin-accordion-heading::part(content){padding-top: 0px;padding-bottom: 0px}.mainprojectdialog{width: 75%}.projectgrid{width: 100%}.isProjectLoggingCheckbox{margin-top: 10px}.projectcomponentnopadding{padding: 0px}.projectdetailsportlayout{padding-bottom: 0px}.projectdetailsoemlayout{padding-bottom: 0px}.notelabel{margin-left: 16px}.pulsefield{padding-top: 5px}.pulsefield>input{color: whitesmoke}.pulsefield>label{color: white}.isNaN{background-color: rgb(137,4,4)}.chartdetailsLayout{border: 0.2px solid rgba(255,255,255,0.2);border-radius: 3px;padding: 10px}.dataListHeaderLayout{padding-bottom: 10px}.showAlarmLevelsCheckbox{margin-bottom: 5px;font-size: 14px;font-weight: 400;color: whitesmoke}.headerLayout{background-image: linear-gradient(to bottom,#ED8C00,99%,#233348);height: 60px}.mapWrapper{padding: 10px}.appName{padding-top: 9px;padding-left: 60px;color: black;font-weight: bold;font-size: 1.38em}.viewName{padding-top: 12px;padding-left: 41px;color: black;font-weight: bold;font-size: 1.2em}.markerInfo{padding-top: 15px;padding-left: 10px;color: black;font-weight: bold}.custom-textarea{position: absolute;margin-left: 20px;margin-top: 80px;opacity: 0.75;background-color: #b3c6e8;border: 2px solid #233348;border-radius: 10px;padding-top: 10px;padding-left: 10px}.group-mgmt-groupListBox{border: 0.2px solid rgba(255,255,255,0.2);border-radius: 3px}vaadin-select.mgmt-group-select::part(input-field){background-color: var(--lumo-primary-color) !important}vaadin-select.mgmt-group-select vaadin-select-value-button{background-color: var(--lumo-primary-color)}vaadin-select.mgmt-group-select::part(toggle-button){color: whitesmoke}vaadin-select.mgmt-group-select::part(input-field)::after{background-color: var(--lumo-primary-color)}vaadin-select-overlay.mgmt-group-select::part(overlay){background-color: var(--lumo-primary-color)}.graphSelectorDialogBackground{background-color: #1e2b3c}vaadin-dialog-overlay[theme~="graphSelectorDialog"]::part(header){padding: 0px;background-color: #1e2b3c}vaadin-dialog-overlay[theme~="graphSelectorDialog"]::part(content){padding: 0px}vaadin-dialog-overlay[theme~="graphSelectorDialog"]::part(overlay){padding: 10px;padding-top: 0px;border: none;box-shadow: none;border: 0.1px solid rgba(255,255,255,0.366);border-radius: 10px;background-color: #1e2b3c}.opcua-view{display: flex;flex-direction: column;height: 100%}.opcua-view vaadin-split-layout{width: 100%;height: 100%}.opcua-view vaadin-split-layout>[slot="secondary"]{position: relative}.opcua-view .grid-wrapper{border-bottom: 1px solid #fff}.opcua-view .chartlayout{padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 10px}.hawkloggerconfiguration-view{display: flex;flex-direction: column;height: 100%}.hawkloggerconfiguration-view vaadin-grid{height: 100%}.hawkloggerconfiguration-view vaadin-text-field::part(input-field){background-color: var(--lumo-contrast-10pct)}.hawkloggerconfiguration-view vaadin-text-field[readonly]::part(input-field)::after{border: none}.hawkloggerconfiguration-view .loggerdetailsformlayout{border: 1px solid rgb(133,139,151);padding: 10px;padding-top: 0px;margin-bottom: 10px}.hawkloggerconfiguration-view .loggerdetailsformlayout vaadin-text-field::part(input-field){background-color: var(--lumo-contrast-10pct);color: whitesmoke}.hawkloggerconfiguration-view .loggerdetailsformlayout vaadin-text-field>label{color: whitesmoke}.hawkloggerconfiguration-view .loggerdetailsformlayout vaadin-integer-field::part(input-field){background-color: var(--lumo-contrast-10pct);color: whitesmoke}.hawkloggerconfiguration-view .loggerdetailsformlayout vaadin-integer-field>label{color: whitesmoke}.logdialog::part(header){background-color: rgb(27,51,80)}.logdialog::part(overlay){border-radius: 10px;border: 1px solid white}.logdialog::part(content){padding: 0px}.logarea{padding: 0px}.logarea::part(input-field){background-color: white;color: black}.opcuawriteconfiguration-view{display: flex;flex-direction: column;height: 100%}.opcuawriteconfiguration-view vaadin-split-layout{width: 100%;height: 100%}.opcuawriteconfiguration-view vaadin-grid{height: 100%}.opcuawriteconfiguration-view .editor-layout{display: flex;flex-direction: column;width: 400px}.opcuawriteconfiguration-view .editor{flex-grow: 1;padding: var(--lumo-space-l)}.opcuawriteconfiguration-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.opcuawriteconfiguration-view .button-layout{width: 100%;flex-wrap: wrap;background-color: var(--lumo-contrast-5pct);padding-bottom: var(--lumo-space-s);padding-top: var(--lumo-space-s);padding-left: var(--lumo-space-l);padding-right: var(--lumo-space-l);gap: var(--lumo-space-m)}.opcuawriteconfiguration-view .grid-wrapper{width: 100%}.settings-dialog .portnumber{margin-top: 20px;color: #ffffff}.settings-dialog vaadin-number-field{padding-top: 7px}.settings-dialog vaadin-integer-field{padding-top: 7px}.settings-dialog vaadin-text-field{padding-top: 7px}.settings-dialog vaadin-email-field{padding-top: 7px}.settings-dialog vaadin-select{padding-top: 7px}.settings-dialog .analog-alarm-checkbox-layout{padding-left: 27px}.settings-dialog .digital-alarm-checkbox-layout{padding-left: 43px}.viewerconfig-dialog .viewerconfig-grid{width: 300px;height: 300px;margin-top: 1rem;margin-left: 0.5rem;align-self: unset;margin-bottom: 10px}.viewerconfig-dialog .selectedviewers{border-color: green}.viewerconfig-dialog .availableviewers{border-color: rgb(152,9,9)}.viewerconfig-dialog .div-container{display: flex;flex-direction: row;flex-wrap: wrap}.logoBackground{width: 360px;height:150px;background-color: var(--lumo-primary-color);border-top-left-radius: 10px;border-top-right-radius: 10px}.loginform{background-color:#2C3D52;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px}.responsive-image{max-width: 90%;height: auto;padding-bottom: 10px;border-bottom: 1px solid white}.splitter>[slot="primary"]{padding-top: 0px}.splitter>[slot="secondary"]{margin-top: 16px;border: 1px solid rgba(255,255,255,0.2)}.splitter{box-sizing: border-box;padding: 16px}.wrapper{padding-left: 0px;padding-right: 0px}.buttonholder{padding-bottom: 10px}.settingsHeaderlayout{padding-left: 16px;padding-top: 16px}.exportdetailsformlayout{border: 1px solid rgba(255,255,255,0.5);padding: 10px}.whatVerticalLayout{padding-top: 0px}.whenVerticalLayout{padding-top: 0px;padding-right: 0px}.howVerticalLayout{padding-left: 20px;padding-top: 0px;padding-right: 0px}.howInnerVerticalLayout{padding-top: 0px;padding-left: 0px;padding-right: 0px}.selectAllCheckbox{--vaadin-checkbox-background-hover: var(--lumo-primary-color);--vaadin-checkbox-background: #2C3D52}.import-view .chartlayout{padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 10px}.import-view .headerCloseButton{margin-top: 0px}.importDialog .upload>vaadin-button::part(label){color: white}.importDialog .upload vaadin-upload-file>vaadin-progress-bar[indeterminate]{background-color: white}.importDialog .upload vaadin-upload-file-list::part(list){color: white}.importDialog .upload vaadin-upload-file::part(status){color: white}.importDialog .uploadIsUploading vaadin-upload-file-list{width: 400px}.dialogIsUploading::part(footer){display: flex;justify-content: flex-start}.mobile-view{border-radius: 12px;padding: 12px;background-color: white}.mobile-view span{color: black;font-size: 30px}.mobile-view .portSpan{color: black;font-size: 20px}.mobile-view vaadin-select{--vaadin-input-field-value-color: black}.mobile-view vaadin-select::part(label){color: black;background-color: white;padding: 2px 6px;border-radius: 8px}.mobile-view vaadin-select::part(toggle-button){color: black;background-color: white;border-radius: 4px}.mobile-view vaadin-select::part(input-field){background-color: #ed8c00;color: black;border-radius: 4px}.mobile-view hr{margin: 0px;background-color: grey}.mobile-view h4{background-color: #ed8c00;border-radius: 8px;color: black;padding: 10px;text-align: center}.mobile-view h5{color: black;text-align: center}.mobile-view .timeLabel{margin-top: 30px;font-size: smaller;color: black;text-align: center}html{color-scheme: dark}vaadin-app-layout::part(navbar){background-image: linear-gradient(to bottom,#ED8C00,99%,#233348);color: black}vaadin-app-layout::part(drawer){width:300px;background-color: #2C3D52;border-top: 1px solid #45566e}vaadin-drawer-toggle::part(icon){color: black}.drawerImage{padding: 7px;padding-bottom: 10px;border-bottom: 1px solid white}.black-color{color: black}.white-color{color: white}.black-background-color{background-color: black}.darkblueBackgroundColor{background-color: #233348}.whiteSmokeText{color: whitesmoke}.contrastbluecolor{color: var(--lumo-primary-contrast-color);background-color: var(--lumo-primary-color)}.contrastbluecolordimmed{color: rgba(245,245,245,0.285);background-color: #2573d992}