@charset "UTF-8";
/*
load-order
*/
@import url("https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css");
#popup_form_header > #close-lightbox img.closeLightbox {
  #content: url("/files/styles/images/stylev9/close-icon.svg");
}

/* QI -> Ändern -> Collect Atribute*/
html body div#body div#attributNavigation.kalsey.menu-2d div#current-component.navigation-content div.attribut-table div.kalsey div.navigation-content div#overlay.myOverlay.myEncase div#lightbox.myLightbox.myMoveset.ui-draggable form#idAttribut.magritte div#attributContainer div.configTab.currentSection table.containerComponent tbody tr td div label input{
	margin-left: -2em;
}

/* QI -> Ändern -> Collect Atribute*/
html body div#body div#attributNavigation.kalsey.menu-2d div#current-component.navigation-content div.attribut-table div#logicAttributeList.kalsey div.navigation-content div#overlay.myOverlay.myEncase div#lightbox.myLightbox.myMoveset.ui-draggable form#idAttribut.magritte div#attributContainer div.configTab.currentSection table.containerComponent tbody tr th label{
	margin-left: 3em;	
}

/* QI -> Ändern -> Collect Atribute*/
div.myLightbox div#lightbox.myLightbox.myMoveset.ui-draggable div#buttons.windowSpec{
	padding-top: 1em;
	padding-left: 1em;
}

html body div#wrapper.organization section#balance.content.level0-flexed div#current-component.standard-component-container div.level1reflexed div.myOverlay.myEncase div#id55.lightbox div form div div.formdecoration-owner,
html body div#body div#attributNavigation.kalsey.menu-2d div#current-component.navigation-content div.myOverlay.myEncase div.myLightbox div#lightbox.myLightbox.myMoveset.ui-draggable form input,
html body div#wrapper section#balance.content.level0-flexed div#current-component.table-component-container div.level1reflexed div.myOverlay.myEncase div.myLightbox div#lightbox.myLightbox.myMoveset.ui-draggable form input{
	margin-left: 2em;
	#margin-right: 1em;
}

