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

#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: 4em;
  height: 1em;
  background: var(--kaupa-btn-orange);
  padding: 0.1em 0 1em 0;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  line-height: 1em;
  margin: 0 0 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;
}

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%;
}

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: 90vh;
  --lightbox-magritte-standard-size-h-min: 30vh;
  --lightbox-magritte-standard-size-w-max: 90vw;
  --lightbox-magritte-standard-size-w-min: 30vw;
  /* for test vars */
  --lightbox-magritte-text-size: 10px;
  --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: 10px;
  --lightbox-magritte-width-max-int: 10px;
}

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: var(--kaupa-orange-main);
  background-color: white;
}
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-left: 1px solid var(--kaupa-orange-main);
  border-right: 1px solid var(--kaupa-orange-main);
  border-bottom: 1px solid var(--kaupa-orange-main);
}
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 > ul {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 25em;
  background-color: transparent;
  color: var(--kaupa-orange-main);
  list-style: none;
}
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);
}
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 > 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 {
  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: 30px;
  border: 0;
  padding: 10px 30px;
  width: 100%;
}
html body .menu-2d > #current-component .navigation-content > .magritte #popup_form_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;
}
#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;
}
#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 {
  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 {
  display: flex;
  flex-direction: row;
  justify-content: right;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 30px;
}
#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 {
  display: flex;
  justify-content: center;
  background-color: var(--kaupa-orange-main);
  color: white;
  padding: 1em 0;
  border-radius: 2em;
  margin: 1em 0;
  font-size: 1.25em;
}
#lightbox > .box-header > a,
.myLightbox > .box-header > a,
.lightbox > .box-header > a {
  display: block;
  position: absolute;
  top: 1em;
  right: 1em;
  height: 1em;
  width: 1em;
  background-color: white;
  background-image: url("images/del_14.png");
}
#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;
}

/* 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;
}
#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] #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");
}