#monitoring {font-family: Manrope;color: var(--color-theme-text);display: flex;flex-direction: column;}#monitoring .body {position: relative;z-index: 0;margin: var(--global-margin-v) auto;width: calc(100% - 2 * var(--global-margin-h));height: calc(100% - 2 * var(--global-margin-v) - var(--page-offset-top));display: flex;flex-direction: column;}@media (min-width: 1600px) {.container {width: 1470px;}}@media (max-width: 500px) {html, body {font-size: 11px;}.i-input-lookup {height: 1.5em;}#monitoring span.i-lookup a {height: 1.5em;width: 1.5em;}.tablegui {font-size: 14px;}#monitoring .tileboard-tile {min-width: 140px;padding: 12px;font-size: 1.25em;}#monitoring .tileboard-tile-image img {max-height: 30px;max-width: 100%;padding-bottom: 10px;}#monitoring .tile-image-placeholder {max-height: 30px;width: 100%;}#monitoring div.monitoring-badge {margin: 2px;padding: 5px;}}@media (max-width: 1200px) {#monitoring .tileboard-line-dropdown-element {max-width: 300px;}#monitoring div.monitoring-badge-title,#monitoring div.monitoring-badge-value {margin-left: 0.25em;}}@media only screen and (max-height: 500px) {div.page-content, div.tileboard {overflow: visible;}#monitoring .tileboard-tile {min-width: 140px;padding: 12px;font-size: 1.25em;}#monitoring .tileboard-tile-image img {max-height: 30px;max-width: 100%;padding-bottom: 10px;}#monitoring .tile-image-placeholder {max-height: 30px;height: 50px;width: 100%;}#monitoring div.monitoring-badge {margin: 2px;padding: 5px;}}#welcome-body div.welcome-title {font-size: 2em;}#monitoring hr {width: 100%;}#monitoring .hoverable {box-shadow: 0 0 0 0 var(--hoverable-bg-color), 0 0 0 1px #ddd, 2px 2px 5px 0 #aaa;transition: box-shadow, background-color 0.05s ease-out;border-radius: 5px;background-color: var(--hoverable-bg-color);border: none;margin: 5px;}#monitoring .hoverable.monitoring-button {box-shadow: 0 0 0 0 var(--hoverable-bg-color), 0 0 0 1px #bbb;padding: 8px 10px;margin: 4px;}#monitoring .hoverable:hover {box-shadow: 0 0 0 2px var(--hoverable-bg-color-hover), 0 0 0 3px #bbb, 4px 4px 12px 0 #aaa;background-color: var(--hoverable-bg-color-hover);cursor: pointer;}#monitoring .hoverable.monitoring-button:hover {box-shadow: 0 0 0 1px var(--hoverable-bg-color-hover), 0 0 0 2px #aaa;}#monitoring .hoverable:active {box-shadow: 0 0 0 1px var(--hoverable-bg-color-active), 0 0 0 2px #bbb, 4px 4px 6px 0 #aaa;}#monitoring .monitoring-badge.actualEnergyConsumption {box-shadow: 0 0 0 0 #88e9e7b4;}#monitoring .monitoring-badge.monitoring-badge-hoverable.actualEnergyConsumption:hover {box-shadow: 0 0 0 2px #88e9e7;background-color: #88e9e7 !important;}#monitoring .monitoring-badge.extraEnergyConsumption {box-shadow: 0 0 0 0 #94c788b4;}#monitoring .monitoring-badge.monitoring-badge-hoverable.extraEnergyConsumption:hover {box-shadow: 0 0 0 2px #94c788;background-color: #94c788 !important;}#monitoring .monitoring-badge.extraCost {box-shadow: 0 0 0 0 #e7e988b4;}#monitoring .monitoring-badge.monitoring-badge-hoverable.extraCost:hover {box-shadow: 0 0 0 2px #e7e988;background-color: #e7e988 !important;}#monitoring .monitoring-badge.dirtyness {background-color: #333333b4;box-shadow: 0 0 0 0 #333333b4;color: #eee;}#monitoring .monitoring-badge.monitoring-badge-hoverable.dirtyness:hover {box-shadow: 0 0 0 2px #333;background-color: #333 !important;}#monitoring .monitoring-badge {margin: 4px 8px;padding: 8px 12px;display: flex;flex-direction: row;align-items: center;border-radius: 1em;justify-content: center;}#monitoring .monitoring-badge-rows {display: flex;flex-direction: column;width: 100%;}#monitoring .monitoring-badge-row {display: flex;flex-direction: row;justify-content: center;align-items: center;}#monitoring .monitoring-badge-rows .monitoring-badge-title {padding-bottom: 5px;font-size: 12px;text-align: center;}#monitoring .monitoring-badge-title,#monitoring .monitoring-badge-icon,#monitoring .monitoring-badge-value {white-space: nowrap;text-align: center;}#monitoring .monitoring-badge-title,#monitoring .monitoring-badge-value {padding-right: 0.5em;margin-left: 0.5em;}#monitoring.monitoring-popup .page-titlebar {justify-content: center;}#monitoring .tileboard-line-dropdown-element-title {width: 100%;}#monitoring .monitoring-badge-L .monitoring-badge-value,#monitoring .monitoring-badge-L .monitoring-badge-icon {font-size: 25px;}#monitoring .monitoring-badge-L .monitoring-badge + .monitoring-badge {margin-left: 12px;}#monitoring .monitoring-badge-M .monitoring-badge-value,#monitoring .monitoring-badge-M .monitoring-badge-icon {font-size: 22px;}#monitoring .monitoring-badge + .monitoring-badge-M.monitoring-badge {margin-left: 8px;}#monitoring .monitoring-badge-S .monitoring-badge-value,#monitoring .monitoring-badge-S .monitoring-badge-icon {font-size: 18px;}#monitoring .monitoring-badge + .monitoring-badge-S.monitoring-badge {margin-left: 8px;}#monitoring .monitoring-badge-XS .monitoring-badge-value,#monitoring .monitoring-badge-XS .monitoring-badge-icon {font-size: 12px;}#monitoring .monitoring-badge + .monitoring-badge-XS.monitoring-badge {margin-left: 5px;}#monitoring .monitoring-badge-hoverable {transition: all 0.05s ease-out;box-shadow: 0 0 0 0;}#monitoring .monitoring-badge-hoverable:hover {cursor: pointer;box-shadow: 0 0 0 2px;}#monitoring .device-status-container {padding-left: .5em;font-size: 24px;}#monitoring  .monitoring-badge.sub-badge.sub-badge-list {margin: 0;padding: 4px;}#monitoring  .monitoring-badge.sub-badge.sub-badge-list:first {margin-left: 5px;}#monitoring .monitoring-icon.monitoring-icon-margin-left {margin-left: 0.5em;}#monitoring .monitoring-icon.monitoring-icon-margin-right {margin-right: 0.5em;}.monitoring-icon,.monitoring-icon + img {vertical-align: text-bottom;}#monitoring .monitoring-button.monitoring-button-new {background-color: var(--color-button-new-bg);box-shadow: var(--shadow-bg-button) var(--color-button-new-bg), var(--shadow-border-button) var(--color-button-new-border), var(--shadow-button);}#monitoring .monitoring-button.monitoring-button-new:hover {background-color: var(--color-button-new-bg-hover);box-shadow: var(--shadow-bg-button-hover) var(--color-button-new-bg-hover), var(--shadow-border-button-hover) var(--color-button-new-border), var(--shadow-button-hover);}#monitoring .monitoring-button.monitoring-button-new:active {background-color: var(--color-button-new-bg-active);box-shadow: var(--shadow-bg-button-active) var(--color-button-new-bg-active), var(--shadow-border-button-active) var(--color-button-new-border), var(--shadow-button-active);}#monitoring .monitoring-button.monitoring-button-action {background-color: var(--color-button-action-bg);box-shadow: var(--shadow-bg-button) var(--color-button-action-bg), var(--shadow-border-button) var(--color-button-action-border), var(--shadow-button);}#monitoring .monitoring-button.monitoring-button-action:hover {background-color: var(--color-button-action-bg-hover);box-shadow: var(--shadow-bg-button-hover) var(--color-button-action-bg-hover), var(--shadow-border-button-hover) var(--color-button-action-border), var(--shadow-button-hover);}#monitoring .monitoring-button.monitoring-button-action:active {background-color: var(--color-button-action-bg-active);box-shadow: var(--shadow-bg-button-active) var(--color-button-action-bg-active), var(--shadow-border-button-active) var(--color-button-action-border), var(--shadow-button-active);}#monitoring .monitoring-button.monitoring-button-edit {background-color: var(--color-button-edit-bg);box-shadow: var(--shadow-bg-button) var(--color-button-edit-bg), var(--shadow-border-button) var(--color-button-edit-border), var(--shadow-button);}#monitoring .monitoring-button.monitoring-button-edit:hover {background-color: var(--color-button-edit-bg-hover);box-shadow: var(--shadow-bg-button-hover) var(--color-button-edit-bg-hover), var(--shadow-border-button-hover) var(--color-button-edit-border), var(--shadow-button-hover);}#monitoring .monitoring-button.monitoring-button-edit:active {background-color: var(--color-button-edit-bg-active);box-shadow: var(--shadow-bg-button-active) var(--color-button-edit-bg), var(--shadow-border-button-active) var(--color-button-edit-border), var(--shadow-button-active);}#monitoring .monitoring-button.monitoring-button-delete {background-color: var(--color-button-delete-bg);box-shadow: var(--shadow-bg-button) var(--color-button-delete-bg), var(--shadow-border-button) var(--color-button-delete-border), var(--shadow-button);}#monitoring .monitoring-button.monitoring-button-delete:hover {background-color: var(--color-button-delete-bg-hover);box-shadow: var(--shadow-bg-button-hover) var(--color-button-delete-bg-hover), var(--shadow-border-button-hover) var(--color-button-delete-border), var(--shadow-button-hover);}#monitoring .monitoring-button.monitoring-button-delete:active {background-color: var(--color-button-delete-bg-active);box-shadow: var(--shadow-bg-button-active) var(--color-button-delete-bg), var(--shadow-border-button-active) var(--color-button-delete-border), var(--shadow-button-active);}#monitoring .monitoring-button.monitoring-button-save {background-color: var(--color-button-save-bg);color: var(--color-button-save-text);box-shadow: var(--shadow-bg-button) var(--color-button-save-bg), var(--shadow-button);}#monitoring .monitoring-button.monitoring-button-save:hover {background-color: var(--color-button-save-bg-hover);box-shadow: var(--shadow-bg-button-hover) var(--color-button-save-bg), var(--shadow-button-hover);}#monitoring .monitoring-button.monitoring-button-save:active {background-color: var(--color-button-save-bg-active);box-shadow: var(--shadow-bg-button-active) var(--color-button-save-bg), var(--shadow-button-active);}#timespanCustomButton {width: calc(100% - 8px);}.monitoring-breadcrumbs {margin: var(--global-margin-v) 0 0 0;}.monitoring-breadcrumbs * {vertical-align: middle;line-height: 22px;}.monitoring-breadcrumbs img,.monitoring-icon + img {height: calc(1em * 1.25);width: auto;}.monitoring-breadcrumbs-content {display: flex;flex-direction: row;flex-wrap: wrap;}.monitoring-breadcrumb-separator {padding: 0.33em 0.5em;}.monitoring-breadcrumb {border-radius: 5px;padding: 0.33em;background-color: rgba(0,0,0,0.06);margin-bottom: var(--global-margin-v);}.monitoring-breadcrumb a {white-space: nowrap;}.monitoring-breadcrumb a:hover {text-decoration: none;}.monitoring-breadcrumb > a.dropdown-indicator::after {font-family: "fontello";content: "\e87a";position: absolute;width: 25px;height: 25px;background-color: white;color: black;pointer-events: none;text-align: center;border: 1px solid white;border-radius: 3px;margin-left: 5px;line-height: 22px;}.monitoring-breadcrumb > a.dropdown-indicator + select {box-shadow: none;margin-left: 5px;width: 25px;height: 25px;border: none;}.monitoring-breadcrumb > a.dropdown-indicator + select:focus,.monitoring-breadcrumb > a.dropdown-indicator + select:active {outline: none;}.spinner-content {z-index: 12;position: absolute;height: 100%;width: 100%;background-color: white;display: block;opacity: 1;transition: opacity 0.1s ease-out;pointer-events: all;text-align: center;}.formframe-popup-loaded > .formframe-content > .spinner-content {opacity: 0;pointer-events: none;}.formframe-popup-open:not(.formframe-popup-loaded) > .formframe-content {overflow: hidden;}.spinner-content + body {position: relative;z-index: 0;}.spinner-element {position: relative;top: 50%;transform: translateY(-50%);}.spinner-element-1:after {animation: swell 1s ease 0s infinite;}.spinner-element-2:after {animation: swell 1s ease .2s infinite;}.spinner-element-3:after {animation: swell 1s ease .4s infinite;}.spinner-element-1,.spinner-element-2,.spinner-element-3	{height: 30px;width: 30px;display: inline-block;vertical-align: middle;text-align: center;position: relative;}.spinner-element-1:after,.spinner-element-2:after,.spinner-element-3:after {content: "";position: absolute;border-radius: 100%;transform-origin: 50% 50%;background-color: rgba(50,50,50,.4);height: 15px;width: 15px;display: block;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1);}@keyframes swell {30% {transform: translate(-50%,-50%) scale(1.5);}60% {transform: translate(-50%,-50%) scale(1);}}.formframe-container {z-index: 99999;position: fixed;left: 0;right: 0;bottom: 0;top: var(--page-offset-top);display: none;pointer-events: all;}.formframe-container.formframe-popup-open {display: block;}.formframe-backdrop {z-index: 10;background-color: rgba(0,0,0,.2);position: fixed;left: 0;right: 0;bottom: 0;top: var(--page-offset-top);pointer-events: all;}.formframe-content {z-index: 11;margin: auto;width: 600px;display: block;top: calc(50%);position: relative;transform: translateY(-50%);max-height: calc(100% - var(--page-offset-top) - 2 * var(--global-margin-v));overflow: auto;box-shadow: 0 0 25px 0 #aaa;}@media only screen and (max-width: 640px) {#monitoring .tileboard-line {max-width: calc(100% - 2 * var(--margin-h));}.formframe-content {width: 360px;}}.formframe-content iframe,.formframe-content .formframe-content-body {width: 100%;display: block;position: relative;background-color: white;min-height: 100px;transition: all .1s ease-out;}.formframe-content-body {padding: var(--global-margin-v) var(--global-margin-h);}.timespan-label {display: inline-block;vertical-align: top;min-width: 100px;margin-right: 12px;}.page-container {position: relative;display: flex;flex-direction: column;overflow: auto;height: 100%;}.page-titlebar-text {font-size: 1.5em;font-weight: bold;min-width: 0;word-wrap: break-word;}.page-titlebar-text-small {font-size: 1.25em;}.page-titlebar {display: flex;flex-direction: row;align-items: center;}.page-titlebar-button {display: flex;flex-direction: row;align-items: center;}.page-titlebar-button:has(~ .page-titlebar-button) {border-top-right-radius: 0;border-bottom-right-radius: 0;}.page-titlebar-button ~ .page-titlebar-button {border-top-left-radius: 0;border-bottom-left-radius: 0;margin-left: 0;}.page-titlebar-button .monitoring-button .monitoring-button-icon {width: 1em;margin: 0 0.5em;}.page-titlebar-button + .page-titlebar-button {margin-left: calc(var(--margin-h) / 2);}.page-titlebar > div + div {margin-left: var(--margin-h);}.page-content {display: flex;flex-direction: column;overflow: auto;flex-grow: 1;}.page-content-diagram {min-height: 600px;}#monitoring .monitoring-toolbar {display: flex;flex-direction: row;align-items: center;}#monitoring .monitoring-toolbar-element {display: inline-block;vertical-align: top;}#monitoring .monitoring-toolbar-elements {white-space: nowrap;}.tileboard {height: 100%;overflow: auto;}.tileboard-tile {text-align: center;min-width: 200px;display: inline-block;vertical-align: top;border: none;padding: var(--margin-h);font-size: 2em;margin: var(--margin-h);}.tileboard-tile-image,.tileboard-tile-title-text {max-width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;}.tileboard-tile-title-text {width: 100%;}.tileboard-tile-image img,.tile-image-placeholder {max-height: 50px;max-width: 100%;}.tileboard-tile-content {display: flex;gap: 10px;flex-direction: column;align-items: center;}.tileboard-line {margin-top: var(--margin-h);margin-left: var(--margin-h);margin-right: var(--margin-h);display: inline-block;vertical-align: top;width: calc(100% - var(--margin-h) * 2);}.tileboard-line + .tileboard-line {margin-top: var(--margin-h);}.tileboard-line:last-child {margin-bottom: var(--margin-h);}.tileboard-line-header {display: flex;flex-direction: column;align-items: start;padding: var(--margin-v);position: relative;}.tileboard-line-header-title {display: flex;flex-direction: row;align-items: center;z-index: 1;position: relative;width: 100%;}.tileboard-line-header-title-text {flex-grow: 1;margin-left: 52px;width: calc(100% - 104px);}.tileboard-line-dropdown-element-title .monitoring-badge-value,.tileboard-line-header-title-text .monitoring-badge-value {min-width: 0;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}.monitoring-popup .monitoring-badge-value {white-space: initial;}.tileboard-line-header-content {display: flex;flex-direction: row;align-items: center;width: 100%;justify-content: center;}.tileboard-line-header-elements {margin-left: var(--margin-h);display: flex;}.tileboard-line-header-element {background-color: var(--color-theme-highlight);color: white;font-weight: bold;}.tileboard-line:not(.tileboard-line-open) .tileboard-line-dropdown-container {height: 0;overflow: hidden;}.tileboard-line-dropdown {display: flex;flex-wrap: wrap;}.tileboard-list-header-dropdown-btn {margin-left: 10px;}.tileboard-list-header-dropdown-btn button {border: none;background-color: transparent;}#monitoring .tileboard-line-header .tileboard-list-header-dropdown-btn button:hover {background-color: white;}.dropdown-button-icon-close,.dropdown-button-icon-open {pointer-events: none;}.tileboard-line:not(.tileboard-line-open) .tileboard-list-header-dropdown-btn .dropdown-button-icon-close {display: none;}.tileboard-line.tileboard-line-open .tileboard-list-header-dropdown-btn .dropdown-button-icon-open {display: none;}.tileboard-line-dropdown-container {width: 100%;}.tileboard-line-dropdown-element {background-color: #eee;border-top: none;padding: var(--margin-v);margin: 0 4px;display: flex;flex-direction: column;align-items: center;max-width: calc(100% - 2 * var(--margin-v));}.tileboard-line-dropdown-element-details {width: 100%;}.tileboard-line-table {padding-bottom: 10px;}.tileboard-line-dropdown-element-details td {text-align: right;padding-left: 15px;color: #888;font-size: 10px;}.tileboard-line-dropdown-element-details td + td {color: #000;font-size: 12px;text-align: left;}.tileboard-line-dropdown-element-content {display: flex;flex-direction: row;align-items: center;}.tileboard-line-dropdown-element-content-left,.tileboard-line-dropdown-element-content-right {display: flex;flex-direction: column;align-items: center;}.tileboard-line-dropdown-element:hover {cursor: pointer;}.tileboard-device-detail-container {display: flex;flex-direction: row;flex-wrap: wrap;}.tile-badges {display: flex;flex-direction: row;align-items: center;justify-content: center;padding-top: calc(var(--margin-h) / 2);}#monitoring .i-field input,#monitoring .i-field select,#monitoring .i-field textArea {background-color: rgba(0,0,0,.05);}#monitoring .i-lookup {width: 100%;}#monitoring .i-lookup input[type="text"] {width: calc(100% - 22px);}#monitoring .i-lookup a {width: 22px;height: 22px;vertical-align: middle;text-align: center;}#monitoring .i-lookup a:hover,#monitoring .i-lookup a:active,#monitoring .i-lookup a:focus {text-decoration: none;background-color: var(--color-theme-highlight);color: white;}#monitoring .i-lookup a {color: var(--color-theme-highlight);}#monitoring .i-lookup a:before {top: 3px;position: relative;}#monitoring .i-lookup .i-lookup-preview:empty {display: none;}#monitoring .i-value .i-input {width: calc(100% - 2px);border: none;}#monitoring .i-field.has-error .i-caption,#monitoring .i-field.has-error .i-value {border-bottom: 2px solid red;}#monitoring .i-field.has-error:after {content: attr(data-errormessage);color: red;flex: 0 0 100%;}#monitoring .has-error .i-value .i-input {-webkit-box-shadow: none;box-shadow: none;}#monitoring .i-field {position: relative;display: flex;flex-wrap: wrap;padding-top: var(--margin-v);}#monitoring .i-field .i-caption {max-width: var(--form-label-max-width);min-width: var(--form-label-min-width);padding-right: 1em;margin-bottom: 0;vertical-align: top;display: flex;}#monitoring .i-field .i-caption span:first-child {flex-grow: 1;}#monitoring .i-value {flex-grow: 1;vertical-align: top;display: flex;align-items: center;}#monitoring .i-form .i-field-no-bottom-border .i-value {border-bottom: 0;}#monitoring .i-input-lookup {box-shadow: none;}#monitoring label.i-lookup-preview {display: block;}#monitoring .i-lookup a:focus {outline-offset: 2px;}#timespanForm input[type="submit"] {border: none;}input[type="date"] {border: none;}input[type="date"][readonly] {background-color: transparent;}#monitoring .i-field.nowrap {flex-wrap: nowrap;}#monitoring .slider-device-settings.i-slider .i-slider-number-input {width: 50px;}#monitoring .i-slider .i-slider-number-input {margin-right: 10px;}#monitoring .delete-form-content {padding-top: 20px;}#monitoring .delete-form-content .alert {margin-bottom: 20px;}#monitoring .alert {overflow-wrap: break-word;}#monitoring .delete-form-content p.delete-form-content-highlight {font-size: 1.25em;font-weight: bold;}#monitoring .diagram {padding: 0 40px;position: relative;}.body .tablegui .title,.body .tablegui .toolbar,#monitoring .tablegui .title,#monitoring .tablegui .toolbar {background-image: none;border: none;background-color: rgba(0,0,0,.03);}.body .tablegui .gridContainer thead th,#monitoring .tablegui .gridContainer thead th {background-color: #eee;}.body .tablegui div.filter input,#monitoring .tablegui div.filter input {box-shadow: none;}.body .tablegui .gridContainer table.htCore,#monitoring .tablegui .gridContainer table.htCore {border-bottom: 1px solid #eee;}.body .tablegui .gridContainer th,.body .tablegui .gridContainer td,#monitoring .tablegui .gridContainer th,#monitoring .tablegui .gridContainer td {border: none;border-left: 1px solid #ddd;background-color: transparent;}.body .tablegui .gridContainer td.error,#monitoring .tablegui .gridContainer td.error {background-color: #FFCCCC;}.body .tablegui .gridContainer td.changed,#monitoring .tablegui .gridContainer td.changed {background-color: #CCFFCC;}.body .tablegui div.toolbar .btn.filterhelp,#monitoring .tablegui div.toolbar .btn.filterhelp {border: none;}.menu-search-dropdown-caption {padding-left: 10px;}.menu-search-dropdown-caption b {color: orangered;}iframe[name="uploadFrame"] {width: 100%;}