#reportTabs #menu2 a.netVerwaltungButton {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
}
#reportTabs #menu2 a.netVerwaltungButton:hover {
  background-color: var(--bs-orange);
}
#reportTabs #menu2 a.netVerwaltungButton:hover svg, #reportTabs #menu2 a.netVerwaltungButton:hover img {
  filter: brightness(0) invert(1);
}
#reportTabs #menu2 a.netVerwaltungButton:hover svg path, #reportTabs #menu2 a.netVerwaltungButton:hover img path {
  fill: #FFF;
}
#reportTabs #menu2 a.netVerwaltungButton img {
  z-index: 1;
  content: url(images/fehlt.gif);
  max-height: 2em;
  max-width: 2em;
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonneu {
  content: url("/files/styles/images/stylev9/new-icon.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtondrucken {
  content: url("/files/styles/images/stylev9/print.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonkabelVerwaltung {
  content: url("/files/styles/images/stylev9/system.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonselectProjekt {
  content: url("/files/styles/images/stylev9/attribute.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonbearbeiten {
  content: url("/files/styles/images/stylev9/pencil.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtondelete {
  content: url("/files/styles/images/stylev9/delete.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtoncopyButton {
  content: url("/files/styles/images/stylev9/copy.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonmove {
  content: url("/files/styles/images/stylev9/move-icon.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonaddAlias {
  content: url("/files/styles/images/stylev9/attribut-definitionen.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtondeleteNutzungsZuordnung {
  content: url("/files/styles/images/stylev9/delete.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonleitungsWegAufheben {
  content: url("/files/styles/images/stylev9/systemmonitorattributverwaltung.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonsetStreckenAnfang {
  content: url("/files/styles/images/stylev9/verbindungen.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonalarmIcon {
  content: url("/files/styles/images/stylev9/verbindungen.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonasSystem {
  content: url("/files/styles/images/stylev9/system.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtondocVerwaltung {
  content: url("/files/styles/images/stylev9/auswertung.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonshowSpleissKassette {
  content: url("/files/styles/images/stylev9/rename.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonshowNetzumgebung {
  content: url("/files/styles/images/stylev9/netzverwaltung.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonshowLogicUmgebung {
  content: url("/files/styles/images/stylev9/komponentenanzeige.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtoneditNutzung {
  content: url("/files/styles/images/stylev9/verbindungen.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonleitungsWegSuchen {
  content: url("/files/styles/images/stylev9/search.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonaddAutoRangierer {
  content: url("/files/styles/images/stylev9/system.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonpaste {
  content: url("/files/styles/images/pasterow.png");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtoneditNutzung2 {
  content: url("/files/styles/images/stylev9/user.svg");
}
#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonshowGrafik {
  content: url("/files/styles/images/stylev9/showGrafik.png");
}

.toggle-sidenav img.hover {
  content: url("/files/styles/images/stylev9/nav-toggler-hover.png");
}
.toggle-sidenav img.no-hover {
  content: url("/files/styles/images/stylev9/nav-toggler.png");
}

.sidenav-list .sidenav-item a img#collectNetzverwaltung {
  content: url("/files/styles/images/stylev9/stammdaten.svg");
}
.sidenav-list .sidenav-item a img#voIP {
  content: url("/files/styles/images/stylev9/attribute.svg");
}
.sidenav-list .sidenav-item a img#collectDefinition {
  content: url("/files/styles/images/stylev9/preismodelle.svg");
}
.sidenav-list .sidenav-item a img#observeProtokoll {
  content: url("/files/styles/images/stylev9/system.svg");
}
.sidenav-list .sidenav-item a img#collectAdmin {
  content: url("/files/styles/images/stylev9/attribute.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#NetzVerwaltung {
  content: url("/files/styles/images/stylev9/nebenstellen.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#komponentenAnsicht-komponentenAnzeige {
  content: url("/files/styles/images/stylev9/teilnehmer.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#NutzungsUebersicht {
  content: url("/files/styles/images/stylev9/endgeraete.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#AttributVerwaltung {
  content: url("/files/styles/images/stylev9/attribute.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#SystemMonitorAttributVerwaltung {
  content: url("/files/styles/images/stylev9/System.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#attributsDefinition {
  content: url("/files/styles/images/stylev9/attribut-definitionen.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#SystemMonitorAttributDefinitionVerwaltung {
  content: url("/files/styles/images/stylev9/System.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#GrafikVerwaltung {
  content: url("/files/styles/images/stylev9/System.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#AssetMapGUI {
  content: url("/files/styles/images/stylev9/endgeraete.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#GISMapsEditVerwaltung {
  content: url("/files/styles/images/stylev9/firmenstruktur.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#MailHistoryVerwaltung {
  content: url("/files/styles/images/stylev9/file-search.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#DruckStatistikVerwaltung {
  content: url("/files/styles/images/stylev9/print.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#UserVerwaltung {
  content: url("/files/styles/images/stylev9/user.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#GroupVerwaltung {
  content: url("/files/styles/images/stylev9/teilnehmer.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#ConstantVerwaltung {
  content: url("/files/styles/images/stylev9/print.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#CableProtokollVerwaltung {
  content: url("/files/styles/images/stylev9/auswertung.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#PermissionView {
  content: url("/files/styles/images/stylev9/System.svg");
}
.sidenav-list .sidenav-item .sub-nav a img#AtradisVersionInfo {
  content: url("/files/styles/images/stylev9/grid-1.svg");
}

#treeMenu img.newRow {
  content: url("/files/styles/images/stylev9/file-add.svg");
}
#treeMenu img.copyRow {
  content: url("/files/styles/images/stylev9/copy.svg");
}
#treeMenu img.move {
  content: url("/files/styles/images/stylev9/move-s.svg");
}
#treeMenu img.deleteRow {
  content: url("/files/styles/images/stylev9/delete.svg");
}
#treeMenu img.goNach {
  content: url("/files/styles/images/stylev9/right-arrow-s.svg");
}
#treeMenu img.dashboardSensorAdd {
  content: url("/files/styles/images/stylev9/file-add.svg");
}
#treeMenu img.reload {
  content: url("/files/styles/images/stylev9/update.svg");
}
#treeMenu img.setStatusNew {
  content: url("/files/styles/images/stylev9/attribute.svg");
}
#treeMenu img.pasteRow {
  content: url("/files/styles/images/pasterow.png");
}

#mainNavigation2 img.Atradis-xGuard-Logo {
  content: url("/files/styles/images/stylev9/atradis-logo-redesign.svg");
}

#topnav1 {
  display: inline-flex;
}
#topnav1 a {
  display: inline-block;
  border-radius: 100%;
  background-color: #f0eff3;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.25em;
  height: 2em;
  width: 2em;
  margin: 1em 0 1em 0;
  background-image: url(images/fehlt.gif);
  /* icons not in XGuard */
  /* new Icons */
}
#topnav1 a#openRow {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openRow svg path, #topnav1 a#openRow img path {
  fill: #0f0f10;
}
#topnav1 a#openRow:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openRow:hover svg, #topnav1 a#openRow:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openRow:hover svg path, #topnav1 a#openRow:hover img path {
  fill: #FFF;
}
#topnav1 a#openRow img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/openrow.png");
}
#topnav1 a#changeStatus {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#changeStatus svg path, #topnav1 a#changeStatus img path {
  fill: #0f0f10;
}
#topnav1 a#changeStatus:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#changeStatus:hover svg, #topnav1 a#changeStatus:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#changeStatus:hover svg path, #topnav1 a#changeStatus:hover img path {
  fill: #FFF;
}
#topnav1 a#changeStatus img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/changeStatus.png");
}
#topnav1 a#deleteRow {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#deleteRow svg path, #topnav1 a#deleteRow img path {
  fill: #0f0f10;
}
#topnav1 a#deleteRow:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#deleteRow:hover svg, #topnav1 a#deleteRow:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#deleteRow:hover svg path, #topnav1 a#deleteRow:hover img path {
  fill: #FFF;
}
#topnav1 a#deleteRow img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/deleterow.png");
}
#topnav1 a#deleteAllRows {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#deleteAllRows svg path, #topnav1 a#deleteAllRows img path {
  fill: #0f0f10;
}
#topnav1 a#deleteAllRows:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#deleteAllRows:hover svg, #topnav1 a#deleteAllRows:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#deleteAllRows:hover svg path, #topnav1 a#deleteAllRows:hover img path {
  fill: #FFF;
}
#topnav1 a#deleteAllRows img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/deleteallrows.png");
}
#topnav1 a#copyRow {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#copyRow svg path, #topnav1 a#copyRow img path {
  fill: #0f0f10;
}
#topnav1 a#copyRow:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#copyRow:hover svg, #topnav1 a#copyRow:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#copyRow:hover svg path, #topnav1 a#copyRow:hover img path {
  fill: #FFF;
}
#topnav1 a#copyRow img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/copyrow.png");
}
#topnav1 a#pasteRow {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#pasteRow svg path, #topnav1 a#pasteRow img path {
  fill: #0f0f10;
}
#topnav1 a#pasteRow:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#pasteRow:hover svg, #topnav1 a#pasteRow:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#pasteRow:hover svg path, #topnav1 a#pasteRow:hover img path {
  fill: #FFF;
}
#topnav1 a#pasteRow img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/pasterow.png");
}
#topnav1 a#showRufnummern {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showRufnummern svg path, #topnav1 a#showRufnummern img path {
  fill: #0f0f10;
}
#topnav1 a#showRufnummern:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showRufnummern:hover svg, #topnav1 a#showRufnummern:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showRufnummern:hover svg path, #topnav1 a#showRufnummern:hover img path {
  fill: #FFF;
}
#topnav1 a#showRufnummern img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/opensubscriber.png");
}
#topnav1 a#openSubscriber {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openSubscriber svg path, #topnav1 a#openSubscriber img path {
  fill: #0f0f10;
}
#topnav1 a#openSubscriber:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openSubscriber:hover svg, #topnav1 a#openSubscriber:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openSubscriber:hover svg path, #topnav1 a#openSubscriber:hover img path {
  fill: #FFF;
}
#topnav1 a#openSubscriber img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/opensubscriber.png");
}
#topnav1 a#showTeilnehmer {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showTeilnehmer svg path, #topnav1 a#showTeilnehmer img path {
  fill: #0f0f10;
}
#topnav1 a#showTeilnehmer:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showTeilnehmer:hover svg, #topnav1 a#showTeilnehmer:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showTeilnehmer:hover svg path, #topnav1 a#showTeilnehmer:hover img path {
  fill: #FFF;
}
#topnav1 a#showTeilnehmer img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showTeilnehmer.png");
}
#topnav1 a#unlock {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#unlock svg path, #topnav1 a#unlock img path {
  fill: #0f0f10;
}
#topnav1 a#unlock:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#unlock:hover svg, #topnav1 a#unlock:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#unlock:hover svg path, #topnav1 a#unlock:hover img path {
  fill: #FFF;
}
#topnav1 a#unlock img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/unlockpassword.png");
}
#topnav1 a#showHelp {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showHelp svg path, #topnav1 a#showHelp img path {
  fill: #0f0f10;
}
#topnav1 a#showHelp:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showHelp:hover svg, #topnav1 a#showHelp:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showHelp:hover svg path, #topnav1 a#showHelp:hover img path {
  fill: #FFF;
}
#topnav1 a#showHelp img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/help.png");
}
#topnav1 a#colorRows {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#colorRows svg path, #topnav1 a#colorRows img path {
  fill: #0f0f10;
}
#topnav1 a#colorRows:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#colorRows:hover svg, #topnav1 a#colorRows:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#colorRows:hover svg path, #topnav1 a#colorRows:hover img path {
  fill: #FFF;
}
#topnav1 a#colorRows img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/colorRows.png");
}
#topnav1 a#addMissingToLast {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#addMissingToLast svg path, #topnav1 a#addMissingToLast img path {
  fill: #0f0f10;
}
#topnav1 a#addMissingToLast:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#addMissingToLast:hover svg, #topnav1 a#addMissingToLast:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#addMissingToLast:hover svg path, #topnav1 a#addMissingToLast:hover img path {
  fill: #FFF;
}
#topnav1 a#addMissingToLast img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/addMissingToLast.png");
}
#topnav1 a#spreadEqual {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#spreadEqual svg path, #topnav1 a#spreadEqual img path {
  fill: #0f0f10;
}
#topnav1 a#spreadEqual:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#spreadEqual:hover svg, #topnav1 a#spreadEqual:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#spreadEqual:hover svg path, #topnav1 a#spreadEqual:hover img path {
  fill: #FFF;
}
#topnav1 a#spreadEqual img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/spreadEqual.png");
}
#topnav1 a#zoomDate {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#zoomDate svg path, #topnav1 a#zoomDate img path {
  fill: #0f0f10;
}
#topnav1 a#zoomDate:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#zoomDate:hover svg, #topnav1 a#zoomDate:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#zoomDate:hover svg path, #topnav1 a#zoomDate:hover img path {
  fill: #FFF;
}
#topnav1 a#zoomDate img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/zoomDate.png");
}
#topnav1 a#printObject {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#printObject svg path, #topnav1 a#printObject img path {
  fill: #0f0f10;
}
#topnav1 a#printObject:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#printObject:hover svg, #topnav1 a#printObject:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#printObject:hover svg path, #topnav1 a#printObject:hover img path {
  fill: #FFF;
}
#topnav1 a#printObject img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/printObject.png");
}
#topnav1 a#auswertung {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#auswertung svg path, #topnav1 a#auswertung img path {
  fill: #0f0f10;
}
#topnav1 a#auswertung:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#auswertung:hover svg, #topnav1 a#auswertung:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#auswertung:hover svg path, #topnav1 a#auswertung:hover img path {
  fill: #FFF;
}
#topnav1 a#auswertung img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showGraph.png");
}
#topnav1 a#resetPassword {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#resetPassword svg path, #topnav1 a#resetPassword img path {
  fill: #0f0f10;
}
#topnav1 a#resetPassword:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#resetPassword:hover svg, #topnav1 a#resetPassword:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#resetPassword:hover svg path, #topnav1 a#resetPassword:hover img path {
  fill: #FFF;
}
#topnav1 a#resetPassword img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/password_header.png");
}
#topnav1 a#lockUser {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#lockUser svg path, #topnav1 a#lockUser img path {
  fill: #0f0f10;
}
#topnav1 a#lockUser:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#lockUser:hover svg, #topnav1 a#lockUser:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#lockUser:hover svg path, #topnav1 a#lockUser:hover img path {
  fill: #FFF;
}
#topnav1 a#lockUser img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/resetpassword.png");
}
#topnav1 a#cardSource {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#cardSource svg path, #topnav1 a#cardSource img path {
  fill: #0f0f10;
}
#topnav1 a#cardSource:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#cardSource:hover svg, #topnav1 a#cardSource:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#cardSource:hover svg path, #topnav1 a#cardSource:hover img path {
  fill: #FFF;
}
#topnav1 a#cardSource img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/cardSource.png");
}
#topnav1 a#druckenPdf {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#druckenPdf svg path, #topnav1 a#druckenPdf img path {
  fill: #0f0f10;
}
#topnav1 a#druckenPdf:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#druckenPdf:hover svg, #topnav1 a#druckenPdf:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#druckenPdf:hover svg path, #topnav1 a#druckenPdf:hover img path {
  fill: #FFF;
}
#topnav1 a#druckenPdf img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/druckenPdf.png");
}
#topnav1 a#showVerbindungen {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showVerbindungen svg path, #topnav1 a#showVerbindungen img path {
  fill: #0f0f10;
}
#topnav1 a#showVerbindungen:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showVerbindungen:hover svg, #topnav1 a#showVerbindungen:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showVerbindungen:hover svg path, #topnav1 a#showVerbindungen:hover img path {
  fill: #FFF;
}
#topnav1 a#showVerbindungen img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/verbindungen.png");
}
#topnav1 a#assignFixCosts {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#assignFixCosts svg path, #topnav1 a#assignFixCosts img path {
  fill: #0f0f10;
}
#topnav1 a#assignFixCosts:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#assignFixCosts:hover svg, #topnav1 a#assignFixCosts:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#assignFixCosts:hover svg path, #topnav1 a#assignFixCosts:hover img path {
  fill: #FFF;
}
#topnav1 a#assignFixCosts img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/assignFixCosts.png");
}
#topnav1 a#openTree {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openTree svg path, #topnav1 a#openTree img path {
  fill: #0f0f10;
}
#topnav1 a#openTree:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openTree:hover svg, #topnav1 a#openTree:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openTree:hover svg path, #topnav1 a#openTree:hover img path {
  fill: #FFF;
}
#topnav1 a#openTree img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/go_header.png");
}
#topnav1 a#showVerwaltung {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showVerwaltung svg path, #topnav1 a#showVerwaltung img path {
  fill: #0f0f10;
}
#topnav1 a#showVerwaltung:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showVerwaltung:hover svg, #topnav1 a#showVerwaltung:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showVerwaltung:hover svg path, #topnav1 a#showVerwaltung:hover img path {
  fill: #FFF;
}
#topnav1 a#showVerwaltung img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/verbindungen.png");
}
#topnav1 a#associate {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#associate svg path, #topnav1 a#associate img path {
  fill: #0f0f10;
}
#topnav1 a#associate:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#associate:hover svg, #topnav1 a#associate:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#associate:hover svg path, #topnav1 a#associate:hover img path {
  fill: #FFF;
}
#topnav1 a#associate img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/associate.png");
}
#topnav1 a#goBack {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#goBack svg path, #topnav1 a#goBack img path {
  fill: #0f0f10;
}
#topnav1 a#goBack:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#goBack:hover svg, #topnav1 a#goBack:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#goBack:hover svg path, #topnav1 a#goBack:hover img path {
  fill: #FFF;
}
#topnav1 a#goBack img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/goBack.png");
}
#topnav1 a#gastAendern {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#gastAendern svg path, #topnav1 a#gastAendern img path {
  fill: #0f0f10;
}
#topnav1 a#gastAendern:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#gastAendern:hover svg, #topnav1 a#gastAendern:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#gastAendern:hover svg path, #topnav1 a#gastAendern:hover img path {
  fill: #FFF;
}
#topnav1 a#gastAendern img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/aendern_gast.png");
}
#topnav1 a#gastLoeschen {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#gastLoeschen svg path, #topnav1 a#gastLoeschen img path {
  fill: #0f0f10;
}
#topnav1 a#gastLoeschen:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#gastLoeschen:hover svg, #topnav1 a#gastLoeschen:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#gastLoeschen:hover svg path, #topnav1 a#gastLoeschen:hover img path {
  fill: #FFF;
}
#topnav1 a#gastLoeschen img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/loeschen_gast.png");
}
#topnav1 a#gastNeues {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#gastNeues svg path, #topnav1 a#gastNeues img path {
  fill: #0f0f10;
}
#topnav1 a#gastNeues:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#gastNeues:hover svg, #topnav1 a#gastNeues:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#gastNeues:hover svg path, #topnav1 a#gastNeues:hover img path {
  fill: #FFF;
}
#topnav1 a#gastNeues img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/neues_gast.png");
}
#topnav1 a#forceDelete {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#forceDelete svg path, #topnav1 a#forceDelete img path {
  fill: #0f0f10;
}
#topnav1 a#forceDelete:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#forceDelete:hover svg, #topnav1 a#forceDelete:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#forceDelete:hover svg path, #topnav1 a#forceDelete:hover img path {
  fill: #FFF;
}
#topnav1 a#forceDelete img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/forceDelete.png");
}
#topnav1 a#scheduleSwitchCommand {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#scheduleSwitchCommand svg path, #topnav1 a#scheduleSwitchCommand img path {
  fill: #0f0f10;
}
#topnav1 a#scheduleSwitchCommand:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#scheduleSwitchCommand:hover svg, #topnav1 a#scheduleSwitchCommand:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#scheduleSwitchCommand:hover svg path, #topnav1 a#scheduleSwitchCommand:hover img path {
  fill: #FFF;
}
#topnav1 a#scheduleSwitchCommand img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/scheduleSwitchCommand.png");
}
#topnav1 a#goToDruckAuswertung {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#goToDruckAuswertung svg path, #topnav1 a#goToDruckAuswertung img path {
  fill: #0f0f10;
}
#topnav1 a#goToDruckAuswertung:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#goToDruckAuswertung:hover svg, #topnav1 a#goToDruckAuswertung:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#goToDruckAuswertung:hover svg path, #topnav1 a#goToDruckAuswertung:hover img path {
  fill: #FFF;
}
#topnav1 a#goToDruckAuswertung img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/go_header.png");
}
#topnav1 a#goToDruckAuswertungList {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#goToDruckAuswertungList svg path, #topnav1 a#goToDruckAuswertungList img path {
  fill: #0f0f10;
}
#topnav1 a#goToDruckAuswertungList:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#goToDruckAuswertungList:hover svg, #topnav1 a#goToDruckAuswertungList:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#goToDruckAuswertungList:hover svg path, #topnav1 a#goToDruckAuswertungList:hover img path {
  fill: #FFF;
}
#topnav1 a#goToDruckAuswertungList img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/go_header.png");
}
#topnav1 a#auswertungList {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#auswertungList svg path, #topnav1 a#auswertungList img path {
  fill: #0f0f10;
}
#topnav1 a#auswertungList:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#auswertungList:hover svg, #topnav1 a#auswertungList:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#auswertungList:hover svg path, #topnav1 a#auswertungList:hover img path {
  fill: #FFF;
}
#topnav1 a#auswertungList img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/auswertungList.png");
}
#topnav1 a#addRow {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#addRow svg path, #topnav1 a#addRow img path {
  fill: #0f0f10;
}
#topnav1 a#addRow:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#addRow:hover svg, #topnav1 a#addRow:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#addRow:hover svg path, #topnav1 a#addRow:hover img path {
  fill: #FFF;
}
#topnav1 a#addRow img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/addRow.png");
}
#topnav1 a#changeCableObject {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#changeCableObject svg path, #topnav1 a#changeCableObject img path {
  fill: #0f0f10;
}
#topnav1 a#changeCableObject:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#changeCableObject:hover svg, #topnav1 a#changeCableObject:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#changeCableObject:hover svg path, #topnav1 a#changeCableObject:hover img path {
  fill: #FFF;
}
#topnav1 a#changeCableObject img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/changeCableObject.png");
}
#topnav1 a#findAllNtz {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#findAllNtz svg path, #topnav1 a#findAllNtz img path {
  fill: #0f0f10;
}
#topnav1 a#findAllNtz:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#findAllNtz:hover svg, #topnav1 a#findAllNtz:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#findAllNtz:hover svg path, #topnav1 a#findAllNtz:hover img path {
  fill: #FFF;
}
#topnav1 a#findAllNtz img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/findAllNtz.png");
}
#topnav1 a#docVerwaltung {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#docVerwaltung svg path, #topnav1 a#docVerwaltung img path {
  fill: #0f0f10;
}
#topnav1 a#docVerwaltung:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#docVerwaltung:hover svg, #topnav1 a#docVerwaltung:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#docVerwaltung:hover svg path, #topnav1 a#docVerwaltung:hover img path {
  fill: #FFF;
}
#topnav1 a#docVerwaltung img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/dokumentVerwaltung.png");
}
#topnav1 a#showLeitungsWeg {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showLeitungsWeg svg path, #topnav1 a#showLeitungsWeg img path {
  fill: #0f0f10;
}
#topnav1 a#showLeitungsWeg:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showLeitungsWeg:hover svg, #topnav1 a#showLeitungsWeg:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showLeitungsWeg:hover svg path, #topnav1 a#showLeitungsWeg:hover img path {
  fill: #FFF;
}
#topnav1 a#showLeitungsWeg img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showLeitungsWeg.png");
}
#topnav1 a#showRufnummernBlock {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showRufnummernBlock svg path, #topnav1 a#showRufnummernBlock img path {
  fill: #0f0f10;
}
#topnav1 a#showRufnummernBlock:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showRufnummernBlock:hover svg, #topnav1 a#showRufnummernBlock:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showRufnummernBlock:hover svg path, #topnav1 a#showRufnummernBlock:hover img path {
  fill: #FFF;
}
#topnav1 a#showRufnummernBlock img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/queryIcon.png");
}
#topnav1 a#nutzungsVerwaltung {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#nutzungsVerwaltung svg path, #topnav1 a#nutzungsVerwaltung img path {
  fill: #0f0f10;
}
#topnav1 a#nutzungsVerwaltung:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#nutzungsVerwaltung:hover svg, #topnav1 a#nutzungsVerwaltung:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#nutzungsVerwaltung:hover svg path, #topnav1 a#nutzungsVerwaltung:hover img path {
  fill: #FFF;
}
#topnav1 a#nutzungsVerwaltung img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/nutzungsVerwaltung.png");
}
#topnav1 a#vlan {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#vlan svg path, #topnav1 a#vlan img path {
  fill: #0f0f10;
}
#topnav1 a#vlan:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#vlan:hover svg, #topnav1 a#vlan:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#vlan:hover svg path, #topnav1 a#vlan:hover img path {
  fill: #FFF;
}
#topnav1 a#vlan img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/registry.png");
}
#topnav1 a#goVonNode {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#goVonNode svg path, #topnav1 a#goVonNode img path {
  fill: #0f0f10;
}
#topnav1 a#goVonNode:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#goVonNode:hover svg, #topnav1 a#goVonNode:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#goVonNode:hover svg path, #topnav1 a#goVonNode:hover img path {
  fill: #FFF;
}
#topnav1 a#goVonNode img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/go_von.png");
}
#topnav1 a#goNachNode {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#goNachNode svg path, #topnav1 a#goNachNode img path {
  fill: #0f0f10;
}
#topnav1 a#goNachNode:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#goNachNode:hover svg, #topnav1 a#goNachNode:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#goNachNode:hover svg path, #topnav1 a#goNachNode:hover img path {
  fill: #FFF;
}
#topnav1 a#goNachNode img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/go_header.png");
}
#topnav1 a#setActive {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#setActive svg path, #topnav1 a#setActive img path {
  fill: #0f0f10;
}
#topnav1 a#setActive:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#setActive:hover svg, #topnav1 a#setActive:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#setActive:hover svg path, #topnav1 a#setActive:hover img path {
  fill: #FFF;
}
#topnav1 a#setActive img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/ruler_square.png");
}
#topnav1 a#showGraph {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showGraph svg path, #topnav1 a#showGraph img path {
  fill: #0f0f10;
}
#topnav1 a#showGraph:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showGraph:hover svg, #topnav1 a#showGraph:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showGraph:hover svg path, #topnav1 a#showGraph:hover img path {
  fill: #FFF;
}
#topnav1 a#showGraph img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showGraph1.png");
}
#topnav1 a#showTable {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showTable svg path, #topnav1 a#showTable img path {
  fill: #0f0f10;
}
#topnav1 a#showTable:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showTable:hover svg, #topnav1 a#showTable:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showTable:hover svg path, #topnav1 a#showTable:hover img path {
  fill: #FFF;
}
#topnav1 a#showTable img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/table.png");
}
#topnav1 a#showTracerouteRecord {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showTracerouteRecord svg path, #topnav1 a#showTracerouteRecord img path {
  fill: #0f0f10;
}
#topnav1 a#showTracerouteRecord:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showTracerouteRecord:hover svg, #topnav1 a#showTracerouteRecord:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showTracerouteRecord:hover svg path, #topnav1 a#showTracerouteRecord:hover img path {
  fill: #FFF;
}
#topnav1 a#showTracerouteRecord img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/ipSubnetOverviewIcon.png");
}
#topnav1 a#printNow {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#printNow svg path, #topnav1 a#printNow img path {
  fill: #0f0f10;
}
#topnav1 a#printNow:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#printNow:hover svg, #topnav1 a#printNow:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#printNow:hover svg path, #topnav1 a#printNow:hover img path {
  fill: #FFF;
}
#topnav1 a#printNow img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/printNow.png");
}
#topnav1 a#showGraphics {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showGraphics svg path, #topnav1 a#showGraphics img path {
  fill: #0f0f10;
}
#topnav1 a#showGraphics:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showGraphics:hover svg, #topnav1 a#showGraphics:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showGraphics:hover svg path, #topnav1 a#showGraphics:hover img path {
  fill: #FFF;
}
#topnav1 a#showGraphics img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showGraph1.png");
}
#topnav1 a#openIPStations {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openIPStations svg path, #topnav1 a#openIPStations img path {
  fill: #0f0f10;
}
#topnav1 a#openIPStations:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openIPStations:hover svg, #topnav1 a#openIPStations:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openIPStations:hover svg path, #topnav1 a#openIPStations:hover img path {
  fill: #FFF;
}
#topnav1 a#openIPStations img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/openIPStations.png");
}
#topnav1 a#openConfiguration {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openConfiguration svg path, #topnav1 a#openConfiguration img path {
  fill: #0f0f10;
}
#topnav1 a#openConfiguration:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openConfiguration:hover svg, #topnav1 a#openConfiguration:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openConfiguration:hover svg path, #topnav1 a#openConfiguration:hover img path {
  fill: #FFF;
}
#topnav1 a#openConfiguration img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/table.png");
}
#topnav1 a#openMembers {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openMembers svg path, #topnav1 a#openMembers img path {
  fill: #0f0f10;
}
#topnav1 a#openMembers:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openMembers:hover svg, #topnav1 a#openMembers:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openMembers:hover svg path, #topnav1 a#openMembers:hover img path {
  fill: #FFF;
}
#topnav1 a#openMembers img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/table.png");
}
#topnav1 a#openMembersForBoards {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openMembersForBoards svg path, #topnav1 a#openMembersForBoards img path {
  fill: #0f0f10;
}
#topnav1 a#openMembersForBoards:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openMembersForBoards:hover svg, #topnav1 a#openMembersForBoards:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openMembersForBoards:hover svg path, #topnav1 a#openMembersForBoards:hover img path {
  fill: #FFF;
}
#topnav1 a#openMembersForBoards img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/table.png");
}
#topnav1 a#verifyTest {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#verifyTest svg path, #topnav1 a#verifyTest img path {
  fill: #0f0f10;
}
#topnav1 a#verifyTest:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#verifyTest:hover svg, #topnav1 a#verifyTest:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#verifyTest:hover svg path, #topnav1 a#verifyTest:hover img path {
  fill: #FFF;
}
#topnav1 a#verifyTest img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/verifyTest.png");
}
#topnav1 a#nutzung {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#nutzung svg path, #topnav1 a#nutzung img path {
  fill: #0f0f10;
}
#topnav1 a#nutzung:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#nutzung:hover svg, #topnav1 a#nutzung:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#nutzung:hover svg path, #topnav1 a#nutzung:hover img path {
  fill: #FFF;
}
#topnav1 a#nutzung img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/nutzungsVerwaltung.png");
}
#topnav1 a#mibTree {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#mibTree svg path, #topnav1 a#mibTree img path {
  fill: #0f0f10;
}
#topnav1 a#mibTree:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#mibTree:hover svg, #topnav1 a#mibTree:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#mibTree:hover svg path, #topnav1 a#mibTree:hover img path {
  fill: #FFF;
}
#topnav1 a#mibTree img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/network.png");
}
#topnav1 a#restartCommand {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#restartCommand svg path, #topnav1 a#restartCommand img path {
  fill: #0f0f10;
}
#topnav1 a#restartCommand:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#restartCommand:hover svg, #topnav1 a#restartCommand:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#restartCommand:hover svg path, #topnav1 a#restartCommand:hover img path {
  fill: #FFF;
}
#topnav1 a#restartCommand img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/restartCommand.png");
}
#topnav1 a#changeStatus {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#changeStatus svg path, #topnav1 a#changeStatus img path {
  fill: #0f0f10;
}
#topnav1 a#changeStatus:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#changeStatus:hover svg, #topnav1 a#changeStatus:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#changeStatus:hover svg path, #topnav1 a#changeStatus:hover img path {
  fill: #FFF;
}
#topnav1 a#changeStatus img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/changeStatus.png");
}
#topnav1 a#addMassnahme {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#addMassnahme svg path, #topnav1 a#addMassnahme img path {
  fill: #0f0f10;
}
#topnav1 a#addMassnahme:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#addMassnahme:hover svg, #topnav1 a#addMassnahme:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#addMassnahme:hover svg path, #topnav1 a#addMassnahme:hover img path {
  fill: #FFF;
}
#topnav1 a#addMassnahme img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/addMassnahme.png");
}
#topnav1 a#editDefault {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#editDefault svg path, #topnav1 a#editDefault img path {
  fill: #0f0f10;
}
#topnav1 a#editDefault:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#editDefault:hover svg, #topnav1 a#editDefault:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#editDefault:hover svg path, #topnav1 a#editDefault:hover img path {
  fill: #FFF;
}
#topnav1 a#editDefault img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/editDefault.png");
}
#topnav1 a#clearDefault {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#clearDefault svg path, #topnav1 a#clearDefault img path {
  fill: #0f0f10;
}
#topnav1 a#clearDefault:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#clearDefault:hover svg, #topnav1 a#clearDefault:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#clearDefault:hover svg path, #topnav1 a#clearDefault:hover img path {
  fill: #FFF;
}
#topnav1 a#clearDefault img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/clearDefault.png");
}
#topnav1 a#openFormular {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openFormular svg path, #topnav1 a#openFormular img path {
  fill: #0f0f10;
}
#topnav1 a#openFormular:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openFormular:hover svg, #topnav1 a#openFormular:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openFormular:hover svg path, #topnav1 a#openFormular:hover img path {
  fill: #FFF;
}
#topnav1 a#openFormular img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/openFormular.png");
}
#topnav1 a#showAttributs {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showAttributs svg path, #topnav1 a#showAttributs img path {
  fill: #0f0f10;
}
#topnav1 a#showAttributs:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showAttributs:hover svg, #topnav1 a#showAttributs:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showAttributs:hover svg path, #topnav1 a#showAttributs:hover img path {
  fill: #FFF;
}
#topnav1 a#showAttributs img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showAttributs.png");
}
#topnav1 a#showCallsInfo {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showCallsInfo svg path, #topnav1 a#showCallsInfo img path {
  fill: #0f0f10;
}
#topnav1 a#showCallsInfo:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showCallsInfo:hover svg, #topnav1 a#showCallsInfo:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showCallsInfo:hover svg path, #topnav1 a#showCallsInfo:hover img path {
  fill: #FFF;
}
#topnav1 a#showCallsInfo img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/help.png");
}
#topnav1 a#openFilteredCalls {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openFilteredCalls svg path, #topnav1 a#openFilteredCalls img path {
  fill: #0f0f10;
}
#topnav1 a#openFilteredCalls:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openFilteredCalls:hover svg, #topnav1 a#openFilteredCalls:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openFilteredCalls:hover svg path, #topnav1 a#openFilteredCalls:hover img path {
  fill: #FFF;
}
#topnav1 a#openFilteredCalls img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/access_point_30.png");
}
#topnav1 a#importExtensions {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#importExtensions svg path, #topnav1 a#importExtensions img path {
  fill: #0f0f10;
}
#topnav1 a#importExtensions:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#importExtensions:hover svg, #topnav1 a#importExtensions:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#importExtensions:hover svg path, #topnav1 a#importExtensions:hover img path {
  fill: #FFF;
}
#topnav1 a#importExtensions img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/inbox.png");
}
#topnav1 a#importMediaGatewayResources {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#importMediaGatewayResources svg path, #topnav1 a#importMediaGatewayResources img path {
  fill: #0f0f10;
}
#topnav1 a#importMediaGatewayResources:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#importMediaGatewayResources:hover svg, #topnav1 a#importMediaGatewayResources:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#importMediaGatewayResources:hover svg path, #topnav1 a#importMediaGatewayResources:hover img path {
  fill: #FFF;
}
#topnav1 a#importMediaGatewayResources img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/importMediaGatewayResources.png");
}
#topnav1 a#autoAssociateEndpoints {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#autoAssociateEndpoints svg path, #topnav1 a#autoAssociateEndpoints img path {
  fill: #0f0f10;
}
#topnav1 a#autoAssociateEndpoints:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#autoAssociateEndpoints:hover svg, #topnav1 a#autoAssociateEndpoints:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#autoAssociateEndpoints:hover svg path, #topnav1 a#autoAssociateEndpoints:hover img path {
  fill: #FFF;
}
#topnav1 a#autoAssociateEndpoints img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/autoAssociateEndpoints.png");
}
#topnav1 a#mappingNew {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#mappingNew svg path, #topnav1 a#mappingNew img path {
  fill: #0f0f10;
}
#topnav1 a#mappingNew:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#mappingNew:hover svg, #topnav1 a#mappingNew:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#mappingNew:hover svg path, #topnav1 a#mappingNew:hover img path {
  fill: #FFF;
}
#topnav1 a#mappingNew img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/mappingNew.png");
}
#topnav1 a#copyToProjekt {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#copyToProjekt svg path, #topnav1 a#copyToProjekt img path {
  fill: #0f0f10;
}
#topnav1 a#copyToProjekt:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#copyToProjekt:hover svg, #topnav1 a#copyToProjekt:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#copyToProjekt:hover svg path, #topnav1 a#copyToProjekt:hover img path {
  fill: #FFF;
}
#topnav1 a#copyToProjekt img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/copyToProjekt.png");
}
#topnav1 a#showProjekte {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showProjekte svg path, #topnav1 a#showProjekte img path {
  fill: #0f0f10;
}
#topnav1 a#showProjekte:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showProjekte:hover svg, #topnav1 a#showProjekte:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showProjekte:hover svg path, #topnav1 a#showProjekte:hover img path {
  fill: #FFF;
}
#topnav1 a#showProjekte img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showProjekte.png");
}
#topnav1 a#leitungsWegAufheben {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#leitungsWegAufheben svg path, #topnav1 a#leitungsWegAufheben img path {
  fill: #0f0f10;
}
#topnav1 a#leitungsWegAufheben:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#leitungsWegAufheben:hover svg, #topnav1 a#leitungsWegAufheben:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#leitungsWegAufheben:hover svg path, #topnav1 a#leitungsWegAufheben:hover img path {
  fill: #FFF;
}
#topnav1 a#leitungsWegAufheben img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/leitungsWegAufheben.png");
}
#topnav1 a#setStreckenAnfang {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#setStreckenAnfang svg path, #topnav1 a#setStreckenAnfang img path {
  fill: #0f0f10;
}
#topnav1 a#setStreckenAnfang:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#setStreckenAnfang:hover svg, #topnav1 a#setStreckenAnfang:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#setStreckenAnfang:hover svg path, #topnav1 a#setStreckenAnfang:hover img path {
  fill: #FFF;
}
#topnav1 a#setStreckenAnfang img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/setStreckenAnfang.png");
}
#topnav1 a#showPreise {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showPreise svg path, #topnav1 a#showPreise img path {
  fill: #0f0f10;
}
#topnav1 a#showPreise:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showPreise:hover svg, #topnav1 a#showPreise:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showPreise:hover svg path, #topnav1 a#showPreise:hover img path {
  fill: #FFF;
}
#topnav1 a#showPreise img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showPreise.png");
}
#topnav1 a#showTarifPreise {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showTarifPreise svg path, #topnav1 a#showTarifPreise img path {
  fill: #0f0f10;
}
#topnav1 a#showTarifPreise:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showTarifPreise:hover svg, #topnav1 a#showTarifPreise:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showTarifPreise:hover svg path, #topnav1 a#showTarifPreise:hover img path {
  fill: #FFF;
}
#topnav1 a#showTarifPreise img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showTarifPreise.png");
}
#topnav1 a#showPreiseProzent {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showPreiseProzent svg path, #topnav1 a#showPreiseProzent img path {
  fill: #0f0f10;
}
#topnav1 a#showPreiseProzent:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showPreiseProzent:hover svg, #topnav1 a#showPreiseProzent:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showPreiseProzent:hover svg path, #topnav1 a#showPreiseProzent:hover img path {
  fill: #FFF;
}
#topnav1 a#showPreiseProzent img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showPreiseProzent.png");
}
#topnav1 a#exportVlist {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#exportVlist svg path, #topnav1 a#exportVlist img path {
  fill: #0f0f10;
}
#topnav1 a#exportVlist:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#exportVlist:hover svg, #topnav1 a#exportVlist:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#exportVlist:hover svg path, #topnav1 a#exportVlist:hover img path {
  fill: #FFF;
}
#topnav1 a#exportVlist img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/tarifmodelleExpIcon.png");
}
#topnav1 a#importACMMenu {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#importACMMenu svg path, #topnav1 a#importACMMenu img path {
  fill: #0f0f10;
}
#topnav1 a#importACMMenu:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#importACMMenu:hover svg, #topnav1 a#importACMMenu:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#importACMMenu:hover svg path, #topnav1 a#importACMMenu:hover img path {
  fill: #FFF;
}
#topnav1 a#importACMMenu img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/importACMMenu.png");
}
#topnav1 a#showSMSnapshot {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showSMSnapshot svg path, #topnav1 a#showSMSnapshot img path {
  fill: #0f0f10;
}
#topnav1 a#showSMSnapshot:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showSMSnapshot:hover svg, #topnav1 a#showSMSnapshot:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showSMSnapshot:hover svg path, #topnav1 a#showSMSnapshot:hover img path {
  fill: #FFF;
}
#topnav1 a#showSMSnapshot img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showSMSnapshot.png");
}
#topnav1 a#createSensor {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#createSensor svg path, #topnav1 a#createSensor img path {
  fill: #0f0f10;
}
#topnav1 a#createSensor:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#createSensor:hover svg, #topnav1 a#createSensor:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#createSensor:hover svg path, #topnav1 a#createSensor:hover img path {
  fill: #FFF;
}
#topnav1 a#createSensor img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/sensorTreeAddIcon.png");
}
#topnav1 a#showSMSnapshot {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showSMSnapshot svg path, #topnav1 a#showSMSnapshot img path {
  fill: #0f0f10;
}
#topnav1 a#showSMSnapshot:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showSMSnapshot:hover svg, #topnav1 a#showSMSnapshot:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showSMSnapshot:hover svg path, #topnav1 a#showSMSnapshot:hover img path {
  fill: #FFF;
}
#topnav1 a#showSMSnapshot img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showSMSnapshot.png");
}
#topnav1 a#startSensor {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#startSensor svg path, #topnav1 a#startSensor img path {
  fill: #0f0f10;
}
#topnav1 a#startSensor:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#startSensor:hover svg, #topnav1 a#startSensor:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#startSensor:hover svg path, #topnav1 a#startSensor:hover img path {
  fill: #FFF;
}
#topnav1 a#startSensor img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/startSensor.png");
}
#topnav1 a#showBausteine {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showBausteine svg path, #topnav1 a#showBausteine img path {
  fill: #0f0f10;
}
#topnav1 a#showBausteine:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showBausteine:hover svg, #topnav1 a#showBausteine:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showBausteine:hover svg path, #topnav1 a#showBausteine:hover img path {
  fill: #FFF;
}
#topnav1 a#showBausteine img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/itsiBausteine.png");
}
#topnav1 a#showGefaehrdungen {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showGefaehrdungen svg path, #topnav1 a#showGefaehrdungen img path {
  fill: #0f0f10;
}
#topnav1 a#showGefaehrdungen:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showGefaehrdungen:hover svg, #topnav1 a#showGefaehrdungen:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showGefaehrdungen:hover svg path, #topnav1 a#showGefaehrdungen:hover img path {
  fill: #FFF;
}
#topnav1 a#showGefaehrdungen img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/itsiGefaehrdungen.png");
}
#topnav1 a#showMassnahmen {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showMassnahmen svg path, #topnav1 a#showMassnahmen img path {
  fill: #0f0f10;
}
#topnav1 a#showMassnahmen:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showMassnahmen:hover svg, #topnav1 a#showMassnahmen:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showMassnahmen:hover svg path, #topnav1 a#showMassnahmen:hover img path {
  fill: #FFF;
}
#topnav1 a#showMassnahmen img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/itsiMassnahmen.png");
}
#topnav1 a#showConfigs {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showConfigs svg path, #topnav1 a#showConfigs img path {
  fill: #0f0f10;
}
#topnav1 a#showConfigs:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showConfigs:hover svg, #topnav1 a#showConfigs:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showConfigs:hover svg path, #topnav1 a#showConfigs:hover img path {
  fill: #FFF;
}
#topnav1 a#showConfigs img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/showConfigs.png");
}
#topnav1 a#openMultiBearbeitung {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openMultiBearbeitung svg path, #topnav1 a#openMultiBearbeitung img path {
  fill: #0f0f10;
}
#topnav1 a#openMultiBearbeitung:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openMultiBearbeitung:hover svg, #topnav1 a#openMultiBearbeitung:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openMultiBearbeitung:hover svg path, #topnav1 a#openMultiBearbeitung:hover img path {
  fill: #FFF;
}
#topnav1 a#openMultiBearbeitung img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/openrow.png");
}
#topnav1 a#changeObject {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#changeObject svg path, #topnav1 a#changeObject img path {
  fill: #0f0f10;
}
#topnav1 a#changeObject:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#changeObject:hover svg, #topnav1 a#changeObject:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#changeObject:hover svg path, #topnav1 a#changeObject:hover img path {
  fill: #FFF;
}
#topnav1 a#changeObject img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/openrow.png");
}
#topnav1 a#showDruckFiles {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showDruckFiles svg path, #topnav1 a#showDruckFiles img path {
  fill: #0f0f10;
}
#topnav1 a#showDruckFiles:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showDruckFiles:hover svg, #topnav1 a#showDruckFiles:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showDruckFiles:hover svg path, #topnav1 a#showDruckFiles:hover img path {
  fill: #FFF;
}
#topnav1 a#showDruckFiles img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/DruckFiles.png");
}
#topnav1 a#showAuftragsVerarbeiter {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showAuftragsVerarbeiter svg path, #topnav1 a#showAuftragsVerarbeiter img path {
  fill: #0f0f10;
}
#topnav1 a#showAuftragsVerarbeiter:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showAuftragsVerarbeiter:hover svg, #topnav1 a#showAuftragsVerarbeiter:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showAuftragsVerarbeiter:hover svg path, #topnav1 a#showAuftragsVerarbeiter:hover img path {
  fill: #FFF;
}
#topnav1 a#showAuftragsVerarbeiter img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/itsiAuftragsVerarbeiter.png");
}
#topnav1 a#showGemeinsamVerantwortliche {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showGemeinsamVerantwortliche svg path, #topnav1 a#showGemeinsamVerantwortliche img path {
  fill: #0f0f10;
}
#topnav1 a#showGemeinsamVerantwortliche:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showGemeinsamVerantwortliche:hover svg, #topnav1 a#showGemeinsamVerantwortliche:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showGemeinsamVerantwortliche:hover svg path, #topnav1 a#showGemeinsamVerantwortliche:hover img path {
  fill: #FFF;
}
#topnav1 a#showGemeinsamVerantwortliche img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/itsiGemeinsamVerantwortliche.png");
}
#topnav1 a#sendRow {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#sendRow svg path, #topnav1 a#sendRow img path {
  fill: #0f0f10;
}
#topnav1 a#sendRow:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#sendRow:hover svg, #topnav1 a#sendRow:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#sendRow:hover svg path, #topnav1 a#sendRow:hover img path {
  fill: #FFF;
}
#topnav1 a#sendRow img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/changeStatus.png");
}
#topnav1 a#openResult {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openResult svg path, #topnav1 a#openResult img path {
  fill: #0f0f10;
}
#topnav1 a#openResult:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openResult:hover svg, #topnav1 a#openResult:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openResult:hover svg path, #topnav1 a#openResult:hover img path {
  fill: #FFF;
}
#topnav1 a#openResult img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/openRow.png");
}
#topnav1 a#abgleichen {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#abgleichen svg path, #topnav1 a#abgleichen img path {
  fill: #0f0f10;
}
#topnav1 a#abgleichen:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#abgleichen:hover svg, #topnav1 a#abgleichen:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#abgleichen:hover svg path, #topnav1 a#abgleichen:hover img path {
  fill: #FFF;
}
#topnav1 a#abgleichen img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/itsiAbgleichen.png");
}
#topnav1 a#openRow1 {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#openRow1 svg path, #topnav1 a#openRow1 img path {
  fill: #0f0f10;
}
#topnav1 a#openRow1:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#openRow1:hover svg, #topnav1 a#openRow1:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#openRow1:hover svg path, #topnav1 a#openRow1:hover img path {
  fill: #FFF;
}
#topnav1 a#openRow1 img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/pencil.svg");
}
#topnav1 a#showRow {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showRow svg path, #topnav1 a#showRow img path {
  fill: #0f0f10;
}
#topnav1 a#showRow:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showRow:hover svg, #topnav1 a#showRow:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showRow:hover svg path, #topnav1 a#showRow:hover img path {
  fill: #FFF;
}
#topnav1 a#showRow img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/openrow.svg");
}
#topnav1 a#newRow {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#newRow svg path, #topnav1 a#newRow img path {
  fill: #0f0f10;
}
#topnav1 a#newRow:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#newRow:hover svg, #topnav1 a#newRow:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#newRow:hover svg path, #topnav1 a#newRow:hover img path {
  fill: #FFF;
}
#topnav1 a#newRow img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/file-add.svg");
}
#topnav1 a#importACMMenu {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#importACMMenu svg path, #topnav1 a#importACMMenu img path {
  fill: #0f0f10;
}
#topnav1 a#importACMMenu:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#importACMMenu:hover svg, #topnav1 a#importACMMenu:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#importACMMenu:hover svg path, #topnav1 a#importACMMenu:hover img path {
  fill: #FFF;
}
#topnav1 a#importACMMenu img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/importACMMenu.svg");
}
#topnav1 a#insertFilter {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#insertFilter svg path, #topnav1 a#insertFilter img path {
  fill: #0f0f10;
}
#topnav1 a#insertFilter:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#insertFilter:hover svg, #topnav1 a#insertFilter:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#insertFilter:hover svg path, #topnav1 a#insertFilter:hover img path {
  fill: #FFF;
}
#topnav1 a#insertFilter img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/filter1.svg");
}
#topnav1 a#removeFilter {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#removeFilter svg path, #topnav1 a#removeFilter img path {
  fill: #0f0f10;
}
#topnav1 a#removeFilter:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#removeFilter:hover svg, #topnav1 a#removeFilter:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#removeFilter:hover svg path, #topnav1 a#removeFilter:hover img path {
  fill: #FFF;
}
#topnav1 a#removeFilter img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/filter1.svg");
}
#topnav1 a#saveFilter {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#saveFilter svg path, #topnav1 a#saveFilter img path {
  fill: #0f0f10;
}
#topnav1 a#saveFilter:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#saveFilter:hover svg, #topnav1 a#saveFilter:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#saveFilter:hover svg path, #topnav1 a#saveFilter:hover img path {
  fill: #FFF;
}
#topnav1 a#saveFilter img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/save-icon-black.svg");
}
#topnav1 a#showFilterReload {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showFilterReload svg path, #topnav1 a#showFilterReload img path {
  fill: #0f0f10;
}
#topnav1 a#showFilterReload:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showFilterReload:hover svg, #topnav1 a#showFilterReload:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showFilterReload:hover svg path, #topnav1 a#showFilterReload:hover img path {
  fill: #FFF;
}
#topnav1 a#showFilterReload img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/update.svg");
}
#topnav1 a#refreshReport {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#refreshReport svg path, #topnav1 a#refreshReport img path {
  fill: #0f0f10;
}
#topnav1 a#refreshReport:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#refreshReport:hover svg, #topnav1 a#refreshReport:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#refreshReport:hover svg path, #topnav1 a#refreshReport:hover img path {
  fill: #FFF;
}
#topnav1 a#refreshReport img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/update.svg");
}
#topnav1 a#exportRows {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#exportRows svg path, #topnav1 a#exportRows img path {
  fill: #0f0f10;
}
#topnav1 a#exportRows:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#exportRows:hover svg, #topnav1 a#exportRows:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#exportRows:hover svg path, #topnav1 a#exportRows:hover img path {
  fill: #FFF;
}
#topnav1 a#exportRows img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/print.svg");
}
#topnav1 a#showCalculation {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#showCalculation svg path, #topnav1 a#showCalculation img path {
  fill: #0f0f10;
}
#topnav1 a#showCalculation:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#showCalculation:hover svg, #topnav1 a#showCalculation:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#showCalculation:hover svg path, #topnav1 a#showCalculation:hover img path {
  fill: #FFF;
}
#topnav1 a#showCalculation img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/rechenzeile-icon.svg");
}
#topnav1 a#editRow {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#editRow svg path, #topnav1 a#editRow img path {
  fill: #0f0f10;
}
#topnav1 a#editRow:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#editRow:hover svg, #topnav1 a#editRow:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#editRow:hover svg path, #topnav1 a#editRow:hover img path {
  fill: #FFF;
}
#topnav1 a#editRow img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/filtericon.svg");
}
#topnav1 a#actualize {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#actualize svg path, #topnav1 a#actualize img path {
  fill: #0f0f10;
}
#topnav1 a#actualize:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#actualize:hover svg, #topnav1 a#actualize:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#actualize:hover svg path, #topnav1 a#actualize:hover img path {
  fill: #FFF;
}
#topnav1 a#actualize img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/update.svg");
}
#topnav1 a#uploadKoordinaten {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#uploadKoordinaten svg path, #topnav1 a#uploadKoordinaten img path {
  fill: #0f0f10;
}
#topnav1 a#uploadKoordinaten:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#uploadKoordinaten:hover svg, #topnav1 a#uploadKoordinaten:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#uploadKoordinaten:hover svg path, #topnav1 a#uploadKoordinaten:hover img path {
  fill: #FFF;
}
#topnav1 a#uploadKoordinaten img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/uploadKoordinaten.svg");
}
#topnav1 a#downloadKoordinaten {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 0.5em;
  padding: 0.5em;
  text-decoration: none;
  height: 3em;
  width: 3em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: unset;
}
#topnav1 a#downloadKoordinaten svg path, #topnav1 a#downloadKoordinaten img path {
  fill: #0f0f10;
}
#topnav1 a#downloadKoordinaten:hover {
  background-color: var(--bs-orange);
}
#topnav1 a#downloadKoordinaten:hover svg, #topnav1 a#downloadKoordinaten:hover img {
  filter: brightness(0) invert(100%);
}
#topnav1 a#downloadKoordinaten:hover svg path, #topnav1 a#downloadKoordinaten:hover img path {
  fill: #FFF;
}
#topnav1 a#downloadKoordinaten img {
  height: 2em;
  width: 2em;
  content: url("/files/styles/images/stylev9/downloadKoordinaten.svg");
}
#topnav1 a#forceDelete {
  display: none;
}
#topnav1 a:not(:first-child) {
  margin-left: 0.5rem;
}

:root {
  --shadowbox-bg:rgba(0, 0, 0,0.25);
  --lightbox-bg:rgba(255, 255, 255,0.75);
  --kaupa-btn-blau: #16427f;
  --kaupa-grau-bg:rgba(203, 203, 205,0.75);
  --kaupa-grau-bg2:#cbcbcd;
  --kaupa-grau-main: #ced4da;
  --kaupa-btn-orange: #e97800;
  --kaupa-grau-btn: #f0eff3;
  --kaupa-hover-btn: #e97800;
  --kaupa-orange-bdr: #e97800;
  --kaupa-orange-main: #e97800;
  --main-screen-height-full: calc(100vh * 1);
  --main-screen-width-full: calc(100vw * 1);
  --main-screen-height-head: calc(var(--main-screen-height-full) * 0.13238);
  --main-screen-height-head-padding-h: calc(var(--main-screen-height-full) * 0.03005);
  --main-screen-height-head-padding-w: calc(var(--main-screen-width-full) * 0.020839);
  --main-screen-height-head-padding-set: var(--main-screen-height-head-padding-h) var(--main-screen-height-head-padding-w);
  --main-screen-height-body: calc(var(--main-screen-height-full) * 0.92768);
  --main-screen-width-left: calc(var(--main-screen-width-full) * 0.2);
  --main-screen-width-right: calc(var(--main-screen-width-full) * 0.8);
  --set-section-qi-h: calc(var(--main-screen-height-body) - 3em);
  --set-section-qi-w: calc(var(--main-screen-width-full) - 3em);
  --set-section-st-h: calc(var(--main-screen-height-body) - 3em);
  --set-section-st-w: calc(var(--main-screen-width-full) - 3em);
  --qi-bc-h: 5em;
  --qi-bc-w: var(--set-section-qi-w);
  --set-container-qi-h: calc(var(--main-screen-height-body) - var(--qi-bc-h));
  --set-container-qi-w: var(--set-section-qi-w);
  --base-qi-h: calc(var(--main-screen-height-body) * .5);
  --standard-qi-w: 100%;
  --standard-qi-h: var(--base-qi-h);
  --standard-qi-head-h: calc(var(--standard-qi-h) * .1);
  --standard-qi-head-w: calc(var(--standard-qi-w));
  --standard-qi-foot-h: calc(var(--standard-qi-h) * .15);
  --standard-qi-foot-w: calc(var(--standard-qi-w));
  --standard-qi-content-h: calc(var(--standard-qi-h) * .65);
  --standard-qi-content-w: calc(var(--standard-qi-w));
  --standard-qi-content-flot-h: calc(var(--standard-qi-content-h) * 1);
  --standard-qi-content-flot-w: calc(var(--standard-qi-content-w) * 1);
  --fixed-qi-h: 70vh !important;
  --fixed-qi-h-limit: calc(var(--main-screen-height-full) * .7);
  --fixed-qi-w: 70vw !important;
  --fixed-qi-w-limit: calc(var(--main-screen-width-full) * .7);
  --fixed-qi-content-h: calc(var(--fixed-qi-h) * .75);
  --fixed-qi-content-w: calc(var(--fixed-qi-w) * .95);
  --fixed-qi-content-apex-h: calc(var(--fixed-qi-content-h) * 1);
  --fixed-qi-content-apex-w: calc(var(--fixed-qi-content-w) * 1);
  --fixed-qi-content-flot-h: calc(var(--fixed-qi-content-h) * .8);
  --fixed-qi-content-flot-w: calc(var(--fixed-qi-content-w) * .95);
  --top-level-offset: 3em;
  /* 30px is the icon size in png format this can change */
  --popup-attribute-edit-menubar-top-button-h: 30px;
  --popup-attribute-edit-menubar-top-button-w: 30px;
  --popup-attribute-edit-sidebar-right-button-h: 30px;
  --popup-attribute-edit-sidebar-right-button-w: 30px;
  --popup-attribute-edit-menubar-top-h: 30px;
  --popup-attribute-edit-menubar-bottom-h: 30px;
  --popup-attribute-edit-sidebar-right-w: 30px;
  --popup-attribute-edit-icon-padding: calc( var(--popup-attribute-edit-sidebar-right-button-h) / 2 );
  --popup-attribute-edit-icon-spacing: calc( var(--popup-attribute-edit-sidebar-right-button-h) * 2 );
}

/* temp tests qi-altered*/
.boxes {
  display: flex;
  flex-direction: row;
}
.boxes .boxLeft {
  float: left;
}
.boxes .boxRight {
  float: right;
}

/* xtra sizes */
section#qi .qi-all .w66 {
  width: 56%;
}
section#qi .qi-all .w75 {
  width: 68%;
}
section#qi .qi-all .s25 {
  width: 25%;
}
section#qi .qi-all .s33 {
  width: 33%;
}

/* temp tests qi-altered*/
/* sensor view additions */
.content .table-radius {
  position: relative;
}
.content .table-radius.asset-chart-flot {
  display: flex;
  flex-direction: row;
  min-height: 100%;
  height: 100%;
  padding: 1em;
  overflow: hidden;
}
.content .table-radius.asset-chart-flot .zugewiesen-box.float-sideways, .content .table-radius.asset-chart-flot .status-box.float-sideways {
  display: flex;
  flex-direction: row;
  max-width: 50%;
  min-width: 50%;
  overflow: hidden;
}
.content .table-radius.asset-chart-flot .zugewiesen-box .link, .content .table-radius.asset-chart-flot .status-box .link {
  position: absolute;
  display: block;
  width: 12px;
  height: 28px;
  z-index: 2;
  overflow: hidden;
}
.content .table-radius.asset-chart-flot .zugewiesen-box .link a, .content .table-radius.asset-chart-flot .status-box .link a {
  font-size: 0.8em;
  font-weight: 700;
  white-space: nowrap;
}
.content .table-radius.asset-chart-flot .zugewiesen-box .link img, .content .table-radius.asset-chart-flot .status-box .link img {
  content: url("/files/styles/images/stylev9/info.svg");
  filter: invert(0.48);
}
.content .table-radius.asset-chart-flot .zugewiesen-box .link:hover, .content .table-radius.asset-chart-flot .status-box .link:hover {
  display: flex;
  flex-direction: column;
  width: auto;
  height: auto;
}
.content .table-radius.asset-chart-flot .zugewiesen-box .link:hover img, .content .table-radius.asset-chart-flot .status-box .link:hover img {
  content: none;
}
.content .table-radius.asset-chart-flot .zugewiesen-box [id^=placeholder-], .content .table-radius.asset-chart-flot .status-box [id^=placeholder-] {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content .table-radius.asset-chart-flot .zugewiesen-box [id^=placeholder-] .pieLabel, .content .table-radius.asset-chart-flot .status-box [id^=placeholder-] .pieLabel {
  color: var(--bs-white);
}
.content .table-radius .apex-Series-Chart-Holder,
.content .table-radius .apex-Axis-Chart-Holder {
  max-height: 100%;
  min-height: 100%;
  max-width: 100%;
  min-width: 100%;
}

table.dataTable thead .sorting {
  background-image: url("images/sort_both.png") !important;
}
table.dataTable thead .sorting_asc {
  background-image: url("images/sort_asc.png") !important;
}
table.dataTable thead .sorting_desc {
  background-image: url("images/sort_desc.png") !important;
}

.tableHeaderSticky {
  position: sticky;
  top: 0px;
  background-color: var(--bs-white);
  z-index: 10;
}

form#buttons {
  min-height: 2em;
}

div#outputFieldsSum {
  display: flex;
  flex-direction: column;
}

button,
#selectButton,
#cancelButton,
#saveButton,
#closeButton,
#close-lightbox,
#scheduleReport,
#printReport,
#ok,
#verwerfen {
  float: left;
  display: block;
  width: auto;
  height: 1.5em;
  background: var(--kaupa-btn-orange);
  padding: 0em 0.5em 0.5em 0.5em;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0 1em 1em 0;
}

input,
select {
  float: left;
  display: block;
  width: auto;
  height: 2em;
  color: black;
  background-color: #fae4cc;
  border: 1px solid var(--kaupa-btn-orange);
  padding: 0;
  text-align: center;
  border-radius: 5px;
  font-weight: bold;
  line-height: 2em;
}

/* Only for Brendmelderanlage modyfication -> Remotebox / problem with magritte */
html body div#body div#attributNavigation.kalsey.menu-2d div#current-component.navigation-content div.attribut-table div#logicAttributeList.kalsey div.navigation-content form#idAttribut.magritte div#attributContainer div.configTab.currentSection input {
  height: 1.5em !important;
}

select.multiSelect {
  height: 6em;
}

thead tr:first-child th:first-child {
  border-top-left-radius: 1em;
}

thead tr:first-child th:last-child {
  border-top-right-radius: 1em;
}

tbody tr:last-child td:first-child {
  border-bottom-left-radius: 1em;
}

tbody tr:last-child td:last-child {
  border-bottom-right-radius: 1em;
}

.grip {
  width: 20px;
  height: 30px;
  margin-top: -3px;
  background-image: url(/files/styles/images/grip.png);
  margin-left: -5px;
  position: relative;
  z-index: 88;
  cursor: e-resize;
}

.table-rows-option ul {
  display: flex;
  flex-direction: column;
}
.table-rows-option ul li {
  white-space: nowrap;
  display: inline-flex;
}

body {
  margin: 0;
  font-family: Arial;
  font-size: 15px;
}
body .flex-15 {
  flex: 1 1 15%;
  max-width: 15%;
}
body .flex-85 {
  flex: 1 1 85%;
  max-width: 85%;
}
body .flex-85.full-width {
  flex: 1 1 93%;
  max-width: 93%;
}
body p, body a {
  font-size: 15px;
}

.edit-popup {
  position: absolute;
  padding-top: 30px;
  width: 100%;
  padding-bottom: 30px;
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: none;
}
.edit-popup .edit-popup-overlap {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.edit-popup .inner {
  background: #fcfbfe;
  border-radius: 30px;
  width: 100%;
  max-width: 1255px;
  height: 100%;
  margin-left: 15px;
  margin-right: 15px;
}
.edit-popup .inner::-webkit-scrollbar {
  width: 5px;
}
.edit-popup .inner::-webkit-scrollbar-track {
  width: 5px;
  background: #f2f0f5;
  border-radius: 30px;
}
.edit-popup .inner::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #e97800;
  height: 20px;
  width: 25px;
}
.edit-popup .inner .popup-nav {
  z-index: 99;
  background-color: #FFF;
  border-radius: 31px 31px 0px 0;
}
.edit-popup .inner ul {
  list-style: none;
  padding: 0;
  display: flex;
  margin: 0;
  border-bottom: 1px solid #e97800;
  width: 100%;
}
.edit-popup .inner ul li.active {
  background-color: #e97800;
}
.edit-popup .inner ul li.active.error {
  background-color: #d90f0f;
}
.edit-popup .inner ul li.active a {
  color: #fff;
}
.edit-popup .inner ul li:hover {
  background: #fae4cc;
}
.edit-popup .inner ul li:hover a {
  color: #fff;
}
.edit-popup .inner ul li:first-child {
  border-top-left-radius: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.edit-popup .inner ul li:not(:last-child) {
  border-right: 1px solid #e97800;
}
.edit-popup .inner ul li a {
  color: #000;
  padding: 30px;
  font-size: 18px;
  text-decoration: none;
  display: block;
  line-height: 20px;
}
.edit-popup .inner ul li a:hover {
  color: #fff;
  text-shadow: 0px 0px 1px #fff;
}
.edit-popup .inner ul li a.active {
  border-radius: inherit;
  color: #fff;
  text-shadow: 0px 0px 1px #fff;
  background: #e97800;
}
.edit-popup .inner .popup-content {
  background: #fcfbfe;
  padding: 45px 40px;
  border-radius: 30px;
}
.edit-popup .inner .popup-content .row {
  display: flex;
}
.edit-popup .inner .popup-content .col-12 {
  width: 100%;
  padding: 15px;
}
.edit-popup .inner .popup-content .error-message {
  display: none;
  color: #d90f0f;
  font-weight: bold;
}
.edit-popup .inner .popup-content .error-message.active {
  display: block;
}
.edit-popup .inner .popup-content .site-section {
  display: none;
}
.edit-popup .inner .popup-content .error {
  color: #d90f0f;
}
.edit-popup .inner .popup-content .error input {
  outline: 1px solid #d90f0f;
  color: #d90f0f;
}
.edit-popup .inner .popup-content .error input:focus-visible {
  outline: 2px solid #d90f0f !important;
}
.edit-popup .inner .popup-content .half {
  display: flex;
  width: 50%;
  justify-content: space-between;
  padding: 7.5px 15px;
  align-items: center;
}
.edit-popup .inner .popup-content .half .thirty {
  width: 30%;
}
.edit-popup .inner .popup-content .half .full {
  width: 100%;
}
.edit-popup .inner .popup-content .half .seventy {
  width: 70%;
}
.edit-popup .inner .popup-content .half label {
  font-size: 15px;
  font-weight: bold;
}
.edit-popup .inner .popup-content .half p {
  margin: 0;
}
.edit-popup .inner .popup-content .half input, .edit-popup .inner .popup-content .half textarea {
  background: #f2f0f5;
  border-radius: 30px;
  border: 0;
  padding: 10px 30px;
  font-size: 15px;
  width: calc(100% - 60px);
}
.edit-popup .inner .popup-content .half input:focus-visible, .edit-popup .inner .popup-content .half textarea:focus-visible {
  outline: 2px solid #ed973c;
}
.edit-popup .inner .popup-content .half select {
  background: #f2f0f5;
  border-radius: 30px;
  border: 0;
  padding: 10px 30px;
  font-size: 15px;
  width: 100%;
}
.edit-popup .inner .popup-content .half select:focus-visible {
  outline: 2px solid #ed973c;
}
.edit-popup .inner .popup-content .full {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 7.5px 15px;
  align-items: center;
}
.edit-popup .inner .popup-content .full .fifteen {
  width: 15%;
}
.edit-popup .inner .popup-content .full .eightysix {
  width: 86%;
}
.edit-popup .inner .popup-content .full label {
  font-size: 15px;
  font-weight: bold;
}
.edit-popup .inner .popup-content .full p {
  margin: 0;
}
.edit-popup .inner .popup-content .full input {
  background: #f2f0f5;
  border-radius: 10px;
  border: 0;
  padding: 10px 30px;
  font-size: 15px;
  width: calc(100% - 60px);
}
.edit-popup .inner .popup-content .full input:focus-visible {
  outline: 2px solid #ed973c;
}
.edit-popup .inner .popup-content .full select {
  background: #f2f0f5;
  border-radius: 30px;
  border: 0;
  padding: 10px 30px;
  font-size: 15px;
  width: 100%;
}
.edit-popup .inner .popup-content .full select:focus-visible {
  outline: 2px solid #ed973c;
}
.edit-popup .inner .popup-content .table {
  width: 100%;
  border: 1px solid #ed973c;
  border-radius: 15px;
  margin-top: 25px;
  margin-bottom: 30px;
}
.edit-popup .inner .popup-content .table .head {
  background: #e97800;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
}
.edit-popup .inner .popup-content .table .head p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.edit-popup .inner .popup-content .table .buttons {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.edit-popup .inner .popup-content .table .buttons a {
  width: 20px;
  height: 20px;
  padding: 10px;
  border-radius: 100%;
  background: #f2f0f5;
  display: flex;
  align-items: center;
}
.edit-popup .inner .popup-content .table .buttons a img {
  width: 100%;
}
.edit-popup .inner .popup-content .table .buttons a:not(:first-child) {
  margin-left: 5px;
}
.edit-popup .inner .popup-content .table .table-item {
  display: flex;
  padding: 10px 15px;
  align-items: center;
}
.edit-popup .inner .popup-content .table .table-item p {
  margin: 0;
  font-size: 15px;
}
.edit-popup .inner .popup-content .table .table-item:nth-child(odd) {
  background: #f2f0f5;
}
.edit-popup .inner .popup-content .table .table-item:nth-child(odd) .buttons a {
  background: #fff;
}
.edit-popup .inner .popup-content .action-buttons {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.edit-popup .inner .popup-content .action-buttons a {
  width: 30px;
  height: 30px;
  padding: 10px;
  border-radius: 100%;
  background: #16427f;
  display: flex;
  align-items: center;
}
.edit-popup .inner .popup-content .action-buttons a img {
  width: 100%;
}
.edit-popup .inner .popup-content .action-buttons a:not(:first-child) {
  margin-left: 10px;
}

nav {
  padding: 50px 40px;
  display: flex;
  justify-content: space-between;
}
nav img {
  max-width: 276px;
}
nav .nav-list {
  margin-left: 40px;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  list-style: none;
  border-radius: 15px;
}
nav .nav-list .nav-item {
  background: #f0eff3;
  transition: 0.2s linear;
}
nav .nav-list .nav-item:first-child {
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
}
nav .nav-list .nav-item:last-child {
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
}
nav .nav-list .nav-item:hover {
  background: #e97800;
}
nav .nav-list .nav-item a {
  color: #797a80;
  padding: 15px 20px;
  font-size: 17px;
  text-decoration: none;
  display: block;
  line-height: 37px;
}
nav .nav-list .nav-item a:hover {
  color: #fff;
  text-shadow: 0px 0px 1px #fff;
}
nav .nav-list .nav-item a.active {
  border-radius: inherit;
  color: #fff;
  text-shadow: 0px 0px 1px #fff;
  background: #e97800;
}
nav .search-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 55px;
}
nav .search-container input {
  font-size: 15px;
  border-radius: 30px;
  line-height: 19px;
  padding: 15px 25px;
  border: 2px solid #dfe1e4;
  min-width: 320px;
}
nav .search-container input:focus {
  outline: none;
}
nav .menu-icons {
  margin-left: 50px;
  display: flex;
  align-items: center;
}
nav .menu-icons img {
  /*width: 30px;
  height: 30px;*/
}
nav .menu-icons a {
  border-radius: 100%;
  background: #f0eff3;
  padding: 10px;
  height: 52px;
  width: 52px;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
nav .menu-icons a:hover {
  background: #e97800;
}
nav .menu-icons a:hover svg, nav .menu-icons a:hover img {
  filter: brightness(0) invert(1);
}
nav .menu-icons a:hover svg path, nav .menu-icons a:hover img path {
  fill: #FFF;
}
nav .menu-icons a:not(:first-child) {
  margin-left: 20px;
}

section.content {
  padding: 25px;
  background: #cbcbcd;
}
section.content .sidenav {
  position: relative;
  margin-top: 30px;
  max-width: 260px;
  background: #e8e8ea;
  border-radius: 15px;
  height: fit-content;
}
section.content .sidenav.closed {
  max-width: fit-content;
}
section.content .sidenav.closed figure {
  margin-left: 5px;
  margin-right: 5px;
}
section.content .sidenav.closed span {
  display: none;
}
section.content .sidenav.closed .nav-heading p {
  display: none;
}
section.content .sidenav.closed .nav-heading .toggle-sidenav {
  position: relative;
  top: 0;
  right: 0;
  margin-bottom: 5px;
}
section.content .sidenav.closed .sidenav-list .sidenav-item a {
  margin-right: 0;
  border-radius: 30px;
}
section.content .sidenav.closed .sidenav-list .sidenav-item .sub-nav a:hover {
  background: #e97800;
}
section.content .sidenav .nav-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
section.content .sidenav .nav-heading figure {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #2c3038;
  border: 15px solid #e8e8ea;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -40px;
  margin-bottom: 0;
}
section.content .sidenav .nav-heading p {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 25px;
  color: #2c3038;
}
section.content .sidenav .nav-heading .turned {
  transform: rotate(180deg);
}
section.content .sidenav .nav-heading .toggle-sidenav {
  max-height: 25px;
  max-width: 25px;
  background: #fcfbfe;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 10px;
}
section.content .sidenav .nav-heading .toggle-sidenav:hover {
  background: #2c3038;
}
section.content .sidenav .nav-heading .toggle-sidenav:hover .hover {
  display: block;
}
section.content .sidenav .nav-heading .toggle-sidenav:hover .no-hover {
  display: none;
}
section.content .sidenav .nav-heading .toggle-sidenav .no-hover {
  display: block;
}
section.content .sidenav .nav-heading .toggle-sidenav .hover {
  display: none;
}
section.content .sidenav .nav-heading .toggle-sidenav img {
  max-height: 10px;
  padding: 5px;
}
section.content .sidenav .sidenav-list {
  padding: 25px 0 15px 0;
  margin: 0;
  list-style: none;
  background: #fcfbfe;
  border-radius: 15px;
}
section.content .sidenav .sidenav-list figure {
  margin: 0 15px 0 0;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  padding: 5px;
  background: #f0eff3;
  display: flex;
}
section.content .sidenav .sidenav-list figure img {
  max-width: 100%;
  max-height: 100%;
}
section.content .sidenav .sidenav-list li a {
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  text-decoration: none;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  font-size: 15px;
  font-weight: bold;
  color: #797a80;
  position: relative;
  transition: background 0.2s linear;
}
section.content .sidenav .sidenav-list li a:not(.sub-nav a) {
  margin-right: 25px;
}
section.content .sidenav .sidenav-list li a:hover {
  background: #e97800;
  color: #fff;
}
section.content .sidenav .sidenav-list li a:hover figure {
  background: #e97800;
}
section.content .sidenav .sidenav-list li a:hover figure img {
  filter: brightness(0) invert(1);
}
section.content .sidenav .sidenav-list li a.active {
  background: #e97800;
  color: #fff;
  font-weight: 700;
}
section.content .sidenav .sidenav-list li a.active figure {
  background: #e97800;
}
section.content .sidenav .sidenav-list li a.active figure img {
  filter: brightness(0) invert(1);
}
section.content .sidenav .sidenav-list .sub-nav {
  display: none;
  margin-top: -30px;
  padding-top: 30px;
  padding-left: 0;
  list-style: none;
  background: #f1f0f3;
}
section.content .sidenav .sidenav-list .sub-nav a {
  font-size: 15px;
  font-weight: normal;
  color: #797a80;
}
section.content .sidenav .sidenav-list .sub-nav a.active, section.content .sidenav .sidenav-list .sub-nav a:hover {
  color: #e97800;
  background: #f1f0f3;
}
section.content .breadcrumb-nav {
  background: #fff;
  border-radius: 35px;
  display: flex;
  padding: 10px 0;
}
section.content .breadcrumb-nav .breadcrumb, section.content .breadcrumb-nav .nav-points, section.content .breadcrumb-nav .button-right {
  width: 33%;
}
section.content .breadcrumb-nav .breadcrumb {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #bcbcbc;
}
section.content .breadcrumb-nav .breadcrumb p {
  position: relative;
  margin: 0 0 0 30px;
}
section.content .breadcrumb-nav .breadcrumb p:not(:first-child):before {
  content: "»";
  position: absolute;
  left: -20px;
  color: #000;
}
section.content .breadcrumb-nav .nav-points {
  display: flex;
  align-items: center;
  justify-content: center;
}
section.content .breadcrumb-nav .nav-points img {
  /*width: 30px;*/
  height: 28px;
}
section.content .breadcrumb-nav .nav-points .dropdown-hover {
  margin-left: 0;
}
section.content .breadcrumb-nav .nav-points .dropdown-hover:hover .dropdown {
  display: block;
}
section.content .breadcrumb-nav .nav-points .dropdown-hover a {
  font-size: 30px;
}
section.content .breadcrumb-nav .nav-points .dropdown-hover a:hover {
  color: #e97800;
}
section.content .breadcrumb-nav .nav-points .dropdown-hover ul {
  padding: 0;
  margin: 0;
}
section.content .breadcrumb-nav .nav-points .dropdown-hover ul li {
  display: flex;
}
section.content .breadcrumb-nav .nav-points .dropdown-hover ul li a {
  width: 100%;
  font-size: 15px;
  display: flex;
  justify-content: flex-start;
}
section.content .breadcrumb-nav .nav-points .dropdown-hover ul li a div {
  border-radius: 100%;
  background-color: #f0eff3;
  padding: 5px;
  margin-right: 15px;
  display: flex;
  justify-content: center;
}
section.content .breadcrumb-nav .nav-points .dropdown-hover ul li a img {
  height: 20px;
  width: 20px;
}
section.content .breadcrumb-nav .nav-points .dropdown-hover ul li:not(:last-child) {
  border-bottom: 2px solid #fafafa;
}
section.content .breadcrumb-nav .nav-points a {
  position: relative;
  transition: background 0.2s linear;
  text-decoration: none;
  padding: 10px;
  height: 52px;
  width: 52px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.content .breadcrumb-nav .nav-points a:not(.dropdown-hover a) {
  border-radius: 100%;
  background: #f0eff3;
}
section.content .breadcrumb-nav .nav-points a:not(.dropdown-hover a):hover {
  background: #e97800;
}
section.content .breadcrumb-nav .nav-points a:not(.dropdown-hover a):hover svg path {
  fill: #FFF;
}
section.content .breadcrumb-nav .nav-points a:not(.dropdown-hover a):hover img {
  filter: brightness(0) invert(1);
}
section.content .breadcrumb-nav .nav-points a:not(.dropdown-hover a).active {
  background: #e97800;
}
section.content .breadcrumb-nav .nav-points a:not(:first-child) {
  margin-left: 10px;
}
section.content .breadcrumb-nav .nav-points a:last-child {
  color: #2c3038;
  text-decoration: none;
  font-size: 40px;
}
section.content .breadcrumb-nav .nav-points a:last-child:hover {
  color: #e97800;
}
section.content .breadcrumb-nav .button-right {
  display: flex;
  justify-content: end;
  align-items: center;
}
section.content .breadcrumb-nav .button-right a {
  font-size: 19px;
  font-weight: bold;
  text-decoration: none;
  background: #16427f;
  color: #fdfdfd;
  padding: 15px 30px;
  border-radius: 30px;
}
section.content .d-table {
  margin-top: 45px;
  border-top-left-radius: 3em;
  border-top-right-radius: 3em;
  border-collapse: collapse;
  overflow: hidden;
  color: #797a80;
  position: relative;
}
section.content .d-table .filter {
  display: none;
  position: absolute;
  top: 78px;
  z-index: 1;
  background: #fcfbfe;
}
section.content .d-table .filter .filter-row {
  display: flex;
}
section.content .d-table .filter .filter-row .filter-input.flex-end {
  display: flex;
  justify-content: end;
}
section.content .d-table .filter .filter-row .filter-input input {
  max-width: calc(100% - 15px);
}
section.content .d-table .dt-head {
  background: #fcfbfe;
}
section.content .d-table .dt-head th {
  border: 0;
  padding: 30px 10px;
  text-align: left;
  cursor: pointer !important;
}
section.content .d-table .dt-head th:first-child {
  padding-left: 30px;
}
section.content .d-table .dt-head th:last-child {
  text-align: right;
  padding-right: 30px;
}
section.content .d-table .dt-head th.sorting {
  color: #2c3038;
}
section.content .d-table table.dataTable.no-footer {
  border-bottom: 0 !important;
}
section.content .d-table tr {
  height: 73px;
  transition: background 0.2s linear;
}
section.content .d-table tr:nth-child(even) {
  background: #f1f0f3;
}
section.content .d-table tr td {
  text-align: left;
}
section.content .d-table tr td:first-child {
  padding-left: 30px;
}
section.content .d-table tr td:last-child {
  text-align: right;
  padding-right: 30px;
}
section.content .d-table tr:not(.dt-head):hover {
  background: #fae4cc;
}
section.content .d-table .function-icons {
  display: flex;
  justify-content: end;
}
section.content .d-table .function-icons .function-icon {
  background: #fcfbfe;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.content .d-table .function-icons .function-icon:not(:first-child) {
  margin-left: 15px;
}
section.content .d-table .function-icons .function-icon img {
  width: 20px;
  height: 20px;
}
section.content .d-table .dt-len-pag {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background: #fcfbfe;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17px 30px;
  font-size: 15px;
}
section.content .d-table .dt-len-pag label {
  color: #797a80 !important;
}
section.content .d-table .dt-len-pag select {
  font-size: 15px;
  color: #797a80 !important;
  height: 50px;
  width: 130px;
  border: 1px solid #EEEEEE;
  border-radius: 18px;
  background: #fff;
  padding: 15px;
}
section.content .d-table .dt-len-pag #dt_length {
  flex-basis: 25%;
}
section.content .d-table .dt-len-pag #dt_paginate {
  display: flex;
  justify-content: center;
  flex-basis: 50%;
}
section.content .d-table .dt-len-pag #dt_paginate .paginate_button {
  background: #fff;
  color: #8C8C8C;
  border: 0;
  font-size: 15px;
  transition: 0.2s linear;
  padding: 0;
  font-weight: 700;
}
section.content .d-table .dt-len-pag #dt_paginate .paginate_button.current {
  color: #e97800 !important;
}
section.content .d-table .dt-len-pag #dt_paginate .paginate_button:hover {
  color: #e97800 !important;
}
section.content .d-table .dt-len-pag #dt_filter {
  flex-basis: 25%;
  display: flex;
  justify-content: flex-end;
}
section.content .scrollbar {
  width: 100%;
  display: flex;
  justify-content: center;
  height: clamp(2rem, 5vh, 3.5rem);
  align-items: center;
}
section.content .scrollbar .slider {
  width: 70%;
  height: 15px;
  border-radius: 15px;
  background: #fcfbfe;
  outline: none;
  -webkit-appearance: none;
}
section.content .scrollbar .slider::-webkit-slider-thumb {
  border-radius: 50%;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #e97800;
  cursor: pointer;
  -webkit-appearance: none;
}
section.content .scrollbar .slider::-moz-range-thumb {
  cursor: pointer;
  border-radius: 50%;
  background: #e97800;
  width: 20px;
  height: 20px;
}
section.content#balance {
  display: flex;
  gap: clamp(1rem, 2vw, 4rem);
}

.dropdown-container {
  position: relative;
  margin-left: 10px;
  display: flex;
  justify-content: center;
}

.dropdown {
  padding: 10px;
  border-radius: 30px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 50px -10px #000000;
  box-shadow: 0px 0px 50px -10px #000000;
  position: absolute;
  top: 65px;
  z-index: 5;
  display: none;
}
.dropdown.open {
  display: block;
}
.dropdown p {
  color: #000;
  font-weight: bold;
  font-size: 11px;
}
.dropdown label {
  font-size: 12px;
  color: #797a80;
}
.dropdown .sortable-wrap {
  width: 105px;
}
.dropdown .sortable-wrap div {
  border-top: 1px solid #f9f9f9;
  padding: 5px 0;
  display: flex;
  align-items: center;
}
.dropdown:before {
  content: "";
  height: 10px;
  width: 10px;
  background: #fff;
  display: block;
  position: absolute;
  top: -5px;
  transform: rotate(45deg);
  left: calc(50% - 5px);
}

.nav-opener {
  display: none;
  height: 20px;
  width: 20px;
  padding: 5px 15px;
  border: 2px solid #797a80;
  border-radius: 10px;
}

@media (max-width: 1743px) {
  nav {
    flex-wrap: wrap;
  }

  .nav-list {
    order: 4;
    margin: 15px auto 0 auto !important;
  }
}
@media (max-width: 1399px) {
  section.content .breadcrumb-nav {
    flex-direction: column;
  }
  section.content .breadcrumb-nav .breadcrumb {
    display: none;
  }
  section.content .breadcrumb-nav .nav-points {
    margin: 0 auto;
  }
  section.content .breadcrumb-nav .button-right {
    margin: 15px auto 0 auto;
    justify-content: center;
  }

  .collect_box {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .nav-opener-container {
    width: 100%;
    order: 3;
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }
  .nav-opener-container .nav-opener {
    display: block;
  }

  nav img {
    margin: 0 auto;
  }
  nav .menu-icons {
    margin: 15px auto 0 auto;
  }
  nav .search-container {
    margin: 15px auto 0 auto;
  }
  nav .nav-list {
    display: none;
    flex-direction: column;
    width: 100%;
    border: 1px solid #e97800;
  }
  nav .nav-list.open {
    display: flex;
  }
  nav .nav-list .nav-item:first-child {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 0;
  }
  nav .nav-list .nav-item:last-child {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0;
  }
  nav .nav-list .nav-item:not(:last-child) {
    border-bottom: 1px solid #e97800;
  }
}
.filter-input {
  padding: 0 10px;
  position: relative;
  box-sizing: border-box;
}

.filter_option {
  background-color: #fcfbfe !important;
  box-shadow: 0px 37px 38px 0px rgba(0, 0, 0, 0.2);
  padding-bottom: 0;
  width: 100%;
  border-radius: 0px 0px 15px 15px;
  overflow: visible;
}
.filter_option .filter-row {
  background-color: #f1f0f3;
  padding: 35px 0px;
}
.filter_option .filter-row .filter_input_box {
  background-color: #FFF;
  border-radius: 25px;
  padding: 5px 5px 5px 34px;
  border: 1px solid #FFF;
  position: relative;
  float: left;
  min-height: 32px;
  box-sizing: border-box;
}
.filter_option .filter-row .filter_input_box .btn_icon {
  position: absolute;
  top: calc(50% - 12px);
  left: 5px;
  width: 24px;
  height: 24px;
  background-color: #f1f0f3;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #0d0d0d;
  text-decoration: none;
}
.filter_option .filter-row .filter_input_box input {
  border: none;
  width: 100%;
  padding: 0;
  height: 21px;
  font-size: 12px;
  color: #9f9f9f;
  line-height: normal;
  float: left;
  max-width: 100% !important;
}
.filter_option .filter-row .filter_input_box input:focus {
  outline: none;
  box-shadow: none;
}
.filter_option .filter-row .filter_input_box.active {
  border-color: #e97800;
}
.filter_option .filter-row .filter_input_box.active .drop_box .btn_icon {
  background-color: #e97800;
  color: #FFF;
}
.filter_option .filter-row .filter_input_box.active input {
  color: #e97800;
}
.filter_option .filter-row .filter_btn_box .btn_icon {
  width: 32px;
  background-color: #FFF;
  height: 32px;
  padding: 6px;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 15px;
  color: #0d0d0d;
}
.filter_option .filter-row .filter-input:first-child .filter_input_box .drop_box .drop_box_ul {
  border-radius: 5px 15px 15px 15px;
  left: 0px;
}
.filter_option .filter-row .filter-input:first-child .filter_input_box .drop_box .drop_box_ul:after {
  left: 9px;
}
.filter_option .filter-row-2 {
  background-color: #fcfbfe;
  border-bottom: 1px solid #f6f5f8;
  text-align: center;
}
.filter_option .big_btn, .filter_option .big_btn1 {
  width: 42px;
  background-color: #f1f0f3;
  height: 42px;
  padding: 6px;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 28px;
  color: #0d0d0d;
}

.btn_blue, .btn_blue1 {
  background-color: #16427f !important;
  color: white !important;
}

.drop_box .drop_box_ul {
  display: none;
  position: absolute;
  left: -78px;
  top: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 5px 38px 0px rgba(0, 0, 0, 0.1);
  width: 213px;
  border-radius: 15px;
  z-index: 9;
  padding: 15px 0;
  list-style: none;
}
.drop_box .drop_box_ul::after {
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -20px;
  left: calc(50% - 21px);
  margin: 0 auto;
  right: auto;
}
.drop_box .drop_box_ul li {
  float: left;
  width: 100%;
}
.drop_box .drop_box_ul li a {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  width: 100%;
  display: inline-block;
  padding: 11px;
  box-sizing: border-box;
}
.drop_box .drop_box_ul li a:hover {
  color: #FFF;
  background-color: #e97800;
}
.drop_box .drop_box_ul li.active a {
  color: #FFF;
  background-color: #e97800;
}
.drop_box.active .drop_box_ul {
  display: inline-block;
}

.seventy {
  position: relative;
}
.seventy .edit-site-btn {
  position: absolute;
  right: 13px;
  top: calc(50% - 10px);
}
.seventy .edit-btn {
  position: absolute;
  right: 35px;
  top: calc(50% - 10px);
}
.seventy .delete-btn {
  position: absolute;
  right: 13px;
  top: calc(50% - 10px);
}
.seventy .delete-btn img {
  width: 15px;
}

.update-site-title-wrap {
  display: none;
}
.update-site-title-wrap .popup-site-title-field {
  padding: 10px;
  border: 0;
  border-radius: 20px;
  width: 360px;
}
.update-site-title-wrap .popup-site-title-field:focus {
  outline: none !important;
  border: 2px solid #e87b38;
}

.table-responsive #datatable_wrapper > div:first-child {
  overflow-x: auto;
  width: 100%;
}

section.content .scrollbar {
  display: none;
}

.selected-option-text {
  font-size: 11px;
  text-align: center;
  position: absolute;
  top: -28px;
  right: 0;
  left: 0;
  color: #e87b38;
}

.table_management .filter-input1 {
  position: relative;
}

body .custom-table-responsive {
  border: 1px solid #e97800 !important;
  border-radius: 15px;
  overflow: hidden;
}
body .custom-table-responsive .custom-table {
  width: 100%;
  border: none !important;
}
body .custom-table-responsive .custom-table tr th {
  background-image: none !important;
  font-size: 17px;
  color: #f7f6f9;
  font-weight: bold;
  text-align: left;
  background-color: #e97800;
  height: 50px;
  padding: 5px 10px;
}
body .custom-table-responsive .custom-table tr td {
  font-size: 17px;
  color: #000000;
  height: 40px;
  padding: 5px 10px;
  text-align: left;
}
body .custom-table-responsive .custom-table tr.even {
  background-color: #f2f0f5;
}
body .custom-table-responsive .custom-table tr.even td .round_icons .round-btn {
  background-color: #fcfbfe;
}
body .custom-table-responsive .custom-table tr.active td {
  color: #e97800;
}
body .custom-table-responsive .scrollbar, body .custom-table-responsive #dt_filter {
  display: none;
}
body .custom-table-responsive .dataTables_length label {
  font-size: 16px;
  color: #797a80;
}
body .custom-table-responsive .dataTables_length label select {
  min-height: 37px;
  border: 1px solid #f0f0f0;
  border-radius: 25px;
  line-height: normal;
  font-size: 16px;
  padding-top: 7px;
  padding-left: 8px;
  padding-right: 8px;
}
body .custom-table-responsive .dt-len-pag {
  padding: 20px 20px 17px 20px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
body .custom-table-responsive .dataTables_paginate .previous, body .custom-table-responsive .dataTables_paginate .next {
  width: 35px;
  height: 35px;
  background-color: #f0eff3 !important;
  border-radius: 50% !important;
  padding: 5px !important;
  display: inline-flex !important;
  justify-items: center;
  justify-content: center;
  color: #2c3038 !important;
  font-size: 23px;
  line-height: 18px;
}
body .custom-table-responsive .dataTables_paginate span .paginate_button {
  background: transparent !important;
  border: none !important;
  font-size: 17px;
  color: #8c8c8c !important;
  font-weight: bold;
}
body .custom-table-responsive .dataTables_paginate span .paginate_button.current {
  color: #ed8021 !important;
}

.round_icons {
  display: inline-flex;
}
.round_icons .round-btn {
  background-color: #f2f0f5;
  width: 33px;
  height: 33px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 0 5px;
}
.round_icons .round-btn.active {
  background-color: #e97800 !important;
}
.round_icons .round-btn.active img {
  filter: brightness(0) invert(1);
}
.round_icons .round-01 {
  margin-left: -39px;
}

.seventy2 .edit-site-btn {
  right: 44px;
}
.seventy2 .delete-site-btn {
  right: 15px;
  position: absolute;
  top: calc(50% - 10px);
}
.seventy2 input {
  width: calc(100% - 100px) !important;
  padding: 10px 70px 10px 30px !important;
}

.tabellenverwaltung_box .row {
  margin-bottom: 18px;
}

.mt-4 {
  margin-top: 40px;
}

.mt-3 {
  margin-top: 30px;
}

.mt-2 {
  margin-top: 20px;
}

.mt-1 {
  margin-top: 10px;
}

.auswertung_box {
  width: 700px;
  max-width: 100%;
  position: absolute;
  top: 207px;
  right: 40px;
  display: none;
}
.auswertung_box .item-container {
  min-height: calc(100vh - 209px);
  box-shadow: 0px 15px 43px 0px rgba(6, 6, 6, 0.2);
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 20px !important;
}
.auswertung_box.active {
  display: block;
}

.row-1 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.row-1 [class*=col-] {
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.row-1 .col-sm-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.row-1 .col-sm-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.row-1 .col-sm-3 {
  flex: 0 0 auto;
  width: 25%;
}
.row-1 .col-sm-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-1 .col-sm-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.row-1 .col-sm-6 {
  flex: 0 0 auto;
  width: 50%;
}
.row-1 .col-sm-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.row-1 .col-sm-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.row-1 .col-sm-9 {
  flex: 0 0 auto;
  width: 75%;
}
.row-1 .col-sm-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.row-1 .col-sm-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.row-1 .col-sm-12 {
  flex: 0 0 auto;
  width: 100%;
}

.auswertung_filter {
  padding-top: 20px;
}
.auswertung_filter .form-group .form-label {
  font-size: 15px;
  color: #2c3038;
  font-weight: bold;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.auswertung_filter .form-group .form-control {
  min-height: 49px;
  background-color: #f2f0f5;
  float: left;
  width: 100%;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  line-height: normal;
  font-size: 16px;
  color: #2c3038;
  border: 1px solid #f2f0f5;
  padding: 7px 35px 7px 20px;
  box-sizing: border-box;
}
.auswertung_filter .form-group .form-control:after {
  content: "";
  background-image: url("/assets/images/bottom-arrow.svg");
  width: 11px;
  height: 7px;
  float: right;
  position: absolute;
  right: 16px;
  background-repeat: no-repeat;
}
.auswertung_filter .form-group .drop_box {
  position: relative;
  float: left;
  width: 100%;
}
.auswertung_filter .form-group .drop_box .drop_box_ul {
  left: 0;
  width: 100%;
  top: 35px;
}
.auswertung_filter .form-group .drop_box.active .form-control, .auswertung_filter .form-group .drop_box.intro .form-control {
  border-color: #e97800;
  color: #e97800;
}
.auswertung_filter .form-group .drop_box.active .form-control:after, .auswertung_filter .form-group .drop_box.intro .form-control:after {
  transform: rotate(180deg);
}

.custom_checkbox {
  font-size: 16px;
  color: #2c3038;
  display: inline-flex;
  align-items: center;
}
.custom_checkbox span {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-image: url(http://localhost:8080/build/images/checkbox.4520bf90.png);
  border-radius: 5px;
  margin-right: 10px;
  position: relative;
}
.custom_checkbox input {
  display: none;
}
.custom_checkbox input:checked ~ span {
  background-color: #e97800;
  background-image: url(http://localhost:8080/build/images/checkbox-checked.e6c06be2.png);
}

.legende_box {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding-top: 17px;
}

.konfiguration_section .tabs-nav {
  text-align: center;
  margin: 0 -20px;
  border-bottom: 1px solid #e4e3e6;
  padding: 45px 0 25px 0;
  width: calc(100% + 40px);
  box-sizing: border-box;
  float: left;
}
.konfiguration_section .tabs-nav li {
  display: inline-flex;
  padding-right: 15px;
  padding-left: 15px;
}
.konfiguration_section .tabs-nav li a {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.konfiguration_section .tabs-nav li a span {
  width: 37px;
  height: 37px;
  display: inline-flex;
  align-items: center;
  background-color: #f0eff3;
  border-radius: 50%;
  text-align: center;
  margin-right: 10px;
  justify-content: center;
}
.konfiguration_section .tabs-nav li.active a {
  color: #e97800;
}
.konfiguration_section .tabs-nav li.active a span {
  background-color: #e97800;
}
.konfiguration_section .tabs-nav li.active a span img {
  filter: brightness(0) invert(1);
}
.konfiguration_section .popup-content {
  float: left;
  width: 100%;
}
.konfiguration_section .filter_option {
  clear: both;
  background-color: transparent !important;
  box-shadow: none;
  text-align: center;
  padding-top: 38px;
  padding-bottom: 70px;
}
.konfiguration_section .filter_option .big_btn {
  position: relative;
}
.konfiguration_section .filter_option .big_btn:hover::after {
  content: attr(data-title);
  position: absolute;
  bottom: -50px;
  box-shadow: 0px 5px 24px 0px rgba(154, 153, 154, 0.3);
  min-width: 145px;
  padding: 10px;
  font-size: 16px;
  color: #000;
  border-radius: 10px;
}
.konfiguration_section .filter_option .big_btn:hover:before {
  content: "";
  clip-path: polygon(50% 86%, 0px 100%, 100% 100%);
  background: #f0eded;
  width: 20px;
  height: 66px;
  position: absolute;
}

.konfiguration-content-item {
  position: relative;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.konfiguration-content-item .row-1 {
  margin-left: -7px;
  margin-right: -7px;
}
.konfiguration-content-item div[class*=col-] {
  padding-left: 7px;
  padding-right: 7px;
}
.konfiguration-content-item > span {
  position: absolute;
  left: 0;
  top: calc(50% - 0px);
  font-size: 15px;
  color: #2c3038;
  font-weight: bold;
}
.konfiguration-content-item .close_icon {
  position: absolute;
  right: 0;
  top: calc(50% - 1px);
}

#delete-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  cursor: pointer;
  display: none;
}
#delete-overlay #text {
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 366px;
  max-width: 100%;
  -ms-transform: translate(-50%, -50%);
}
#delete-overlay .header {
  background-color: #e97800;
  padding: 13px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 30px 30px 0 0;
  display: inline-flex;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}
#delete-overlay .header img {
  margin-right: 10px;
}
#delete-overlay .content {
  background-color: #fff;
  font-size: 18px;
  color: #000000;
  padding: 40px 30px 30px 30px;
  font-weight: bold;
  border-radius: 0 0 30px 30px;
}
#delete-overlay .round_icons {
  display: block;
  padding: 20px 20px 5px 20px;
}
#delete-overlay .round_icons .round-btn {
  background-color: #16427f;
  width: 48px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#delete-overlay .round_icons .round-btn img {
  filter: brightness(0) invert(1);
  height: 21px;
}

.form-button {
  min-height: 49px;
  background-color: #f2f0f5;
  float: left;
  width: 100%;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  line-height: normal;
  font-size: 16px;
  color: #000000;
  border: 1px solid #f2f0f5;
  padding: 7px 35px 7px 20px;
  box-sizing: border-box;
  text-decoration: none;
  justify-content: center;
}
.form-button img {
  margin-right: 10px;
}

.vorlage_section .form-group {
  margin-bottom: 11px;
}
.vorlage_section .form-group .form-label {
  font-size: 15px;
  color: #2c3038;
  font-weight: bold;
}
.vorlage_section .form-group .row-1 {
  align-items: center;
}
.vorlage_section .auswertung_filter {
  width: 500px;
  margin: 0 auto;
  max-width: 100%;
}
.vorlage_section .qi-btn {
  margin-top: 28px;
  width: auto;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.text-align-center {
  text-align: center !important;
}

.orange-button {
  font-size: 18px;
  color: #000000;
  height: 41px;
  background-color: #f0eff3;
  text-decoration: none;
  border-radius: 25px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  margin: 0 6px;
}
.orange-button.active {
  background-color: #e97800;
  color: #FFF;
}

.collect-breadcrumb {
  align-items: center;
  padding-left: 11px !important;
  padding-right: 11px !important;
}

.items_box {
  width: 100%;
  margin-bottom: 20px;
}
.items_box .owl-carousel {
  display: inline-flex;
  padding-left: 15px;
  padding-right: 15px;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.items_box .owl-carousel .item {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  margin-right: 15px;
}
.items_box .owl-carousel .item span {
  margin: 0 10px;
}

.main-box {
  display: flex;
  width: 100%;
}
.main-box .sidenav.flex-15 {
  flex: 0 0 215px;
  max-width: 215px;
}
.main-box .flex-85 {
  flex: 0 0 calc(100% - 243px);
  max-width: calc(100% - 243px);
  margin-left: auto;
}

.querwahl {
  display: inline-flex;
  align-items: center;
}
.querwahl img {
  margin-left: 10px;
}

.custom-tooltip {
  position: relative;
}
.custom-tooltip:hover:before {
  content: "";
  position: absolute;
  border-bottom: 10px solid #f0eded;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 9px;
  left: 50%;
  transform: translate(-50%);
  z-index: 9;
}
.custom-tooltip:hover:after {
  content: attr(data-title);
  position: absolute;
  bottom: -50px;
  box-shadow: 0px 5px 24px 0px rgba(154, 153, 154, 0.3);
  min-width: 145px;
  padding: 10px;
  font-size: 12px;
  color: #000;
  border-radius: 10px;
  left: 50%;
  transform: translate(-50%);
  z-index: 9;
  background-color: #FFF;
}

.observe_section {
  background-color: #FFF;
  border-radius: 30px;
  padding: 25px 25px 25px 68px;
}
.observe_section h3 {
  font-size: 20px;
  color: #e97800;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0 10px 0;
  display: inline-block;
  align-items: center;
}
.observe_section .observe_item {
  border-bottom: 1px solid #f2f1f5;
}
.observe_section .observe_item .form-group {
  font-size: 18px;
  color: #797a80;
  padding-top: 18px;
  padding-bottom: 18px;
  display: inline-flex;
  align-items: center;
}
.observe_section .observe_item .form-group .form-label {
  font-weight: bold;
  color: #2c3038;
  min-width: 130px;
  display: inline-flex;
}
.observe_section .custom_checkbox {
  font-size: 18px;
  color: #2c3038;
  font-weight: bold;
  gap: 0.6rem;
}
.observe_section .custom_checkbox span {
  margin-right: 0px;
  margin-left: 10px;
}

.kritisch_1 {
  background-color: #f4f3f6;
  padding: 5px 10px;
  border-radius: 25px;
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
}
.kritisch_1 span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #d61717;
  display: inline-block;
  margin-right: 6px;
}

.sensor_historie {
  padding-top: 10px;
}
.sensor_historie h4 {
  font-size: 18px;
  color: #2c3038;
  font-weight: bold;
}
.sensor_historie .custom-table tr th {
  font-size: 14px !important;
  height: 40px !important;
}
.sensor_historie .custom-table tr td {
  font-size: 13px !important;
}

.letzte_section {
  padding-top: 12px;
}
.letzte_section h4 {
  font-size: 15px;
  color: #2c3038;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
}
.letzte_section h4 .round-btn {
  width: 23px;
  height: 23px;
  margin-left: 10px;
}
.letzte_section img {
  max-width: 100%;
}

.white-card {
  background-color: #fcfbfe;
  border-radius: 31px;
  padding: 15px;
}

.round_sm_icons .round-btn {
  width: 48px;
  height: 48px;
  font-size: 19px;
  color: #000000;
  text-decoration: none;
  margin-left: 0px;
  margin-right: 11px;
}
.round_sm_icons .round-btn.more {
  font-size: 28px;
  color: #e97800;
  font-weight: bold;
}
.round_sm_icons .round-btn.active {
  color: #FFF;
}

.preismodelle .breadcrumb-nav {
  min-height: 54px;
  box-sizing: border-box;
}
.preismodelle .preismodelle_box {
  max-width: 1055px;
  width: 100%;
  margin: 0 auto;
}
.preismodelle .white-card {
  margin-top: 34px;
}
.login_screen {
  background-color: #FFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
}
.login_screen .login_box {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
}
.login_screen .login_box .login-logo {
  text-align: center;
  display: block;
  margin-bottom: 50px;
}
.login_screen .login_box .login-form {
  float: left;
  text-align: center;
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 20px 150px 0px rgba(2, 2, 1, 0.08);
  padding: 0 58px 30px 58px;
}
.login_screen .login_box .login-form .tag {
  background-color: #e97800;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  min-width: 100px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border-radius: 31px;
  justify-content: center;
  position: relative;
  top: -15px;
}
.login_screen .login_box .login-form h4 {
  font-size: 20px;
  color: #797a80;
  font-weight: normal;
  margin: 15px 0 30px 0;
}
.login_screen .login_box .login-form .form-group {
  float: left;
  width: 100%;
  text-align: left;
  margin-bottom: 14px;
}
.login_screen .login_box .login-form .form-group .error {
  font-size: 14px;
  color: #d81313;
  margin-top: 5px;
  float: left;
  margin-bottom: 8px;
}
.login_screen .login_box .login-form .input-icon {
  position: relative;
}
.login_screen .login_box .login-form .input-icon img {
  position: absolute;
  top: 14px;
  left: 17px;
}
.login_screen .login_box .login-form .input-icon select.form-control {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  background-image: url("/assets/images/select-icon.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  padding-right: 40px;
}
.login_screen .login_box .login-form .input-icon select.form-control::-ms-expand {
  display: none;
}
.login_screen .login_box .login-form .input-icon .form-control {
  background-color: #f2f0f5;
  min-height: 48px;
  width: 100%;
  border-radius: 31px;
  border: none;
  font-size: 16px;
  color: #959397;
  padding-left: 52px;
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 13px;
  padding-bottom: 13px;
}
.login_screen .login_box .copy_right {
  font-size: 14px;
  color: #b8b7bb;
  text-align: center;
  padding-top: 16px;
  display: inline-block;
  width: 100%;
}

.btn-blue {
  min-height: 47px;
  background-color: #16427f;
  cursor: pointer;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 30px;
  border: none;
  min-width: 150px;
  margin-top: 30px;
}

.auswertung_filter .drop_box_ul {
  display: none !important;
}
.auswertung_filter .drop_box_ul.active {
  display: block !important;
}

@media (min-width: 1861px) and (max-width: 2050px) {
  nav {
    justify-content: start;
  }
  nav .nav-list {
    margin-left: 21px;
  }
  nav .nav-list img {
    max-width: 262px;
  }
}
@media (max-width: 1860px) {
  .auswertung_box {
    top: 222px;
  }
}
@media (max-width: 1739px) {
  .auswertung_box {
    top: 289px;
  }
}
@media (max-width: 1400px) {
  .observe_section {
    padding-left: 54px;
  }
  .observe_section h3 {
    font-size: 18px;
  }
  .observe_section .observe_item .form-group {
    font-size: 15px;
  }
  .observe_section .observe_item .form-group .form-label {
    min-width: 100px;
  }
  .observe_section .observe_item .form-group .form-label {
    font-size: 15px;
  }
  .observe_section .custom_checkbox {
    font-size: 15px;
  }

  .round_icons .round-btn {
    width: 27px;
    height: 27px;
  }
}
@media (max-width: 767px) {
  .login_screen .login_box .login-form {
    padding-left: 10px;
    padding-right: 10px;
  }
  .login_screen .login_box .login-logo img {
    width: 200px;
  }
}
* {
  scrollbar-width: 16px;
  scrollbar-color: #ffc472 #fff;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 14px;
}

*::-webkit-scrollbar-track {
  background: #fff;
}

*::-webkit-scrollbar-thumb {
  background-color: #f29205;
  border-radius: 5px;
  border: 2px solid #eee;
}

.top-navigation {
  z-index: 10;
}

.function-icons-absolute {
  position: absolute;
  right: 3px;
  margin-top: -23px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 2px;
}

.table-radius {
  border-radius: 10px;
  border: 1px solid #e97800;
  overflow: hidden;
  margin-bottom: 2px;
}
.table-radius table {
  border-radius: 0px !important;
}
.table-radius table thead th:first-child {
  border-top-left-radius: 0 !important;
}
.table-radius table thead th:last-child {
  border-top-right-radius: 0 !important;
}
.table-radius table tbody {
  border: none !important;
}

.plus_btn {
  font-size: 24px;
  background-color: #f0eff3 !important;
  color: #000;
}
.plus_btn:hover {
  color: #000;
  opacity: 0.8;
}

.round_icons_40 .round-btn {
  width: 40px;
  height: 40px;
}

.table-odd-even tbody tr {
  background-color: #f1f0f3;
}
.table-odd-even tbody tr:nth-child(2n+2) {
  background-color: #FFF;
}

.modul-hinzufügen-popup .modal-content {
  border-radius: 30px;
  overflow: hidden;
  background-color: rgb(252, 251, 254);
  box-shadow: 0px 15px 78px 0px rgba(0, 0, 0, 0.15);
}
.modul-hinzufügen-popup .modal-content .modal-header {
  padding: 0px;
  box-shadow: 0px 10px 38px 0px rgba(0, 0, 0, 0.1);
}
.modul-hinzufügen-popup button.btn-close {
  width: 32px;
  height: 32px;
  background-color: #f0eff3;
  border-radius: 50%;
  margin: 0 24px 0 0;
  padding: 0;
}
.modul-hinzufügen-popup button.btn-close:focus {
  box-shadow: none;
  outline: none;
}

.custom_tab .nav-link {
  border: none;
  min-height: 70px;
  min-width: 115px;
  font-size: 19px;
  color: #000000;
  font-weight: bold;
  background-color: transparent;
}
.custom_tab .nav-link.active {
  background-color: #e97800;
  color: #FFF;
}

.switch-button {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  /* Rounded sliders */
}
.switch-button input {
  opacity: 0;
  width: 0;
  height: 0;
  display: none !important;
}
.switch-button .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-button .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 16px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-button input:checked + .slider {
  background-color: #e97800;
}
.switch-button input:focus + .slider {
  box-shadow: 0 0 1px #e97800;
}
.switch-button input:checked + .slider:before {
  -webkit-transform: translateX(-13px);
  -ms-transform: translateX(-13px);
  transform: translateX(-13px);
}
.switch-button .slider.round {
  border-radius: 34px;
}
.switch-button .slider.round:before {
  border-radius: 50%;
  border: 1px solid black;
  margin-left: 0.5em;  

}

ul.checkbox_list {
  margin: 0px;
  padding: 0 17px 0 0;
  list-style: none;
  max-height: 400px;
  float: left;
  overflow-y: scroll;
}
ul.checkbox_list li {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #000000;
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid #f4f3f6;
  padding: 10px 0;
}
ul.checkbox_list li:last-child {
  border-bottom: none;
}

.table_management {
  position: relative;
}
.table_management .drop_box .drop_box_ul {
  display: none;
  border: none !important;
  top: 43px;
  left: 0px;
}
.table_management .drop_box .drop_box_ul li {
  border: none !important;
  padding: 0px !important;
  border-radius: 0px !important;
}
.table_management .drop_box .drop_box_ul li a {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  width: 100%;
  display: inline-block;
  padding: 11px;
  box-sizing: border-box;
}
.table_management .drop_box.active .drop_box_ul {
  display: inline-block;
}
.table_management .filter-row {
  display: flex;
}
.table_management .filter_option {
  position: absolute;
  top: 60px;
  z-index: 1;
}
.table_management .filter-input1 {
  padding: 0 4px;
}

.popup-content .row.site-section {
  max-height: 800px;
  overflow: hidden auto;
}
.price {
  overflow: unset !important;
  background-color: #FFF;
  border-radius: 30px;
  padding: 25px;
  margin-top: 35px;
}
.price .drop_box_ul_info_price {
  width: 100px !important;
  left: -14px !important;
  top: 61px !important;
}
.price .drop_box_ul_info_price_other {
  width: 150px !important;
  left: -38px !important;
  top: -70px !important;
}
.price .drop_box_ul_info_price_other .price_other_flex {
  display: flex !important;
  align-items: center !important;
  justify-content: space-evenly !important;
}
.price .drop_box_ul_info_price_other .price_other_flex .other-currency, .price .drop_box_ul_info_price_other .price_other_flex .other-currency-2 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #f2f0f5;
  cursor: pointer;
}
.price .drop_box_ul_info_price_other .price_other_flex .other-currency:hover {
  background-color: #e97800;
}
.price .drop_box_ul_info_price_other::after {
  border-top: 10px solid #fff !important;
  border-bottom: 10px solid transparent !important;
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  position: absolute !important;
  top: 70px !important;
}
.price .addSomething {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px !important;
}
.price .otherbackground {
  background-color: #fcfbfe !important;
}
.price .currency-flex {
  display: flex;
  gap: 0.5rem;
}
.price .bigger-text {
  font-size: 19.2px;
}
.price .very-big-text {
  font-size: 35px;
  margin-top: -22px;
  color: #e97800;
}
.price a {
  text-decoration: none;
}
.price .hoverplus .orange {
  background-color: #e97800 !important;
  color: #fff !important;
}
.price .blue-buttons-price-flex {
  margin: 10px 0;
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}
.price .blue-buttons-price-flex img {
  width: 55%;
  opacity: 0.8;
}
.price .blue-buttons-price-flex .blue-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.price table tr th, .price table tr td {
  text-align: center;
}
.price .edit {
  display: block;
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  background-image: url("/assets/images/edit.svg");
}
.price .edit:hover {
  background-image: url("/assets/images/edit-orange.svg");
}
.price .delete {
  display: block;
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  background-image: url("/assets/images/close-icon.svg");
}
.price .delete:hover {
  background-image: url("/assets/images/close-icon-orange.svg");
}
.price .smaller-input {
  padding: 1px !important;
  width: 80px !important;
  text-align: center !important;
  margin: 0 !important;
}
.price .save {
  display: none;
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  background-image: url("/assets/images/save-icon-black.svg");
}
.price .save:hover {
  background-image: url("/assets/images/save-icon-orange.svg");
}
.price .blue-btn {
  width: 30px;
  height: 30px;
  background-color: #16427f;
  border-radius: 30px;
}
.price .content-in-popup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.price .mini-input {
  padding: 5px !important;
  width: 130px !important;
  margin: 0 !important;
}
.price .mini-icons-flex {
  text-align: right;
  display: flex;
  gap: 0.4rem;
  margin-top: 3px;
}
.price .mini-icons-flex span a {
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.show-user {
  position: absolute;
  top: 0;
  background-color: #fff;
  width: 100%;
  border-radius: 31px 31px 0px 0;
  z-index: 102;
  display: none;
}
.show-user .tab-box {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.edit-popup {
  position: fixed;
}
.edit-popup .filter.filter_option {
  display: none;
}

#datatable2_wrapper > div {
  overflow-x: auto;
}

#datatable3_wrapper > div {
  overflow-x: auto;
}

@media (max-width: 1399px) {
  .price-crumb {
    display: none !important;
  }

  .price {
    margin-top: 35px;
  }
}
.open-calculator.active img {
  filter: brightness(0) invert(1);
}

#balance .content-wrapper {
  position: relative;
}
#balance .content-wrapper .calculator {
  display: none;
  position: absolute;
  bottom: 85px;
  background-color: #fcfbfe;
  width: 100%;
  height: 75px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: 0px -40px 50px 4px rgba(0, 0, 0, 0.25);
}
#balance .content-wrapper .calculator .calculator-flex {
  display: flex;
  justify-content: left;
}
#balance .content-wrapper .calculator .calculator-flex input {
  background-color: #f2f0f5;
  border-radius: 30px;
  cursor: pointer;
  border: 0;
  padding: 10px;
  font-size: 15px;
  max-width: 80px;
  width: 70%;
  background-image: url("/assets/images/bottom-arrow-padding.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 13%;
  font-size: 12px;
  margin-left: 10px;
}
#balance .content-wrapper .calculator .calculator-flex .result {
  margin-left: 20px;
  margin-top: 5px;
}
#balance .content-wrapper .calculator .calculator-flex .dropdownicon-top {
  background-image: url("/assets/images/top-arrow-padding.svg");
}
#balance .content-wrapper .calculator .calculator-flex .calc-component {
  padding: 10px;
  position: relative;
}
#balance .content-wrapper .calculator .calculator-flex .active {
  display: block !important;
}
#balance .content-wrapper .calculator .calculator-flex .drop_box_ul {
  display: none;
  position: absolute;
  left: 10px;
  top: 33px;
  background-color: white;
  box-shadow: 0px 5px 38px 0px rgba(0, 0, 0, 0.1);
  width: 213px;
  border-radius: 15px;
  z-index: 9;
  padding: 15px 0;
  list-style: none;
}
#balance .content-wrapper .calculator .calculator-flex .drop_box_ul a {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  width: 100%;
  display: inline-block;
  padding: 11px;
  box-sizing: border-box;
}
#balance .content-wrapper .calculator .calculator-flex .drop_box_ul li.active a {
  color: #FFF;
  background-color: #e97800;
}
#balance .content-wrapper .calculator .calculator-flex .drop_box_ul::after {
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -20px;
  left: calc(50% - 21px);
  margin: 0 auto;
  right: auto;
}

input[type=checkbox] {
  appearance: none !important;
  border: none !important;
  background: none !important;
  border-radius: unset !important;
  padding: 0;
  margin: 0;
  width: 25px !important;
  height: 25px !important;
  background-image: url(http://localhost:8080/build/images/checkbox.4520bf90.png) !important;
  background-repeat: no-repeat !important;
  display: block !important;
  cursor: pointer !important;
}

input[type=checkbox]:checked {
  background-image: url(http://localhost:8080/build/images/checkbox-checked.e6c06be2.png) !important;
}

.breadcrumb-nav.evaluation {
  padding: 19px 0 !important;
}

.content-evaluate {
  position: relative;
}
.content-evaluate .table-absolute {
  position: absolute !important;
  display: none;
  top: 325px;
  max-height: 800px;
  border: 2px solid #e97800;
  width: 100%;
  border-radius: 10px;
}
.content-evaluate .table-absolute .dt-head {
  background-color: #e97800 !important;
  color: #fff !important;
}
.content-evaluate .table-absolute .dt-head th.sorting {
  color: #fff !important;
}

.inner-content-evaluate {
  position: relative;
}

.viewpattern-modal {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  border-radius: 25px;
}
.viewpattern-modal .pattern-img-view {
  position: relative;
  margin: auto;
  width: 350px;
  margin-top: 20px;
}
.viewpattern-modal .pattern-img-view img {
  border: 1px solid #333;
  width: 350px;
}
.viewpattern-modal .action-buttons {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.viewpattern-modal .action-buttons a {
  width: 30px;
  height: 30px;
  padding: 10px;
  border-radius: 100%;
  background: #16427f;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.content .d-table.table-absolute {
  margin-top: 105px;
}

.content-area.evaluation {
  margin-top: 45px;
  border-radius: 25px;
  border-collapse: collapse;
  overflow: hidden;
  color: #797a80;
  position: relative;
  background-color: #fcfbfe;
  padding: 60px 90px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 1rem;
  flex-wrap: wrap;
  min-height: 710px;
  color: #000;
}
.content-area.evaluation input[type=checkbox] {
  appearance: none;
  border: none;
  background: none;
  border-radius: unset;
  padding: 0;
  margin: 0;
}
.content-area.evaluation input[type=checkbox] {
  width: 25px !important;
  height: 25px !important;
  background-image: url("/assets/images/checkbox.png");
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
}
.content-area.evaluation .hide-filter {
  display: none;
}
.content-area.evaluation input[type=checkbox]:checked {
  background-image: url("/assets/images/checkbox-checked.png");
}
.content-area.evaluation .drop_box {
  position: relative;
}
.content-area.evaluation .drop_box .drop_box_ul {
  left: 0;
  top: 34px;
  width: 100%;
}
.content-area.evaluation .summe {
  display: none;
}
.content-area.evaluation .removefilterbar {
  display: none;
  background: #e97800 !important;
  color: #fff !important;
}
.content-area.evaluation .summecontent {
  border-radius: 15px;
  border: 1px solid #e97800;
  padding: 10px;
}
.content-area.evaluation .summecontentflex {
  display: flex;
  flex-direction: column;
}
.content-area.evaluation .summecontentflexrow {
  display: flex;
  align-items: baseline;
}
.content-area.evaluation .summecontentflexrow div {
  padding: 5px;
}
.content-area.evaluation .summecontentflexrow div input {
  margin-bottom: 0;
}
.content-area.evaluation .row {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 1 0 100%;
  height: 100%;
}
.content-area.evaluation .thirty {
  width: 33%;
  position: relative;
}
.content-area.evaluation .gleich {
  width: 85%;
}
.content-area.evaluation .fifty {
  width: 50% !important;
}
.content-area.evaluation .sixty {
  width: 60% !important;
}
.content-area.evaluation .sixtyfive {
  width: 65% !important;
}
.content-area.evaluation .seventy {
  width: 70% !important;
}
.content-area.evaluation .seventysix {
  width: 76%;
}
.content-area.evaluation .eighty {
  width: 80%;
}
.content-area.evaluation .eightyfive {
  width: 85%;
}
.content-area.evaluation .ninety {
  width: 90% !important;
}
.content-area.evaluation .ninetyfive {
  width: 95%;
}
.content-area.evaluation .five {
  width: 5% !important;
}
.content-area.evaluation .ten {
  width: 10% !important;
}
.content-area.evaluation .twenty {
  width: 20% !important;
}
.content-area.evaluation .smallerfont {
  font-size: 0.9rem;
}
.content-area.evaluation .placeholder::placeholder {
  text-align: right;
}
.content-area.evaluation .addSomething {
  background: #f2f0f5;
  border-radius: 30px;
  border: 0;
  padding: 16px 11px 11px 18px;
  width: 20px;
  height: 20px;
  color: #000;
}
.content-area.evaluation .drop_box_ul_info {
  display: none;
}
.content-area.evaluation .addSomething:hover {
  background-color: #e97800;
  color: #fff;
}
.content-area.evaluation .hoverplus:hover .drop_box_ul_info {
  display: block;
}
.content-area.evaluation .minirow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.content-area.evaluation .getdropdown,
.content-area.evaluation #datetimepicker {
  cursor: pointer;
}
.content-area.evaluation .gespraechsrichtung-selection {
  display: none;
  border-radius: 15px;
  border: 1px solid #e97800;
  padding: 10px;
  width: 95%;
}
.content-area.evaluation .gespraechsrichtung-flex {
  display: flex;
  flex-direction: column;
}
.content-area.evaluation .gespraechsrichtung-flex-row {
  display: flex;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.content-area.evaluation .gespraechsrichtung-flex-row .checkboxes {
  width: 33%;
}
.content-area.evaluation .gespraechsrichtung-flex-row div {
  width: auto;
}
.content-area.evaluation .gespraechsrichtung-flex-row .label {
  width: 100%;
  flex-grow: 4;
}
.content-area.evaluation .checkboxes {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.content-area.evaluation .checkboxes div {
  padding: 5px;
}
.content-area.evaluation .checkbox {
  width: auto !important;
}
.content-area.evaluation input, .content-area.evaluation select, .content-area.evaluation textarea {
  background: #f2f0f5;
  border-radius: 30px;
  border: 0;
  padding: 15px 20px;
  font-size: 15px;
  max-width: 420px;
  margin-bottom: 20px;
  width: 100%;
}
.content-area.evaluation .auswerten {
  background: #f2f0f5;
  border-radius: 20px;
  border: 0;
  padding: 15px 20px;
  font-size: 15px;
  max-width: 420px;
  margin-bottom: 20px;
  width: 100%;
  min-height: 100px;
}
.content-area.evaluation .eintraege-icons {
  text-decoration: none;
  color: #000;
  font-size: 20px;
  margin-left: 10px;
  padding: 5px;
}
.content-area.evaluation .drop_box_ul_info {
  display: none;
  position: absolute;
  left: -71px;
  top: 40px;
  background-color: white;
  box-shadow: 0px 5px 38px 0px rgba(0, 0, 0, 0.1);
  width: 213px;
  border-radius: 15px;
  z-index: 9;
  padding: 15px 0;
  list-style: none;
  text-align: center;
  color: #000;
}
.content-area.evaluation .drop_box_ul_info li {
  color: #000;
}
.content-area.evaluation .drop_box_ul_info::after {
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -20px;
  left: calc(50% - 21px);
  margin: 0 auto;
  right: auto;
}
.content-area.evaluation .organisation-field {
  display: none;
}
.content-area.evaluation .dropdownicon {
  background-image: url("/assets/images/bottom-arrow-padding.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 5%;
}
.content-area.evaluation .dropdownicon-top {
  background-image: url("/assets/images/top-arrow-padding.svg");
}
.content-area.evaluation .min-width {
  min-width: 380px;
}
.content-area.evaluation input:focus-visible,
.content-area.evaluation select:focus-visible {
  outline: 2px solid #ed973c;
}
.content-area.evaluation label {
  font-size: 15px;
  font-weight: bold;
  color: #2c3038;
  padding: 0px 0px 10px 0;
  display: block;
}
.content-area.evaluation .blue-buttons-flex {
  display: flex;
  flex-wrap: wrap;
}
.content-area.evaluation .bluebutton {
  display: block;
  padding: 13px 50px 13px 70px;
  background-position: 33px 8px;
  color: #fff;
  background-color: #16427f;
  border-radius: 25px;
  text-decoration: none;
  margin: 5px;
  font-weight: bold;
}
.content-area.evaluation .dropdownhover {
  width: 150px !important;
}
.content-area.evaluation .print-icon {
  background-image: url("/assets/images/print-hover.svg");
  background-repeat: no-repeat;
  background-size: 14%;
  fill: white;
}
.content-area.evaluation .save-icon {
  color: #fff;
  background-image: url("/assets/images/save-icon.svg");
  background-repeat: no-repeat;
  background-size: 13%;
}
.content-area.evaluation .pattern-icon {
  background-image: url("/assets/images/muster-icon.svg");
  background-repeat: no-repeat;
  background-size: 12%;
}

.daterangepicker .openranges {
  width: 10px;
  height: 18px;
  color: #fff;
  float: right;
  border-radius: 10px;
  background-color: #e97800;
  padding: 3px 5px 0 5px;
  cursor: pointer;
  margin-top: 4px;
}
.daterangepicker .ranges {
  display: none;
  position: absolute;
  background-color: #fff;
  z-index: 10;
  right: -50px;
  bottom: 39px;
  box-shadow: 0px 5px 38px 0px rgba(0, 0, 0, 0.1);
}

.columnsorting {
  z-index: 5;
}

.dt-head th {
  cursor: unset !important;
}

@media (max-width: 1023px) {
  .content-area.evaluation .thirty {
    width: 100% !important;
  }
  .content-area.evaluation .fifty {
    width: 100% !important;
  }
  .content-area.evaluation input, .content-area.evaluation select {
    max-width: 1000px !important;
    width: 89% !important;
  }
  .content-area.evaluation .calendar-time select {
    width: auto !important;
  }

  section.content .d-table.table-absolute {
    margin-top: 285px;
  }
}
.flex-observe {
  display: flex;
  flex-direction: row;
}
.flex-observe .sensor_tree_left_side {
  display: none;
  width: 25%;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding: 25px 25px 25px 25px;
  background-color: #f4f3f6;
}
.flex-observe .sensor_tree_left_side .sensor-tree-navigation {
  display: flex;
  max-width: 300px;
  background-color: #fcfbfe;
  border-radius: 25px;
  padding: 10px;
  gap: 10px;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
}
.flex-observe .sensor_tree_left_side .sensor-tree-navigation .hidden {
  display: none !important;
}
.flex-observe .sensor_tree_left_side .sensor-tree-navigation .nav-item-sensor-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0eff3;
  width: 33px;
  height: 33px;
  border-radius: 25px;
}
.flex-observe .sensor_tree_left_side .sensor-tree-navigation .nav-item-sensor-navigation a {
  width: 20px;
}
.flex-observe .sensor_tree_left_side .sensor-tree-navigation .active {
  background-color: #e97800;
  color: #fff;
}
.flex-observe .sensor_tree_left_side .sensor-tree-close {
  float: right;
  width: 33px;
  height: 33px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fcfbfe;
}
.flex-observe .sensor_tree_left_side .sensor-tree-close img {
  width: 8px;
  height: auto;
}
.flex-observe .sensor_tree_left_side h3 {
  font-size: 20px;
  color: #e97800;
  font-weight: bold;
  margin: 0px;
  padding: 5px 0 10px 0;
  display: inline-block;
  align-items: center;
}
.flex-observe .sensor_tree_left_side .tree {
  overflow-y: scroll;
}
.flex-observe .sensor_tree_left_side .tree .no-event {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.flex-observe .sensor_tree_left_side .tree .no-event li {
  cursor: not-allowed;
  pointer-events: none;
}
.flex-observe .sensor_tree_left_side .tree .no-event span {
  cursor: not-allowed;
  pointer-events: none;
}
.flex-observe .sensor_tree_left_side .tree .no-event a {
  cursor: not-allowed;
  pointer-events: none;
}
.flex-observe .observe_section {
  width: 100%;
}
.flex-observe .observe_section .sensor-tree {
  background-color: #f2f0f5;
  width: 33px;
  height: 33px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 0 -39px;
}
.flex-observe .observe_section .observe_btn_left {
  display: none;
}
.flex-observe .sensor_tree_smaller {
  display: block;
}
.flex-observe .observe_section_smaller {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 75%;
  padding: 25px;
}

.sensor_tree_left_side .green {
  background-color: #8dd0ab !important;
}
.sensor_tree_left_side .tree .opened {
  display: block;
}
.sensor_tree_left_side .tree .closed {
  display: none;
}
.sensor_tree_left_side .tree .active {
  font-weight: 600;
  color: #e97800 !important;
}
.sensor_tree_left_side .tree ul {
  padding-left: 0;
}
.sensor_tree_left_side .tree ul ul {
  padding-left: 20px;
}
.sensor_tree_left_side .tree ul li {
  list-style-type: none;
  margin: 10px 0px;
}
.sensor_tree_left_side .tree ul li .root {
  color: #797a80;
  font-size: 18px;
  text-decoration: none;
}
.sensor_tree_left_side .tree ul li a {
  color: #797a80;
  font-size: 18px;
  text-decoration: none;
}
.sensor_tree_left_side .tree .circle {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin-right: 3px;
  display: block;
  float: left;
  margin-top: 2px;
}
.sensor_tree_left_side .tree .green-circle {
  background-color: #0daf2b;
}
.sensor_tree_left_side .tree .yellow-circle {
  background-color: #fad81e;
}
.sensor_tree_left_side .tree .red-circle {
  background-color: #d61717;
}
.sensor_tree_left_side .tree .redtext {
  color: #d61717;
  font-weight: 600;
}
.sensor_tree_left_side .tree .grey-circle {
  background-color: #cbcbcd;
}
.sensor_tree_left_side .tree .plus, .sensor_tree_left_side .tree .minus, .sensor_tree_left_side .tree .none {
  display: block;
  width: 15px;
  height: 15px;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  line-height: 0.5em;
  padding: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  color: #797a80;
  margin-right: 5px;
  float: left;
}
.sensor_tree_left_side .tree .plus {
  margin-top: 4px;
  cursor: zoom-in;
}
.sensor_tree_left_side .tree .minus {
  margin-top: 1px;
  cursor: zoom-out;
}
.sensor_tree_left_side .tree .none::before {
  display: block;
  content: " ";
}
.sensor_tree_left_side .tree .minus::before {
  display: block;
  content: "-";
}
.sensor_tree_left_side .tree .plus::before {
  display: block;
  content: "+";
}

.question-popup {
  display: none;
  position: fixed;
  top: 50%;
  margin-top: -180px;
}
.question-popup .inner {
  position: relative;
  width: 370px;
  height: 270px;
  padding: 0 20px 20px 20px;
  margin: auto;
}
.question-popup .inner .flex-inner-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  height: 80%;
}
.question-popup .inner .flex-inner-text .buttons-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}
.question-popup .inner h4 {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  font-size: 19px;
  color: #ffffff;
  border-bottom: 1px solid #f1f0f3;
  background-color: #e97800;
  margin-top: -10px;
  padding-top: 10px;
  padding-bottom: 15px;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.question-popup .inner .inner-text {
  font-weight: 600;
  font-size: 19px;
  text-align: center;
}
.question-popup .inner .blue-button {
  color: #fff;
  background-color: #16427f;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.observe-status {
  display: none;
  position: fixed;
  top: 50%;
  margin-top: -180px;
}
.observe-status .inner {
  position: relative;
  min-height: 200px;
  padding: 20px;
}
.observe-status .inner .popup-chart-canvas {
  max-height: 200px !important;
}
.observe-status .inner h4 {
  font-size: 17px;
  color: #2c3038;
  border-bottom: 1px solid #f1f0f3;
  margin-top: -10px;
  padding-top: 10px;
  padding-bottom: 15px;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
}
.observe-status .inner .close {
  text-align: center;
  width: 20px;
  height: 20px;
  padding: 5px;
  border-radius: 100%;
  background: #f2f0f5;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 25px;
  top: 13px;
  cursor: pointer;
}
.observe-status .inner .close:hover {
  background-color: #e97800;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ul li {
  position: relative;
  /** More li styles **/
}

ol.example li:before {
  position: absolute;
  /** Define arrowhead **/
}

.edit-mask-observe {
  background: #f2f0f5;
  border-radius: 30px;
  border: 0;
  padding: 10px 30px;
  font-size: 15px;
  width: calc(100% - 60px);
}

.edit-mask-observe:focus-visible {
  outline: 2px solid #ed973c;
}

.row-1 {
  align-items: center;
}

@media (max-width: 768px) {
  .sensor_tree_left_side {
    width: 50% !important;
  }
}
html, body {
  overflow-x: hidden;
}

section#qi {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vh, 3rem);
}
section#qi .qi-all {
  position: absolute;
  left: unset;
  right: -22px;
  top: 62px;
  background-color: white;
  box-shadow: 0px 5px 38px 0px rgba(0, 0, 0, 0.1);
  width: 213px;
  border-radius: 15px;
  z-index: 9;
  padding: 15px 0;
  list-style: none;
}
section#qi .qi-all h3 {
  font-weight: 800;
  font-size: 16px;
  text-align: center;
}
section#qi .qi-all a:hover span {
  background-color: #e97800;
  color: #fff;
}
section#qi .qi-all .w {
  background-color: #f0eff3;
  border-radius: 3px;
  padding: 15px 15px 15px 10px;
  margin: 5px;
  color: #898989;
  font-size: 11px;
}
section#qi .qi-all .oneheight {
  background-color: #f2f1f4;
  height: 1px;
}
section#qi .qi-all .at {
  width: 100% !important;
  padding: 0 10px 0 10px;
}
section#qi .qi-all .w25 {
  width: 20%;
}
section#qi .qi-all .w33 {
  width: 28%;
}
section#qi .qi-all .w50 {
  width: 48%;
}
section#qi .qi-all .w100 {
  width: 97%;
}
section#qi .breadcrumb-nav {
  padding: 10px 30px;
}
section#qi .breadcrumb-nav .user-information {
  color: #797a80;
  display: flex;
  flex: 1 1 30%;
  justify-content: space-between;
  align-items: center;
}
section#qi .breadcrumb-nav .user-information p {
  margin-bottom: 0 !important;
}
section#qi .breadcrumb-nav .btn-group {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  flex-grow: 1;
}
section#qi .breadcrumb-nav .btn-group a {
  position: relative;
  transition: background 0.2s linear;
  text-decoration: none;
  padding: 10px;
  height: 52px;
  width: 52px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
section#qi .breadcrumb-nav .btn-group a img {
  width: 30px;
  height: 30px;
}
section#qi .breadcrumb-nav .btn-group a.add, section#qi .breadcrumb-nav .btn-group a.new {
  border-radius: 100%;
  background: #f0eff3;
}
section#qi .breadcrumb-nav .btn-group a.add img, section#qi .breadcrumb-nav .btn-group a.new img {
  height: 28px;
}
section#qi canvas {
  max-width: 100%;
}

.text-center {
  text-align: center !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

section#widget-container .middle {
  margin: 0 30px;
}
section#widget-container div[class*=col-].scaled {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1111;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(1.5);
}
section#widget-container div[class*=col-] .item-container {
  background: #fff;
  border-radius: 30px;
  padding: 20px 40px 20px 20px;
  margin-bottom: 24px;
  height: calc(100% - 24px);
}
section#widget-container div[class*=col-] .head {
  align-items: center;
  display: flex;
  border-bottom: 1px solid #f2f1f4;
  margin: 0 -20px;
  padding: 0 20px 15px 20px;
}
section#widget-container div[class*=col-] .head p {
  margin: 0;
  font-size: 17px;
  font-weight: bold;
}
section#widget-container div[class*=col-] .head .buttons {
  margin-left: auto;
  display: flex;
}
section#widget-container div[class*=col-] .head .buttons a {
  width: 20px;
  height: 20px;
  padding: 5px;
  border-radius: 100%;
  background: #f2f0f5;
  display: flex;
  align-items: center;
}
section#widget-container div[class*=col-] .head .buttons a img {
  width: 100%;
}
section#widget-container div[class*=col-] .head .buttons a:not(:first-child) {
  margin-left: 5px;
}
section#widget-container div[class*=col-] .head .buttons a:hover, section#widget-container div[class*=col-] .head .buttons a.active {
  background: #e97800;
}
section#widget-container div[class*=col-] .content {
  padding-right: 10px;
  margin-right: -15px;
  padding-left: 1px;
  margin-top: 15px;
  max-height: 300px;
  overflow-y: auto;
}
section#widget-container div[class*=col-] .content::-webkit-scrollbar {
  width: 5px;
  left: 50px;
}
section#widget-container div[class*=col-] .content::-webkit-scrollbar-track {
  width: 5px;
  background: #f2f0f5;
  border-radius: 30px;
}
section#widget-container div[class*=col-] .content::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #e97800;
  height: 20px;
  width: 25px;
}
section#widget-container div[class*=col-] .content .d-flex {
  display: flex;
}
section#widget-container div[class*=col-] .content .column-85 {
  width: 85%;
}
section#widget-container div[class*=col-] .content .chart-infos {
  display: flex;
  justify-content: center;
  width: 15%;
  flex-direction: column;
}
section#widget-container div[class*=col-] .content .chart-infos div {
  margin: 10px auto;
}
section#widget-container div[class*=col-] .content .chart-infos div img {
  margin-right: 10px;
}
section#widget-container div[class*=col-] .content .pie-labels {
  font-size: 13px;
  margin: auto 0;
}
section#widget-container div[class*=col-] .content .pie-labels .flex {
  display: flex;
  margin: 30px 0;
}
section#widget-container div[class*=col-] .content .pie-labels .dot {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  margin-right: 10px;
}
section#widget-container div[class*=col-] .content .pie-labels .dot.blue {
  background: rgba(0, 143, 251, 0.85);
}
section#widget-container div[class*=col-] .content .pie-labels .dot.green {
  background: rgba(0, 227, 150, 0.85);
}
section#widget-container div[class*=col-] .content .pie-labels .dot.yellow {
  background: rgba(254, 176, 25, 0.85);
}
section#widget-container div[class*=col-] .content .pie-labels .dot.red {
  background: rgba(255, 69, 96, 0.85);
}
section#widget-container div[class*=col-] .content .pie-labels span.blue {
  color: #36a9e0;
}
section#widget-container div[class*=col-] .content .pie-labels span.yellow {
  color: #f8b133;
}
section#widget-container div[class*=col-] .content .pie-labels span.green {
  color: #2eac66;
}
section#widget-container div[class*=col-] .content .pie-labels span.red {
  color: #d50a52;
}
section#widget-container div[class*=col-] .content table {
  border-radius: 15px;
  border-spacing: 0;
  overflow: hidden;
  width: 100%;
}
section#widget-container div[class*=col-] .content table thead {
  background: #e97800;
}
section#widget-container div[class*=col-] .content table thead th {
  color: #fff;
  margin: 0;
  padding: 15px 20px 20px 20px;
}
section#widget-container div[class*=col-] .content table thead th:first-child {
  border-top-left-radius: 15px;
}
section#widget-container div[class*=col-] .content table thead th:last-child {
  border-top-right-radius: 15px;
}
section#widget-container div[class*=col-] .content table tbody {
  border: 1px solid #e97800;
}
section#widget-container div[class*=col-] .content table th, section#widget-container div[class*=col-] .content table td {
  font-size: 13px;
  text-align: left;
  padding: 0 20px 0 20px;
}
section#widget-container div[class*=col-] .content table th .username, section#widget-container div[class*=col-] .content table td .username {
  color: #fff;
  width: fit-content;
  border-radius: 30px;
  padding: 5px;
}
section#widget-container div[class*=col-] .content table th .username.active, section#widget-container div[class*=col-] .content table td .username.active {
  background: #01b122;
}
section#widget-container div[class*=col-] .content table th .username.inactive, section#widget-container div[class*=col-] .content table td .username.inactive {
  background: #da0f0f;
}
section#widget-container div[class*=col-] .content table td {
  height: 42px;
}
section#widget-container div[class*=col-] .content table td.align-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
section#widget-container div[class*=col-] .content table tbody tr:nth-child(even) {
  background: #f2f0f5;
}
section#widget-container div[class*=col-] .content .information-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
section#widget-container div[class*=col-] .content .information-item img {
  margin-top: 70px;
}
section#widget-container div[class*=col-] .content .information-item .text-big {
  font-weight: bold;
  font-size: 91px;
  margin: 0;
  color: #2c3038;
}
section#widget-container div[class*=col-] .content .information-item .text-sub {
  font-weight: bold;
  font-size: 29px;
  margin-top: 0;
  color: #2c3038;
}
section#widget-container div[class*=col-] .footer {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
section#widget-container div[class*=col-] .footer .dots {
  display: flex;
  align-items: center;
}
section#widget-container div[class*=col-] .footer .dots img {
  width: 15px;
  height: 15px;
}
section#widget-container div[class*=col-] .footer .information {
  margin-left: auto;
  font-size: 12px;
  display: flex;
  align-items: center;
}
section#widget-container div[class*=col-] .footer .information-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
section#widget-container div[class*=col-] .footer .information-icons img {
  margin: 0 5px;
}
section#widget-container div[class*=col-] .footer .information-icons span {
  font-size: 12px;
}
section#widget-container .col-25 {
  width: 25%;
}
section#widget-container .col-33 {
  width: 33.33%;
}
section#widget-container .col-50 {
  width: 50%;
}
section#widget-container .col-100 {
  width: 100%;
}

.ml-20 {
  margin-left: 20px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mh-unset {
  max-height: unset !important;
  overflow: hidden !important;
}

.semi-donut {
  --percentage: 0;
  --fill: $orange;
  margin: 0 auto;
  width: 300px;
  height: 150px;
  position: relative;
  font-size: 22px;
  font-weight: 600;
  overflow: hidden;
  color: var(--fill);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
}
.semi-donut:after {
  content: "";
  width: 300px;
  height: 300px;
  border: 50px solid;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) var(--fill) var(--fill);
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
  animation: fillAnimation 1s ease-in;
}

#chartdiv {
  width: 100%;
  height: 300px;
}

.title1 {
  font-size: 28px;
  font-weight: bold;
}

.title2 {
  font-size: 24px;
  color: #cbcacd;
}

@media (max-width: 1504px) {
  section#widget-container .col-25 {
    width: 50%;
  }
  section#widget-container .row .col-33 {
    margin-top: 15px;
    margin-left: 0;
    margin-right: 0;
    width: 50%;
  }
  section#widget-container .row .col-33:first-child {
    margin-top: 0;
  }
}
@media (max-width: 1373px) {
  section#widget-container .row {
    flex-wrap: wrap;
  }
  section#widget-container .row .col-33 {
    width: 100%;
  }
  section#widget-container .col-25 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
  }
  section#widget-container .col-50 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
  }
}
@media (max-width: 1199px) {
  .row.mt-30 {
    margin-top: 0 !important;
  }

  div[class*=col-] {
    margin-top: 15px;
  }
}
.weitere_table table {
  width: 100%;
  border: none !important;
  border-left: 1px solid #e97800 !important;
  border-right: 1px solid #e97800 !important;
  text-align: center;
}
.weitere_table table tr th {
  background-image: -moz-linear-gradient(90deg, rgb(234, 125, 10) 0%, rgb(246, 207, 169) 54%, rgb(252, 251, 254) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(234, 125, 10) 0%, rgb(246, 207, 169) 54%, rgb(252, 251, 254) 100%);
  vertical-align: middle;
  background-image: -ms-linear-gradient(90deg, rgb(234, 125, 10) 0%, rgb(246, 207, 169) 54%, rgb(252, 251, 254) 100%);
  font-size: 14px;
  color: #f7f6f9;
  height: 45px;
  text-align: center !important;
}
.weitere_table table tr th:first-child {
  text-align: left !important;
}
.weitere_table table tr th:last-child {
  text-align: right !important;
}
.weitere_table table tr td {
  font-size: 14px;
  color: #010101;
  min-height: 45px;
  border: none !important;
  text-align: center !important;
  vertical-align: middle !important;
}
.weitere_table table tr td:first-child {
  text-align: left !important;
}
.weitere_table table tr td:last-child {
  text-align: right !important;
}

ul.list_items {
  margin: 0px;
  list-style: none;
  padding: 0px;
}
ul.list_items li {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #e97800;
  background-color: #e97800;
  margin: 0 2px;
}
ul.list_items li.outline {
  background-color: transparent;
}

.weitere_footer {
  margin-top: -11px !important;
}
.weitere_footer .information_box {
  display: inline-flex;
  align-items: center;
  margin: 0 15px;
}
.weitere_footer .information_box .list_items {
  margin-right: 8px;
}

.arrow_btn {
  border: none;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  align-items: center;
  display: inline-flex;
  background-color: #e1e1e1;
}

.progress-chart {
  font-size: 13px;
  overflow-x: hidden !important;
}
.progress-chart #myProgress {
  width: 100%;
  background-color: #ddd;
  border-radius: 50px;
}
.progress-chart #myBar {
  height: 10px;
  background-color: #e87b38;
  border-radius: 50px;
  background-image: -moz-linear-gradient(184deg, rgb(234, 125, 10) 0%, rgb(246, 207, 169) 105%, rgb(252, 251, 254) 100%);
  background-image: -webkit-linear-gradient(184deg, rgb(234, 125, 10) 0%, rgb(246, 207, 169) 105%, rgb(252, 251, 254) 100%);
  vertical-align: middle;
  background-image: -ms-linear-gradient(184deg, rgb(234, 125, 10) 0%, rgb(246, 207, 169) 105%, rgb(252, 251, 254) 100%);
  font-size: 14px;
  color: #f7f6f9;
  text-align: center !important;
}
.progress-chart #myBar:first-child {
  text-align: left !important;
}
.progress-chart #myBar:last-child {
  text-align: right !important;
}
.progress-chart .myProgressBarWrap {
  padding-top: 6px;
}
.progress-chart .progressPercentage {
  color: #e87b38;
  font-weight: bold;
}
.progress-chart .row {
  padding-top: 30px;
}

.auslastungen_row {
  float: left;
  width: 100%;
}
.auslastungen_row .auslastungen_col {
  flex: 0 0 25%;
  text-align: center;
  width: 25%;
  max-width: 25%;
}
.auslastungen_row .auslastungen_col span {
  font-size: 14px;
  color: #e97800;
  font-weight: bold;
}
.auslastungen_row .auslastungen_col h6 {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  color: #2c3038;
}
.auslastungen_row .auslastungen_col .progress_col {
  width: 15px;
  background-color: #f1eff5;
  height: 260px;
  border-radius: 15px;
  margin: 10px auto;
  position: relative;
}
.auslastungen_row .auslastungen_col .progress_col span {
  background-image: -moz-linear-gradient(90deg, rgb(253, 207, 157) 0%, rgb(233, 120, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(253, 207, 157) 0%, rgb(233, 120, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(253, 207, 157) 0%, rgb(233, 120, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 25px;
  float: left;
}

#map {
  height: 292px;
}

.hide-drag-button {
  display: none !important;
}

.sortable-placeholder {
  opacity: 0.3;
  background: #e87b38;
}

.head .drop_box {
  position: relative;
}
.head .drop_box a.btn_icon {
  margin-left: 5px;
}
.head .drop_box ul.drop_box_ul {
  width: 150px;
  left: -65px;
}
.head .drop_box ul.drop_box_ul li a {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
  background-color: #FFF !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.head .drop_box ul.drop_box_ul li a:hover {
  background-color: #e97800 !important;
}
.head .drop_box ul.drop_box_ul li a.active {
  background-color: #e97800 !important;
  color: #fff;
}
.head .drop_box ul.drop_box_ul:after {
  left: calc(50% - 7px);
}

.popup-content .tab-box:not(:first-child) {
  display: none;
}

nav {
  background-color: #fcfbfe;
  justify-content: flex-start;
  padding: 27px 40px;
}
nav .nav-list {
  z-index: 10;
  margin-top: 9px;
  margin-left: 40px;
  height: 50px;
}
nav .nav-list .nav-item a {
  padding: 6px 20px;
}
nav img {
  max-width: 260px;
}
nav .search-container {
  flex-grow: 8;
}
nav .search-container input {
  min-width: 340px;
  height: 50px;
  background-image: url("/assets/images/search.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 13%;
}
nav .menu-icons {
  flex-grow: 1;
}

section.content .d-table tr {
  height: 60px;
}

.edit-popup {
  z-index: 11;
}
.edit-popup .inner .popup-content {
  height: 700px;
  overflow-y: auto;
}

.breadcrumb p:last-child {
  font-weight: bold;
}

.nav-opener {
  height: 25px;
  padding: 10px 15px;
}

@media (max-width: 1399px) {
  section.content .breadcrumb-nav .nav-points {
    width: auto;
    flex-wrap: wrap;
  }
}
@media (max-width: 875px) {
  nav .menu-icons {
    justify-content: center;
  }
}
.user-dropdown {
  position: absolute;
  padding: 0;
  margin: 0;
  display: none;
  top: 100px;
  margin-left: 23px;
  background: #fff;
  border-radius: 15px;
  width: 172px;
  z-index: 5;
}
.user-dropdown li {
  list-style-type: none;
}
.user-dropdown a {
  color: #797a80;
  font-size: 13px;
  text-decoration: none;
  background-color: #fff !important;
  width: 100% !important;
  height: auto !important;
  justify-content: start !important;
  border: 0;
}
.user-dropdown li:nth-child(1) {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border-bottom: 1px solid #f5f5f6;
}
.user-dropdown li:nth-child(2) {
  border-bottom: 1px solid #f5f5f6;
}
.user-dropdown li:nth-child(3) {
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}
.user-dropdown li:nth-child(1) a {
  padding-left: 50px;
  background-image: url("/assets/images/usersettings.svg");
  background-size: 15%;
  background-repeat: no-repeat;
  background-position: 12px 5px;
}
.user-dropdown li:nth-child(2) a {
  padding-left: 50px;
  background-image: url("/assets/images/password.svg");
  background-size: 15%;
  background-repeat: no-repeat;
  background-position: 12px 5px;
}
.user-dropdown li:nth-child(3) a {
  padding-left: 50px;
  background-image: url("/assets/images/logout.svg");
  background-size: 15%;
  background-repeat: no-repeat;
  background-position: 12px 5px;
}
.user-dropdown li:hover,
.user-dropdown li:hover a {
  background-color: #e97800 !important;
  color: #fff !important;
}

.user-dropdown::after {
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -20px;
  left: calc(50% - 21px);
  margin: 0 auto;
  right: auto;
}

/* Top level */
:root {
  /* note */
  --lightbox-magritte-standard-size-h-max: 80vh;
  --lightbox-magritte-standard-size-h-min: 30vh;
  --lightbox-magritte-standard-size-w-max: 90vw;
  --lightbox-magritte-standard-size-w-min: 55vw;
  /* for test vars */
  --lightbox-magritte-text-size: 14px;
  --lightbox-magritte-button-size: 30px;
  --lightbox-magritte-height-min: 30vh;
  --lightbox-magritte-height-max: 90vh;
  --lightbox-magritte-width-min: 30vw;
  --lightbox-magritte-width-max: 90vw;
  --lightbox-magritte-height-min-int: calc( var(--lightbox-magritte-height-min) - var(--lightbox-magritte-button-size ));
  --lightbox-magritte-height-max-int: calc( var(--lightbox-magritte-height-max) - var(--lightbox-magritte-button-size ));
  --lightbox-magritte-width-min-int: 14px;
  --lightbox-magritte-width-max-int: 14px;
}

html {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: Arial, Helvetica, clean, sans-serif;
  font-size: 12px;
  color: rgba(255, 255, 255, 0);
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
}
html .table-radius table {
  border-collapse: separate !important;
  border-radius: 1em !important;
}
html body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
html body a {
  cursor: pointer;
  text-decoration: none;
}
html body.loginBody {
  overflow: hidden;
}
html body > #attr-def-formular {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  /* this right box goes on the left side... */
}
html body > #attr-def-formular > div.topBox {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: auto;
  height: var(--popup-attribute-edit-icon-spacing);
}
html body > #attr-def-formular > div.topBox > a {
  border: 1px solid var(--kaupa-orange-main);
  width: var(--popup-attribute-edit-icon-spacing);
  height: var(--popup-attribute-edit-icon-spacing);
  padding: var(--popup-attribute-edit-icon-padding);
  border-radius: var(--popup-attribute-edit-icon-padding);
  background-repeat: no-repeat;
  background-position: center;
}
html body > #attr-def-formular > div.topBox a.SMInputField {
  background-image: url(images/smwigedget/smLabelIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMComboBox {
  background-image: url(images/smwigedget/smComboboxIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMCheckBox {
  background-image: url(images/smwigedget/smCheckboxIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMTextEditor {
  background-image: url(images/smwigedget/smTextEditorIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMRadioButton {
  background-image: url(images/smwigedget/smRadioButtonIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMSpinBoxFeld {
  background-image: url(images/smwigedget/smSpinboxFeldIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMRadioButtonJaNein {
  background-image: url(images/smwigedget/smRadioButtonJaNeinBase.png);
}
html body > #attr-def-formular > div.topBox a.SMSQLBox {
  background-image: url(images/smwigedget/smComboboxIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMSQLBoxWithAdding {
  background-image: url(images/smwigedget/smSQLBoxIconImageAdd.png);
}
html body > #attr-def-formular > div.topBox a.SMLabel {
  background-image: url(images/smwigedget/smLabelIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMGroup {
  background-image: url(images/smwigedget/smGroupIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMHorizontalLine {
  background-image: url(images/smwigedget/smHorizontalLinieIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMVerticalLine {
  background-image: url(images/smwigedget/smVerticalLineIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMRegion {
  background-image: url(images/smwigedget/smRegionIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMDateBox {
  background-image: url(images/smwigedget/smDateBoxIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMObjectInputButton {
  background-image: url(images/smwigedget/smObjectInputButtonIcon.png);
}
html body > #attr-def-formular > div.topBox a.SMTreeBox {
  background-image: url(images/smwigedget/smTreeBoxIcon.png);
}
html body > #attr-def-formular > div.topBox a.toFrontImage {
  background-image: url(images/smwigedget/toFrontImage.png);
}
html body > #attr-def-formular > div.topBox a.toBackImage {
  background-image: url(images/smwigedget/toBackImage.png);
}
html body > #attr-def-formular > div.topBox a.mussFelder {
  background-image: url(images/smwigedget/mussFelder.png);
}
html body > #attr-def-formular > div.topBox a.nichtFelder {
  background-image: url(images/smwigedget/nichtFelder.png);
}
html body > #attr-def-formular > div.topBox a.readFelder {
  background-image: url(images/smwigedget/readFelder.png);
}
html body > #attr-def-formular > div.topBox a.smSimpleDialogOK {
  background-image: url(images/smwigedget/smSimpleDialogOKIcon.png);
}
html body > #attr-def-formular > div.topBox a.mSimpleDialogX {
  background-image: url(images/smwigedget/smSimpleDialogXIcon.png);
}
html body > #attr-def-formular > div.topBox a.smSimpleDialogInfo {
  background-image: url(images/smwigedget/smSimpleDialogInfoIcon.png);
}
html body > #attr-def-formular > div.topBox a.smCopy {
  background-image: url(images/copyrow.png);
}
html body > #attr-def-formular > div.topBox a.smCut {
  background-image: url(images/scissors.png);
}
html body > #attr-def-formular > div.topBox a.smPaste {
  background-image: url(images/pasterow.png);
}
html body > #attr-def-formular > div.topBox a.smDelete {
  background-image: url(images/deleterow.png);
}
html body > #attr-def-formular > div.rightBox {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: var(--popup-attribute-edit-icon-spacing);
  bottom: 0;
  left: 0;
  overflow: auto;
  width: var(--popup-attribute-edit-icon-spacing);
}
html body > #attr-def-formular > div.rightBox > a {
  border: 1px solid var(--kaupa-orange-main);
  height: var(--popup-attribute-edit-icon-spacing);
  width: var(--popup-attribute-edit-icon-spacing);
  padding: var(--popup-attribute-edit-icon-padding);
  border-radius: var(--popup-attribute-edit-icon-padding);
  background-repeat: no-repeat;
  background-position: center;
}
html body > #attr-def-formular > div.rightBox a.SMInputField {
  background-image: url(images/smwigedget/smLabelIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMComboBox {
  background-image: url(images/smwigedget/smComboboxIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMCheckBox {
  background-image: url(images/smwigedget/smCheckboxIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMTextEditor {
  background-image: url(images/smwigedget/smTextEditorIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMRadioButton {
  background-image: url(images/smwigedget/smRadioButtonIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMSpinBoxFeld {
  background-image: url(images/smwigedget/smSpinboxFeldIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMRadioButtonJaNein {
  background-image: url(images/smwigedget/smRadioButtonJaNeinBase.png);
}
html body > #attr-def-formular > div.rightBox a.SMSQLBox {
  background-image: url(images/smwigedget/smComboboxIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMSQLBoxWithAdding {
  background-image: url(images/smwigedget/smSQLBoxIconImageAdd.png);
}
html body > #attr-def-formular > div.rightBox a.SMLabel {
  background-image: url(images/smwigedget/smLabelIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMGroup {
  background-image: url(images/smwigedget/smGroupIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMHorizontalLine {
  background-image: url(images/smwigedget/smHorizontalLinieIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMVerticalLine {
  background-image: url(images/smwigedget/smVerticalLineIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMRegion {
  background-image: url(images/smwigedget/smRegionIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMDateBox {
  background-image: url(images/smwigedget/smDateBoxIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMObjectInputButton {
  background-image: url(images/smwigedget/smObjectInputButtonIcon.png);
}
html body > #attr-def-formular > div.rightBox a.SMTreeBox {
  background-image: url(images/smwigedget/smTreeBoxIcon.png);
}
html body > #attr-def-formular > div.rightBox a.toFrontImage {
  background-image: url(images/smwigedget/toFrontImage.png);
}
html body > #attr-def-formular > div.rightBox a.toBackImage {
  background-image: url(images/smwigedget/toBackImage.png);
}
html body > #attr-def-formular > div.rightBox a.mussFelder {
  background-image: url(images/smwigedget/mussFelder.png);
}
html body > #attr-def-formular > div.rightBox a.nichtFelder {
  background-image: url(images/smwigedget/nichtFelder.png);
}
html body > #attr-def-formular > div.rightBox a.readFelder {
  background-image: url(images/smwigedget/readFelder.png);
}
html body > #attr-def-formular > div.rightBox a.smSimpleDialogOK {
  background-image: url(images/smwigedget/smSimpleDialogOKIcon.png);
}
html body > #attr-def-formular > div.rightBox a.mSimpleDialogX {
  background-image: url(images/smwigedget/smSimpleDialogXIcon.png);
}
html body > #attr-def-formular > div.rightBox a.smSimpleDialogInfo {
  background-image: url(images/smwigedget/smSimpleDialogInfoIcon.png);
}
html body > #attr-def-formular > div.rightBox a.smCopy {
  background-image: url(images/copyrow.png);
}
html body > #attr-def-formular > div.rightBox a.smCut {
  background-image: url(images/scissors.png);
}
html body > #attr-def-formular > div.rightBox a.smPaste {
  background-image: url(images/pasterow.png);
}
html body > #attr-def-formular > div.rightBox a.smDelete {
  background-image: url(images/deleterow.png);
}
html body > #attr-def-formular > div#atradis-attr-def-component {
  position: absolute;
  top: var(--popup-attribute-edit-icon-spacing);
  left: var(--popup-attribute-edit-icon-spacing);
  bottom: 0;
  right: 0;
  border: 1px solid var(--kaupa-orange-main);
  overflow: auto;
}
html body > #attr-def-formular > div#atradis-attr-def-component > div#magritte > div#popup_form_header {
  display: none;
}
html body > #attr-def-formular > div#atradis-attr-def-component > div#magritte > table > tbody tr td div.maEditMode > input {
  border: 1px solid var(--kaupa-orange-main);
  border-radius: 1em;
  max-height: 100%;
  min-width: 100%;
  /*
  display: none;
  border: 1px dash var(--kaupa-orange-main);
  border-radius: 1em;
  height: calc(100% - 2em);
  width: calc(100% - 2em);
  -webkit-transform: translate3d(5em, 0, 0);
  -ms-transform: translate3d(5em, 0, 0);
  transform: translate3d(5em, 0, 0);
  */
}
html body > #attr-def-formular > div#atradis-attr-def-component > div#magritte > table > tbody tr td div.maEditMode:hover {
  background-color: #0c6dfc;
}
html body > #attr-def-formular > div#atradis-attr-def-component > div#magritte > table > tbody tr td div.maEditMode:hover > input {
  display: none;
}
html body > #attr-def-formular > div#atradis-attr-def-component > div#editModeDetailsBox {
  position: absolute;
  top: 0;
  right: 0;
  overflow: auto;
  border: 1px dashed var(--kaupa-orange-main);
}
html body > #attr-def-formular > div#atradis-attr-def-component > div#buttons {
  display: flex;
  flex-direction: row;
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--popup-attribute-edit-icon-spacing);
  height: var(--popup-attribute-edit-icon-spacing);
  overflow: auto;
}
html body .inner-image {
  color: #B0B0B0;
  font-family: Times New Roman;
  font-size: 34px;
  left: 45%;
  position: fixed;
  text-align: center;
  top: 50%;
  z-index: -1;
}
html body #load {
  background-image: url(images/spinning-wheel-big.gif);
  background-position: 15px center;
  background-repeat: no-repeat;
  background-color: #e97800;
  border-radius: 1em;
  display: none;
  font-size: 25px;
  left: 48%;
  margin: 10px;
  padding: 10px 15px 10px 60px;
  position: fixed;
  color: white;
  top: 46%;
  z-index: 100;
}
html body .open-load {
  display: block !important;
}
html body .menu-2d > .navigation-options {
  position: fixed;
  z-index: 3;
  overflow: visible;
  display: block;
  color: #797a80;
  background-color: white;
  margin-left: 1em;
  margin-top: 1em;

}

html body .menu-2d > .navigation-options > ul {
  overflow: visible;
  padding: 0;
  list-style: none;
  margin-bottom: 0;

}
html body .menu-2d > .navigation-options > ul > li {
  white-space: nowrap;
  float: left;
  max-height: 3em;
  overflow: visible;
  padding: 0.5em;
  #border: 1px solid var(--kaupa-orange-main);
  #border-left: 1px solid var(--kaupa-orange-main);
  #border-right: 1px solid var(--kaupa-orange-main);
  #border-bottom: 1px solid var(--kaupa-orange-main);
  background: #f0eff3;
}
html body .menu-2d > .navigation-options > ul > li.active {
  background-color: var(--kaupa-orange-main);
  color: white;
}

html body .menu-2d > .navigation-options > ul > li:hover {
  background-color: var(--kaupa-orange-main);
  color: white;
}

html body .menu-2d > .navigation-options > ul > li:first-child {
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
  padding-left: 1em;
}

html body .menu-2d > .navigation-options > ul > li:last-child {
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  padding-right: 1em;
}

html body .menu-2d > .navigation-options > ul > li > ul {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 25em;
  background-color: transparent;
  color: var(--kaupa-orange-main);
  list-style: none;
    font-size: 20px;
}
html body .menu-2d > .navigation-options > ul > li > ul > li {
  overflow: visible;
  padding: 0.5em;
  background-color: white;
  border: 1px solid var(--kaupa-orange-main);
    font-size: 20px;
}

html body .menu-2d > .navigation-options > ul > li > ul > li:hover {
  background-color: var(--kaupa-orange-main);
  color: white;
}

html body .menu-2d > .navigation-options > ul > li:hover > ul, html body .menu-2d > .navigation-options > ul > li > ul:hover, html body .menu-2d > .navigation-options > ul > li:hover > ul:hover {
  display: block;
  float: none;
}
html body .menu-2d > #current-component {
  margin-top: 2.5em;
  position: fixed;
  z-index: 1;
  top: 2.5em;
  left: 0.5em;
  right: 0.5em;
  height: calc(100vh - 5em);
  overflow: auto auto;
  padding: 0 0 2.5em 0;
}
html body .menu-2d > #current-component #treeReportHead {
  background-color: var(--kaupa-orange-main);
  color: white;
}
html body .menu-2d > #current-component #datatable_wrapper {
  border-left: 1px solid var(--kaupa-orange-main);
  border-right: 1px solid var(--kaupa-orange-main);
  border-bottom: 1px solid var(--kaupa-orange-main);
  border-radius: 1em;
  overflow: hidden;
}

html body .menu-2d > #current-component #datatable_wrapper .dt-len-pag .dataTables_length label,
html body .menu-2d > #current-component #datatable_wrapper .dt-len-pag #dt_filter select {
	margin: 0.5em 0.5em 0.5em 0.5em;	
}

html body .menu-2d > #current-component #datatable_wrapper .dt-len-pag .dataTables_length select {
	margin-right: 0.5em;
}

html body .menu-2d > #current-component > form {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 1em 0 0 0;
}
html body .menu-2d > #current-component > form > #lblProperties {
  display: flex !important;
  flex-direction: column;
  width: 100%;
  position: relative;
  top: 0;
  left: 4vw;
  bottom: 0;
  max-width: 90vw;
  border-radius: 3em;
  padding: 3em;
}
html body .menu-2d > #current-component > form > div.buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
html body .menu-2d > #current-component > form > #popup_form_header,
html body .menu-2d > #current-component > form > .box-header {	
  display: none;
}

html body .menu-2d > #current-component > form > .buttons > input {
  margin: 0.5em 1em;
}
html body .menu-2d > #current-component > form > #lblProperties tr th {
  padding: 0.5em;
}
html body .menu-2d > #current-component > form > #lblProperties tr th, html body .menu-2d > #current-component > form > #lblProperties tr td {
  font-size: 1em;
}
html body .menu-2d > #current-component > form > #lblProperties tr td input, html body .menu-2d > #current-component > form > #lblProperties tr td select {
  #background: #f2f0f5;
  #border-radius: 5px;
  #border: 0;
  #padding: 10px 30px;
  #width: 100%;
  #pointer-events: none;
  
  width: 100%;  
  float: left;
  display: block;
  color: black;
  background-color: #fae4cc;
  border: 1px solid var(--kaupa-btn-orange);
  border-radius: 5px;
  line-height: 2em;  
}

html body .menu-2d > #current-component .navigation-content > .magritte {
  #border: 1px solid var(--kaupa-orange-main);
  #padding-bottom: 5em;
}

html body .menu-2d > #current-component .navigation-content > .magritte > div:nth-child(3) {
  #border: 1px solid var(--kaupa-orange-main);
  position: absolute;
  width: 99% !important;
  bottom: 1px;
  height: 3em;
  background: white;
}

html body .menu-2d > #current-component .navigation-content > .magritte > div:nth-child(3) > input {	
  position: relative !important;
}

html body .menu-2d > #current-component .navigation-content > .magritte #popup_form_header,
html body .menu-2d > #current-component .navigation-content > .magritte .box-header,
html body .menu-2d > #current-component .navigation-content > .magritte #tableCaption {
  display: none;
}
html body .menu-2d > #current-component .navigation-content > .magritte #attributContainer {
  height: 75vh !important;
  /*
  .currentSection {
  	position: relative;
  	display:flex !important;
  	flex-direction: row;
  	& > table {
  		& > tbody {
  			display: flex;
  			flex-direction: column;
  			& > tr {
  				display: flex;
  				flex-direction: row;
  				padding: 0.5rem 0.25rem;
  				justify-content: flex-start;
  				width: 100vw;
  				& > th,
  				& > th > label,
  				& > td,
  				& > td > span,
  				{
  					position: unset !important;
  				}
  				& > th
  				{
  					width: 25vw;
  					height: 2em;
  				}
  				& > td
  				{
  					width: 25vw;
  				}
  				&:nth-child(odd) {
  					background-color: var(--kaupa-grau-btn);
  				}
  			}
  		}
  	}

  }
  */
}
html body .menu-2d > #current-component .navigation-content > .magritte .buttons {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
html body .menu-2d > #current-component > .spleisskassette-title {
  background: var(--kaupa-orange-main);
  color: white;
  clear: both;
  padding: 1em;
  border-radius: 2em;
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu {
  display: flex;
  flex-direction: column;
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > ul > li {
  float: left;
  padding: 0.5em 1em;
  border: 1px solid var(--kaupa-orange-main);
  list-style: none;
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > ul > li.active {
  background-color: var(--kaupa-orange-main);
  color: white;
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > ul > li:first-child {
  border-bottom-left-radius: 1em;
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > ul > li:last-child {
  border-bottom-right-radius: 1em;
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable {
  position: absolute;
  width: auto;
  top: 0;
  right: 0;
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a#print {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 1em;
  padding: 1em;
  text-decoration: none;
  height: 2em;
  width: 2em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: url("/files/styles/images/stylev9/print.svg");
  background-size: 1em;
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a#print:hover {
  background-color: var(--bs-orange);
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a#print:hover svg, html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a#print:hover img {
  filter: brightness(0) invert(1);
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a#print:hover svg path, html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a#print:hover img path {
  fill: #FFF;
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a.exportPng {
  z-index: 0;
  display: inline-block;
  border-radius: 100%;
  margin: 1em;
  padding: 1em;
  text-decoration: none;
  height: 2em;
  width: 2em;
  background-color: #f0eff3;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: url("/files/styles/images/stylev9/importACMMenu.svg");
  background-size: 1em;
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a.exportPng:hover {
  background-color: var(--bs-orange);
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a.exportPng:hover svg, html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a.exportPng:hover img {
  filter: brightness(0) invert(1);
}
html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a.exportPng:hover svg path, html body .menu-2d > #current-component > .spleisskassette-tab-menu > #lwTable > a.exportPng:hover img path {
  fill: #FFF;
}
html body > div#body > div#attributNavigation {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
html body #grafikContent {
  height: 95%;
  width: 99%;
}
html body > .spleisskassette-title {
  display: flex;
  flex-direction: row;
  position: fixed;
  top: 0;
  right: 1em;
  height: 2.5em;
  left: 1em;
  overflow: hidden;
  line-height: 2.5em;
  color: var(--kaupa-orange-main);
  font-size: larger;
}
html body > .spleisskassette-tab-menu {
  display: flex;
  flex-direction: row;
  position: fixed;
  top: 2.5em;
  right: 1em;
  height: 2.5em;
  left: 1em;
  overflow: hidden;
  line-height: 2.5em;
  background-color: var(--kaupa-orange-main);
  border-radius: 1em;
}
html body > .spleisskassette-tab-menu > ul > li {
  display: inline-flex;
  margin: 0 0.5em;
}
html body > .spleisskassette-tab-menu > ul > li > a {
  padding: 0 1em;
  border: 1px solid white;
  border-radius: 1em;
  background-color: transparent;
  color: white !important;
}
html body > #innerContent {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 6em;
  right: 1em;
  bottom: 1em;
  left: 1em;
  overflow: auto;
}
html body > #innerContent > .spleisskassette-table {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  justify-content: space-evenly;
}

/* Lightbox Handlers */
/* partal in "pop-up windows extra" */
.myEncase {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.myOverlay, .Overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  overflow: auto;
  z-index: 11;
}

#lightbox,
.myLightbox,
.lightbox {
  position: relative;
  background: var(--bs-white);
  min-width: var(--lightbox-magritte-standard-size-w-min);
  max-width: var(--lightbox-magritte-standard-size-w-max);
  min-height: var(--lightbox-magritte-standard-size-h-min);
  max-height: var(--lightbox-magritte-standard-size-h-max);
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid var(--kaupa-orange-bdr);
  #padding: 1em;
  display: flex;
  flex-direction: column;
}
#lightbox h3,
.myLightbox h3,
.lightbox h3 {
  margin: 1.5rem;
}
#lightbox h3 pre,
.myLightbox h3 pre,
.lightbox h3 pre {
  text-align: center;
}
#lightbox .containerComponent .nsmsingleselectioncomponent1,
.myLightbox .containerComponent .nsmsingleselectioncomponent1,
.lightbox .containerComponent .nsmsingleselectioncomponent1 {
  display: flex;
  flex-direction: row;
  width: auto;
  height: 2em;
}
#lightbox .containerComponent .nsmsingleselectioncomponent1 .viewer,
.myLightbox .containerComponent .nsmsingleselectioncomponent1 .viewer,
.lightbox .containerComponent .nsmsingleselectioncomponent1 .viewer {
  display: block;
  min-width: calc(100% - 2em);
  min-height: 2em;
}
#lightbox .containerComponent .nsmsingleselectioncomponent1 .buttonLink,
.myLightbox .containerComponent .nsmsingleselectioncomponent1 .buttonLink,
.lightbox .containerComponent .nsmsingleselectioncomponent1 .buttonLink {
  display: block;
  background-image: url(/files/styles/images/stylev9/settings.svg);
  background-repeat: no-repeat;
  height: 2em;
  width: 2em;
}

.configTab.currentSection .containerComponent{
	position: absolute;
}


#lightbox > [id^=popup_form_],
.myLightbox > [id^=popup_form_],
.lightbox > [id^=popup_form_] {
  #display: flex;
  #justify-content: space-around;
  #width: auto;
  #list-style: none;
  #background: var(--bs-orange);
  #color: white;
  #padding: 1em 0.25em;
  #margin: 1em 0.25em;
  #border-radius: 2em;
  
  display: flex;
  justify-content: center;
  background-color: var(--kaupa-orange-main);
  color: white;
  padding: 1em 0;
  #border-radius: 2em;
  #margin: 1em 0;
  margin: 0 0 0.5em;
  font-size: 1.25em;    
  
}

#lightbox > [id^=popup_form_] .magritte-navigation-item a,
.myLightbox > [id^=popup_form_] .magritte-navigation-item a,
.lightbox > [id^=popup_form_] .magritte-navigation-item a {
  text-decoration: none;
  background: transparent;
  color: var(--bs-white);
  font-size: 1.5em;
  margin: 1em;
}
#lightbox > [id^=popup_form_] .magritte-navigation-item a:hover,
.myLightbox > [id^=popup_form_] .magritte-navigation-item a:hover,
.lightbox > [id^=popup_form_] .magritte-navigation-item a:hover {
  color: var(--bs-warning);
}
#lightbox > [id^=popup_form_] .magritte-navigation-item a.active,
.myLightbox > [id^=popup_form_] .magritte-navigation-item a.active,
.lightbox > [id^=popup_form_] .magritte-navigation-item a.active {
  color: var(--bs-black);
}
#lightbox > form,
.myLightbox > form,
.lightbox > form,
.lightbox > div > form {
  position: relative !important;
  min-width: var(--lightbox-magritte-width-min);
  max-width: var(--lightbox-magritte-width-max);
  min-height: var(--lightbox-magritte-height-min);
  max-height: var(--lightbox-magritte-height-max);
  height: 100%;
  overflow: auto;
  #padding: 3em;
}
/*#lightbox > form > #askBoxNutzung,
.myLightbox > form > #askBoxNutzung,
.lightbox > form > #askBoxNutzung {
  display: none;
}*/

#askBoxNutzung {
  height: 100%;
  left: 0;
  padding-top: 130px;
  background-color: white;
  position: absolute;
  display: none;
  right: 0;
  text-align: center;
  top: 0;
}

#lightbox > form > div#attributContainer,
.myLightbox > form > div#attributContainer,
.lightbox > form > div#attributContainer {
  font-size: var(--lightbox-magritte-text-size);
  overflow: visible;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#lightbox > form > div#buttons,
.myLightbox > form > div#buttons,
.lightbox > form > div#buttons,
.lightbox > div > form > div> div#buttons {
  display: flex;
  flex-direction: row;
  justify-content: right;
  position: absolute;
  margin-top: 1em;
  top: 0;
  right: 0;
  left: 0;
  height: 30px;
}

#lightbox > form.magritte > div#buttons{
  margin-top: 4em;	
}

/* magritte forms buttons down*/
#lightbox > form#idAttribut > div#buttons{
  position: relative;
}

.lightbox > div > form > div> div#buttons{
  height: 32px;
  left: 0px;
  top: 180px;
  right: 237.0px;
  position: absolute; 	
}

#lightbox > form > #popup_form_header,
.myLightbox > form > #popup_form_header,
.lightbox > form > #popup_form_header {
  display: flex;
  justify-content: space-around;
  width: auto;
  list-style: none;
  background: var(--bs-orange);
  color: white;
  padding: 1em 0.25em;
  margin: 1em 0.25em;
  border-radius: 2em;
  /*
  & > #close-lightbox {
  	height:1em;
  	width:1em;
  	background-image: url("images/del_14.png");

  }
  */
}
#lightbox > form > #popup_form_header > #popup_form_nav,
.myLightbox > form > #popup_form_header > #popup_form_nav,
.lightbox > form > #popup_form_header > #popup_form_nav {
  list-style: none;
  display: flex;
  flex: 1 1 100%;
  flex-direction: row;
}
#lightbox > form > #popup_form_header > #popup_form_nav > .magritte-navigation-item a,
.myLightbox > form > #popup_form_header > #popup_form_nav > .magritte-navigation-item a,
.lightbox > form > #popup_form_header > #popup_form_nav > .magritte-navigation-item a {
  text-decoration: none;
  background: transparent;
  color: var(--bs-white);
  font-size: 1.5em;
  margin: 1em;
}
#lightbox > form > #popup_form_header > #popup_form_nav > .magritte-navigation-item a:hover,
.myLightbox > form > #popup_form_header > #popup_form_nav > .magritte-navigation-item a:hover,
.lightbox > form > #popup_form_header > #popup_form_nav > .magritte-navigation-item a:hover {
  color: var(--bs-warning);
}
#lightbox > form > #popup_form_header > #popup_form_nav > .magritte-navigation-item a.active,
.myLightbox > form > #popup_form_header > #popup_form_nav > .magritte-navigation-item a.active,
.lightbox > form > #popup_form_header > #popup_form_nav > .magritte-navigation-item a.active {
  color: var(--bs-black);
}
#lightbox > form > li,
.myLightbox > form > li,
.lightbox > form > li {
  float: left;
  list-style: none;
  padding: 0.5em;
  background-color: var(--kaupa-orange-main);
  color: white;
  margin: 1px;
  border-radius: 1em;
}
#lightbox > .box-header,
.myLightbox > .box-header,
.lightbox > .box-header,
.lightbox > .popup_form_header,
.lightbox > #popup_form_header,
#lightbox > #idAttribut > #attributContainer > .box-header 

/*#lightbox > #idAttribut > #attributContainer > .box-header*/ {
  display: flex;
  justify-content: center;
  background-color: var(--kaupa-orange-main);
  color: white;
  padding: 1em 0;
  #border-radius: 2em;
  #margin: 1em 0;
  margin: 0 0 0.5em;
  font-size: 1.25em;
}

#lightbox > #idAttribut > #attributContainer > .box-header{
	font-size: 2em;
}	

#lightbox > .box-header > a,
.myLightbox > .box-header > a,
.lightbox > .box-header > a,
.lightbox > #popup_form_header > a,
#lightbox > #idAttribut > #attributContainer > .box-header > a  {
  display: block;
  position: absolute;
  top: 1em;
  right: 1em;
  height: 2em;
  #width: 1em;
  width: 2em;
  #background-color: white;
  #background-image: url("images/del_14.png");
  background: var(--kaupa-grau-btn) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
  border-radius: 1em;
}

#lightbox > .box-header > div::first-child,
.myLightbox > .box-header > div::first-child,
.lightbox > .box-header > div::first-child {
  width: 100%;
}
#lightbox > div > form [class^=formdecoration],
.myLightbox > div > form [class^=formdecoration],
.lightbox > div > form [class^=formdecoration] {
  position: relative;
  z-indiex: 2;
}
#lightbox > div > form [class^=formdecoration] .moveBox,
.myLightbox > div > form [class^=formdecoration] .moveBox,
.lightbox > div > form [class^=formdecoration] .moveBox {
  max-height: 50%;
}
#lightbox > div > form [class^=formdecoration] .moveBox #tree-box1,
.myLightbox > div > form [class^=formdecoration] .moveBox #tree-box1,
.lightbox > div > form [class^=formdecoration] .moveBox #tree-box1 {
  max-height: var(--lightbox-magritte-standard-size-h-min);
  overflow: show;
}
#lightbox > div > form [class^=formdecoration] .moveBox #tree-box1 #tree-box1-Tree,
.myLightbox > div > form [class^=formdecoration] .moveBox #tree-box1 #tree-box1-Tree,
.lightbox > div > form [class^=formdecoration] .moveBox #tree-box1 #tree-box1-Tree {
  max-height: var(--lightbox-magritte-standard-size-h-min);
  overflow: auto;
}
#lightbox > div > form #buttons,
.myLightbox > div > form #buttons,
.lightbox > div > form #buttons {
  position: relative;
  z-indiex: 3;
}
#lightbox > #innerContent > div.box-header,
.myLightbox > #innerContent > div.box-header,
.lightbox > #innerContent > div.box-header {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  height: 2em;
  /*
  & > #close-lightbox {
  	position: absolute;
  	right: 0;
  	top: 0;
  	display: block;
  	width: 2em;
  	height: 2em;
  	border-radius: 1em;
  	background: red;
  	& > img {
  		content: "/files/styles/images/stylev9/close-icon.svg";
  	}
  }
  */
}
#lightbox > #innerContent > div.box-header > div[class$=-title],
.myLightbox > #innerContent > div.box-header > div[class$=-title],
.lightbox > #innerContent > div.box-header > div[class$=-title] {
  display: flex;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  height: 2em;
  border-radius: 1em;
  justify-content: space-around;
  background-color: var(--kaupa-orange-main);
  color: white;
  line-height: 2em;
}
#lightbox > #innerContent > [class$=-tree] > form,
.myLightbox > #innerContent > [class$=-tree] > form,
.lightbox > #innerContent > [class$=-tree] > form {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#lightbox > #innerContent > [class$=-tree] > form > div,
.myLightbox > #innerContent > [class$=-tree] > form > div,
.lightbox > #innerContent > [class$=-tree] > form > div {
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  width: 90%;
}
#lightbox > #innerContent > [class$=-tree] > form > input,
.myLightbox > #innerContent > [class$=-tree] > form > input,
.lightbox > #innerContent > [class$=-tree] > form > input {
  margin-top: 1em;
  float: left;
}
#lightbox > #innerContent > [class$=-tree] > form > input:is([class$=-cancel], [class$=-load]),
.myLightbox > #innerContent > [class$=-tree] > form > input:is([class$=-cancel], [class$=-load]),
.lightbox > #innerContent > [class$=-tree] > form > input:is([class$=-cancel], [class$=-load]) {
  width: 2em;
  height: 2em;
  border-radius: 1em;
}
#lightbox > #innerContent > [class$=-tree] > form > input[class$=-cancel],
.myLightbox > #innerContent > [class$=-tree] > form > input[class$=-cancel],
.lightbox > #innerContent > [class$=-tree] > form > input[class$=-cancel] {
  background: red;
}
#lightbox > #innerContent > [class$=-tree] > form > input[class$=-load],
.myLightbox > #innerContent > [class$=-tree] > form > input[class$=-load],
.lightbox > #innerContent > [class$=-tree] > form > input[class$=-load] {
  background: green;
}

.myLightbox.myMoveset {
  display: flex;
  flex-direction: column;
  #padding: 20px 20px 20px 20px;
}
.myLightbox.myMoveset .box-header {
  font-size: 2em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.myLightbox.myMoveset [class^=LBDisplaySet] {
  display: flex;
  flex-direction: row;
}
.myLightbox.myMoveset [class^=LBDisplaySet] [class^=lightboxSetLabel] {
  float: left;
}
.myLightbox.myMoveset [class^=LBDisplaySet] [class^=lightboxSetField] {
  float: right;
}
.myLightbox.myMoveset [class^=LBDisplaySet] #tree-box1 #treeComponent1-Tree {
  max-height: 50vh;
  max-width: 70vw;
  min-height: 40vh;
  min-width: 30vw;
  overflow: auto;
}
.myLightbox.myMoveset [class^=LBDisplaySet] .moveBox.lightboxSetTree {
  min-width: 100%;
}

.component-control {
  width: 100%;
}

.label.image-tree.active.tree-selected a {
  color: #e97800;
  font-size: 1em;
}

.treePath a.item {
  text-decoration: none;
  color: var(--bs-black-rgb);
}

.level1reflexed .info-text {
  display: flex;
  flex-direction: column;
  padding: 5em;
}
.level1reflexed .info-text .info-text-heder {
  display: flex;
  justify-content: center;
  font-size: 2.5em;
  color: var(--bs-white);
  background-color: var(--kaupa-orange-main);
  padding: 15px 20px 20px 20px;
  border-radius: 30px 30px 0px 0px;
}
.level1reflexed .info-text .info-text-body {
  overflow-y: auto;
  padding: 15px 20px 30px 20px;
  background-color: var(--bs-white);
  border-radius: 0 0 30px 30px;
  font-size: 1em;
}

.editFieldsSubmit button {
  background: var(--kaupa-btn-blau);
  padding: 0.5rem 1rem 0.5rem 1rem;
  color: white;
  border: 1px solid #e97800 !important;
  border-radius: 15px;
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  margin: 0px;
  display: inline-block;
  align-items: center;
}

.observe_section_smaller .editFieldsSubmit button {
  background: var(--kaupa-orange-main);
  width: 5em;
  height: 1.5em;
  margin-left:1em;
  float:none;
  display:inline-block;
  align-items: center;
  text-align: center;
  line-height: 1.5em;
  margin: 0 1em 1em 0;
  padding: 0.1em 0.5em 0.5em 0.5em;  
  border-radius: 1em;
  
}

/* sensor view additions */
.disable-this-tree {
  z-index: -1;
}

.editSplit {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}

.SCrapTaculus-Overlay {
  background: var(--shadowbox-bg);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.SCrapTaculus-lightbox {
  background: var(--lightbox-bg);
  width: 50em;
  height: 20em;
  position: fixed;
  top: calc((100vh - 20em) / 2);
  right: calc((100vw - 50em) / 2);
  bottom: calc((100vh - 20em) / 2);
  left: calc((100vw - 50em) / 2);
}

.inner-image {
  z-index: -9;
}

nav .nav-list {
  z-index: 1;
}
nav .nav-list .nav-item.active {
  background: var(--kaupa-orange-main);
}
nav .nav-list .nav-item.active a, nav .nav-list .nav-item.active a:hover, nav .nav-list .nav-item.active a:visited {
  color: var(--bs-white);
}

.sidebarNotExtended {
  max-width: 90vw;
  min-width: 90vw;
  padding: 0 1.6em 1.6em 1.6em;
}
.sidebarNotExtended .level1reflexed {
  max-width: 90vw;
  min-width: 90vw;
}
.sidebarNotExtended .level1reflexed .theRealBigContent {
  max-width: 90vw;
  min-width: 90vw;
}
.sidebarNotExtended .level1reflexed .theRealBigContent .theBigForm {
  max-width: 90vw;
  min-width: 90vw;
}
.sidebarNotExtended .level1reflexed .theRealBigContent .theBigForm .collect-table {
  max-width: 90vw;
  min-width: 90vw;
}
.sidebarNotExtended .level1reflexed .theRealBigContent .theBigForm .collect-table .d-table {
  max-width: 90vw;
  min-width: 90vw;
}

.qi-sensor-info {
  display: flex;
  flex-direction: row;
  line-height: 1.5em;
}

.qi-sensor-info div {
  margin-left: 1em;
  margin-right: 0.2em;
}

section.content {
  padding: unset;
}

.collect-table .dataTables_wrapper .dataTable {
  background: rgba(255, 255, 255, 0.5);
}
.collect-table .dataTables_wrapper .dataTable tr:first-child th {
  border-top-style: solid;
}
.collect-table .dataTables_wrapper .dataTable tr td:first-child {
  border-left-style: solid;
}
.collect-table .dataTables_wrapper .dataTable thead tr:first-child th:first-child {
  border-top-left-radius: 1em;
}
.collect-table .dataTables_wrapper .dataTable thead tr:first-child th:last-child {
  border-top-right-radius: 1em;
}
.collect-table .dataTables_wrapper .dataTable tfoot tr:last-child td:first-child {
  border-bottom-left-radius: 1em;
}
.collect-table .dataTables_wrapper .dataTable tfoot tr:last-child td:last-child {
  border-bottom-right-radius: 1em;
}
.inner-Bg-image {
  position: fixed;
  top: calc((100% - 600px) / 2);
  left: calc((100% - 800px) / 2);
}

#atradis-search-component {
  width: 100%;
}
#atradis-search-component .flip-outer {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 1em;
}
#atradis-search-component .flip-outer .flip-inner {
  width: 98%;
  margin: 0 1em;
}
#atradis-search-component .flip-outer .flip-inner table {
  min-width: 100%;
}

/* main sets */
body #grafikcontent svg {
  max-width: 100vw;
  max-height: 100vh;
}

/* Primary View Control */
/* 
there are many STYLE repeats: 
this is a single page site that loads fully new content in the same page,
with multiple views of the same information but with altered structures,
however the id/class/etc remains the same even though the information 
needs to be displayed differently.

Therefore when new content is loaded, it often needs to behave different 
behavior based on it's possition in the structure.

Further, as there is only ever one css file we have to build it all here.
8&
*/
#wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  background-color: var(--kaupa-grau-bg);
  overflow: hidden;
}
#wrapper nav#mainNavigation2 {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  height: var(--main-screen-height-head);
  overflow: visible;
  padding: var(--main-screen-height-head-padding-set);
  align-content: center;
  justify-content: center;
}
#wrapper section#balance.level0-flexed {
  position: relative;
  bottom: 0;
  right: 0;
  left: 0;
  height: calc(var(--main-screen-height-body) - (var(--main-screen-height-head) - var(--top-level-offset)));
  overflow: hidden;
  margin: 0;
  padding: 0;
  gap: unset;
  /* this is for all the junk in the admin section because left menu only exists there. so we have to push everything right and shrink it. */
  /* this is for all the junk NOT in the admin section */
}
#wrapper section#balance.level0-flexed .content-holder {
  padding: 0 1.6em 1.6em 0;
}
#wrapper section#balance.level0-flexed .content-holder .info-text-heder-holder {
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#wrapper section#balance.level0-flexed .content-holder .info-text-heder-holder #tableCaption {
  float: left;
}
#wrapper section#balance.level0-flexed .content-holder .info-text-heder-holder .hstyle {
  float: right;
}
#wrapper section#balance.level0-flexed .content-holder .info-text-heder-holder .hstyle .icon-search {
  float: right;
}
#wrapper section#balance.level0-flexed .content-holder #myMap {
  height: calc(var(--main-screen-height-body) - 36px);
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent {
  display: flex;
  flex-direction: row;
  min-height: 100%;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #mapIDConten {
  margin-left: 2vw;
  height: inherit;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #mapid {
  height: 100%;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #mapid.leaflet-crosshair {
  cursor: crosshair;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader {
  width: 12vw;
  border: 2px solid black;
  background-color: white;
  overflow-y: auto;
  max-height: calc(var(--main-screen-height-body) * 0.75);
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader #reloadGis {
  background: url("images/reload_20_s.png") no-repeat scroll center center !important;
  height: 20px;
  width: 20px;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader #reloadGis:hover {
  background: url("images/reload_20_ora.png") no-repeat scroll center center;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .headerText {
  font-size: 15px;
  /* @include color; */
  font-weight: bold;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .boxPart {
  width: 100%;
  padding: 10px;
  border-bottom: 2px solid black;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .boxPart #multiSelectKanten .multiSelectTextFirst, #wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .boxPart #multiSelectLayer .multiSelectTextFirst {
  padding-bottom: 5px;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .boxPart #multiSelectKanten .multiSelectText, #wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .boxPart #multiSelectLayer .multiSelectText {
  padding-bottom: 5px;
  padding-top: 10px;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .boxPart #multiSelectKanten .multiSelect, #wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .boxPart #multiSelectLayer .multiSelect {
  width: 100%;
  padding-bottom: 5px;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .boxPart .filterBoxButton {
  padding-top: 5px;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .boxPart .addSelection {
  width: 100%;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .doClick {
  color: #000;
}
#wrapper section#balance.level0-flexed .content-holder #myMap > #gisInternContent #idHeader .doClick:hover {
  border-bottom: 2px solid;
}
#wrapper section#balance.level0-flexed .table-component-container {
  position: relative;
  top: 0;
  overflow: hidden;
  margin-top: 1em;
  max-height: calc(var(--main-screen-height-body) - 1em);
  width: 100%;
  padding: 0 1.6em 1.6em 1.6em;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .theRealBigContent {
  display: flex;
  flex-direction: row;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: space-evenly;
  overflow: hidden;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .theBigForm, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .theRealBigContent .realContent, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .theRealBigContent .theBigForm {
  padding: 2em 0 0 0;
  display: flex;
  flex-direction: column;
  margin: 0 1em 0 1em;
  min-width: 100%;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .reportTabs, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .theBigForm .reportTabs, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .theRealBigContent .realContent .reportTabs, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .theRealBigContent .theBigForm .reportTabs {
  flex-direction: row;
  width: calc(100% - 35px);
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .tableComponent, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .theBigForm .tableComponent, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .theRealBigContent .realContent .tableComponent, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .theRealBigContent .theBigForm .tableComponent {
  width: calc(100% - 35px);
  flex: 1 1 100%;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .tableComponent .reportComponent #komponentenTree-Search, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .theBigForm .tableComponent .reportComponent #komponentenTree-Search, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .theRealBigContent .realContent .tableComponent .reportComponent #komponentenTree-Search, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .theRealBigContent .theBigForm .tableComponent .reportComponent #komponentenTree-Search {
  display: flex;
  flex-direction: row;
  background-color: var(--bs-white);
  justify-content: center;
  border-radius: 30px 30px 0px 0px;
  overflow: hidden;
  padding-top: 0.5em;
  align-items: center;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent {
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent {
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
  border-radius: 0;
}

#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .treePath, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .reportTabs, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .tableComponent {
  max-width: 100%;
  min-width: 100%;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .treePath {
  height: 2em;
  overflow: auto;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .reportTabs {
  height: 6em;
  overflow: hidden;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .reportTabs .tab-menu ul, #wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .reportTabs #menu2 {
  overflow: auto;
  display: inline-flex;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .reportTabs .menu-tab {
  max-width: 15%;
  min-width: 15%;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .reportTabs #menu2 {
  max-width: 80%;
  min-width: 80%;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .reportTabs #menu2 img {
  max-width: 2em;
  max-height: 2em;
  min-width: 2em;
  min-height: 2em;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .tableComponent {
  display: block !important;
  height: calc(100% - 8em);
  border-radius: unset;
  border-top-left-radius: 3em;
  border-bottom-left-radius: 3em;
  overflow: auto;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .innerContent .realContent .tableComponent .dt-len-pag {
  min-height: 6em;
  margin: 0 0 1px 0;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .permissionsContainer {
  position: relative;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  max-height: calc(100% - 2px);
  min-height: calc(100% - 2px);
  max-width: calc(100% - 2px);
  min-width: calc(100% - 2px);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 1em;
  overflow: hidden;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .permissionsContainer .organizationContentPermissions {
  position: absolute;
  top: 3em;
  right: 3em;
  bottom: 3em;
  left: 3em;
  overflow: hidden;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .permissionsContainer .organizationContentPermissions .treeSplit {
  position: absolute;
  top: 3em;
  width: calc(30% - 3em);
  bottom: 3em;
  left: 3em;
  overflow-x: hidden;
  overflow-y: auto;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .permissionsContainer .organizationContentPermissions .listSplit {
  position: absolute;
  top: 3em;
  right: 3em;
  bottom: 3em;
  width: calc(70% - 3em);
  overflow-x: auto;
  overflow-y: hidden;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .content-holder .info-text-heder-holder {
  width: 70vw;
}
#wrapper section#balance.level0-flexed .table-component-container .level1reflexed .content-holder #myMap > #gisInternContent #mapIDConten {
  width: 70vw;
}
#wrapper section#balance.level0-flexed .sidenav {
  top: 0;
  margin-top: 5em;
  margin-left: 2em;
  max-width: 15vw;
  min-width: 5vw;
}
#wrapper section#balance.level0-flexed .standard-component-container {
  width: var(--main-screen-width-full);
  overflow: hidden;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed {
  display: flex;
  flex-direction: row;
  position: relative;
  top: 0;
  right: 0;
  height: var(--main-screen-height-body);
  width: var(--main-screen-width-full);
  overflow: hidden;
  margin: 0;
  padding: 0;
  overflow-y: visible;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent {
  display: flex;
  width: var(--set-section-st-w);
  height: var(--set-section-st-h);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe {
  overflow: hidden;
  padding: 1.6em;
  width: var(--set-section-st-w);
  height: var(--set-section-st-h);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side {
  overflow: hidden;
  max-height: var(--set-section-st-h);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .organisationHeading {
  height: 1.5em;
  color: var(--kaupa-orange-main);
  font-size: 1.5em;
  font-weight: bolder;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .treeMenu {
  margin-left: 1em;
  display: flex;
  align-items: center;
  background-color: var(--bs-white);
  border-radius: 2em;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .treeMenu a {
  display: inline-flex;
  border-radius: 100%;
  background-color: #f0eff3;
  padding: 0.5em;
  text-decoration: none;
  align-content: center;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .treeMenu a img {
  height: 1.5em;
  width: 1.5em;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .treeMenu a:hover {
  background-color: var(--bs-orange);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .treeMenu a:hover img {
  filter: brightness(0) invert(1);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .treeMenu a:hover img path {
  fill: #FFF;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .treeMenu a:not(:first-child) {
  margin-left: 0.25em;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .tree {
  padding-bottom: 10vh;
  max-height: calc(var(--set-section-st-h) - (76px + 10vh));
  overflow: auto;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .tree ul li span {
  /* 4 status #bcbf00*/
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .tree ul li span.tree-status-red {
  display: inline-block;
  min-height: 1.5em;
  max-height: 1.5em;
  min-width: 1.5em;
  max-width: 1.5em;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .tree ul li span.tree-status-red img {
  height: 1em;
  width: 1em;
  content: url("/files/styles/images/stylev9/red-dot.svg");
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .tree ul li span.tree-status-green {
  display: inline-block;
  min-height: 1.5em;
  max-height: 1.5em;
  min-width: 1.5em;
  max-width: 1.5em;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .tree ul li span.tree-status-green img {
  height: 1em;
  width: 1em;
  content: url("/files/styles/images/stylev9/green-dot.svg");
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .tree ul li span.tree-status-gray {
  display: inline-block;
  min-height: 1.5em;
  max-height: 1.5em;
  min-width: 1.5em;
  max-width: 1.5em;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .tree ul li span.tree-status-gray img {
  height: 1em;
  width: 1em;
  content: url("/files/styles/images/stylev9/gray-dot.svg");
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .tree ul li span.tree-status-unknown {
  display: inline-block;
  min-height: 1.5em;
  max-height: 1.5em;
  min-width: 1.5em;
  max-width: 1.5em;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .sensor_tree_left_side .tree ul li span.tree-status-unknown img {
  height: 1em;
  width: 1em;
  content: url("/files/styles/images/stylev9/what-dot.svg");
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section {
  overflow: auto;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .observe_section_smaller {
  width: 75%;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .observe_section_smaller .sensor_historie {
  padding: unset;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .observe_section_smaller .sensor_historie .row-1 {
  align-items: first baseline;
  height: 15rem;
  overflow: hidden;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .observe_section_smaller .sensor_historie .row-1 [class^=col-] {
  height: 15rem;
  overflow: auto;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .observe_section_smaller .sensor_historie .row-1 [class^=col-] .custom-table-responsive .dataTables_wrapper {
  border-radius: 30px 30px 0px 0px;
  overflow: hidden;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .letzte_section {
  font-size: 1.2rem;
  height: 15rem;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .letzte_section h4 {
  font-size: 1.3rem;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .letzte_section .row-1 {
  height: 20rem;
  overflow: visible;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .letzte_section .row-1 [class^=col-] {
  height: 15rem;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .letzte_section .row-1 [class^=col-] .sensor-tree-chart {
  height: 100%;
  width: 100%;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .letzte_section .row-1 [class^=col-] .sensor-tree-chart .round_icons {
  padding-left: 1em;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .letzte_section .row-1 [class^=col-].scaled {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1111;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: scale(1);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .letzte_section .row-1 [class^=col-].scaled .sensor-tree-chart {
  position: relative;
  top: 0;
  left: 0;
  height: 74vh;
  width: 74vw;
  background-color: var(--bs-white);
  border: var(--bs-orange) 5px solid;
  border-radius: 2em;
  padding: 1em;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .letzte_section .row-1 [class^=col-].scaled .sensor-tree-chart > h4 {
  height: 2em;
  width: 100%;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .letzte_section .row-1 [class^=col-].scaled .sensor-tree-chart > .apex-Axis-Chart-Holder {
  height: calc(100% - 2em);
  width: 100%;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .organizationContent .flex-observe .observe_section .letzte_section .row-1 [class^=col-].scaled .round_icons {
  background-color: var(--bs-white);
  margin-bottom: -3em;
  z-index: 9;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .sensor-tree-move-display {
  background-color: white;
  overflow: auto;
  bottom: 10%;
  top: 20%;
  left: 20%;
  right: 20%;
  position: absolute;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .sensor-tree-move-display .bereichTreeViewer {
  bottom: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .sensor-tree-move-display .bereichTreeViewer #treeComponent1 {
  width: unset;
  bottom: 0;
  overflow: scroll;
  position: absolute;
  top: 1em;
  right: 0;
  left: 0;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home {
  position: relative;
  bottom: 0;
  right: 0;
  height: var(--main-screen-height-body);
  width: var(--main-screen-width-full);
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#qi {
  position: relative;
  bottom: 0;
  right: 0;
  height: var(--main-screen-height-body);
  width: var(--main-screen-width-full);
  overflow: hidden;
  margin: 0;
  padding: 1.5em;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container {
  position: relative;
  bottom: 3em;
  right: 0;
  width: var(--qi-bc-w);
  margin-top: 3em;
  overflow-x: hidden;
  overflow-y: auto;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-] .item-container {
  max-height: var(--standard-qi-h);
  height: var(--standard-qi-h);
  width: var(--standard-qi-w);
  overflow: hidden;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-] .item-container .head {
  max-height: var(--standard-qi-head-h);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-] .item-container .content {
  max-height: var(--standard-qi-content-h);
  height: var(--standard-qi-content-h);
  width: var(--standard-qi-content-w);
  border-radius: 15px;
  overflow: auto;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-] .item-container .content > div > div .flotchart {
  display: block !important;
  max-height: var(--standard-qi-content-flot-h);
  height: var(--standard-qi-content-flot-h);
  width: var(--standard-qi-content-flot-w);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-] .item-container .content > div > div .flotchart > div {
  display: block !important;
  max-height: var(--standard-qi-content-flot-h);
  height: var(--standard-qi-content-flot-h);
  width: var(--standard-qi-content-flot-w);
  background-color: var(--bs-white);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-] .item-container .content > div > div .flotchart > div > canvas {
  display: block !important;
  max-height: var(--standard-qi-content-flot-h);
  height: var(--standard-qi-content-flot-h);
  width: var(--standard-qi-content-flot-w);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-] .item-container .content > div table {
  max-height: 100% !important;
  height: 100% !important;
  width: 100% !important;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-] .item-container .content > div table th {
  color: var(--bs-white);
  background-color: var(--kaupa-orange-main);
  font-size: 13px;
  text-align: left;
  padding: 15px 20px 20px 20px;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-] .item-container .footer {
  max-height: var(--standard-qi-foot-h);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-].scaled {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1111;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: unset;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-].scaled .item-container {
  max-height: var(--fixed-qi-h);
  max-width: var(--fixed-qi-w);
  height: var(--fixed-qi-h);
  width: var(--fixed-qi-w);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-].scaled .item-container .content {
  max-height: var(--fixed-qi-content-apex-h) !important;
  height: var(--fixed-qi-content-apex-h) !important;
  width: var(--fixed-qi-content-apex-w) !important;
  border-radius: 15px;
  overflow: hidden;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-].scaled .item-container .content > div {
  max-height: var(--fixed-qi-content-h) !important;
  height: var(--fixed-qi-content-h) !important;
  width: var(--fixed-qi-content-w) !important;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-].scaled .item-container .content > div > div {
  max-height: var(--fixed-qi-content-h) !important;
  height: var(--fixed-qi-content-h) !important;
  width: var(--fixed-qi-content-w) !important;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-].scaled .item-container .content > div > div .flotchart {
  display: block !important;
  max-height: var(--fixed-qi-content-flot-h) !important;
  height: var(--fixed-qi-content-flot-h) !important;
  width: var(--fixed-qi-content-flot-w) !important;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-].scaled .item-container .content > div > div .flotchart > div {
  display: block !important;
  max-height: var(--fixed-qi-content-flot-h) !important;
  height: var(--fixed-qi-content-flot-h) !important;
  width: var(--fixed-qi-content-flot-w) !important;
  background-color: var(--bs-white);
  overflow: auto;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-].scaled .item-container .content > div > div .flotchart > div > canvas {
  display: block !important;
  max-height: var(--fixed-qi-content-flot-h) !important;
  height: var(--fixed-qi-content-flot-h) !important;
  width: var(--fixed-qi-content-flot-w) !important;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home section#widget-container div[class*=col-].scaled .item-container .content > div table {
  max-height: 100% !important;
  max-width: var(--fixed-qi-content-w) !important;
  height: 100% !important;
  width: 100% !important;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home .breadcrumb-nav {
  height: var(--qi-bc-h);
  width: var(--qi-bc-w);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home .breadcrumb-nav .btn-group a img {
  height: 3em;
  width: 3em;
  padding: 0.5em;
  border-radius: 100%;
  background-color: var(--kaupa-grau-btn);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed > div.qi-home .breadcrumb-nav .btn-group a img:hover {
  background-color: var(--kaupa-hover-btn);
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .content-holder .info-text-heder-holder {
  width: 84vw;
  padding: 0 3vw;
}
#wrapper section#balance.level0-flexed .standard-component-container .level1reflexed .content-holder #myMap > #gisInternContent #mapIDConten {
  width: 84vw;
}
#wrapper > .theRealBigContent {
  display: flex;
  flex-direction: row;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  justify-content: space-evenly;
}
#wrapper > .theRealBigContent .theBigForm {
  display: flex;
  flex-direction: column;
  margin: 0 1em 0 1em;
  min-width: 100%;
}
#wrapper .theRealBigContent {
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
}
#wrapper .theRealBigContent .theBigForm {
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
}
#wrapper .theRealBigContent .theBigForm .collect-table .d-table {
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
}

.scrollbar {
  display: none;
}

.nav-opener-container .nav-opener {
  height: 3em;
  width: 3em;
  padding: 0.25em;
}
.nav-opener-container .nav-opener img {
  height: 2.25em;
  width: 2.25em;
}

table {
  white-space: nowrap;
  /* overflow-x:scroll; a scrollable table?!? WTH was I thinking here? */
}

section.content .sidenav .nav-heading .toggle-sidenav img, .realContent .sidenav .nav-heading .toggle-sidenav img, .innerContent .sidenav .nav-heading .toggle-sidenav img, .theRealBigContent .sidenav .nav-heading .toggle-sidenav img, .theBigForm .sidenav .nav-heading .toggle-sidenav img {
  max-height: 2em;
}

section.content .sidenav .nav-heading figure, .realContent .sidenav .nav-heading figure, .innerContent .sidenav .nav-heading figure, .theRealBigContent .sidenav .nav-heading figure, .theBigForm .sidenav .nav-heading figure {
  width: 5em;
  height: 5em;
}

.closeGCOption {
  display: none;
}

element {
  margin: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.orange-button {
  color: white;
  background-color: var(--kaupa-btn-orange);
}

.inactive.orange-button {
  background-color: #f0eff3;
}
.inactive.orange-button a, .inactive.orange-button a:visited, .inactive.orange-button a:hover {
  color: black;
  font-weight: 400;
}

table.dataTable tbody tr.ui-selected {
  background-color: #ffc472 !important;
}

.items_box {
  width: 100%;
  margin-bottom: 20px;
}
.items_box .owl-carousel a {
  padding: 0 10px;
}

.filterrow {
  background-color: white !important;
}
.filterrow td {
  padding-bottom: 1em !important;
}

.observe_item .row-1 [class^=col-] {
  line-height: 1.25em;
}

.letzte_section .row-1 .col-sm-4 {
  flex: 1 1 auto;
  width: 33.33%;
}

section.content, .realContent, .innerContent, .theRealBigContent, .theBigForm {
  background-color: transparent;
}

/* Basic GIS extended */
.openGraphContent {
  z-index: 3;
}

#theRealGC {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 2;
  padding: 2em;
  justify-content: center;
}
#theRealGC #graphContent {
  margin: 10vh 10vw 10vh 10vw;
  max-height: 80vh;
  max-width: 80vw;
  height: 80vh;
  width: 80vw;
  padding: 3em;
  background-color: rgb(255, 255, 255);
  border-radius: 3em;
  overflow: auto;
}
#theRealGC #graphContent #graphicsOptions {
  position: relative;
  height: 50%;
  width: 100%;
}
#theRealGC #graphContent #graphicsOptions > .outerlist {
  display: flex;
  flex-direction: column;
}
#theRealGC #graphContent #graphicsOptions > .outerlist > .innerlist {
  display: flex;
  flex-direction: row;
}
#theRealGC #graphContent #graphicsOptions #selGraphicsOptions {
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
}
#theRealGC #graphContent #graphicsOptions #selGraphicsOptions .tablePieChart,
#theRealGC #graphContent #graphicsOptions #selGraphicsOptions .tableChart {
  position: relative;
  height: 100%;
  width: 100%;
}

.selectNewStyle {
  background-image: url("images/select-arrow-w.png");
  background-position: right;
  background-repeat: no-repeat;
  width: 300px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
  font-family: arial, sans-serif;
  /*padding: 7px 6px 7px 8px;*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: -2px;
}

.downloadLog {
  font-size: 14px;
}

/* ### GIS End ### */
.switch-list-content {
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: visible;
}
.switch-list-content .switch-list .my_switch_sets {
  text-align: left;
  display: flex;
  padding: 0 1em 0 1em;
}
.switch-list-content .switch-list .my_switch_sets .switch-button {
  height: 1.5em;
  width: 4em;
}
.switch-list-content .switch-list .my_switch_sets .switch-button .slider::before {
  height: 1em;
  width: 1em;
  left: 1.5em;
  bottom: 0.1em;
}
.switch-list-content .switch-list .my_switch_sets .switch-button input:checked + .slider::before {
  height: 1em;
  width: 1em;
  left: 1em;
  bottom: 0.1em;
}
.switch-list-content .switch-list .my_switch_sets .switch-button .slider {
  height: 1em;
  margin: 0.3em 0 0 1em;
}
.switch-list-content .switch-list li {
  border: 1px solid var(--kaupa-orange-bdr);
}
.switch-list-content .switch-list li:nth-child(2n+1) {
  border-width: 1px 0px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
.switch-list-content .switch-list li:nth-child(2n+2) {
  border-width: 0px 0px 1px 0px;
  border-radius: 0px 0px 5px 5px;
}

section#qi .breadcrumb-nav .btn-group a {
  padding: none;
  background: unset;
}

.table-radius {
  border-radius: 1em;
  /*
  height: calc(var(--standard-qi-content-h) - 1em);
  */
  min-height: calc(var(--standard-qi-content-h) - 1em);
  height: fit-content;
  width: calc(var(--standard-qi-content-w) - 1em);
  overflow: visible;
}
.table-radius > select {
  position: absolute;
  z-index: 9;
  margin: 0.5em;
  max-height: 1.5em;
  height: 1.5em;
}
.table-radius div.tablePieChart,
.table-radius div.tableChart {
  margin: 2em 0 0 0;
  min-height: calc(100% - 2em);
  height: fit-content;
  overflow: visible;
}
.table-radius div[ID^=apexcharts] {
  max-height: 90%;
  max-width: 98%;
  min-height: 90%;
  min-width: 98%;
  padding: 1%;
}
.table-radius div[id^=placeholder] {
  max-height: 98%;
  max-width: 98%;
  min-height: 98%;
  min-width: 98%;
}

section.content .d-table .dt-len-pag {
  direction: ltr;
  #justify-content: flex-start;
}

/*
input:
because these have not been replaced in smalltalk on all interfaces with svg yet
and some are writing the wrong image location.
*/
input[type=checkbox] {
  background-image: url(/files/styles/images/stylev9/checkbox.png) !important;
}

input[type=checkbox]:checked {
  background-image: url(/files/styles/images/stylev9/checkbox-checked.png) !important;
}

.input-disable {
  border: none;
  pointer-events: none;
  color: #797a80;
  overflow: hidden;
  flex: 0 0 100%;
  font-size: 18px;
  display: inline-flex;
  white-space: normal;
  padding: 1em;
  box-shadow: none;
  background-image: none;
  background-color: white;
}

.flip-outer {
  margin-top: 2em;
  overflow-x: auto;
  overflow-y: auto;
  border-radius: 30px;
  max-width: 100%;
  min-width: 100%;
  max-height: calc(100% - (100px + 2em));
  min-height: calc(100% - (100px + 2em));
}
.flip-outer .flip-inner {
  margin: 0 0 7em 0;
}
.flip-outer .flip-inner.d-table {
  margin: 1px 0 0 0;
  overflow-x: visible;
  overflow-y: visible;
}
.flip-outer .flip-inner .flip-target {
  border-radius: 0em;
}

div#table-responsive div#datatable_wrapper {
  border-radius: 30px 30px 0px 0px;
  overflow: hidden;
}

div[class^=GISQIBoxGroup] {
  display: flex;
  flex-direction: row;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 2em;
  min-width: fit-content;
}

div[class^=GISQIBoxSet] {
  margin: 1em;
  padding: 1em;
  border: 1px solid black;
  border-radius: 2em;
}

.table_menu {
  display: flex;
  flex-direction: row;
  font-size: large;
  font-weight: bold;
  min-width: 100%;
  max-width: 100%;
  justify-content: space-between;
}
.table_menu #menu5 {
  position: relative;
  z-index: 1;
  right: 0;
}
.table_menu .xGuardTableCaption {
  float: left;
  flex: 0 1 auto;
  background-color: var(--kaupa-orange-main);
  color: var(--bs-white);
}
.table_menu [class^=xGuardMenu] {
  float: left;
  flex: 0 1;
  display: flex;
  flex-direction: row;
  padding-left: 1em;
}

.table_menu [class^=xGuardMenu] .smbatch {
	padding-left: 0.1em;
	padding-right: 0.5em;
	justify-content: space-around;
	height: 2em;
	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.table_menu [class^=xGuardMenu] #xGuardMenu5GraphicIllustrationBtn {
  white-space: nowrap;
  float: right;
  color: var(--bs-white);
  background-color: var(--kaupa-btn-blau);
  margin: 1em;
  padding: 0.5em 1em 0.5em 1em;
  border-radius: 1em;
  position: relative;
}

#menu5.gCOptionShift {
  z-index: 4;
}
#menu5.gCOptionShift .openGraphContent {
  z-index: 3;
}
#menu5.gCOptionShift .openGraphContent .graphicIllustrationBtn {
  -webkit-transform: translateX(-10vw);
  -ms-transform: translateX(-10vw);
  transform: translateX(-10vw);
}

.strictTable {
  table-layout: fixed;
  min-width: 100%;
  background-color: var(--bs-white);
}

.error {
  color: var(--bs-red);
  font-weight: bolder;
  font-size: 1.25em;
}

.sidebar3 {
  display: none;
}

#anidwouldbenice01 .login-form .text-align-center {
  display: flex;
  justify-content: space-around;
}

/*
#close-lightbox {
	display:block;
	height:1em;
	width:1em;
	background-image: url("images/del_14.png");
}
*/
section#widget-container div[class*=col-] .content .information-item img {
  margin-top: unset;
}

section#widget-container div[class*=col-] .content .information-item .text-big {
  font-size: 5em;
}

.qIFooterIcon {
  animation: spinQIIcon 1s linear infinite;
}

.sensorColor2, .tree-status-warn {
  animation: yellowSensorAlert 3s linear infinite;
}

.sensorTextColor2 {
  animation: yellowSensorTextAlert 3s linear infinite;
}

.sensorColor3, .tree-status-red img {
  animation: redSensorAlert 1s linear infinite;
}

.sensorTextColor3 {
  animation: redSensorTextAlert 1s linear infinite;
}

@keyframes spinQIIcon {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes flyInFromTopOutFromMiddle {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  30% {
    transform: translateY(0%);
    opacity: 1;
  }
  60% {
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes yellowSensorAlert {
  0% {
    background-color: rgb(218, 165, 32);
    transform: scale(0.7);
  }
  50% {
    background-color: rgba(218, 165, 32, 0.5);
    transform: scale(1);
  }
  100% {
    background-color: rgb(218, 165, 32);
    transform: scale(0.7);
  }
}
@keyframes redSensorAlert {
  0% {
    transform: scale(0.7);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.7);
  }
}
/* background-color: rgba(255,0,0,1.0); */
@keyframes redSensorTextAlert {
  0% {
    color: rgb(0, 0, 0);
  }
  50% {
    color: rgba(255, 0, 0, 0.5);
  }
  100% {
    color: rgb(0, 0, 0);
  }
}
@keyframes yellowSensorTextAlert {
  0% {
    color: rgb(0, 0, 0);
  }
  50% {
    color: rgba(218, 165, 32, 0.5);
  }
  100% {
    color: rgb(0, 0, 0);
  }
}
#ring0 {
  animation: QIring0 1s linear infinite;
}

@keyframes QIring0 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(160deg);
  }
}

/*# sourceMappingURL=styles_v9.css.map */


#askBoxNutzung {
  height: 100%;
  left: 0;
  padding-top: 130px;
  background-color: white;
  position: absolute;
  display: none;
  right: 0;
  text-align: center;
  top: 0;
}

#reportTabs #menu2 a.netVerwaltungButton img#netVerwaltungButtonimportACMMenu {
  content: url("/files/styles/images/stylev9/importACMMenu.svg");
}

#reportTabs > div.tab-menu.collect_box {
	margin-top : 0.5em;
}

#realContent #tableComponent #komponentenTree-Search #searchInput,
#realContent #tableComponent #komponentenTree-Search select,
#realContent #tableComponent #komponentenTree-Search #searchInput-icon,
#realContent #tableComponent #komponentenTree-Search .smbatch {
	margin-right: 0.5em;
}