@charset "UTF-8";
/* **************************************************
 * Farbdefinitionen
 * **************************************************/
/*
Farbdefinitionen
****************

Für Infonetz
 */
* {
  font-family: arial, helvetica, sans-serif;
}

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*@import "compass/reset";*/
/* **************************************************
 * Allgemeines
 * **************************************************/
* {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
}

button:focus {
  outline: none;
}

/* **************************************************
 * Farbdefinitionen
 * **************************************************/
/* **************************************************
 * Include aller anderen CSS-Dateien
 * **************************************************/
.ic-axis path,
.ic-brush-axis path,
.ic-axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.ic-axis text {
  font-size: 12px;
}

svg {
  background: white;
}

/*
#svgwrap {
	border: solid 1px;
	border-color:#268BD2;
	width: auto;
}
*/
.ic-legend {
  width: 99%;
}

.ic-hidden {
  display: none;
}

.ic-line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.ic-brush-line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1px;
}

.ic-line.ic-focused {
  stroke-width: 2.5px;
}

.ic-line.ic-defocused {
  opacity: 0.3;
}

.ic-chartInfo-rect {
  fill: none;
  opacity: 0;
  pointer-events: all;
}

/****
Interactive Layer
*/
.ic-tooltipLine {
  pointer-events: none;
}

.ic-tooltipLine {
  stroke: #ccc;
  stroke-width: 2;
}

/****
Tooltip
*/
.ic-chartInfo-div {
  /*    position: fixed;
      text-align: center;	*/
  width: auto;
  height: auto;
  padding: 5px;
  font: 12px sans-serif;
  border: 0px;
  border-radius: 4px;
  opacity: 0.8;
  pointer-events: none;
  margin-bottom: 5px;
}

.ic-chartInfo-div td {
  padding: 2px;
}

.ic-tooltip-header {
  font-weight: bold;
  text-align: left;
}

.ic-tooltip-bold {
  font-weight: bolder;
}

.ic-tooltip-color-guide {
  width: 12px;
  height: 12px;
  border-width: 2px;
  border-style: solid;
  border-radius: 8px;
}

.ic-tooltip-row:hover {
  background-color: #eef7fe;
}

/****
 *Brush
 */
.ic-brush .extent {
  opacity: 0.2;
}

/****
 *Grid
 */
.ic-axis-grid line {
  stroke: #CCC;
  opacity: 1;
}

.ic-axis-grid path {
  stroke-width: 0;
}

/*
 * 	ol3 CSS überschreiben
 */
.ol-attribution img {
  max-height: 1em;
  max-width: inherit;
}

.iluMap-mainContainer {
  padding: 5px;
}

.iluMap-mapContainer {
  border: 1px solid #e4e4e4;
  border-radius: 2px;
}

/*
 * 	Toolbar
 */
.iluMap-tbgroup {
  display: block;
  border-radius: 4px;
  background-color: rgba(244, 244, 244, 0.8);
  border-bottom: none;
  padding-boddom: none;
}

.iluMap-toolbar-buttonndiv {
  display: inline-block;
  border-radius: 4px 4px 0px 0px;
  border: none;
  padding: 3px;
  margin: 1px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-color: rgb(207, 215, 224);
}

.iluMap-toolbar button {
  padding: 0;
  color: rgb(255, 255, 255);
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  height: 20px;
  width: 20px;
  line-height: 20px;
  touch-action: manipulation;
  border: 1px solid transparent;
  border-radius: 2px 2px 0px 0px;
  color: #fff;
  background-color: rgb(96, 132, 177);
}

.iluMap-toolbar button:disabled, .disabled {
  color: #bfbfbf;
}

.iluMap-toolbar.active button:active {
  color: #fff;
  background-color: #666666;
  border-color: #204d74;
}

/*
.iluMap-toolbar {
	margin: 3px;
	padding: 3px;
}

.iluMap-tbgroup {
	margin: 0px 6px 6px 0px;
	display: inline-block;
	border: 1px solid rgb(210, 210, 210);
	border-radius: 4px;
}

.iluMap-toolbar button {
	touch-action: manipulation;
	border: 1px solid transparent;
	width: 26px;
	height: 24px;
}

.iluMap-toolbar button:disabled, .disabled {
	color: #bfbfbf;
}

.iluMap-toolbar button:active, .active {
	color: #fff;
	background-color: #666666;
	border-color: #204d74;
}
*/
/*
 * 	Tabs
 */
.iluMap-tabdiv-bottom {
  display: flex;
  float: left;
  border-radius: 0px 0px 4px 4px;
  border: none;
  padding: 3px;
  /*margin-left: 6px;*/
  margin-right: 6px;
  padding-top: 0px;
  background-color: rgb(207, 215, 224);
}

.iluMap-tabdiv-top {
  display: flex;
  border-radius: 4px 4px 0px 0px;
  padding: 3px;
  /*margin-left: 6px;*/
  margin-right: 6px;
  border-bottom: 0px;
  padding-bottom: 0px;
  background-color: rgb(207, 215, 224);
}

.iluMap-tab-bottom {
  display: flex;
  padding: 3px 10px 0px 10px;
  height: 18px;
  line-height: 18px;
  background-color: rgb(96, 132, 177);
  text-align: center;
  border-radius: 0px 0px 4px 4px;
  border: none;
}

.iluMap-tab-top {
  display: flex;
  padding: 3px 10px 0px 10px;
  height: 18px;
  line-height: 18px;
  background-color: rgb(96, 132, 177);
  text-align: center;
  border-radius: 4px 4px 0px 0px;
  border: none;
}

.iluMap-tab-text {
  color: white;
  font-size: 12px;
}

/*
 * 	Koordinaten-Feld
 */
.iluMap-coord-img {
  color: rgba(255, 255, 255, 0.7);
  float: left;
  font-size: 17px;
  font-weight: normal;
  padding-right: 10px;
}

.iluMap-coord-marker {
  width: 3px;
  height: 3px;
  background-color: rgba(255, 0, 0, 0.7);
}

/*
 * 	Attribut-Tabelle
 */
.iluMap-attr-container {
  display: none;
  /*display: flex;
  float: left;*/
  border-radius: 0px 0px 4px 4px;
  padding: 3px;
  /*margin-left: 6px;*/
  margin-right: 6px;
  padding-top: 0px;
  background-color: rgb(207, 215, 224);
  max-height: 80px;
  overflow-y: auto;
}

.iluMap-attr {
  width: 100%;
  color: rgb(0, 60, 136);
  font-size: 11px;
}

.iluMap-attr-title {
  padding-top: 2px;
  color: rgb(0, 60, 136);
  font-size: 11px;
  font-weight: bold;
}

.iluMap-attr table {
  table-layout: fixed;
  width: 95%;
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
  overflow: hidden;
}

.iluMap-attr th {
  color: rgb(70, 70, 70);
  padding: 3px 2px 1px 5px;
  border-bottom: 1px solid rgb(150, 140, 140);
  text-align: left;
  font-weight: normal;
  font-style: italic;
}

.iluMap-attr td {
  padding: 2px 2px 1px 5px;
}

.iluMap-attr tbody tr:nth-child(odd) {
  background: rgb(192, 197, 204);
}

.iluMap-attr table tr:hover {
  background: rgb(96, 132, 177);
}

.iluMap-attr table tr:hover td {
  color: white;
}

/*
 * 	LayerSwitcher
 */
.layer-switcher {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  text-align: left;
}

.layer-switcher .panel {
  padding-left: 3px;
  padding-right: 30px;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 4px;
  margin: 0;
  display: none;
}

.layer-switcher.shown .panel {
  display: block;
}

.layer-switcher .button-old {
  float: right;
  height: 1.375em;
  width: 1.375em;
  display: block;
  margin: 1px;
  padding: 0;
  color: white;
  font-size: 1.14em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 0.4em;
  background-color: rgba(0, 60, 136, 0.5);
  border: none;
  border-radius: 2px;
  background-image: url("../stack.png");
  background-repeat: no-repeat;
  background-position: 2px;
}

.layer-switcher button {
  font-weight: normal;
  float: right;
  color: rgba(255, 255, 255, 0.8);
}

.layer-switcher button:focus, .layer-switcher button:hover {
  background-color: rgba(0, 60, 136, 0.5);
}

.layer-switcher ul {
  list-style: none;
  font-size: 11px;
}

.layer-switcher li.group {
  padding-top: 7px;
}

.layer-switcher li.group > ul {
  padding-left: 10px;
}

.layer-switcher li.group > label {
  font-weight: bold;
}

.layer-switcher input {
  margin: 4px;
}

/*
 * 	OverviewMap
 */
.ol-custom-overviewmap,
.ol-custom-overviewmap.ol-uncollapsible {
  bottom: auto;
  left: auto;
  top: 2.7em;
  right: 0.5em;
}

.ol-custom-overviewmap:not(.ol-collapsed) button {
  bottom: auto;
  left: auto;
  right: 2px;
  top: 2px;
}

.ol-custom-overviewmap .ol-overviewmap-map {
  border: none;
  width: 120px;
  height: 80px;
  cursor: pointer;
}

.ol-custom-overviewmap .ol-overviewmap-box {
  border: 2px solid red;
}

.ol-rotate {
  top: 80px;
  right: 0;
}

/*
 * 	Popup
 */
.ol-popup {
  display: none;
  position: absolute;
  background-color: white;
  padding: 7px 20px 7px 7px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  bottom: 12px;
  left: -50px;
}

.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}

.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}

.ol-popup-content {
  min-width: 130px;
  max-height: 200px;
  overflow-x: auto;
}

.ol-popup-closer {
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 150%;
  padding: 0 4px;
  color: gray;
  text-decoration: none;
}

.ol-popup-closer:after {
  content: "✖";
}

.ol-popup div.infoResult {
  min-width: 130px;
}

.ol-popup div.infoResult p {
  padding: 0.1em;
  margin: 0;
}

.ol-popup-content h3 {
  margin: 0.25em 0;
}

.ol-popup.marker {
  margin-bottom: 30px;
}

/*
 *  Toolbar-Gruppe ein-/ausklappbar
 */
.iluUI-accordion-div.expanded-right {
  position: fixed;
  top: 0px; /* anpassen je nach Header/Toolbar */
  left: 750px;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: white;
  padding: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.iluUI-accordion-div.expanded-left {
  position: fixed;
  top: 0px; /* anpassen je nach Header/Toolbar */
  left: 0;
  right: 750px;
  bottom: 0;
  z-index: 9999;
  background: white;
  padding: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* **************************************************
* Farbdefinitionen Inspektion App
* **************************************************/
.fi-color-blau {
  color: #3573c1;
}

.fi-color-gruen {
  color: #31b131;
}

.fi-color-gelb {
  color: yellow;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #c7c760;
}

.fi-color-rot {
  color: red;
}

.fi-color-grau {
  color: dimgrey;
}

.fi-color-weiss {
  color: white;
}

.background-color-blau {
  background-color: #3573c1;
}

.background-color-gruen {
  background-color: #31b131;
}

.background-color-gelb {
  background-color: yellow;
}

.background-color-rot {
  background-color: red;
}

.background-color-grau {
  background-color: dimgrey;
}

.inspektion-details-container {
  padding: 5px;
}

.inspektion-formButton {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
}

.pkrit-table-item {
  height: 30px;
  width: 30px;
  padding: 5px;
  border: 1px solid #dedede;
  border-radius: 3px;
  color: #706F6F;
  background-color: transparent;
  margin: 2px;
  box-sizing: border-box;
  font-size: 1.2em;
}

.pkrit-gruen {
  color: #31b131;
  border: 2px solid #31b131;
}

.pkrit-gelb {
  color: yellow;
  border: 2px solid yellow;
}

.pkrit-rot {
  color: red;
  border: 2px solid red;
}

.pkrit-grau {
  color: dimgrey;
  border: 2px solid dimgrey;
}

.pkrit-blau {
  color: #3573c1;
  border: 2px solid #3573c1;
}

.pkrit-nachbearbeitung {
  border: 4px dashed #c71892;
  background-color: rgba(234, 202, 234, 0.3098039216);
}

button.pkrit-beurteilung-button {
  width: 60px;
  height: 40px;
  border-radius: 4px;
  margin: 0px;
  touch-action: manipulation;
  border: 1px solid black;
  opacity: 0.3;
  vertical-align: middle;
}

.pkrit-beurteilung-button.gruen {
  background-color: #31b131;
}

.pkrit-beurteilung-button.gelb {
  background-color: yellow;
}

.pkrit-beurteilung-button.rot {
  background-color: red;
}

.pkrit-beurteilung-button.down.killer {
  background-color: red;
}

.pkrit-beurteilung-button.grau {
  background-color: lightgrey;
  margin-left: 5%;
  text: "n/a";
}

.pkrit-beurteilung-button.down {
  opacity: 1;
  box-shadow: 3px 4px 12px black;
}

button.pkrit-beurteilung-button-nachbearbeitung {
  width: 150px;
  height: 40px;
  border-radius: 4px;
  margin: 0px;
  touch-action: manipulation;
  background-color: #eacaea;
  border: 1px solid black;
  opacity: 0.3;
  margin-left: 5%;
  float: right;
}

.pkrit-beurteilung-button-nachbearbeitung.down {
  opacity: 1;
  box-shadow: 3px 4px 12px black;
}

.pkrit-details-form-container {
  width: 50%;
  float: left;
  order: 2;
  flex: 100 1 auto;
  padding: 10px;
}

.pkrit-input-multiline {
  min-width: 350px;
  min-height: 80px;
  width: 95%;
  margin: 5px;
  margin-top: 15px;
  padding: 5px;
}

.pkrit-details-form-beurteilung-container {
  padding: 5px;
}

.pkrit-details-form-mehrfachselektion {
  padding: 10px;
  columns: 2;
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
  page-break-inside: avoid; /* Firefox */
  break-inside: avoid; /* IE 10+ */
}

.pkrit-details-form-mehrfachselektion.one-column {
  columns: 1 !important;
}

.pkrit-input-checkbox-div {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  margin: 5px;
  padding: 5px;
  margin: 0;
  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid; /* Theoretically FF 20+ */
  break-inside: avoid-column; /* IE 11 */
  width: auto;
}

.pkrit-input-checkbox {
  margin-right: 10px;
}

.pkrit-mehrfach-li {
  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid; /* Theoretically FF 20+ */
  break-inside: avoid-column;
}

.pkrit-mehrfach-icon {
  margin: 5px;
  width: 50px;
  height: 50px;
}

.pkrit-mehrfach-text {
  display: inline-block;
  word-wrap: break-word;
  width: 80%;
}

.pkrit-details-form-frist-div {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 5px;
}

.pkrit-details-form-frist-text {
  margin-right: 15px;
}

button.pkrit-massnahme-sofortmmeldung-button {
  width: 150px;
  height: 40px;
  border-radius: 4px;
  margin: 10px;
  touch-action: manipulation;
  background-color: whitesmoke;
  border: 1px solid black;
  opacity: 0.3;
  margin-left: auto;
}

.pkrit-massnahme-sofortmmeldung-button.down {
  opacity: 1;
  box-shadow: 3px 4px 12px black;
}

.inspektion-button-delete-foto {
  float: right;
}

/***************************
Darstellung Pkrit auf Desktop
****************************/
@media only screen and (min-width: 1224px) {
  .pkrit-gruen {
    color: #31b131;
    border-width: 1px;
  }
  .pkrit-gelb {
    color: #ffcf00;
    border-color: #ffcf00;
    border-width: 1px;
  }
  .pkrit-rot {
    color: red;
    border-width: 1px;
  }
  .pkrit-grau {
    color: dimgrey;
    border-width: 1px;
  }
  .pkrit-blau {
    color: #3573c1;
    border-width: 1px;
  }
  .pkrit-nachbearbeitung {
    border: 2px dashed rgb(199, 24, 146) !important;
  }
  .pkrit-beurteilung-button.gruen {
    background-color: rgba(49, 177, 49, 0.2);
  }
  .pkrit-beurteilung-button.gruen.down {
    background-color: #31b131;
  }
  .pkrit-beurteilung-button.gelb {
    background-color: rgba(255, 207, 0, 0.2);
  }
  .pkrit-beurteilung-button.gelb.down {
    background-color: #ffcf00;
  }
  .pkrit-beurteilung-button.rot {
    background-color: rgba(255, 0, 0, 0.2);
  }
  .pkrit-beurteilung-button.rot.down {
    background-color: red;
  }
  .pkrit-beurteilung-button.grau {
    background-color: rgba(211, 211, 211, 0.1);
  }
  .pkrit-beurteilung-button.grau.down {
    background-color: lightgrey;
  }
  .pkrit-table-item {
    font-size: 26px;
    width: 42px;
    height: auto;
    padding: 3px;
    background-color: white;
    box-shadow: 0 0 0 1px white;
    margin-left: auto;
    margin-right: auto;
  }
  .pkrit-table-item.pkrit-child {
    font-size: 18px;
    width: 31px;
  }
  .pkrit-tbl-column-icon:not(thead) {
    padding: 1px 10px !important;
  }
  .pkrit-tbl-hasfoto-icon {
    margin-right: 5%;
    float: right;
  }
  .pkrit-details-form-parent-container {
    padding: 7px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
  }
  .inspektion-details-container {
    padding: 0;
    padding-bottom: 5px;
  }
  .pkrit-details-form-container-l {
    flex: 2 1 330px;
    max-width: 800px;
    display: flex;
    flex-direction: column;
  }
  .pkrit-details-form-container-r {
    flex: 1 2 160px;
  }
  .pkrit-details-form-container-b {
    flex: 1 1 auto;
  }
  .pkrit-details-form fieldset.iluUI-disabled {
    background-color: transparent;
    font-style: normal;
  }
  .pkrit-details-form h4:not(.pkrit-mehrfach-icon) {
    margin-bottom: 10px;
  }
  .pkrit-details-form textarea {
    min-width: 0;
    min-height: 2em;
    margin: 0;
    margin-bottom: 3px;
    padding: 3px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pkrit-details-form button.pkrit-beurteilung-button, .pkrit-details-form button.pkrit-beurteilung-button-nachbearbeitung, .pkrit-details-form button.pkrit-massnahme-sofortmmeldung-button {
    border-radius: 3px;
    border-color: grey;
    width: auto;
    height: 25px;
    padding: 3px;
    color: #000000;
    box-shadow: 1px 1px 2px grey;
    opacity: 1;
  }
  .pkrit-details-form button.pkrit-beurteilung-button.down, .pkrit-details-form button.pkrit-beurteilung-button-nachbearbeitung.down, .pkrit-details-form button.pkrit-massnahme-sofortmmeldung-button.down {
    opacity: 1;
    box-shadow: 1px 1px 2px #3e3e3e, inset 1px 1px 3px #e2e2e2;
    border-color: black;
  }
  .pkrit-details-form button.pkrit-beurteilung-button {
    width: 35px;
    margin-right: 2px;
  }
  .pkrit-details-form button.pkrit-beurteilung-button:hover {
    box-shadow: 1px 1px 2px 1px #3e3e3e, inset 1px 1px 3px #e2e2e2;
  }
  .pkrit-details-form button.pkrit-beurteilung-button-nachbearbeitung, .pkrit-details-form button.pkrit-massnahme-sofortmmeldung-button {
    margin: 0;
    background-color: #ffffff;
  }
  .pkrit-details-form button.pkrit-beurteilung-button-nachbearbeitung.down, .pkrit-details-form button.pkrit-massnahme-sofortmmeldung-button.down {
    background-color: #82dab2;
  }
  .pkrit-details-form button.pkrit-beurteilung-button-nachbearbeitung:hover, .pkrit-details-form button.pkrit-massnahme-sofortmmeldung-button:hover {
    background-color: rgb(110.3240740741, 212.1759259259, 165.8796296296);
  }
  .pkrit-details-form button.pkrit-beurteilung-button-nachbearbeitung:hover:not(.down), .pkrit-details-form button.pkrit-massnahme-sofortmmeldung-button:hover:not(.down) {
    background-color: #d2f1e3;
  }
  .pkrit-details-form button.iluUI-disabled, .pkrit-details-form button.iluUI-disabled:hover:not(.down) {
    cursor: default;
    box-shadow: 0 0 transparent;
    background-color: transparent;
    color: #848484;
  }
  .pkrit-details-form button.iluUI-disabled.down, .pkrit-details-form button.iluUI-disabled.down:hover, .pkrit-details-form button.iluUI-disabled:hover:not(.down).down, .pkrit-details-form button.iluUI-disabled:hover:not(.down).down:hover {
    background-color: #ffd0b6;
    box-shadow: 0 0 transparent;
    color: #3e3e3e;
  }
  .pkrit-details-form .pkrit-mehrfach-icon {
    margin: 0 7px 3px 0;
    width: auto;
    height: auto;
    font-size: 2.8em;
  }
  .pkrit-details-form-massnahme-container {
    margin: 0;
    margin-top: 5px;
  }
  .pkrit-details-form-frist-div {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    margin-top: 2px;
  }
  .pkrit-details-form-frist-div input {
    max-width: 100px;
    margin-right: auto;
  }
  .iluUI-mana-toolbar-filterdiv {
    padding: 8px;
  }
}
/*
Toolbar Anpassung Text
 */
.text-right {
  text-align: right;
}

.text-background-color {
  background-color: rgba(43, 99, 146, 0.1);
  border-radius: 3px;
  padding: 3px 5px 2px 5px;
  height: 30px;
}

.text-background-color:empty {
  display: none;
}

/*
Inspektiosnbericht Tabelle
 */
.pkrit-transparent {
  opacity: 0;
}

.pkrit-gruen {
  color: #31b131;
  border: 2px solid #31b131;
}

.pkrit-gelb {
  color: #ffd700;
  border: 2px solid #ffd700;
}

.pkrit-rot {
  color: #ff2b1d;
  border: 2px solid #ff2b1d;
}

.pkrit-grau {
  color: dimgrey;
  border: 2px solid dimgrey;
}

.pkrit-blau {
  color: #3573c1;
  border: 2px solid #3573c1;
}

.pkrit-nachbearbeitung {
  border: 2px dashed #c51891 !important;
}

.pkrit-table-item {
  font-size: 26px;
  box-sizing: border-box;
  width: 42px;
  height: auto;
  padding: 3px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
  margin: 2px auto 2px auto;
  border-width: 2px;
  border-radius: 3px;
}
.pkrit-table-item.pkrit-child {
  font-size: 18px;
  width: 31px;
}

.pkrit-tbl-column-icon:not(thead) {
  padding: 1px 10px !important;
}

.pkrit-tbl-hasfoto-icon {
  margin-right: 5%;
  float: right;
}

/*
 Beurteilungsfarben
  */
li.insp-beurteilung-gruen,
i.insp-beurteilung-gruen {
  color: #31b131;
  border-width: 1px;
}

button.insp-beurteilung-gruen {
  background-color: rgb(152.4026548673, 226.5973451327, 152.4026548673);
}
button.insp-beurteilung-gruen.down, button.insp-beurteilung-gruen:hover:not(:disabled) {
  background-color: #31b131;
}
button.insp-beurteilung-gruen:disabled:not(.down) {
  background-color: rgba(49, 177, 49, 0.3);
}

li.insp-beurteilung-rot,
i.insp-beurteilung-rot {
  color: #ff2b1d;
  border-width: 1px;
}

button.insp-beurteilung-rot {
  background-color: rgb(255, 210.4424778761, 207.5);
}
button.insp-beurteilung-rot.down, button.insp-beurteilung-rot:hover:not(:disabled) {
  background-color: #ff2b1d;
}
button.insp-beurteilung-rot:disabled:not(.down) {
  background-color: rgba(255, 43, 29, 0.3);
}

li.insp-beurteilung-gelb,
i.insp-beurteilung-gelb {
  color: #ffd700;
  border-width: 1px;
}

button.insp-beurteilung-gelb {
  background-color: #ffef99;
}
button.insp-beurteilung-gelb.down, button.insp-beurteilung-gelb:hover:not(:disabled) {
  background-color: #ffd700;
}
button.insp-beurteilung-gelb:disabled:not(.down) {
  background-color: rgba(255, 215, 0, 0.3);
}

li.insp-beurteilung-blau,
i.insp-beurteilung-blau {
  color: #3573c1;
  border-width: 1px;
}

button.insp-beurteilung-blau {
  background-color: rgb(147.9085365854, 182.3109756098, 225.5914634146);
}
button.insp-beurteilung-blau.down, button.insp-beurteilung-blau:hover:not(:disabled) {
  background-color: #3573c1;
}
button.insp-beurteilung-blau:disabled:not(.down) {
  background-color: rgba(53, 115, 193, 0.3);
}

li.insp-beurteilung-grau,
i.insp-beurteilung-grau {
  color: lightgrey;
  border-width: 1px;
}

button.insp-beurteilung-grau {
  background-color: white;
}
button.insp-beurteilung-grau.down, button.insp-beurteilung-grau:hover:not(:disabled) {
  background-color: lightgrey;
}
button.insp-beurteilung-grau:disabled:not(.down) {
  background-color: rgba(211, 211, 211, 0.3);
}

button.insp-beurteilung-killer {
  background-color: white;
}
button.insp-beurteilung-killer.down {
  background-color: #ff2b1d;
}
button.insp-beurteilung-killer:hover.down {
  background-color: #ff2b1d;
}
button.insp-beurteilung-killer:disabled:not(.down) {
  background-color: rgba(211, 211, 211, 0.3);
}

.insp-beurteilung-nachbearbeitung {
  border: 2px dashed rgb(199, 24, 146) !important;
}

/*
Layout & Struktur
 */
.iluUI-inspD-fragen-flexContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.iluUI-inspD-layout-flexRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

.iluUI-inspD-fragen-flexRow {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}

.iluUI-inspD-layout-flexColumn {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
}

.iluUI-inspD-fragen-flexColumn {
  flex-wrap: nowrap;
  width: 22.5%;
}

.iluUI-ecoMonD-fragen-flexColumn {
  flex-wrap: nowrap;
  width: 35%;
}

.iluUI-ecoMonD-antworten-flexColumn {
  flex-wrap: nowrap;
  width: 20%;
}

.iluUI-inspD-layout-form-l {
  flex: 5 1 700px;
  max-width: 820px;
  display: flex;
  flex-direction: column;
}

.iluUI-inspD-layout-form-r {
  flex: 1 5 342px;
  margin-left: 10px;
}

.iluUI-inspD-layout-form-b {
  flex: 1 1 auto;
}

.iluUI-inspD-tblForm {
  padding: 7px;
}

.iluUI-inspD-tblForm-bottom {
  margin-top: 2px;
  align-items: center;
}

.iluUI-inspD-tblForm-fotoDiv {
  margin-bottom: auto;
}

.iluUI-inspD-tblForm-foto {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  align-self: stretch;
  margin-right: 0;
  width: 100%;
  background-color: #d6d6d6;
  border: 1px solid #b9b9b9;
  min-height: 250px;
}
.iluUI-inspD-tblForm-foto img {
  max-height: 255px;
  max-width: 340px;
  overflow: hidden;
  margin: 0 auto 0 auto;
}

.iluUI-inspD-tabForm-foto {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  align-self: stretch;
  margin-right: 0;
  width: 100%;
  background-color: #d6d6d6;
  border: 1px solid #b9b9b9;
  min-height: 50px;
}
.iluUI-inspD-tabForm-foto div {
  flex: 100 1 35em;
  overflow: hidden;
  margin: 2px auto 4px auto;
  text-align: center;
}
.iluUI-inspD-tabForm-foto div div {
  width: 100%;
}
.iluUI-inspD-tabForm-foto div img {
  max-width: 98%;
  max-height: 200px;
}

.iluUI-inspD-fotoContainer-manaForm {
  margin-top: 8px;
  width: 100%;
}

.iluUI-inspD-fotoContainer-pkritForm {
  margin-top: 3px;
  width: 100%;
}

/*
  Prüfkriterien und Massnahmen-Bausteine
 */
.iluUI-inspD-component {
  margin-top: 8px;
  margin-bottom: 12px;
  position: relative;
  padding: 13px 10px 10px 10px;
  background-color: rgb(250, 250, 250);
  border: 1px solid rgb(221, 221, 221);
  user-select: none;
}
.iluUI-inspD-component .iluUI-inspD-component-title {
  display: flex;
  position: absolute;
  top: -12px;
  line-height: 1;
  padding: 3px 5px;
  background-color: rgb(250, 250, 250);
  border: 1px solid rgb(221, 221, 221);
  box-shadow: 1px 1px 1px rgb(221, 221, 221);
}
.iluUI-inspD-component .iluUI-inspD-component-title.openclose {
  cursor: pointer;
  border: 1px solid rgb(221, 221, 221);
}
.iluUI-inspD-component .iluUI-inspD-component-title i {
  padding-right: 6px;
}
.iluUI-inspD-component.noBorder {
  border-color: transparent;
}
.iluUI-inspD-component.noBorder .iluUI-inspD-component-title {
  display: flex;
  position: absolute;
  top: -8px;
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  box-shadow: 0 0 0;
}

.iluUI-inspD-component-last {
  margin-bottom: 0;
}

.iluUI-inspD-component-inspRc {
  padding-bottom: 2px;
}

/*
Buttons
 */
.iluUI-inspD-button-flexContainer {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.iluUI-ecoMonD-button-flexContainer {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: left;
  width: 100%;
}

.iluUI-inspD-formButton {
  padding: 3px 6px;
  background: transparent;
  color: rgb(0, 0, 0);
  box-shadow: 1px 1px 2px grey;
  border: 1px solid rgb(97, 97, 97);
  border-radius: 4px;
  cursor: pointer;
  font-size: 1em;
}
.iluUI-inspD-formButton.withIcon {
  align-items: center;
}
.iluUI-inspD-formButton.withIcon i {
  padding-right: 4px;
}
.iluUI-inspD-formButton.onlyIcon, .iluUI-inspD-formButton.modPendenz-onlyIcon {
  padding: 3px;
  align-items: center;
  margin-left: 4px;
  width: 25px;
  font-size: 1.2em;
}
.iluUI-inspD-formButton.down {
  background-color: #82dab2;
  box-shadow: 1px 1px 1px #cacaca, inset 1px 1px 1px grey;
}
.iluUI-inspD-formButton:hover:not(:disabled) {
  background-color: #d2f1e3;
}
.iluUI-inspD-formButton:focus {
  outline: 0;
}
.iluUI-inspD-formButton:disabled, .iluUI-inspD-formButton:disabled:hover {
  color: #777777;
  border-color: rgb(185, 185, 185);
  box-shadow: 0 0 transparent;
  cursor: default;
}
.iluUI-inspD-formButton:disabled.down:not(.iluUI-inspD-beurteilungButton), .iluUI-inspD-formButton:disabled:hover.down:not(.iluUI-inspD-beurteilungButton) {
  background-color: #ffd0b6;
}
.iluUI-inspD-formButton:disabled label, .iluUI-inspD-formButton:disabled:hover label {
  color: #777777;
  cursor: default;
}
.iluUI-inspD-formButton.iluUI-inspD-beurteilungButton.down, .iluUI-inspD-formButton.iluUI-inspD-beurteilungButton:hover:not(:disabled) {
  border-color: black;
}

/*
Pkrit Form
 */
.iluUI-inspD-beurteilungDiv {
  justify-content: space-between;
  align-items: flex-start;
}

.iluUI-inspD-bewertung {
  margin-bottom: 5px;
}
.iluUI-inspD-bewertung label {
  margin-right: 12px;
  align-self: center;
}
.iluUI-inspD-bewertung button {
  width: 33px;
  height: 24px;
  margin-right: 3px;
  box-shadow: 2px 2px 2px grey;
}
.iluUI-inspD-bewertung button.grau {
  margin-left: 5%;
}
.iluUI-inspD-bewertung button.down, .iluUI-inspD-bewertung button.down:hover {
  box-shadow: inset 2px 2px 3px rgba(93, 93, 93, 0.7);
}

.iluUI-inspD-nachbearbeitung {
  height: 24px;
}

.iluUI-ecoMonD-nicht_relevant {
  height: 24px;
}

.iluUI-inspD-fotoreferenz {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  margin-bottom: 4px;
}
.iluUI-inspD-fotoreferenz input {
  margin-right: 5px;
}
.iluUI-inspD-fotoreferenz label.iluUI-disabled {
  color: grey;
  font-style: normal;
  background-color: transparent;
}

textarea.iluUI-inspD-textarea {
  font-size: 1em;
  padding: 3px;
  min-width: 0;
  min-height: 2em;
  width: 100%;
  overflow: auto;
  resize: vertical;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea.autoExpand {
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 12px;
  resize: none;
  padding: 3px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.iluUI-inspD-inspRc-beurteilung textarea {
  min-height: 4em;
}

.iluUI-inspD-pkrit-multiselect-container {
  margin-bottom: 10px;
}
.iluUI-inspD-pkrit-multiselect-container .iluUI-inspD-pkrit-multiselect {
  padding: 10px;
  columns: 2;
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
  page-break-inside: avoid; /* Firefox */
  break-inside: avoid; /* IE 10+ */
}
.iluUI-inspD-pkrit-multiselect-container .iluUI-inspD-pkrit-multiselect.one-column {
  columns: 1 !important;
}
.iluUI-inspD-pkrit-multiselect-container .iluUI-inspD-pkrit-multiselect .checkbox-div {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  padding: 5px;
  margin: 0;
  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid; /* Theoretically FF 20+ */
  break-inside: avoid-column; /* IE 11 */
  width: auto;
}
.iluUI-inspD-pkrit-multiselect-container .iluUI-inspD-pkrit-multiselect .checkbox-div input {
  margin-right: 10px;
}
.iluUI-inspD-pkrit-multiselect-container .iluUI-inspD-pkrit-multiselect .checkbox-div i {
  margin: 0 7px 3px 0;
  width: auto;
  height: auto;
  font-size: 2.8em;
}

/*
Massnahmen
 */
.iluUI-inspD-manaFrist {
  margin-right: auto;
}
.iluUI-inspD-manaFrist div {
  margin-right: 15px;
}
.iluUI-inspD-manaFrist input {
  width: 100px;
}

.iluUI-inspD-erledigungForm-bestaetigung {
  margin: 3px auto 5px 0;
}

.iluUI-bauM-formButton {
  padding: 11px 11px;
  background: transparent;
  color: rgb(0, 0, 0);
  border: 1px solid rgb(97, 97, 97);
  border-radius: 4px;
  cursor: pointer;
  font-size: 1em;
  margin-right: 2px;
}

.iluUI-inspD-fotoUpload-container {
  align-items: flex-end;
}

.iluUI-inspD-tblForm-fotoFileName {
  height: 11px;
  padding-top: 2px;
  max-width: 190px;
  color: dimgrey;
  font-style: italic;
  font-size: 10px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.iluUI-inspektion-fotoPreviewDlg-contentContainer {
  float: left;
  width: 79%;
}

.iluUI-inspektion-right-filterDivs {
  float: right;
  width: 20%;
}
.iluUI-inspektion-right-filterDivs:hover:not(:disabled) {
  background-color: #d2f1e3;
}
.iluUI-inspektion-right-filterDivs:focus {
  outline: 0;
}
.iluUI-inspektion-right-filterDivs.down {
  background-color: #82dab2;
}

/*
Freigaben
 */
.iluUI-inspD-freigabe-layout-l {
  margin-right: auto;
  width: 100%;
}
.iluUI-inspD-freigabe-layout-l textarea {
  font-size: 1em;
  padding: 3px;
  height: 5em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.iluUI-inspD-freigabe-layout-r {
  margin-left: 10px;
  padding-bottom: 3px;
  width: 280px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.iluUI-inspD-freigabe-frage {
  margin-bottom: 10px;
}

.iluUI-inspD-freigabe-status {
  font-style: italic;
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-end;
  padding: 4px;
  white-space: nowrap;
}

.iluUI-inspD-freigabe-status-abgeschlossen {
  background: #82cc82;
}

.iluUI-inspD-freigabe-status-zurueckgewiesen {
  background: #ef9797;
}

.iluUI-inspD-freigabe-btnDiv {
  display: flex;
  justify-content: flex-end;
}

.iluUI-inspD-freigabe-btn {
  overflow: hidden;
  flex: 1 1 130px;
  max-width: 130px;
  padding: 5px;
}

.iluUI-inspD-freigabe-btn:not(:first-child) {
  margin-left: 5px;
}

.iluUI-inspD-auflagen-invisible {
  display: none;
}

/*
Massnahmen-Log
 */
.iluUI-inspD-manaLog-container {
  padding: 2px 5px 5px 5px;
}

.iluUI-inspD-component-table {
  width: 100%;
}
.iluUI-inspD-component-table tr {
  line-height: 1.7em;
}
.iluUI-inspD-component-table td, .iluUI-inspD-component-table th {
  text-align: left;
}
.iluUI-inspD-component-table td.text-center, .iluUI-inspD-component-table th.text-center {
  text-align: center;
}
.iluUI-inspD-component-table td.inspD-tbl-column-datetime {
  width: 110px;
}
.iluUI-inspD-component-table td.inspD-tbl-column-aktion {
  width: 130px;
}
.iluUI-inspD-component-table td.inspD-tbl-column-grundlTitel {
  width: 150px;
}
.iluUI-inspD-component-table td.inspD-tbl-column-icon {
  width: 35px;
  vertical-align: center;
}
.iluUI-inspD-component-table td.inspD-tbl-column-icon button {
  padding: 2px 3px;
}
.iluUI-inspD-component-table.iluUI-inspD-disabled table, .iluUI-inspD-component-table.iluUI-inspD-disabled tr, .iluUI-inspD-component-table.iluUI-inspD-disabled th, .iluUI-inspD-component-table.iluUI-inspD-disabled tr:hover, .iluUI-inspD-component-table.iluUI-inspD-disabled th:hover {
  background-color: transparent;
}
.iluUI-inspD-component-table.iluUI-inspD-tbl-grundlagen tr:hover {
  background-color: transparent !important;
}
.iluUI-inspD-component-table.iluUI-inspD-tbl-grundlagen td, .iluUI-inspD-component-table.iluUI-inspD-tbl-grundlagen th {
  padding: 2px 1px;
}
.iluUI-inspD-component-table.iluUI-inspD-tbl-grundlagen:not(.inspD-tbl-column-icon) {
  vertical-align: top !important;
}

/*
Pkrit Kies
 */
.iluUI-inspD-kies-frageKat-row:not(:last-child) {
  margin-right: 10px;
}

.iluUI-inspD-kies-frageKat-spacer {
  flex: 0 10 15%;
}

.iluUI-inspD-frageKat-spacer {
  flex: 0 10 10%;
}

.iluUI-inspD-kies-grundlagen-tbl {
  width: 100%;
  border-spacing: 0 !important;
}
.iluUI-inspD-kies-grundlagen-tbl td {
  border-top-width: 0;
  height: 20px;
}

.iluUI-inspD-kies-frageKat-btnGroup {
  padding: 4px 0 4px 0 !important;
}
.iluUI-inspD-kies-frageKat-btnGroup div {
  display: flex;
}
.iluUI-inspD-kies-frageKat-btnGroup div label {
  white-space: nowrap;
}

.iluUI-inspD-kies-frageKat-elem {
  height: 35px;
  justify-content: center;
}
.iluUI-inspD-kies-frageKat-elem input {
  height: 1.1em;
}

.iluUI-inspD-frageKat-elem {
  min-height: 35px;
  justify-content: center;
  flex: 1;
  margin-top: 10px;
  margin-bottom: 10px;
}
.iluUI-inspD-frageKat-elem input {
  height: 1.1em;
}
.iluUI-inspD-frageKat-elem textarea {
  height: 1.1em;
}

.iluUI-ecoMonD-frageKat-elem {
  min-height: 35px;
  justify-content: center;
  flex: 1;
}
.iluUI-ecoMonD-frageKat-elem input {
  height: 1.1em;
}
.iluUI-ecoMonD-frageKat-elem textarea {
  height: 1.1em;
}

.iluUI-inspD-kies-bemerkung {
  margin-top: 15px;
}
.iluUI-inspD-kies-bemerkung .iluUI-inspD-kies-bemerkung-left {
  margin-right: 20px;
  min-width: 150px;
}
.iluUI-inspD-kies-bemerkung .iluUI-inspD-kies-bemerkung-left .iluUI-inspD-kies-bemerkung-label {
  margin-bottom: auto;
  font-weight: bold;
}
.iluUI-inspD-kies-bemerkung .iluUI-inspD-kies-bemerkung-right {
  width: 100%;
}
.iluUI-inspD-kies-bemerkung .iluUI-inspD-kies-bemerkung-right textarea {
  font-size: 1em;
  padding: 3px;
  height: 4em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.iluUI-inspD-fontweight-bold {
  font-weight: bold;
}

.iluUI-inspD-beobMana-foto {
  display: flex;
  flex-direction: column;
  flex: auto;
}

.iluUI-inspD-foto-toolbar {
  margin: 5px 0 5px 0;
  justify-content: space-between;
}

.iluUI-inspD-switcher {
  margin-top: 5px;
  margin-bottom: 10px;
}

.iluUI-inspD-tabDelete {
  margin-left: 15px;
  align-self: center;
}
.iluUI-inspD-tabDelete button {
  height: 27px;
}
.iluUI-inspD-tabDelete.alignRight {
  margin-left: auto;
  margin-right: 10px;
}

.iluUI-inspD-manaTab {
  position: relative;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  border-width: 0;
}
.iluUI-inspD-manaTab .iluUI-inspD-component-title {
  left: 10px;
}

.iluUI-inspD-manaTab-contentGroup {
  background-color: rgb(250, 250, 250);
  border: 1px solid rgb(221, 221, 221);
  padding: 13px 10px 5px 10px;
}

.iluUI-inspD-manaTab-tabList {
  background-color: transparent !important;
  border-width: 0 !important;
}
.iluUI-inspD-manaTab-tabList li.insp-beurteilung-gruen {
  background-color: rgba(49, 177, 49, 0.4);
}
.iluUI-inspD-manaTab-tabList li.insp-beurteilung-gelb {
  background-color: rgba(255, 215, 0, 0.4);
}
.iluUI-inspD-manaTab-tabList li.insp-beurteilung-rot {
  background-color: rgba(255, 43, 29, 0.4);
}
.iluUI-inspD-manaTab-tabList li:hover.insp-beurteilung-gruen, .iluUI-inspD-manaTab-tabList li.active.insp-beurteilung-gruen, .iluUI-inspD-manaTab-tabList li.active:hover.insp-beurteilung-gruen {
  background-color: rgba(49, 177, 49, 0.55) !important;
}
.iluUI-inspD-manaTab-tabList li:hover.insp-beurteilung-gelb, .iluUI-inspD-manaTab-tabList li.active.insp-beurteilung-gelb, .iluUI-inspD-manaTab-tabList li.active:hover.insp-beurteilung-gelb {
  background-color: rgba(255, 215, 0, 0.55) !important;
}
.iluUI-inspD-manaTab-tabList li:hover.insp-beurteilung-rot, .iluUI-inspD-manaTab-tabList li.active.insp-beurteilung-rot, .iluUI-inspD-manaTab-tabList li.active:hover.insp-beurteilung-rot {
  background-color: rgba(255, 43, 29, 0.55) !important;
}

/*
Vorjahreswerte anzeigen
 */
.iluUI-inspD-oldValue.iluUI-buttonGroup-btn {
  text-decoration: underline;
}

/*
 * Tabelle Punktestand in Freigaben
 */
.inspD-punktestand-container {
  padding: 0 5px 5px 5px;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
}

.inspD-punktestand-tbl {
  border-collapse: collapse;
  width: 100%;
}
.inspD-punktestand-tbl th {
  text-align: left;
  border-bottom: 1px solid #2b6392;
  min-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inspD-punktestand-tbl th, .inspD-punktestand-tbl td {
  padding: 8px 10px;
  box-sizing: border-box;
}
.inspD-punktestand-tbl th.aktuellerProzess, .inspD-punktestand-tbl td.aktuellerProzess {
  background: #d2f1e3;
}
.inspD-punktestand-tbl tbody tr:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}
.inspD-punktestand-tbl .kapitel {
  min-width: 230px;
}
.inspD-punktestand-tbl .kapitel.total, .inspD-punktestand-tbl .kapitel.minus, .inspD-punktestand-tbl .kapitel.killer {
  font-weight: bold;
}
.inspD-punktestand-tbl .total {
  border-top: 3px solid #e4e4e4;
}
.inspD-punktestand-tbl .fail {
  font-weight: bold;
  color: red;
}

/*
Deaktivierung / Schreibschutz
 */
.iluUI-inspD-disabled {
  color: #777777;
  background-color: rgb(241, 241, 241);
}
.iluUI-inspD-disabled input, .iluUI-inspD-disabled textarea {
  color: #777777;
  border: 1px solid rgb(185, 185, 185);
  background-color: rgb(241, 241, 241);
}
.iluUI-inspD-disabled button.iluUI-button,
.iluUI-inspD-disabled button.iluUI-button:hover {
  color: #e8e8e8;
  background-color: #a7a7a7;
  cursor: default;
  box-shadow: 0 0 transparent;
}

ul.ui-autocomplete {
  box-shadow: 2px 2px 3px grey;
  border-width: 0 !important;
}
ul.ui-autocomplete li {
  font-family: arial, helvetica, sans-serif !important;
  font-size: 13px !important;
  background-color: white !important;
  font-weight: normal !important;
  list-style-image: none !important;
  border-width: 0 !important;
}
ul.ui-autocomplete li.ui-state-focus {
  background: #82dab2 !important;
  color: black !important;
  border-width: 0 !important;
  margin: 0 !important;
}

/*
iluUI
 */
.iluUI-input-div {
  margin: 2px;
  background: #F0F0F0;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

.iluUI-input-label {
  margin-right: 5px;
  max-width: 150px;
  overflow: hidden;
  flex: 0 0 150px;
  white-space: nowrap;
}

.iluUI-input-labelBefore {
  margin-right: 5px;
  margin-left: auto;
  text-align: right;
  max-width: 180px;
  overflow: hidden;
  flex: 0 0 180px;
  white-space: nowrap;
}

.iluUI-input-labelAfter {
  margin-left: 5px;
  margin-right: auto;
  text-align: left;
  max-width: 150px;
  overflow: hidden;
  flex: 0 0 150px;
  white-space: nowrap;
}

.iluUI-input-input {
  overflow: hidden;
  flex: 100 100 100px;
  border: none;
  color: #333333;
}

.iluUI-input-date {
  overflow: hidden;
  flex: 100 100 100px;
  max-width: 100px;
  border: none;
  color: #333333;
}

.iluUI-input-textarea {
  overflow: hidden;
  flex: 100 100 100px;
  border: none;
  color: #333333;
}

.iluUI-input-checkbox {
  overflow: hidden;
  /* flex: 100 100 100px;*/
  border: none;
  color: #333333;
}

.iluUI-input-number {
  overflow: hidden;
  flex: 0 0 80px;
  border: none;
  color: #333333;
}

.iluUI-bottom-bar {
  overflow: hidden;
}

.iluUI-icon-button {
  height: 45px;
  width: 45px;
  float: right;
  margin: 5px;
}

.iluUI-button {
  color: #ffffff;
  background-color: #bd4e53;
  border: 1px solid #ffffff;
  border-radius: 4px;
  box-shadow: 1px 1px 3px grey;
  cursor: pointer;
  touch-action: manipulation;
}
.iluUI-button:focus {
  outline: 0;
}
.iluUI-button:hover {
  background-color: rgb(195.9259259259, 96.5740740741, 101.049382716);
}
.iluUI-button.iluUI-disabled, .iluUI-button:hover.iluUI-disabled {
  cursor: default;
  color: #e8e8e8;
  background-color: #a7a7a7;
  cursor: default;
  box-shadow: 0 0 transparent;
}

.iluUI-button-standalone {
  padding: 4px 10px 4px 10px;
}

.iluUI-button-rev {
  color: #706F6F;
  background-color: #ffffff;
  border: 1px solid #706F6F;
  border-radius: 4px;
  box-shadow: 1px 1px 1px grey;
  cursor: pointer;
  touch-action: manipulation;
}

.iluUI-button-rev:hover,
.iluUI-button-rev:focus {
  background-color: #d2f1e3;
}

.iluUI-input-sub {
  margin-left: 22px;
}

/**
 * 	generische Layouts
 */
.iluUI-flexLayout-columns {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.iluUI-flexLayout-rows {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-flow: row wrap;
}

.iluUI-flexLayout-column {
  flex: 1 1 20%;
}

.iluUI-flexLayout-grow-column {
  flex: 20 20 20%;
}

.iluUI-flexLayout-columnBreit {
  flex: 2 1 40%;
}

/**
 * 	Modaler Dialog
 */
.iluUI-moddlg-base {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 900;
  font-size: 0.8em;
}

.iluUI-moddlg-overlay {
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #aaaaaa;
}

.iluUI-moddlg-div {
  position: absolute;
  max-width: 95%;
  max-height: 95%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
}

.iluUI-moddlg-container {
  margin: 0 5px 0 5px;
  padding: 10px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #888888;
  border-radius: 0 0 3px 3px;
  box-shadow: 1px 2px 7px #888888;
}

.iluUI-moddlg-toolbar {
  margin: 0 5px 0 5px;
  padding: 10px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 0 1px 0px 1px;
  border-color: #888888;
  border-radius: 0 0 0px 0px;
  box-shadow: 1px 2px 7px #888888;
}

.iluUI-moddlg-title {
  display: block;
  position: relative;
  margin: 0 0 0 0;
  height: 30px;
  padding: 0.5em calc(40px + 1.2em) 0.5em 0.7em;
  min-height: 30px; /* support: IE7  */
  font-size: 120%;
  background: #2b6392;
  color: #ffffff;
  line-height: 2;
  border-radius: 3px;
}

.iluUI-moddlg-title > .iluUI-moddlg-close {
  position: absolute;
  right: 10px;
  top: -10px;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: solid;
  border-width: 2px;
  border-radius: 3px;
  border-color: #2b6392;
  box-shadow: 2px 2px 4px #464646;
}

.iluUI-moddlg-title > .iluUI-moddlg-close:hover {
  border-color: #bd4e53;
  color: #bd4e53;
}

.iluUI-moddlg-close {
  color: #2b6392;
}

.iluUI-moddlg-btnDiv {
  margin: 20px 7px 5px 7px;
  display: flex;
  justify-content: flex-end;
}
.iluUI-moddlg-btnDiv button:last-child {
  margin-right: 0;
}

.iluUI-moddlg-button {
  overflow: hidden;
  flex: 0 0 120px;
  min-width: 120px;
  padding: 5px 7px;
  margin: 0 8px;
}

.iluUI-moddlg-button-right {
  float: right;
}

/**
 * 	TitleDiv
 */
.iluUI-divContainer-div {
  margin-right: 3px;
}

.iluUI-divContainer-bar {
  display: block;
  /*cursor: pointer;*/
  position: relative;
  padding: 0.5em 0.5em 0.5em 2.8em;
  min-height: 0; /* support: IE7  */
  font-size: 100%;
  background: #2b6392;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.3;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #9c9c9c;
}

.iluUI-divContainer-contentdiv {
  margin: 0 5px 10px 5px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dedede;
  border-radius: 0 0 3px 3px;
  box-shadow: 1px 2px 7px #d3d3d3;
  overflow: auto;
}

/* Spezielle Behandlung von Content-Divs, wenn sie sich als Subform in
einer DataTables befinden.
 */
.dataTables_scrollBody .iluUI-form-childContainer {
  background-color: #f1f1f1;
  box-shadow: 1px 2px 4px #d3d3d3;
  border-color: #dedede;
}
.dataTables_scrollBody .iluUI-divContainer-contentdiv {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  box-shadow: 1px 2px 3px 1px #d3d3d3;
  margin: 0 10px 10px 10px;
}

/**
 * 	Tab
 */
.iluUI-tab-container {
  width: 100%;
  display: inline-block;
  overflow: hidden;
}

.iluUI-tab-containerStyle {
  border: 1px solid #CFCFCF;
  border-top-width: 0;
  border-radius: 0 0 3px 3px;
  background-color: #F1F1F1;
  box-shadow: 1px 2px 4px #d3d3d3;
}

.iluUI-tab-links {
  width: 100%;
  display: inline-block;
  padding: 5px 0 0 5px;
  background-color: #F7F7F7;
  border: 0 solid #B9B9B9;
  border-bottom-width: 1px;
}
.iluUI-tab-links li {
  margin-right: 5px;
  padding: 3px 7px;
  float: left;
  list-style: none;
  background-color: #F1F1F1;
  border: 1px solid rgb(148, 148, 148);
  border-bottom-width: 0;
  border-radius: 3px 3px 0 0;
  transition: all linear 0.15s;
  color: #5a5a5a;
  cursor: pointer;
  max-width: 110px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.iluUI-tab-links li.active, .iluUI-tab-links li.active:hover {
  background-color: #82dab2;
  cursor: pointer;
  box-shadow: 1px 0 1px #8e8e8e;
  border-color: rgb(90, 90, 90);
  color: black;
}
.iluUI-tab-links li:hover {
  background-color: rgb(190.5508474576, 234.9491525424, 214.8983050847);
  text-decoration: none;
}
.iluUI-tab-links li a {
  user-select: none;
}
.iluUI-tab-links li.deactivated, .iluUI-tab-links li.deactivated:hover {
  background-color: transparent;
  border-color: rgb(221, 221, 221);
  color: rgb(148, 148, 148);
  cursor: default;
}
.iluUI-tab-links li.deactivated button, .iluUI-tab-links li.deactivated:hover button {
  cursor: default;
  color: rgb(119, 119, 119);
}
.iluUI-tab-links button {
  color: black;
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
}

.iluUI-tab-links-bottom {
  padding: 0 0 0 5px;
  border-bottom-width: 0;
  border-top-width: 1px;
}
.iluUI-tab-links-bottom li {
  border-bottom-width: 1px;
  border-top-width: 0;
  border-radius: 0 0 3px 3px;
}
.iluUI-tab-links-bottom li.active, .iluUI-tab-links-bottom li.active:hover {
  box-shadow: 1px 1px 2px #8e8e8e;
}

/*----- Content of Tabs -----*/
.iluUI-tab {
  display: none;
  overflow-y: auto;
}

.iluUI-tab.active {
  display: block;
}

/**
 * 	Accordion
 */
.iluUI-accordion-div {
  margin-bottom: 3px;
  margin-right: 3px;
}

.iluUI-accordion-bar {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 0.5em 0.5em 0.5em 2.8em;
  min-height: 0; /* support: IE7  */
  font-size: 100%;
  background: #2b6392;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.3;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #9c9c9c;
}

/*
.iluUI-accordion-bar  {
  padding-left: 2.8em;
}
*/
.iluUI-accordion-bar .iluUI-accordion-bar-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -9px;
}

.iluUI-accordion-bar:hover {
  color: #d2f1e3;
}

.iluUI-accordion-contentdiv {
  margin: 0 5px 13px 5px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dedede;
  border-radius: 0 0 3px 3px;
  box-shadow: 1px 2px 7px #dedede;
  overflow: auto;
}
.iluUI-accordion-contentdiv h3 {
  background: #2b6392;
}
.iluUI-accordion-contentdiv li {
  cursor: pointer;
}

/**
 * 	Navigation Button
 */
.iluUI-navigation-singleMenuEntry {
  margin-bottom: 10px;
  display: block;
  cursor: pointer;
  position: relative;
  padding: 0.5em 0.5em 0.5em 2.8em;
  font-size: 100%;
  background: #2b6392;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.3;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #9c9c9c;
  border: 2px solid transparent;
}
.iluUI-navigation-singleMenuEntry.link-active {
  color: #82dab2;
  border-color: #82dab2;
}
.iluUI-navigation-singleMenuEntry.link-active i {
  color: #82dab2;
}
.iluUI-navigation-singleMenuEntry:not(.link-active):hover {
  color: #82dab2;
  border-color: #82dab2;
}
.iluUI-navigation-singleMenuEntry:not(.link-active):hover i {
  color: #82dab2;
}

.iluUI-navigation-singleMenuEntry-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -9px;
}

/**
 * 	Formular
 */
.iluUI-form-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 100 100 200px;
}

.iluUI-form-hidden {
  display: none;
}

.iluUI-form-div {
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

.iluUI-form-div-column {
  display: flex;
  flex-direction: column !important;
}

.iluUI-form-label-div {
  display: flex;
  flex-direction: column !important;
  flex: 100 100 400px;
}

.iluUI-form-item-div {
  flex-direction: row !important;
  flex: 100 100 200px;
}

.iluUI-form-div-preview {
  display: inline;
  border: 1px solid #dedede;
}

.iluUI-form-div-preview img {
  height: 120px;
  width: auto !important;
  display: block;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
}

.iluUI-form-submit {
  margin-left: auto;
}

.iluUI-form-label {
  margin-right: 5px;
  max-width: 150px;
  overflow: hidden;
  flex: 1 1 150px;
  white-space: nowrap;
}

.iluUI-form-label-long {
  max-width: 200px !important;
  flex: 1 1 200px !important;
}

.iluUI-form-div-column .iluUI-form-label {
  flex: none !important;
  margin-bottom: 5px;
}

.iluUI-form-fieldset {
  border: none;
  padding: 5px;
  background-color: #f3f3f3;
}
.iluUI-form-fieldset legend {
  font-weight: bold;
}

/* Style des Formularfeldes */
.iluUI-form-style, .modPendenz-iluUI-dynTab-element {
  overflow: hidden;
  flex: 1 3 150px;
  font-size: 1em;
}

.iluUI-form-div-column .iluUI-form-style, .iluUI-form-div-column .modPendenz-iluUI-dynTab-element {
  flex: none !important;
}

/* Div, welches an Stelle des Formularfeldes eingesetzt
    wird um mehr als ein Element einzusetzten (z.B. Geometry) */
.iluUI-form-itemdiv {
  display: flex;
  flex: 100 100 100px;
  overflow: hidden;
}

/* Div, welches die Buttons zu einem Input-Item enthält */
.iluUI-form-itembuttondiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

/* Wenn in Tabelle: 100% breite */
td .iluUI-form-style, td .modPendenz-iluUI-dynTab-element {
  width: 100%;
}

.iluUI-form-style-readonly {
  color: #6d6d6d;
  border: 1px solid #E4E4E4;
  background-color: #f9f9f9;
}

.iluUI-formData-new {
  background-color: #c8e5bc !important;
}

.iluUI-formData-delete {
  background-color: #d9534f !important;
}

.iluUI-formData-change {
  background-color: #ffcc33 !important;
}

.iluUI-formButton {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
}
.iluUI-formButton.activated {
  background-color: #82dab2;
}

/* Überschreibt formButton teilweise für bessere Darstellung innerhalb Div */
.iluUI-inlineButton {
  height: 20px;
  width: 30px;
  border-radius: 3px;
  border: 1px solid transparent;
  margin: 0 0 0 2px;
}

.iluUI-formButton:hover:enabled,
.iluUI-formButton:focus:enabled,
.iluUI-formButton:active:enabled {
  color: #ffffff;
  background-color: #bd4e53;
  cursor: pointer;
}

.iluUI-formButton-ok {
  background-color: #5CB85C !important;
}

.iluUI-formButton-error {
  background-color: #bd161b !important;
}

/*
 * Tabelle
 */
td.iluUI-table-detailsControl {
  /*background: url('arrow.png') no-repeat center center;*/
  cursor: pointer;
  width: 5px;
}

td.iluUI-table-detailsControl:before {
  /*dth: url('arrow.png') no-repeat center center;*/
  font-family: FontIlu;
  content: "\f006c";
  cursor: pointer;
}

tr.shown td.iluUI-table-detailsControl:before {
  /*background: url('arrow-open.png') no-repeat center center;*/
  font-family: FontIlu;
  content: "\f0069";
}

td.iluUI-table-SingleDetailsControl {
  cursor: pointer;
  width: 5px;
}

td.iluUI-table-SingleDetailsControl:before {
  font-family: FontIlu;
  content: "\f006c";
  cursor: pointer;
}

tr.shown td.iluUI-table-SingleDetailsControl:before {
  font-family: FontIlu;
  content: "\f0069";
}

td.iluUI-table-addToCart {
  cursor: pointer;
}

td.iluUI-table-addToCart:before {
  font-family: FontIlu;
  content: "\f0074";
  cursor: pointer;
}

td.iluUI-table-orderControl {
  cursor: move;
}

td.iluUI-table-orderControl:before {
  font-family: FontIlu;
  content: "\f0069\f006a";
}

td.iluUI-table-removeRow {
  cursor: pointer;
}

td.iluUI-table-removeRow:before {
  font-family: FontIlu;
  content: "\f0059";
}

/*
 * Form-Tablle
 */
.iluUI-form-table {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.iluUI-table-statusCell {
  width: 25px !important;
  vertical-align: middle;
}

.iluUI-form-table-head {
  text-align: center;
}

.iluUI-table-content-wordbreak {
  word-break: break-all;
}

.iluUI-form-table-rowTemplate {
  display: none;
}

.iluUI-form-table-body {
  text-align: center;
}
.iluUI-form-table-body td {
  border: none !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

/**
 * 	MessageBox
 */
.iluUI-msgBox-div {
  position: absolute;
  width: 500px;
  max-width: 95%;
  max-height: 95%;
  z-index: 1000;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
}

.iluUI-msgBox-div-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0; /* support: IE7  */
  font-size: 100%;
  background: #2b6392;
  font-weight: normal;
  color: #ffffff;
  line-height: 2;
  border: 1px solid #888888;
  border-radius: 3px;
}

.iluUI-msgBox-boxContent {
  margin: 0 5px 0 5px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #888888;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  box-shadow: 3px 8px 12px 0 rgba(0, 0, 0, 0.4), 7px 12px 28px 0 rgba(0, 0, 0, 0.4);
}

.iluUI-msgBox-div-icon {
  align-self: center;
  margin-right: 20px;
}

.iluUI-msgBox-div-content {
  display: flex;
  align-items: center;
  margin: auto;
}

.iluUI-msgBox-div-message {
  white-space: pre-wrap;
}

.iluUI-msgBox-kritisch {
  color: #bd161b;
}

.iluUI-msgBox-frage {
  color: #609acc;
}

.iluUI-msgBox-ausruf {
  color: #ffa500;
}

.iluUI-msgBox-information {
  color: #609acc;
}

/**
 * 	intervalDialog
 */
.iluUI-intervalDlg-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

.iluUI-intervalDlg-div {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 100 100 200px;
  border: solid 1px white;
}

.iluUI-intervalDlg-groupDiv {
  border-style: solid;
  border-width: 0 0 2px 0;
  border-color: white;
}

/**
 * 	mapDialog
 */
.iluUI-mapDlg-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
}

.iluUI-mapDlg-div {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 100 100 200px;
}

.iluUI-mapDlg-mapDiv {
  padding: 5px;
}

/*
 ButtonGroups
 */
.iluUI-buttonGroup {
  display: flex;
  padding: 10px 0 10px 0;
}
.iluUI-buttonGroup div label:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.iluUI-buttonGroup div label:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right-width: 1px;
}

.iluUI-buttonGroup-label {
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 10px;
}

.iluUI-buttonGroup-label-left {
  margin-left: 0;
}

.iluUI-buttonGroup-label-right {
  margin-left: auto;
}

.iluUI-buttonGroup-flex-label {
  display: flex;
  flex-wrap: wrap;
}

.iluUI-buttonGroup-btn {
  background-color: #ffffff;
  padding: 5px 8px 5px 8px;
  border: 1px solid #706F6F;
  border-right-width: 0;
  color: #000000;
  box-shadow: 1px 1px 2px grey;
  cursor: pointer;
  text-align: center;
  min-width: 25px;
}
.iluUI-buttonGroup-btn:hover:not(.iluUI-buttonGroup-btn-active) {
  background-color: #d2f1e3;
}

.iluUI-buttonGroup-btn-active {
  background-color: #82dab2;
  box-shadow: 1px 1px 1px #cacaca, inset 1px 1px 1px grey;
}
.iluUI-buttonGroup-btn-active:hover {
  background-color: rgb(110.3240740741, 212.1759259259, 165.8796296296);
}

.iluUI-buttonGroup-btnRB {
  display: none;
}

.iluUI-buttonGroup-btn.iluUI-disabled,
.iluUI-buttonGroup-btn:hover.iluUI-disabled {
  cursor: default;
  box-shadow: 0 0 transparent;
  background-color: #f1f1f1;
  border-color: #b9b9b9;
}
.iluUI-buttonGroup-btn.iluUI-disabled.iluUI-buttonGroup-btn-active, .iluUI-buttonGroup-btn.iluUI-disabled.iluUI-buttonGroup-btn-active:hover,
.iluUI-buttonGroup-btn:hover.iluUI-disabled.iluUI-buttonGroup-btn-active,
.iluUI-buttonGroup-btn:hover.iluUI-disabled.iluUI-buttonGroup-btn-active:hover {
  background-color: rgb(118.6722222222, 152.8277777778, 137.3025252525);
}

.Infonetz-rwControl {
  padding: 0;
  margin: 0;
  border: 0;
}

:not(button).iluUI-disabled {
  font-style: italic;
  color: #4b4b4b;
  background-color: #e4e4e4;
}
:not(button).iluUI-disabled button,
:not(button).iluUI-disabled button:hover,
:not(button).iluUI-disabled button:focus,
:not(button).iluUI-disabled button:active {
  color: #e8e8e8;
  background-color: #a7a7a7;
  cursor: default;
  box-shadow: 0 0 transparent;
}

/*
  dynamische Tabelle
 */
.iluUI-dynTab-component {
  margin-top: 8px;
  margin-bottom: 12px;
  position: relative;
  padding: 13px 10px 10px 10px;
  background-color: rgb(250, 250, 250);
  border: 1px solid rgb(221, 221, 221);
  user-select: none;
}
.iluUI-dynTab-component .iluUI-dynTab-component-title {
  display: flex;
  position: absolute;
  top: -12px;
  line-height: 1;
  padding: 3px 5px;
  background-color: rgb(250, 250, 250);
  border: 1px solid rgb(221, 221, 221);
  box-shadow: 1px 1px 1px rgb(221, 221, 221);
}
.iluUI-dynTab-component .iluUI-dynTab-component-title.openclose {
  cursor: pointer;
}
.iluUI-dynTab-component .iluUI-dynTab-component-title i {
  padding-right: 6px;
}
.iluUI-dynTab-component.noBorder {
  border-color: transparent;
}
.iluUI-dynTab-component.noBorder .iluUI-dynTab-component-title {
  display: flex;
  position: absolute;
  top: -8px;
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  box-shadow: 0 0 0;
}

.iluUI-dynTab-component-last {
  margin-bottom: 0;
}

.iluUI-dynTab-table {
  width: 100%;
}
.iluUI-dynTab-table tr {
  line-height: 1.7em;
}
.iluUI-dynTab-table td, .iluUI-dynTab-table th {
  text-align: left;
}
.iluUI-dynTab-table td.text-center, .iluUI-dynTab-table th.text-center {
  text-align: center;
}
.iluUI-dynTab-table td.inspD-tbl-column-datetime {
  width: 110px;
}
.iluUI-dynTab-table td.inspD-tbl-column-aktion {
  width: 130px;
}
.iluUI-dynTab-table td.inspD-tbl-column-grundlTitel {
  width: 150px;
}
.iluUI-dynTab-table td.inspD-tbl-column-icon {
  width: 35px;
  vertical-align: center;
}
.iluUI-dynTab-table td.inspD-tbl-column-icon button {
  padding: 2px 3px;
}
.iluUI-dynTab-table.iluUI-dynTab-disabled table, .iluUI-dynTab-table.iluUI-dynTab-disabled tr, .iluUI-dynTab-table.iluUI-dynTab-disabled th, .iluUI-dynTab-table.iluUI-dynTab-disabled tr:hover, .iluUI-dynTab-table.iluUI-dynTab-disabled th:hover {
  background-color: transparent;
}
.iluUI-dynTab-table.iluUI-dynTab-grundlagen tr:hover {
  background-color: transparent !important;
}
.iluUI-dynTab-table.iluUI-dynTab-grundlagen td, .iluUI-dynTab-table.iluUI-dynTab-grundlagen th {
  padding: 2px 1px;
}
.iluUI-dynTab-table.iluUI-dynTab-grundlagen:not(.iluUI-dynTab-column-icon) {
  vertical-align: top !important;
}
.iluUI-dynTab-table .iluUI-dynTab-readonly {
  background-color: transparent !important;
  border-color: transparent;
}

.iluUI-dynTab-image {
  width: 340px;
  overflow: hidden;
}

.geomDlg {
  position: absolute !important;
  z-index: 1000 !important;
}

/*!
 *  Ilu Font 1.0.0 by @ilu AG - http://www.ilu.ch
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontIlu";
  src: url("../../fonts/FontIlu.otf");
  font-weight: normal;
  font-style: normal;
}
.fi {
  display: inline-block;
  font: normal normal normal 14px/1 FontIlu;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.fi-klein {
  display: inline-block;
  font: normal normal normal 12px/1 FontIlu;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, -10%);
}

.fi-iluUI-table {
  font: normal normal normal 14px/1 FontIlu;
  font-size: inherit;
  line-height: 0.9em !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 1.28571429em;
  text-align: center;
}

/* makes the font 33% larger relative to the icon container */
.fi-lg {
  font-size: 1.33333333em;
  line-height: 1.1em;
  /*vertical-align: -15%;*/
}

.fi-2x {
  font-size: 2em;
}

.fi-3x {
  font-size: 3em;
}

.fi-4x {
  font-size: 4em;
}

.fi-5x {
  font-size: 5em;
}

.fi-preview {
  font-size: 6em;
}

.fi-fw {
  width: 1.28571429em;
  text-align: center;
}

.fi-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fi-ul > li {
  position: relative;
}

.fi-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fi-li.fi-lg {
  left: -1.85714286em;
}

.fi-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fi.pull-left {
  margin-right: 0.3em;
}

.fi.pull-right {
  margin-left: 0.3em;
}

.fi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fi-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fi-rotate-45 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fi-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fi-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fi-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fi-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fi-rotate-45,
:root .fi-rotate-90,
:root .fi-rotate-180,
:root .fi-rotate-270,
:root .fi-flip-horizontal,
:root .fi-flip-vertical {
  filter: none;
}

.fi-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fi-stack-1x,
.fi-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fi-stack-1x {
  line-height: inherit;
}

.fi-stack-2x {
  font-size: 2em;
}

.fi-inverse {
  color: #ffffff;
}

.fi-disabled {
  opacity: 0.3;
}

/**
 * 	Icon-Deklarationen
 */
.fi-user:before {
  content: "\f0050";
}

.fi-user-add:before {
  content: "\f0051";
}

.fi-user-delete:before {
  content: "\f0052";
}

.fi-user-edit:before {
  content: "\f0053";
}

.fi-user-spy:before {
  content: "\f0054";
}

.fi-list:before {
  content: "\f0055";
}

.fi-doc-export-pdf:before {
  content: "\f0056";
}

.fi-add:before {
  content: "\f0057";
}

.fi-edit:before {
  content: "\f0058";
}

.fi-delete:before {
  content: "\f0059";
}

.fi-dms-add-dateiinfo:before {
  content: "\f005a";
}

.fi-file-pdf:before {
  content: "\f005b";
}

.fi-file-word:before {
  content: "\f005c";
}

.fi-file-excel:before {
  content: "\f005d";
}

.fi-file-ppt:before {
  content: "\f005e";
}

.fi-file-img:before {
  content: "\f005f";
}

.fi-file-zip:before {
  content: "\f0060";
}

.fi-file-audio:before {
  content: "\f0061";
}

.fi-file-video:before {
  content: "\f0062";
}

.fi-file-code:before {
  content: "\f0063";
}

.fi-file-unknown:before {
  content: "\f0064";
}

.fi-file-folder-c:before {
  content: "\f0065";
}

.fi-file-folder-o:before {
  content: "\f0066";
}

.fi-file-folder1-c:before {
  content: "\f0067";
}

.fi-file-folder1-o:before {
  content: "\f0068";
}

.fi-arrow-down:before {
  content: "\f0069";
}

.fi-arrow-up:before {
  content: "\f006a";
}

.fi-arrow-left:before {
  content: "\f006b";
}

.fi-arrow-right:before {
  content: "\f006c";
}

.fi-warnung:before {
  content: "\f006d";
}

.fi-ok:before {
  content: "\f006e";
}

.fi-error:before {
  content: "\f006f";
}

.fi-close:before {
  content: "\f006f";
}

.fi-send-by-mail:before {
  content: "\f0070";
}

.fi-link:before {
  content: "\f0021";
}

.fi-send-link:before {
  content: "\f0022";
}

.fi-layout-list:before {
  content: "\f0023";
}

.fi-layout-kachel:before {
  content: "\f0024";
}

.fi-toggle-button:before {
  content: "\f0025";
}

.fi-reset:before {
  content: "\f0026";
}

.fi-refresh:before {
  content: "\f0027";
}

.fi-redo:before {
  content: "\f0028";
}

.fi-save:before {
  content: "\f0029";
}

.fi-admin:before {
  content: "\f002a";
}

.fi-erfassung:before {
  content: "\f002b";
}

.fi-analyse:before {
  content: "\f002c";
}

.fi-kritisch:before {
  content: "\f002d";
}

.fi-ausruf:before {
  content: "\f002e";
}

.fi-frage:before {
  content: "\f002f";
}

.fi-information:before {
  content: "\f0030";
}

.fi-gps:before {
  content: "\f0031";
}

.fi-calculator:before {
  content: "\f0032";
}

.fi-suche:before {
  content: "\f0033";
}

.fi-passwort:before {
  content: "\f0034";
}

.fi-karte-weiss:before {
  content: "\f0035";
}

.fi-karte-schwarz:before {
  content: "\f0036";
}

.fi-fadenkreuz:before {
  content: "\f0037";
}

.fi-projekt:before {
  content: "\f0038";
}

.fi-file-new:before {
  content: "\f0039";
}

.fi-file-copy:before {
  content: "\f003a";
}

.fi-file-cut:before {
  content: "\f003b";
}

.fi-file-paste:before {
  content: "\f003c";
}

.fi-file-delete:before {
  content: "\f003d";
}

.fi-file-rename:before {
  content: "\f003e";
}

.fi-file-download:before {
  content: "\f003f";
}

.fi-file-upload:before {
  content: "\f0040";
}

.fi-undo-delete:before {
  content: "\f0041";
}

.fi-directory-tree:before {
  content: "\f0042";
}

.fi-erase:before {
  content: "\f0043";
}

.fi-execute-search:before {
  content: "\f0044";
}

.fi-download-excel:before {
  content: "\f0045";
}

.fi-uhr:before {
  content: "\f0046";
}

.fi-zurueck:before {
  content: "\f0047";
}

.fi-vorwaerts:before {
  content: "\f0048";
}

.fi-aufwaerts:before {
  content: "\f0049";
}

.fi-abwaerts:before {
  content: "\f004a";
}

.fi-print:before {
  content: "\f004b";
}

.fi-help:before {
  content: "\f004c";
}

.fi-support:before {
  content: "\f004d";
}

.fi-mail:before {
  content: "\f004e";
}

.fi-tabelle-auf:before {
  content: "\f0071";
}

.fi-tabelle-zu:before {
  content: "\f0072";
}

.fi-tags:before {
  content: "\f0073";
}

.fi-shopping-cart:before {
  content: "\f0074";
}

.fi-locked:before {
  content: "\f0075";
}

.fi-unlocked:before {
  content: "\f0076";
}

.fi-hourglass:before {
  content: "\f0077";
}

.fi-circleempty:before {
  content: "\f0078";
}

.fi-circle:before {
  content: "\f0079";
}

.fi-questionmark:before {
  content: "\f007a";
}

.fi-normallist:before {
  content: "\f007b";
}

.fi-bulletlist:before {
  content: "\f007c";
}

.fi-numberedlist:before {
  content: "\f007d";
}

.fi-log:before {
  content: "\f007e";
}

.fi-eye:before {
  content: "\f007f";
}

.fi-balance:before {
  content: "\f0080";
}

.fi-interface:before {
  content: "\f0081";
}

.fi-calendar:before {
  content: "\fa049";
}

.fi-sort-alpha-down:before {
  content: "\fa04a";
}

.fi-sort-alpha-up:before {
  content: "\fa04b";
}

.fi-sort-amount-down:before {
  content: "\fa04c";
}

.fi-sort-amount-up:before {
  content: "\fa04d";
}

.fi-camera:before {
  content: "\fa09a";
}

.fi-betrieb:before {
  content: "\fa09b";
}

.fi-new-file-uploaded:before {
  content: "\fa09c";
}

.fi-prozess-neu:before {
  content: "\fa09d";
}

.fi-prozess-delete:before {
  content: "\fa09f";
}

.fi-prozess-save:before {
  content: "\fa0a0";
}

.fi-prozess-sistieren:before {
  content: "\fa09e";
}

.fi-recycling:before {
  content: "\fa0a1";
}

.fi-asgs:before {
  content: "\fa0a2";
}

.fi-kies:before {
  content: "\fa0a3";
}

.fi-deponie:before {
  content: "\fa0a5";
}

.fi-aushub:before {
  content: "\f007a";
}

.fi-ordnung:before {
  content: "\fa0a4";
}

.fi-absperrung:before {
  content: "\fa0a5";
}

.fi-archaeologie:before {
  content: "\fa0a6";
}

.fi-laerm:before {
  content: "\fa0a7";
}

.fi-arbeitszeit:before {
  content: "\fa0a8";
}

.fi-laermschutz:before {
  content: "\fa0a9";
}

.fi-beschwerde:before {
  content: "\fa0aa";
}

.fi-maschinenlaerm:before {
  content: "\fa0ab";
}

.fi-laermmessung:before {
  content: "\fa0ac";
}

.fi-erschuetterung:before {
  content: "\fa0ad";
}

.fi-grundwasser:before {
  content: "\fa0ae";
}

.fi-grundwassergross:before {
  content: "\fa0af";
}

.fi-oberflaechenwasser:before {
  content: "\fa0b0";
}

.fi-gift:before {
  content: "\fa0b1";
}

.fi-luft:before {
  content: "\fa0b2";
}

.fi-abgas:before {
  content: "\fa0b3";
}

.fi-staub:before {
  content: "\fa0b4";
}

.fi-geruch:before {
  content: "\fa0b5";
}

.fi-naturschutz:before {
  content: "\fa0b6";
}

.fi-flora:before {
  content: "\fa0b7";
}

.fi-neophyten:before {
  content: "\fa0b8";
}

.fi-fauna:before {
  content: "\fa0b9";
}

.fi-holzschlag:before {
  content: "\fa0ba";
}

.fi-auflagen:before {
  content: "\fa001";
}

.fi-platzorganisation:before {
  content: "\fa003";
}

.fi-sortierung:before {
  content: "\fa005";
}

.fi-gewaesserschuetzen:before {
  content: "\fa008";
}

.fi-bodenabtragen:before {
  content: "\fa057";
}

.fi-bodenauffuellen:before {
  content: "\fa061";
}

.fi-abfall:before {
  content: "\fa0bb";
}

.fi-rueckbaufraktion:before {
  content: "\fa0bc";
}

.fi-abbrucharbeiten:before {
  content: "\fa0bd";
}

.fi-belastetestandorte:before {
  content: "\fa0be";
}

.fi-boden:before {
  content: "\fa0bf";
}

.fi-depotpflege:before {
  content: "\fa0c0";
}

.fi-na-yes:before {
  content: "\fa0c2";
}

.fi-na-no:before {
  content: "\fa0c1";
}

.fi-landwirtschaft:before {
  content: "\fa0c3";
}

.fi-2y:before {
  content: "\fa0c4";
}

.fi-2y-v2:before {
  content: "\fa0c5";
}

.fi-2:before {
  content: "\fa0c6";
}

.fi-licht:before {
  content: "\fa0c7";
}

.fi-elektrosmog-licht:before {
  content: "\fa0c8";
}

.fi-naturschutz-orig:before {
  content: "\fa0c9";
}

.fi-chem-therm-prozesse:before {
  content: "\fa0ca";
}

.fi-baustellenabwasser:before {
  content: "\fa0cb";
}

.fi-begleitpersonen:before {
  content: "\fa0cc";
}

.fi-ausgehob-untergrund:before {
  content: "\fa0cd";
}

.fi-abgetr-boden:before {
  content: "\fa0ce";
}

.fi-peri:before {
  content: "\fa0cf";
}

.fi-bauprozess:before {
  content: "\fa0d0";
}

.fi-quali-prüf:before {
  content: "\fa0d1";
}

.fi-vorbehandl-anlage:before {
  content: "\fa0d2";
}

.fi-bohrung:before {
  content: "\fa0d3";
}

.fi-kuchendiagramm:before {
  content: "\fa0d4";
}

.fi-dateiabfrage:before {
  content: "\fa0d5";
}

.fi-datenabfrage:before {
  content: "\fa0d6";
}

.fi-userout:before {
  content: "\fa0d7";
}

.fi-userin:before {
  content: "\fa0d8";
}

.fi-userlogout:before {
  content: "\fa0d9";
}

.fi-userlogin:before {
  content: "\fa0da";
}

.fi-userconfig:before {
  content: "\fa0db";
}

.fi-comment:before {
  content: "\fa0dc";
}

.fi-commentlines:before {
  content: "\fa0dd";
}

.fi-commentplus:before, .modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn.keinKommentar:before, .iluUI-wfStoFlu-flussItem-kommentar-btn.keinKommentar:before, .modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn.keinKommentar:before, .iluUI-matBH-flussItem-kommentar-btn.keinKommentar:before {
  content: "\fa100";
}

.fi-commentexclamation:before, .modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn.offen:before, .iluUI-wfStoFlu-flussItem-kommentar-btn.offen:before, .modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn.offen:before, .iluUI-matBH-flussItem-kommentar-btn.offen:before {
  content: "\fa101";
}

.fi-fabrik:before {
  content: "\fa102";
}

.fi-parkverbot:before {
  content: "\fa103";
}

.fi-circle-check:before {
  content: "\fa104";
}

.fi-circle-cross:before {
  content: "\fa105";
}

.fi-circle-search:before {
  content: "\fa106";
}

.fi-circle-minus:before {
  content: "\fa107";
}

.fi-globus:before {
  content: "\fa108";
}

.fi-switzerland:before {
  content: "\fa109";
}

.fi-naturflaeche:before {
  content: "\fa10a";
}

.fi-wiese:before {
  content: "\fa10b";
}

.fi-weide:before {
  content: "\fa10c";
}

.fi-streu:before {
  content: "\fa10d";
}

.fi-stauden:before {
  content: "\fa10e";
}

.fi-ruderal:before {
  content: "\fa10f";
}

.fi-gehoelz:before {
  content: "\fa110";
}

.fi-baum:before {
  content: "\fa111";
}

.fi-gewaesser:before {
  content: "\fa112";
}

.fi-wald:before {
  content: "\fa113";
}

.fi-garten:before {
  content: "\fa114";
}

.fi-kleinstruktur:before {
  content: "\fa115";
}

.fi-commentcheck:before, .modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn.abgeschlossen:before, .modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn.beantwortet:before, .iluUI-wfStoFlu-flussItem-kommentar-btn.abgeschlossen:before, .iluUI-wfStoFlu-flussItem-kommentar-btn.beantwortet:before, .modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn.abgeschlossen:before, .modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn.beantwortet:before, .iluUI-matBH-flussItem-kommentar-btn.abgeschlossen:before, .iluUI-matBH-flussItem-kommentar-btn.beantwortet:before {
  content: "\fa116";
}

.fi-commentinfo:before, .modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn.info:before, .iluUI-wfStoFlu-flussItem-kommentar-btn.info:before, .modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn.info:before, .iluUI-matBH-flussItem-kommentar-btn.info:before {
  content: "\fa117";
}

.fi-polizei:before {
  content: "\fa118";
}

.fi-toxinfo_klein:before {
  content: "\fa119";
}

.fi-toxinfo_gross:before {
  content: "\fa120";
}

.fi-polizei_schrift:before {
  content: "\fa121";
}

.fi-bild_austauschen_duenn:before {
  content: "\fa122";
}

.fi-bild_austauschen_dick:before {
  content: "\fa123";
}

.fi-bild_bericht_kurz:before {
  content: "\fa124";
}

.fi-bild_bericht_lang:before {
  content: "\fa125";
}

.fi-bild_excel:before {
  content: "\fa126";
}

.fi-bild_word:before {
  content: "\fa127";
}

.fi-bild_pdf:before {
  content: "\fa128";
}

.fi-bild_bericht_kurz2:before {
  content: "\fa129";
}

.fi-bild_bericht_lang2:before {
  content: "\fa130";
}

/**
 * 	Icon-Deklarationen
 */
.fi-betriebsreglement:before {
  content: "\fa001";
}

.fi-betriebsbewilligung:before {
  content: "\fa002";
}

.fi-platzgestaltung:before {
  content: "\fa003";
}

.fi-lagerung-witterung:before {
  content: "\fa004";
}

.fi-lagerung-sortenrein:before {
  content: "\fa005";
}

.fi-staubminderung:before {
  content: "\fa006";
}

.fi-abgaswartung:before {
  content: "\fa007";
}

.fi-lagerung-fluessigkeit:before {
  content: "\fa008";
}

.fi-neophyten:before {
  content: "\fa009";
}

.fi-technische-eingangskontrolle:before {
  content: "\fa010";
}

.fi-konzept-eingangskontrolle:before {
  content: "\fa011";
}

.fi-materialeingang:before {
  content: "\fa012";
}

.fi-materialausgang:before {
  content: "\fa013";
}

.fi-massenbilanz:before {
  content: "\fa014";
}

.fi-pruefbericht-rc-produkte:before {
  content: "\fa015";
}

.fi-verwertungsquote:before {
  content: "\fa016";
}

.fi-probenahme:before {
  content: "\fa017";
}

.fi-bericht-holzabfaelle:before {
  content: "\fa018";
}

.fi-deponierte-abfaelle:before {
  content: "\fa019";
}

.fi-platz-dach-kanalisation:before {
  content: "\fa020";
}

.fi-platz-dach-vorbehandlung:before {
  content: "\fa021";
}

.fi-platz-dach:before {
  content: "\fa022";
}

.fi-platz-wasserdicht-kanalisation:before {
  content: "\fa023";
}

.fi-platz-wasserdicht-versickerung:before {
  content: "\fa024";
}

.fi-platz-wasserdicht-oberflaechengewaesser:before {
  content: "\fa025";
}

.fi-platz-unbefestigt:before {
  content: "\fa026";
}

.fi-asgs-leitbild:before {
  content: "\fa027";
}

.fi-asgs-organisation:before {
  content: "\fa028";
}

.fi-asgs-ausbildung:before {
  content: "\fa029";
}

.fi-asgs-sicherheit:before {
  content: "\fa030";
}

.fi-asgs-gefahrenermittlung:before {
  content: "\fa031";
}

.fi-asgs-manaplanung:before {
  content: "\fa032";
}

.fi-asgs-notfallorganisation:before {
  content: "\fa033";
}

.fi-asgs-mitwirkung:before {
  content: "\fa034";
}

.fi-asgs-gesundheitsschutz:before {
  content: "\fa035";
}

.fi-asgs-kontrolleaudit:before {
  content: "\fa036";
}

.fi-asgs-freizeitsicherheit:before {
  content: "\fa037";
}

.fi-asgs-eigenefeststellung:before {
  content: "\fa038";
}

.fi-asgs-schnittstelle:before {
  content: "\fa039";
}

.fi-asgs-betriebsareal:before {
  content: "\fa040";
}

.fi-asgs-schulungen:before {
  content: "\fa041";
}

.fi-asgs-evakuierung:before {
  content: "\fa042";
}

.fi-asgs-arbeitsmittel:before {
  content: "\fa043";
}

.fi-asgs-infrastruktur:before {
  content: "\fa044";
}

.fi-asgs-werkstatt:before {
  content: "\fa045";
}

.fi-asgs-kultur:before {
  content: "\fa046";
}

.fi-asgs-baustelle:before {
  content: "\fa047";
}

.fi-asgs-baustellenführung:before {
  content: "\fa048";
}

.fi-kies-1-01:before {
  content: "\fa04e";
}

.fi-kies-1-02:before {
  content: "\fa04f";
}

.fi-kies-1-03:before {
  content: "\fa051";
}

.fi-kies-1-04:before {
  content: "\fa052";
}

.fi-kies-1-05:before {
  content: "\fa053";
}

.fi-kies-2-01:before {
  content: "\fa054";
}

.fi-kies-2-02:before {
  content: "\fa055";
}

.fi-kies-2-03:before {
  content: "\fa056";
}

.fi-kies-2-04:before {
  content: "\fa057";
}

.fi-kies-2-05:before {
  content: "\fa058";
}

.fi-kies-2-06:before {
  content: "\fa059";
}

.fi-kies-2-07:before {
  content: "\fa05a";
}

.fi-kies-2-08:before {
  content: "\fa05b";
}

.fi-kies-2-09:before {
  content: "\fa05c";
}

.fi-kies-2-10:before {
  content: "\fa05d";
}

.fi-kies-2-11:before {
  content: "\fa05e";
}

.fi-kies-3-01:before {
  content: "\fa05f";
}

.fi-kies-3-02:before {
  content: "\fa061";
}

.fi-kies-3-03:before {
  content: "\fa062";
}

.fi-kies-3-04:before {
  content: "\fa063";
}

.fi-kies-3-05:before {
  content: "\fa064";
}

.fi-kies-3-06:before {
  content: "\fa065";
}

.fi-kies-3-07:before {
  content: "\fa066";
}

.fi-kies-3-08:before {
  content: "\fa067";
}

.fi-kies-3-09:before {
  content: "\fa068";
}

.fi-kies-3-10:before {
  content: "\fa069";
}

.fi-kies-3-11:before {
  content: "\fa06a";
}

.fi-kies-3-12:before {
  content: "\fa06b";
}

.fi-kies-3-13:before {
  content: "\fa06c";
}

.fi-kies-3-14:before {
  content: "\fa06d";
}

.fi-kies-3-15:before {
  content: "\fa06e";
}

.fi-kies-3-16:before {
  content: "\fa06f";
}

.fi-kies-4-01:before {
  content: "\fa070";
}

.fi-kies-4-02:before {
  content: "\fa071";
}

.fi-kies-4-03:before {
  content: "\fa072";
}

.fi-kies-4-04:before {
  content: "\fa073";
}

.fi-kies-4-05:before {
  content: "\fa074";
}

.fi-kies-4-06:before {
  content: "\fa075";
}

.fi-kies-4-07:before {
  content: "\fa076";
}

.fi-kies-4-08:before {
  content: "\fa077";
}

.fi-kies-4-09:before {
  content: "\fa078";
}

.fi-kies-4-10:before {
  content: "\fa079";
}

.fi-kies-4-11:before {
  content: "\fa07a";
}

.fi-kies-4-12:before {
  content: "\fa07b";
}

.fi-kies-4-13:before {
  content: "\fa07c";
}

.fi-kies-4-14:before {
  content: "\fa07d";
}

.fi-kies-4-15:before {
  content: "\fa07e";
}

.fi-kies-4-16:before {
  content: "\fa07f";
}

.fi-kies-5-01:before {
  content: "\fa080";
}

.fi-kies-5-02:before {
  content: "\fa081";
}

.fi-kies-5-03:before {
  content: "\fa082";
}

.fi-kies-5-04:before {
  content: "\fa083";
}

.fi-kies-5-05:before {
  content: "\fa084";
}

.fi-kies-5-06:before {
  content: "\fa085";
}

.fi-kies-6-01:before {
  content: "\fa086";
}

.fi-kies-6-02:before {
  content: "\fa087";
}

.fi-kies-6-03:before {
  content: "\fa088";
}

.fi-kies-6-04:before {
  content: "\fa089";
}

.fi-kies-6-05:before {
  content: "\fa08a";
}

.fi-kies-6-06:before {
  content: "\fa08b";
}

.fi-kies-6-07:before {
  content: "\fa08c";
}

.fi-kies-6-08:before {
  content: "\fa08d";
}

.fi-kies-7-01:before {
  content: "\fa08e";
}

.fi-kies-7-02:before {
  content: "\fa08f";
}

.fi-kies-7-03:before {
  content: "\fa090";
}

.fi-kies-7-04:before {
  content: "\fa091";
}

.fi-kies-7-05:before {
  content: "\fa092";
}

.fi-kies-7-06:before {
  content: "\fa093";
}

.fi-kies-7-07:before {
  content: "\fa094";
}

.fi-kies-7-08:before {
  content: "\fa095";
}

.fi-kies-7-09:before {
  content: "\fa096";
}

.fi-kies-7-10:before {
  content: "\fa097";
}

.fi-kies-7-11:before {
  content: "\fa098";
}

.fi-kies-7-12:before {
  content: "\fa099";
}

/******************************************************
 * Prozesframework Statusfarben
 ******************************************************/
/******************************************************
 * Prozessschritt-Navigation
 ******************************************************/
.pfw-pschritt-status-icon {
  width: 25px;
  height: 25px;
  margin: 0 0 0 5px;
  border: 2px solid;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
}

.pfw-pschritt-status-icon-klein {
  width: 15px;
  height: 15px;
  margin: 0 0 0 2px;
  border: 1px solid;
  border-radius: 3px;
  background-color: white;
}

.pfw-pschritt-status-unbekannt {
  color: #727272;
}

.pfw-pschritt-status-inaktiv {
  color: #bdbdbd;
}

.pfw-pschritt-status-aktiv {
  color: #ffcb00;
}

.pfw-pschritt-status-zurueckgewiesen {
  color: #ff3f3f;
}

.pfw-pschritt-status-verspaetet {
  color: #ff7600;
}

.pfw-pschritt-status-abgeschlossen {
  color: #00b300;
}

/******************************************************
 * Auswahlliste Rechts
 ******************************************************/
.pfw-rechts-filter-container {
  margin: 5px;
}

.pfw-rechts-infocontainer {
  display: flex;
  justify-content: space-between;
  margin: 5px 10px 10px 10px;
}
.pfw-rechts-infocontainer div:nth-child(2) {
  flex: 0 1 100px;
}
.pfw-rechts-infocontainer #modInsp-pschritt-rechts-infoBetrieb-sprache {
  display: flex;
}
.pfw-rechts-infocontainer #modInsp-pschritt-rechts-infoBetrieb-sprache span {
  margin-right: 4px;
}

.pfw-rechts-infocontainer-row {
  padding-right: 5px;
}

.pfw-rechts-infocontainer-col {
  padding-right: 5px;
  flex: 1 1 100px !important;
}

.pfw-rechts-infocontainer-title {
  font-weight: bold;
}

.pfw-rechts-infocontainer-text {
  margin-bottom: 0.45em;
}

.pfw-rechts-prozesscontainer {
  margin: 5px 10px 10px 10px;
}

/******************************************************
 * Tabelle Übersicht
 ******************************************************/
.pfw-uebersicht-main-filter-container {
  display: flex;
  justify-content: space-between;
  margin: 8px 5px 5px 5px;
}
.pfw-uebersicht-main-filter-container div > .dataTables_filter {
  margin-top: 0.8em;
}

.pfw-uebersicht-filter {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 7px;
}

.pfw-uebersicht-filter-elem {
  padding-right: 15px;
}
.pfw-uebersicht-filter-elem select {
  min-width: 80px;
}

.pfw-uebersicht-tbl-status-icon {
  border: 0 transparent;
  background-color: transparent;
  text-shadow: #737373 2px 2px 2px, black 0 0 2px;
  padding: 0 2px;
}

.pfw-uebersicht-tbl-status-icon:active {
  background-color: transparent;
}

th.pfw-uebersicht-tbl-column-pschritt {
  font-style: normal !important;
  font-size: 0.7em;
  padding-right: 7px !important;
  padding-left: 7px !important;
}

/******************************************************
 * pschritt Freigaben
 ******************************************************/
.pfw-freigaben-contentDiv {
  padding: 10px;
}

.pfw-freigaben-absatz {
  margin-top: 10px;
}

.pfw-freigaben-spacer {
  margin: 15px 0 25px 0;
  border: 0 solid rgb(188.3004484305, 187.6995515695, 187.6995515695);
  border-top-width: 1px;
}

.pfw-freigaben-btnGroup {
  display: flex;
}

.pfw-freigabe-btnGorup-nachinspektion {
  margin-left: 15px;
}

.pfw-freigaben-abschluss {
  display: flex;
}

.pfw-freigaben-abschluss-links {
  margin-right: auto;
  width: 100%;
}
.pfw-freigaben-abschluss-links textarea {
  font-size: 1em;
  resize: vertical;
  padding: 3px;
  height: 5em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pfw-freigaben-abschluss-rechts {
  margin-left: 10px;
  padding-bottom: 3px;
  width: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pfw-freigaben-status {
  font-style: italic;
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-end;
  padding: 4px;
  white-space: nowrap;
}

.pfw-freigabeStatus-freigegeben {
  background: #82cc82;
}

.pfw-freigabeStatus-zurueckgewiesen {
  background: #ef9797;
}

.pfw-freigaben-btnDiv {
  display: flex;
  justify-content: flex-end;
}

.pfw-freigabe-btn {
  overflow: hidden;
  flex: 1 1 130px;
  max-width: 130px;
  padding: 5px;
}

.pfw-freigabe-btn:not(:first-child) {
  margin-left: 5px;
}

.pfw-valError-entry {
  padding: 5px;
  background: white;
}

.pfw-valError-entry-material {
  padding: 5px;
  background: white;
}

.pfw-valError-entry-verfahren-subtitle {
  padding: 5px;
  padding-left: 20px;
  background: white;
  box-sizing: border-box;
  display: inline-block;
  width: 20%;
}

.pfw-valError-entry-verfahren {
  padding: 5px;
  padding-left: 20px;
  background: white;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}

.pfw-valError-entry-verfahren-short {
  padding: 5px;
  padding-left: 20px;
  background: white;
  box-sizing: border-box;
  display: inline-block;
  width: 80%;
}

.tooltip-verfahren {
  font-size: smaller;
  min-width: fit-content;
}

.pfw-valError-subtitle {
  padding: 5px;
  background: bisque;
}

.pfw-valOk-subtitle {
  padding: 5px;
  background: lightgreen;
}

.pfw-valError-hinweis {
  margin-bottom: 10px;
  font-weight: bold;
}

.pfw-valError-hinweis-egov {
  margin-bottom: 10px;
  font-weight: bold;
}

.pfw-valError-list {
  margin-bottom: 15px;
}

/*

 * Table styles

 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  /*

   * Header and footer styles

   */
  /*

   * Body styles

   */
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #2b6392;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting {
  background-image: url("../../lib/external/datatables/images/sort_both.png");
}

table.dataTable thead .sorting_asc {
  background-image: url("../../lib/external/datatables/images/sort_asc.png");
}

table.dataTable thead .sorting_desc {
  background-image: url("../../lib/external/datatables/images/sort_desc.png");
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url("../../lib/external/datatables/images/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url("../../lib/external/datatables/images/sort_desc_disabled.png");
}

table.dataTable tbody tr {
  background-color: #ffffff;
}

table.dataTable tbody tr.selected {
  background-color: #82dab2;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f1f1f1;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #82dab2;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #d2f1e3;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover td[colspan]:not([colspan="1"]) {
  background-color: #ffffff;
}

table.dataTable.display tbody tr td[colspan]:not([colspan="1"]) {
  padding: 0;
}

table.dataTable.display tbody td .iluUI-form-childContainer {
  border-radius: 0 0 3px 3px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: rgb(207, 207, 207);
  margin: 0 10px 15px 10px;
}

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #82dab2;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #82dab2;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #82dab2;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #82dab2;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #82dab2;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #82dab2;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f8f8f8;
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fbfbfb;
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #82dab2;
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #82dab2;
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #82dab2;
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #d2f1e3;
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #d2f1e3;
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #d2f1e3;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #82dab2;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #82dab2;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #82dab2;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #111111;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  padding: 5px;
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_filter {
  width: 100%;
  float: right;
  text-align: right;
  margin-top: 4px;
  margin-bottom: 7px;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #370a0b;
  background-color: #e67276;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e67276), color-stop(100%, #ac1e23));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e67276 0%, #ac1e23 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #e67276 0%, #ac1e23 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #e67276 0%, #ac1e23 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #e67276 0%, #ac1e23 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #e67276 0%, #ac1e23 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #ac1e23;
  background-color: #e67276;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e67276), color-stop(100%, #ac1e23));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e67276 0%, #ac1e23 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #e67276 0%, #ac1e23 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #e67276 0%, #ac1e23 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #e67276 0%, #ac1e23 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #e67276 0%, #ac1e23 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #d7262c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7262c), color-stop(100%, #a31c21));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d7262c 0%, #a31c21 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #d7262c 0%, #a31c21 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #d7262c 0%, #a31c21 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #d7262c 0%, #a31c21 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #d7262c 0%, #a31c21 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(218, 239, 255, 0)), color-stop(25%, rgba(218, 239, 255, 0.9)), color-stop(75%, rgba(218, 239, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(218, 239, 255, 0) 0%, rgba(218, 239, 255, 0.9) 25%, rgba(218, 239, 255, 0.9) 75%, rgba(218, 239, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(218, 239, 255, 0) 0%, rgba(218, 239, 255, 0.9) 25%, rgba(218, 239, 255, 0.9) 75%, rgba(218, 239, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(218, 239, 255, 0) 0%, rgba(218, 239, 255, 0.9) 25%, rgba(218, 239, 255, 0.9) 75%, rgba(218, 239, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(218, 239, 255, 0) 0%, rgba(218, 239, 255, 0.9) 25%, rgba(218, 239, 255, 0.9) 75%, rgba(218, 239, 255, 0) 100%);
  background: linear-gradient(to right, rgba(218, 239, 255, 0) 0%, rgba(218, 239, 255, 0.9) 25%, rgba(218, 239, 255, 0.9) 75%, rgba(218, 239, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  line-height: 0;
  display: block;
  zoom: 1;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-bottom: 12px;
  }
}
.dt-rowReorder-float {
  display: none;
}

/*
iluUI inspGen
 */
.iluUI-inspGen-toolbarInfo {
  margin-top: 3px;
}
.iluUI-inspGen-toolbarInfo .iluUI-inspGen-toolbarInfo-div {
  display: flex;
  justify-content: flex-end;
}
.iluUI-inspGen-toolbarInfo .iluUI-inspGen-toolbarInfo-value {
  width: 80px;
  text-align: right;
}

/* Container für Liste mit PKrits*/
.iluUI-inspGen-layout-liste .iluUI-inspGen-pkritListeItem {
  padding: 2px;
  display: flex;
  flex-direction: column;
}
.iluUI-inspGen-layout-liste .iluUI-inspGen-pkritListeItem .iluUI-inspGen-pkritListeDiv {
  padding: 2px;
  flex: 0 0 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.iluUI-inspGen-layout-liste .iluUI-inspGen-pkritListeItem .iluUI-inspGen-pkrit-RowDetail {
  font-size: 15pt;
  padding-left: 5px;
  padding-right: 5px;
  flex: 0 0 40px;
  vertical-align: middle;
}
.iluUI-inspGen-layout-liste .iluUI-inspGen-pkritListeItem .iluUI-inspGen-pkrit-icon {
  flex: 0 0 80px;
  vertical-align: middle;
  font-size: 26pt;
  box-sizing: border-box;
  width: 42px;
  height: auto;
  padding: 3px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
  border-width: 2px;
  border-radius: 3px;
}
.iluUI-inspGen-layout-liste .iluUI-inspGen-pkritListeItem .iluUI-inspGen-pkrit-icon.pkrit-child {
  font-size: 18px;
  width: 31px;
}
.iluUI-inspGen-layout-liste .iluUI-inspGen-pkritListeItem .iluUI-inspGen-pkrit-pkritData {
  display: flex;
  flex-direction: row;
  padding-right: 15px;
}

.iluUI-inspGen-pkritInfo {
  flex: 100 100 200px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.iluUI-inspGen-pkrit-KapitelDiv {
  display: flex;
  flex-direction: row;
}

.iluUI-inspGen-pkrit-hatFoto {
  margin-right: 10px;
}

.iluUI-inspGen-pkrit-hatManaAbgeschlossen {
  margin-right: 10px;
}

.iluUI-inspGen-pkrit-hatManaPendent {
  margin-right: 10px;
}

.iluUI-inspGen-pkrit-hatKiller {
  margin-right: 10px;
}

/*
CSS für Auflagen-Liste ( und WEM Teilflächen)
 */
.iluUI-inspGen-auflage-listeContainer .iluUI-inspGen-auflage-li:nth-of-type(odd) {
  background: #edf0ff;
  color: #000000 !important;
}
.iluUI-inspGen-auflage-listeContainer .iluUI-inspGen-auflage-li:nth-of-type(even) {
  background: #f5f6fa;
  color: #000000 !important;
}

.iluUI-inspGen-auflage-ListHeader {
  height: 30px;
  position: relative;
  padding: 0.5em 0em 0.5em 0em;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.3;
  border-radius: 3px;
  display: flex;
  background: lightgrey;
}

.iluUI-inspGen-auflage-ListItem {
  height: 30px;
  cursor: pointer;
  position: relative;
  padding: 0.5em 0em 0.5em 0em;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.3;
  border-radius: 3px;
  display: flex;
}

.iluUI-inspGen-auflage-info {
  flex: 100 100 200px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.iluUI-inspGen-auflage-info .iluUI-inspGen-auflage-RowDetail {
  font-size: 15pt;
  padding-left: 5px;
  padding-right: 5px;
  margin: 2px 6px 2px 6px;
  flex: 0 0 auto;
  vertical-align: middle;
}
.iluUI-inspGen-auflage-info .iluUI-inspGen-auflage-icon {
  vertical-align: middle;
  font-size: 15pt;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  padding: 3px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
  margin: 2px 6px 2px 2px;
  border-width: 2px;
  border-radius: 3px;
  flex: 0 0 auto;
}
.iluUI-inspGen-auflage-info .iluUI-inspGen-auflage-icon.pkrit-child {
  font-size: 18px;
  width: 32px;
}
.iluUI-inspGen-auflage-info .iluUI-inspGen-auflage-KapitelDiv {
  display: flex;
  flex-direction: row;
  flex: 10 10 250px;
}
.iluUI-inspGen-auflage-info .iluUI-inspGen-auflage-KapitelDiv .iluUI-inspGen-auflage-kapitelNr {
  padding-left: 5px;
  padding-right: 5px;
  flex: 0 0 100px;
  vertical-align: middle;
}
.iluUI-inspGen-auflage-info .iluUI-inspGen-auflage-KapitelDiv .iluUI-inspGen-auflage-kapitelTitel {
  padding-left: 5px;
  padding-right: 5px;
  flex: 10 10 200px;
  vertical-align: middle;
}

.iluUI-inspGen-auflage-letzteBewertung {
  flex: 10 10 150px;
  display: flex;
  flex-direction: row;
  padding-left: 5px;
  padding-right: 5px;
  align-items: center;
}
.iluUI-inspGen-auflage-letzteBewertung .iluUI-inspGen-auflage-letzteBewertung-button {
  border: 0 transparent;
  background-color: transparent;
  text-shadow: #737373 2px 2px 2px, black 0 0 2px;
  padding: 0 2px;
}
.iluUI-inspGen-auflage-letzteBewertung .iluUI-inspGen-auflage-letzteBewertung-gruen {
  color: #31b131;
}
.iluUI-inspGen-auflage-letzteBewertung .iluUI-inspGen-auflage-letzteBewertung-gelb {
  color: #ffd700;
}
.iluUI-inspGen-auflage-letzteBewertung .iluUI-inspGen-auflage-letzteBewertung-rot {
  color: #ff2b1d;
}
.iluUI-inspGen-auflage-letzteBewertung .iluUI-inspGen-auflage-letzteBewertung-grau {
  color: lightgrey;
}
.iluUI-inspGen-auflage-letzteBewertung .iluUI-inspGen-auflage-letzteBewertungDatum {
  padding-left: 20px;
  padding-right: 5px;
  vertical-align: middle;
}

.iluUI-inspGen-auflage-auflageData {
  padding-left: 0px;
  padding-right: 10px;
  flex: 0 0 130px;
  vertical-align: middle;
  text-align: right;
}
.iluUI-inspGen-auflage-auflageData .iluUI-inspGen-auflage-nachbearbeitung {
  color: dimgrey;
  border: 2px solid dimgrey;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  border-radius: 4px;
  background-color: white;
  flex: 0 0 30px;
}
.iluUI-inspGen-auflage-auflageData .iluUI-inspGen-auflage-nachbearbeitung.down {
  color: #c51891 !important;
  border: 2px dashed #c51891 !important;
}
.iluUI-inspGen-auflage-auflageData .iluUI-inspGen-auflage-relevantButton {
  color: dimgrey;
  border: 2px solid dimgrey;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  border-radius: 4px;
  background-color: white;
  flex: 0 0 30px;
}
.iluUI-inspGen-auflage-auflageData .iluUI-inspGen-auflage-relevantButton.down {
  color: lightgrey !important;
}
.iluUI-inspGen-auflage-auflageData .iluUI-inspGen-auflage-hatFoto {
  margin-right: 10px;
}

.iluUI-inspGen-oekoTabelle-hatProblem {
  border-color: transparent;
  background-color: transparent;
}

.iluUI-inspGen-pkrit-nachbearbeitung {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  border: 2px solid;
  border-radius: 4px;
  background-color: white;
}

/***************************************
  Prüfkriterium
 ***************************************/
.iluUI-inspGen-pkrit-gruen {
  color: #31b131;
  border: 2px solid #31b131;
}

.iluUI-inspGen-pkrit-gelb {
  color: #ffd700;
  border: 2px solid #ffd700;
}

.iluUI-inspGen-pkrit-rot {
  color: #ff2b1d;
  border: 2px solid #ff2b1d;
}

.iluUI-inspGen-pkrit-grau {
  color: dimgrey;
  border: 2px solid dimgrey;
}

.iluUI-inspGen-pkrit-blau {
  color: #3573c1;
  border: 2px solid #3573c1;
}

.iluUI-inspGen-pkrit-nachbearbeitung {
  color: dimgrey;
  border: 2px solid dimgrey;
}
.iluUI-inspGen-pkrit-nachbearbeitung.down {
  color: #c51891 !important;
  border: 2px dashed #c51891 !important;
}

/* Container für Liste mit PKrits*/
.iluUI-inspGen-PunkteDetailItem {
  padding: 0 5px 5px 5px;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
}

.iluUI-inspGen-PunkteListItem {
  padding: 2px;
  display: flex;
  flex-direction: column;
}
.iluUI-inspGen-PunkteListItem .iluUI-inspGen-punkteListeDiv {
  padding: 2px;
  flex: 0 0 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.iluUI-inspGen-PunkteListItem .iluUI-inspGen-punkte-RowDetail {
  font-size: 15pt;
  flex: 0 0 20px;
  vertical-align: middle;
}
.iluUI-inspGen-PunkteListItem .iluUI-inspGen-punkte-icon {
  flex: 0 0 40px;
  vertical-align: middle;
  box-sizing: border-box;
  width: 42px;
  height: auto;
  padding: 3px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
  border-width: 2px;
  border-radius: 3px;
}
.iluUI-inspGen-PunkteListItem .iluUI-inspGen-punkte-iconSpace {
  flex: 0 0 40px;
  vertical-align: middle;
  width: 42px;
  height: auto;
  padding: 3px;
}
.iluUI-inspGen-PunkteListItem .iluUI-inspGen-punkte-InspektionDiv {
  display: flex;
  flex-direction: row;
  flex: 0 0 450px;
  padding-left: 5px;
}
.iluUI-inspGen-PunkteListItem .iluUI-inspGen-punkteInfo {
  display: flex;
  flex-direction: row;
  text-align: center;
  line-height: 25px;
  padding: 0px 0px 5px 0px;
}
.iluUI-inspGen-PunkteListItem .iluUI-inspGen-punkte-bewertungDiv {
  display: flex;
  flex-direction: row;
  flex: 0 0 250px;
}
.iluUI-inspGen-PunkteListItem .iluUI-inspGen-punkte-punkteProzess {
  flex: 0 0 150px;
}
.iluUI-inspGen-PunkteListItem .iluUI-inspGen-punkte-killerProzess {
  flex: 0 0 50px;
}
.iluUI-inspGen-punkteSammelDiv {
  padding: 5px;
}

.iluUI-inspGen-punkte-typHeader {
  flex: 0 0 45px;
  text-align: left;
}

.iluUI-inspGen-punkte-standortHeader {
  flex: 0 0 300px;
  text-align: left;
}

.iluUI-inspGen-punkte-standortTitel {
  flex: 0 0 300px;
  text-align: left;
}

.iluUI-inspGen-punkte-summaryTitel {
  font-weight: bold;
}

.iluUI-inspGen-punkte-inspektionsdatum {
  flex: 0 0 150px;
}

.inspGen-punktestand-tbl {
  border-collapse: collapse;
  margin-left: 45px;
}
.inspGen-punktestand-tbl th {
  text-align: left;
  border-bottom: 1px solid #2b6392;
  min-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inspGen-punktestand-tbl th, .inspGen-punktestand-tbl td {
  padding: 8px 10px;
  box-sizing: border-box;
}
.inspGen-punktestand-tbl th.aktuellerProzess, .inspGen-punktestand-tbl td.aktuellerProzess {
  background: #d2f1e3;
}
.inspGen-punktestand-tbl tbody tr:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}
.inspGen-punktestand-tbl .kapitel {
  min-width: 500px;
}
.iluUI-inspGen-beobachtung-bewertung {
  padding: 20px;
}

.iluUI-inspGen-beobachtung-listContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 333px));
  grid-gap: 10px;
  padding: 5px 0;
  /* display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;*/
}

.iluUI-inspGen-beobachtung-navigaton-toolbar {
  padding: 15px 5px 5px 5px;
}

.iluUI-inspGen-beobachtung-kachel {
  max-width: 350px;
  max-height: 350px;
  border-width: 2px;
  border-style: solid;
  background: #3573c1;
  border-color: #3573c1;
}
.iluUI-inspGen-beobachtung-kachel.gruen {
  background: #31b131;
  border-color: #31b131;
}
.iluUI-inspGen-beobachtung-kachel.gelb {
  background: #ffcf00;
  border-color: #ffcf00;
}
.iluUI-inspGen-beobachtung-kachel.rot {
  background: red;
  border-color: red;
}
.iluUI-inspGen-beobachtung-kachel.grau {
  background: lightgrey;
  border-color: lightgrey;
}

.iluUI-inspGen-beobachtung-add-icon {
  padding: 30px;
  width: 60px;
}

.iluUI-inspGen-beobachtung-leftDiv {
  width: 60%;
}

.iluUI-inspGen-beobachtung-rightDiv {
  width: 40%;
}

.iluUI-inspGen-bemerkung-textarea {
  min-width: 50%;
  max-width: 80%;
  resize: both;
}

.iluUI-inspGen-massnahme-bewertung {
  padding: 20px;
}

.iluUI-inspGen-massnahme-listContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 333px));
  grid-gap: 10px;
  padding: 5px 0;
  /* display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;*/
}

.iluUI-inspGen-massnahme-navigaton-toolbar {
  padding: 15px 5px 5px 5px;
}

.iluUI-inspGen-massnahme-kachel {
  max-width: 350px;
  max-height: 350px;
  padding: 3px;
  background: #3573c1;
}
.iluUI-inspGen-massnahme-kachel.gruen {
  background: #31b131;
}
.iluUI-inspGen-massnahme-kachel.gelb {
  background: #ffcf00;
}
.iluUI-inspGen-massnahme-kachel.rot {
  background: red;
}
.iluUI-inspGen-massnahme-kachel.grau {
  background: lightgrey;
}

.iluUI-inspGen-massnahme-add-icon {
  padding: 30px;
  width: 60px;
}

.iluUI-inspGen-massnahme-dialog, .iluUI-inspGen-beobachtung-dialog {
  overflow: auto;
  min-height: 200px;
}

.iluUI-inspGen-massnahme-leftDiv {
  width: 60%;
}

.iluUI-inspGen-massnahme-rightDiv {
  width: 40%;
}

.iluUI-inspGen-manaFrist {
  margin-right: auto;
}
.iluUI-inspGen-manaFrist div {
  margin-right: 15px;
}
.iluUI-inspGen-manaFrist input {
  width: 100px;
}

.iluUI-inspGen-tabDelete {
  margin-left: 15px;
  align-self: center;
}
.iluUI-inspGen-tabDelete button {
  height: 27px;
}
.iluUI-inspGen-tabDelete.alignRight {
  margin-left: auto;
  margin-right: 10px;
}

textarea.iluUI-inspGen-textarea {
  font-size: 1em;
  padding: 3px;
  min-width: 0;
  min-height: 2em;
  width: 100%;
  overflow: auto;
  resize: vertical;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.iluUI-inspGen-kachel-text-container {
  display: grid;
  width: 100%;
  height: 20%;
  align-content: end;
}

.iluUI-inspGen-kachel-text-textarea {
  resize: none !important;
}

.iluUI-inspGen-fotoPreview-container {
  width: 100%;
  height: 80%;
}

.iluUI-inspGen-fotoPreview-img {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iluUI-inspGen-tblForm-foto-img {
  max-width: 100%;
  max-height: 100%;
}

.iluUI-query-abfrageContainer {
  padding: 0.5em;
}

.iluUI-query-abfrageSelektion {
  padding-top: 1em;
}

.iluUI-query-singleAbfrageContainer {
  border-bottom: 1px solid grey;
}

.iluUI-query-abfrageBeschreibung {
  display: block;
  padding-top: 1em;
}

.iluUI-query-titelBeschreibungContainer {
  display: table;
  padding-right: 2em;
  width: 100%;
}

.iluUI-query-abfrageBeschreibung p {
  font-style: italic;
}

.iluUI-query-parameterContainer {
  padding-top: 1em;
}

.iluUI-query-singleParameterContainer {
  display: table;
  width: 50%;
}

.iluUI-query-buttonContainer {
  padding-top: 1em;
}

.iluUI-query-singleButtonContainer {
  display: table;
  width: 20%;
  align-self: end;
}

.iluUI-query-buttonContainer button {
  flex: 1 1 130px;
  padding: 5px;
}

.infonetz-header-benutzerInfo-container {
  position: relative;
  z-index: 900;
}

.infonetz-header-benutzerInfo-headerContainer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 5px;
}
.infonetz-header-benutzerInfo-headerContainer .infonetz-header-login-info-label {
  font-weight: bold;
  color: #2b6392;
}
.infonetz-header-benutzerInfo-headerContainer .infonetz-header-userInfoContainer-buttonContainer {
  padding: 5px;
  display: flex;
  align-items: center;
}
.infonetz-header-benutzerInfo-headerContainer .infonetz-header-userInfoContainer-buttonContainer button {
  align-items: center;
  width: 40px;
  height: 40px;
  background: none;
  color: #706F6F;
  border: none;
  cursor: pointer;
}

.userInfoContainer-overlay {
  z-index: 880;
}

.border-header {
  margin: -1px;
  margin-bottom: 0;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #888888;
  border-radius: 3px 3px 0 0;
}

.infonetz-header-benutzerInfo-toggleContainer {
  position: fixed;
  background-color: #ffffff;
  width: -webkit-fill-available;
  margin: -1px;
  margin-right: 4px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #888888;
  border-radius: 0 0 3px 3px;
}

.infonetz-header-benutzerInfo-toggleContentContainer {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  padding: 10px;
}

.infonetz-header-userInfoContainer-benutzerRolleInfo-container {
  display: flex;
  align-items: center;
}
.infonetz-header-userInfoContainer-benutzerRolleInfo-container div {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 5px;
}
.infonetz-header-userInfoContainer-benutzerRolleInfo-container div span {
  padding-right: 5px;
}
.infonetz-header-userInfoContainer-benutzerRolleInfo-container div .infonetz-header-login-info-label {
  flex-grow: 1;
}
.infonetz-header-userInfoContainer-benutzerRolleInfo-container div .infonetz-header-login-info-wert {
  flex-grow: 2;
}

.infonetz-header-userInfoContainer-benutzerDetailContainer {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.infonetz-header-userInfoContainer-functionLinksContainer div {
  padding-bottom: 5px;
}
.infonetz-header-userInfoContainer-functionLinksContainer div a {
  text-decoration: underline;
}

.infonetz-header-benutzerInfo-toggleFooter {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.infonetz-header-benutzerInfo-toggleFooter .infonetz-header-userInfoContainer-spracheAendern a {
  padding-left: 5px;
  text-decoration: underline;
}

.iluUI-query-abfrageContainer {
  padding: 0.5em;
}

.iluUI-query-abfrageSelektion {
  padding-top: 1em;
}

.iluUI-query-singleAbfrageContainer {
  border-bottom: 1px solid grey;
}

.iluUI-query-abfrageBeschreibung {
  display: block;
  padding-top: 1em;
}

.iluUI-query-titelBeschreibungContainer {
  display: table;
  padding-right: 2em;
  width: 100%;
}

.iluUI-query-abfrageBeschreibung p {
  font-style: italic;
}

.iluUI-query-parameterContainer {
  padding-top: 1em;
}

.iluUI-query-singleParameterContainer {
  display: table;
  width: 50%;
}

.iluUI-query-buttonContainer {
  padding-top: 1em;
}

.iluUI-query-singleButtonContainer {
  display: table;
  width: 20%;
  align-self: end;
}

.iluUI-query-buttonContainer button {
  flex: 1 1 130px;
  padding: 5px;
}

.modAdmin-Standorte-hv {
  font-weight: bold;
}

.standortPerson {
  border: 1px solid #616161;
}

.standortPerson.iluUI-form-style-readonly {
  border: 1px solid #E4E4E4 !important;
}

.standortPerson:disabled {
  border: 1px solid #E4E4E4 !important;
}

.rowDeleted {
  background-color: lightcoral !important;
}

.rowNew {
  background-color: lightgreen !important;
}

.modAdmin-standort-benutzer-editButton {
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.modAdmin-accordion-subcontainer-table-maxheight {
  max-height: 300px;
}

/*
Submodul Benutzer
 */
.modAdmin-dialog-hinweisDiv {
  padding: 10px 10px 20px;
  font-weight: bold;
}

.modAdmin-benutzer-tabelle-icon, .modAdmin-kunde-tabelle-icon, .modAdmin-projekt-tabelle-icon {
  width: 25px;
  height: 25px;
  margin: 0 0 0 5px;
  border: 2px solid;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
  cursor: pointer;
}

.modAdmin-benutzer-gruen, .modAdmin-projekt-gruen {
  color: #5CB85C;
}

.modAdmin-benutzer-gelb {
  color: #ffa500;
}

.modAdmin-benutzer-rot, .modAdmin-projekt-rot {
  color: #bd161b;
}

.modAdmin-benutzer-grau {
  color: #aaaaaa;
}

.modAdmin-benutzer-schwarz {
  color: #333333;
}

.modAdmin-benutzer-projekte {
  min-height: 200px;
}

.modAdmin-benutzer-projektdiv {
  display: flex;
  padding: 8px;
  margin: 10px 3px 10px 3px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.modAdmin-benutzer-projektdiv-checkbox {
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  flex: 10 1 20px;
}

.modAdmin-benutzer-projektdiv-kunde {
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  flex: 10 10 80px;
}

.modAdmin-benutzer-projektdiv-projekt {
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  flex: 10 10 80px;
}

.modAdmin-benutzer-projektdiv-startmodul {
  padding-left: 5px;
  padding-right: 5px;
  flex: 10 1 80px;
}

.modAdmin-benutzer-projektdiv-rollen {
  padding-left: 5px;
  padding-right: 5px;
  flex: 10 10 150px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.modAdmin-benutzer-projektdiv-rolle {
  height: 16px;
  padding: 2px;
  margin: 1px 3px 1px 3px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

/*
Submodul Projekt
 */
#modAdmin-projekt-editProjekt-projektModulDaten-fieldsetTable {
  height: 400px;
}

#modAdmin-projekt-editProjekt-projektModulDaten-fieldsetTable-table td.center {
  text-align: center;
}

.modAdmin-projekt-editProjekt-projektModulDaten-fieldsetTable-table-reihenfolgeTextarea {
  resize: none;
  width: 25px;
}

/*
Submodul Uebersetzung
 */
.modAdmin-uebersetzung-tabelle-inline-textarea {
  height: 14px;
  width: 100%;
  padding: 2px;
  resize: none;
}

.modAdmin-uebersetzung-filter-elem {
  float: left;
  padding-right: 10px;
}

.modAdmin-uebersetzung-tabelle-inlineHeader-statistics-complete {
  font-weight: normal;
  font-style: italic;
  color: #5CB85C;
}

.modAdmin-uebersetzung-tabelle-inlineHeader-statistics-missing {
  font-weight: normal;
  font-style: italic;
  color: #e28186;
}

.modAdmin-uebersetzung-filter-jstree-container {
  padding: 10px;
  max-height: 360px;
  overflow-y: auto;
}

.modAbfAusw-Auswertung-ListeBerichte {
  margin: 5px;
}

/******************************************************
 * Submodul Projektpartner
 ******************************************************/
/* Firma & Kontakt sollen normal bleiben */
.iluUI-form-box-small {
  flex: 1 1 30%;
  min-height: 150px; /* Standardhöhe */
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  background-color: #f9f9f9;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

/* Bewertungen soll doppelt so hoch sein */
.iluUI-form-box-large {
  flex: 2 1 60%;
  min-height: 230px; /* Doppelte Höhe */
  height: 100%;
  align-self: stretch;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  background-color: #f9f9f9;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

/* Mittlere Bewertung als Stern */
#modAkq-projektpartner-edit-oben-rechts {
  position: relative;
}

.star-container {
  position: absolute;
  right: 100px; /* Abstand von rechts */
  top: 30%; /* Vertikal mittig */
  transform: translateY(-50%); /* Perfekte Zentrierung */
  font-size: 50px; /* Größe des Sterns */
  color: gold; /* Farbe des Sterns */
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 5px;
}

.star {
  font-size: 120px; /* Größe des Sterns */
  text-shadow: -3px -3px 0 black, 3px -3px 0 black, -3px 3px 0 black, 3px 3px 0 black; /* Schwarzer Rand */
}

.rating {
  position: relative;
  font-size: 30px; /* Größe der Zahl in der Mitte */
  color: black; /* Farbe der Bewertung */
  font-weight: bold;
  text-align: center;
}

.no-border akq {
  align-items: center; /* Alle Elemente in einer Zeile ausrichten */
  gap: 10px; /* Abstand zwischen den Inputs */
  width: 30px !important; /* Kleinere Breite */
  height: 25px; /* Kleinere Höhe */
  padding: 5px;
}

.no-border akq input {
  border: none !important;
  background: transparent !important;
  font-size: 16px; /* Kleinere Schriftgröße */
  color: black;
  outline: none;
  text-align: center;
  width: 30px; /* Kleinere Breite */
  height: 25px; /* Kleinere Höhe */
  padding: 5px;
  box-shadow: none !important;
}

#undefined-Dlg-auswahl-schlagwort-dialog {
  z-index: 1000 !important;
}

/* Kontrolle & Visum */
.bk_buttonGeprueft {
  background-color: #fdcb09;
}

.bk_buttonGreen {
  background-color: #28a745;
  color: white;
}

.bk_buttonRed {
  background-color: #dc3545;
  color: white;
}

.bk_buttonGrey {
  background-color: #6c757d;
  color: white;
}

.bk_buttonGeprueft {
  background-color: #007bff;
  color: white;
}

.c_iconEdit {
  color: #fdcb09;
}

.c_iconOk {
  color: #00b210;
}

.c_iconCheck {
  background-color: green;
  color: green;
  border-radius: 5px;
}

.c_iconClose {
  background-color: red;
  color: red;
  border-radius: 5px;
}

/* Container für das Icon und den Text */
.kontrolle-container {
  margin-top: 10px;
}

.horizontal-container {
  display: flex;
  gap: 10px;
}

.btn-green {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s;
}
.btn-green:hover {
  background-color: #45a049;
}

.btn-red {
  background-color: #D9534F;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s;
}
.btn-red:hover {
  background-color: #c9302c;
}

/* Icon-Stil */
.kontrolle-icon {
  font-size: 30px; /* Größe des Icons */
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-width: 0px;
  display: inline-block;
}

/* Text-Stil */
.kontrolle-text {
  font-style: italic; /* Kursiver Text */
  font-weight: 300; /* Dünner Text */
  margin-left: 10px; /* Abstand zwischen Icon und Text */
}

.modAkq-style-max-button-height {
  max-height: 38px;
}

/******************************************************
 * Submodul Referenzen
 ******************************************************/
.modAkq-uebersicht-filter-elem {
  padding-right: 5px;
  margin: 0 10px 6px 13px;
}

.iluUI-multiselect-container {
  position: relative;
  display: inline-block; /* So passt sich die Breite an den Inhalt an */
  min-width: 230px; /* Optional: Untergrenze */
  max-width: 350px; /* Optional: Sicherheit gegen Überschuss */
  width: auto; /* Wichtig: Kein fixer Wert */
  box-sizing: border-box;
}

#modAkq-referenzen-main-filterContent {
  padding-top: 20px;
  padding-bottom: 10px;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  color: #2f2f2f;
  width: 95%;
}

#modAkq-referenzen-main-filterContent,
#modAkq-referenzen-main-filterContent * {
  text-align: left !important;
}

#modAkq-referenzen-filterContainer {
  display: flex;
}

.iluUI-multiselect-selected {
  border: 1px solid #acacac;
  border-radius: 5px;
  padding: 5px;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.iluUI-multiselect-selected .iluUI-items-wrapper {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
}

.iluUI-items-wrapper {
  color: #ccc;
}

.iluUI-multiselect-selected .iluUI-selected-item {
  display: inline-block;
  background: #4382b2;
  color: #fff;
  padding: 3px 8px;
  border-radius: 3px;
  margin: 2px 4px 2px 0;
  font-size: 13px;
}

.iluUI-clear-all {
  flex-shrink: 0;
  background: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
  margin-left: 10px;
  color: #888;
  align-self: center;
  min-width: 24px;
  text-align: center;
}

.iluUI-clear-all:hover {
  color: #000;
}

.iluUI-multiselect-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #acacac;
  border-radius: 5px;
  max-height: 250px;
  display: none;
  z-index: 10;
  min-width: 100%; /* Damit Dropdown mindestens so breit ist wie selected-box */
  box-sizing: border-box;
  white-space: normal;
  max-height: 250px;
  display: none;
  flex-direction: column;
}

.iluUI-multiselect-dropdown.open {
  display: flex;
}

.iluUI-multiselect-option {
  padding: 8px;
  cursor: pointer;
  box-sizing: border-box;
}

.iluUI-multiselect-option:hover {
  background-color: #f0f0f0;
}

.iluUI-multiselect-option.selected {
  background-color: #4382b2;
  color: white;
  border: 2px solid white;
  border-radius: 8px;
}

.iluUI-search-box {
  padding: 8px;
  border-bottom: 1px solid #acacac;
  background-color: #fff; /* wichtig für festen Hintergrund */
  flex-shrink: 0;
}

.iluUI-search-box input {
  margin-left: inherit !important;
}

.iluUI-search-box input {
  width: 100%;
  padding: 6px;
  box-sizing: border-box;
}

.iluUI-multiselect-grid {
  display: grid;
  overflow-y: auto;
  max-height: 200px;
}

.iluUI-multiselect-option {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.iluUI-multiselect-checkbox {
  margin: 0;
  cursor: pointer;
}

.iluUI-datatable-fulltext-search {
  border: 1px solid #acacac;
  border-radius: 5px;
  padding: 5px;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: 0px !important;
  padding: 10px 4px;
}

.iluUI-datatable-fulltext-search::placeholder {
  color: #cccccc;
}

.modAkq-filter-btn {
  margin: 5px;
  background-color: transparent;
  color: dimgrey;
  border: none;
  cursor: pointer;
}

.modAkq-filter-btn:hover {
  color: #373737;
}

.modAkq-filter-down {
  color: #4483b3;
}

.modAkq-subreferenz-tabelle-icon {
  width: 25px;
  height: 25px;
  margin: 0 0 0 5px;
  border: 2px solid;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
  cursor: pointer;
}

.modAkq-projekte-tabelle-icon {
  width: 25px;
  height: 25px;
  margin: 0 0 0 9px;
  border: none;
  background-color: transparent;
}

.iluUI-rangefilter-container {
  border: 1px solid #ccc;
  padding: 6px;
  margin-top: 10px;
  border-radius: 4px;
  max-width: 300px;
}

.iluUI-rangefilter-label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.iluUI-rangefilter-inputs {
  display: flex;
  gap: 5px;
  margin-bottom: 5px;
}

.iluUI-clear-range {
  background: transparent;
  border: none;
  color: red;
  font-size: 18px;
  cursor: pointer;
}

.iluUI-rangeslider-container {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: 320px;
  margin-top: 10px;
  position: relative;
}

.iluUI-rangeslider-label {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}

.iluUI-rangeslider-values {
  margin-top: 5px;
  text-align: center;
  font-size: 14px;
}

.iluUI-dual-slider-wrapper {
  position: relative;
  height: 40px;
}

.iluUI-dual-slider-wrapper input[type=range] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
  background: transparent;
  -webkit-appearance: none;
}

.iluUI-dual-slider-wrapper input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #007bff;
  border: 2px solid white;
  cursor: pointer;
  z-index: 2;
}

.iluUI-dual-slider-wrapper input[type=range]::-webkit-slider-runnable-track {
  height: 4px;
  background: #ddd;
  border-radius: 2px;
}

.modAkq-rightPanel-iconContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.iluUI-switchButton {
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  color: #333;
  padding: 8px 16px;
  font-size: 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  margin: 0;
}

.iluUI-switchButton:hover {
  background-color: #e6e6e6;
}

.iluUI-switchButton:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.iluUI-switchButton:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.iluUI-switchButton:not(:last-child) {
  border-right: none;
}

.iluUI-switchButton.active {
  background-color: #007acc;
  color: white;
  border-color: #007acc;
  z-index: 1;
  position: relative;
}

.modAkq-Referenz-Infozeile-Div {
  margin-top: 10px;
  display: flex;
  gap: 15px;
  align-items: center;
}

.modAkq-Referenz-Typ-Div {
  padding: 5px;
  background-color: #0079ca;
  border-radius: 4px;
  font-size: 0.8em;
  color: ghostwhite;
}

.modAkq-Referenz-Zweck-Div {
  font-size: 1.1em;
  font-weight: bold;
  color: #373636;
}

.modAkq-Referenz-Zusammenfassung-Titel-Div {
  color: #373636;
  font-weight: bold;
}

.modAkq-Referenz-Zusammenfassung-Div {
  margin: 5px 0px;
  padding: 10px;
  border-radius: 10px;
  color: #373636;
}

.modAkq-list-item-kachel {
  display: inline-block;
  background: #afafaf;
  color: #fff;
  padding: 3px 8px;
  border-radius: 3px;
  margin: 2px 4px 2px 0;
  font-size: 10px;
}

.modAkq-leftPanel-iconContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
}

.modAkq-onlyIcon {
  border: none;
  background-color: transparent;
}

.iluUI-sliderbox-container {
  width: 220px;
  background: #fff;
  padding: 0px 5px;
  border: 1px solid #acacac;
  border-radius: 5px;
}

.iluUI-sliderbox-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}

.iluUI-sliderbox-year-label {
  width: 30px;
  text-align: center;
}

#modAkq-referenzen-main-filterContent .iluUI-sliderbox-year-label {
  text-align: center !important;
}

.iluUI-sliderbox-slider {
  position: relative;
  flex-grow: 1;
  height: 40px;
}

.iluUI-sliderbox-slider input[type=range] {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  top: 16px;
  background: transparent;
  z-index: 3;
  margin: 0;
  padding: 0;
}

.iluUI-sliderbox-slider input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 3;
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  background: #4382b2;
  border-radius: 50%;
  cursor: pointer;
}

.iluUI-sliderbox-slider input[type=range]::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 3;
  height: 20px;
  width: 20px;
  background: #4382b2;
  border-radius: 50%;
  cursor: pointer;
}

.iluUI-sliderbox-background {
  position: absolute;
  top: 18px;
  left: 0;
  height: 4px;
  width: 100%;
  background: #ccc;
  border-radius: 4px;
  z-index: 1;
}

.iluUI-sliderbox-track {
  position: absolute;
  height: 4px;
  background: #4382b2;
  top: 18px;
  z-index: 2;
  border-radius: 4px;
}

.modAkq-reportContainer-right-dialog-div {
  width: 38%;
  position: absolute;
  top: 55px;
  right: 25px;
  height: 600px;
}

.modAkq-reportContainer-right-dialog {
  height: 100%;
  border: 5px solid #6f6e6e;
  border-radius: 4px;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
}

#modAkq-referenzen-edit-main-div {
  height: 675px;
}

#modAkq-referenzen-edit-main-accordion {
  width: 60%;
}

.modAkq-referenzen-btnDiv {
  position: absolute;
  bottom: 15px;
  right: 20px;
  gap: 175px;
}

#Akq-undefined-main-dlgEditReferenzen-button-save, #Akq-undefined-main-dlgEditReferenzen-button-close {
  height: 100%;
}

/******************************************************
 * Submodul Begehungsnotizen
 *
 ******************************************************/
.iluUI-inspGen-begehungsnotiz-component {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  margin: 12px;
  background-color: #fafafa;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
body.mobile-mode .iluUI-inspGen-begehungsnotiz-component {
  padding-left: 4px !important;
  padding-right: 4px !important;
  margin-left: 7px !important;
  margin-right: 7px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  background-color: #e1e1e4;
}

.iluUI-form-div-preview img {
  height: 250px !important;
  max-width: 100%;
}

.iluUI-begehungsnotiz-button {
  color: #3a3c41 !important;
}

.iluUI-begehungsnotiz-button:hover {
  color: #fdfdfd !important;
}

.iluUI-no-border {
  border: none !important;
}

.iluUI-begehungsnotiz-itembuttondiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 2px;
}

.iluUI-inspGen-begehungsnotiz-listContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 330px));
  grid-gap: 5px;
  padding: 5px 0;
  justify-content: space-around;
}

.iluUI-inspGen-begehungsnotiz-kachel {
  max-width: 350px;
  height: 250px;
  border-width: 2px;
  border-style: solid;
  background: #bcbcbc;
  border-color: #bcbcbc;
  position: relative;
  cursor: pointer;
}

.iluUI-inspGen-begehungsnotiz-kachel:hover {
  border-color: #3572bf;
}

.iluUI-inspGen-begehungsnotizPreview-container {
  width: 100%;
  height: 80%;
}

.iluUI-inspGen-begehungsnotizPreview-img {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: nesw-resize;
}

.iluUI-fotoAufnahmeDialog {
  z-index: 9999;
}

.iluUI-video-window-size {
  width: 640px; /* gewünschte Breite */
  height: 480px; /* gewünschte Höhe */
  object-fit: cover; /* sorgt dafür, dass das Video skaliert und beschnitten wird, falls nötig */
  border-radius: 4px; /* optional: abgerundete Ecken */
}

.iluUI-form-box-flex-3 {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 16px;
  margin: 12px;
  background-color: #f9f9f9;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
body.mobile-mode .iluUI-form-box-flex-3 {
  padding: 4px !important;
  margin: 4px !important;
}

#modInspGen-begehungsnotizen-edit-foto-itemdiv .iluUI-form-div-preview img {
  height: 250px !important;
  max-width: 100%;
}

.iluUI-inspGen-begehungsnotiz-edit-button .iluUI-inspGen-begehungsnotiz-edit {
  cursor: pointer !important;
  background-color: transparent;
  border: none;
  color: #9c9c9c;
}

.iluUI-inspGen-begehungsnotiz-edit-button:hover .iluUI-inspGen-begehungsnotiz-edit {
  color: #3572bf;
}

.iluUI-inspGen-begehungsnotiz-delete-button:hover .iluUI-inspGen-begehungsnotiz-delete {
  color: #3572bf;
}

.iluUI-inspGen-left-container, .iluUI-inspGen-mid-container, .iluUI-inspGen-right-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  color: #333333;
}

.iluUI-inspGen-begehungsnotiz-kapitelNr {
  font-weight: bold;
  color: #3572bf;
}

.iluUI-audio-main-div {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.iluUI-inlineButton-lg {
  height: 30px;
  width: 30px;
  border-radius: 3px;
  border: 1px solid transparent;
  margin: 0 0 0 2px;
}

.begehungsnotiz-media-appearance-icon {
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #6c6c6c;
}

.begehungsnotiz-media-appearance-icon.active {
  background-color: #007bff;
  color: white;
  border-radius: 4px;
}

.iluUI-moddlg-height-control {
  max-height: 80vh;
  overflow-y: auto;
}
body.mobile-mode .iluUI-moddlg-height-control {
  max-height: 94%;
}

body.mobile-mode .iluUI-moddlg-bottom-control {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 7px; /* seitlicher Abstand */
  display: flex;
  justify-content: flex-end;
  z-index: 2000;
}

.iluUI-audio-entry {
  position: relative;
  width: 320px;
  minWidth: 320px;
  cursor: pointer;
  flex-shrink: 0;
}
body.mobile-mode .iluUI-audio-entry {
  width: 95% !important;
}

.iluUI-fotoAufnahme-expanded {
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 16px;
  box-sizing: border-box;
}

.iluUI-fotoAufnahme-videoWrapper video {
  width: 100%;
  height: auto;
  max-height: 360px;
  border-radius: 8px;
  object-fit: cover;
}

.iluUI-cameraCaptureButton,
.iluUI-cameraCloseButton {
  display: inline-block;
  margin: 12px 10px 0;
  padding: 12px 20px;
  font-size: 1rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background-color: #0078D4;
  color: white;
  width: 45%;
}

.iluUI-cameraCloseButton {
  background-color: #0077d2;
}

.iluUI-cameraCaptureButton:hover {
  background-color: #005ea6;
}

.iluUI-cameraCloseButton:hover {
  background-color: #b00000;
}

.iluUI-inspGen-begehungsnotiz-zuweisungContainer {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex-wrap: wrap;
}

.iluUI-inspGen-begehungsnotiz-pkritDropdown-output {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #d2f1e3;
}

.iluUI-inspGen-begehungsnotiz-pkritDropdown {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin-top: 5px;
  background: #fff;
  background-color: #f1f3f4;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  z-index: 999;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
  color: #3a3c41;
}

.inspGen-bn-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #3a3c41;
}

.inspGen-bn-tile:hover {
  background-color: #c6eaf9;
  transform: translateY(-2px);
}

.inspGen-bn-tile i {
  font-size: 24px;
  margin-bottom: 5px;
}

.inspGen-bn-tile {
  font-size: 13px;
  text-align: center;
}

.inspGen-bn-tile-selected {
  background-color: #f1f3f4;
  border: none;
}

.nb-filter-btn.active {
  background-color: #ddd;
  font-weight: bold;
}

.bewertung-filter-btn.active {
  border: 2px solid black;
  box-shadow: 0 0 3px #333;
}

.inspGen-begehungsnotiz-bewertung-icon {
  border: none;
  background-color: transparent;
  opacity: 0.7;
}

.modInspGen-begehungsnotizen-nachbearbeitungsstatus-filter, .modInspGen-begehungsnotizen-bewertung-filter {
  margin-bottom: unset !important;
}

/******************************************************
 * Submodul Fotokacheln
 *
 ******************************************************/
.iluUI-Akq-fotokachel-component {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  margin: 12px;
  background-color: #fafafa;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
body.mobile-mode .iluUI-Akq-fotokachel-component {
  padding-left: 4px !important;
  padding-right: 4px !important;
  margin-left: 7px !important;
  margin-right: 7px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  background-color: #e1e1e4;
}

.iluUI-form-div-preview img {
  height: 250px !important;
  max-width: 100%;
}

.iluUI-fotokachel-button {
  color: #3a3c41 !important;
}

.iluUI-fotokachel-button:hover {
  color: #fdfdfd !important;
}

.iluUI-no-border {
  border: none !important;
}

.iluUI-fotokachel-itembuttondiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 2px;
}

.iluUI-Akq-fotokachel-listContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 330px));
  grid-gap: 5px;
  padding: 5px 0;
  justify-content: space-around;
}

.iluUI-Akq-fotokachel-kachel {
  max-width: 350px;
  height: 250px;
  border-width: 2px;
  border-style: solid;
  background: #bcbcbc;
  border-color: #bcbcbc;
  position: relative;
  cursor: pointer;
}

.iluUI-Akq-fotokachel-kachel:hover {
  border-color: #3572bf;
}

.iluUI-Akq-fotokachelPreview-container {
  width: 100%;
  height: 80%;
}

.iluUI-Akq-fotokachelPreview-img {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: nesw-resize;
}

.iluUI-fotoAufnahmeDialog {
  z-index: 9999;
}

.iluUI-video-window-size {
  width: 640px; /* gewünschte Breite */
  height: 480px; /* gewünschte Höhe */
  object-fit: cover; /* sorgt dafür, dass das Video skaliert und beschnitten wird, falls nötig */
  border-radius: 4px; /* optional: abgerundete Ecken */
}

.iluUI-form-box-flex-3 {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 16px;
  margin: 12px;
  background-color: #f9f9f9;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
body.mobile-mode .iluUI-form-box-flex-3 {
  padding: 4px !important;
  margin: 4px !important;
}

#modAkq-fotokacheln-edit-foto-itemdiv .iluUI-form-div-preview img {
  height: 250px !important;
  max-width: 100%;
}

.iluUI-Akq-fotokachel-edit-button .iluUI-Akq-fotokachel-edit {
  cursor: pointer !important;
  background-color: transparent;
  border: none;
  color: #9c9c9c;
}

.iluUI-Akq-fotokachel-edit-button:hover .iluUI-Akq-fotokachel-edit {
  color: #3572bf;
}

.iluUI-Akq-fotokachel-delete-button:hover .iluUI-Akq-fotokachel-delete {
  color: #3572bf;
}

.iluUI-Akq-left-container, .iluUI-Akq-mid-container, .iluUI-Akq-right-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  color: #333333;
}

.iluUI-Akq-fotokachel-kapitelNr {
  font-weight: bold;
  color: #3572bf;
}

.iluUI-audio-main-div {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.iluUI-inlineButton-lg {
  height: 30px;
  width: 30px;
  border-radius: 3px;
  border: 1px solid transparent;
  margin: 0 0 0 2px;
}

.fotokachel-media-appearance-icon {
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #6c6c6c;
}

.fotokachel-media-appearance-icon:hover {
  color: #005ea6;
  cursor: pointer;
}

.fotokachel-media-appearance-icon.active {
  background-color: #005ea6;
  color: white;
  border-radius: 4px;
}

.iluUI-moddlg-height-control {
  max-height: 80vh;
  overflow-y: auto;
}
body.mobile-mode .iluUI-moddlg-height-control {
  max-height: 94%;
}

body.mobile-mode .iluUI-moddlg-bottom-control {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 7px; /* seitlicher Abstand */
  display: flex;
  justify-content: flex-end;
  z-index: 2000;
}

.iluUI-audio-entry {
  position: relative;
  width: 320px;
  minWidth: 320px;
  cursor: pointer;
  flex-shrink: 0;
}
body.mobile-mode .iluUI-audio-entry {
  width: 95% !important;
}

.iluUI-fotoAufnahme-expanded {
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 16px;
  box-sizing: border-box;
}

.iluUI-fotoAufnahme-videoWrapper video {
  width: 100%;
  height: auto;
  max-height: 360px;
  border-radius: 8px;
  object-fit: cover;
}

.iluUI-cameraCaptureButton,
.iluUI-cameraCloseButton {
  display: inline-block;
  margin: 12px 10px 0;
  padding: 12px 20px;
  font-size: 1rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background-color: #0078D4;
  color: white;
  width: 45%;
}

.iluUI-cameraCloseButton {
  background-color: #0077d2;
}

.iluUI-cameraCaptureButton:hover {
  background-color: #005ea6;
}

.iluUI-cameraCloseButton:hover {
  background-color: #b00000;
}

.iluUI-Akq-fotokachel-zuweisungContainer {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex-wrap: wrap;
}

.iluUI-Akq-fotokachel-pkritDropdown-output {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #d2f1e3;
}

.iluUI-Akq-fotokachel-pkritDropdown {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin-top: 5px;
  background: #fff;
  background-color: #f1f3f4;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  z-index: 999;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
  color: #3a3c41;
}

.Akq-bn-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #3a3c41;
}

.Akq-bn-tile:hover {
  background-color: #c6eaf9;
  transform: translateY(-2px);
}

.Akq-bn-tile i {
  font-size: 24px;
  margin-bottom: 5px;
}

.Akq-bn-tile {
  font-size: 13px;
  text-align: center;
}

.Akq-bn-tile-selected {
  background-color: #f1f3f4;
  border: none;
}

.nb-filter-btn.active {
  background-color: #ddd;
  font-weight: bold;
}

.bewertung-filter-btn.active {
  border: 2px solid black;
  box-shadow: 0 0 3px #333;
}

.Akq-fotokachel-bewertung-icon {
  border: none;
  background-color: transparent;
  opacity: 0.7;
}

.modAkq-fotokacheln-nachbearbeitungsstatus-filter, .modAkq-fotokacheln-bewertung-filter {
  margin-bottom: unset !important;
}

/******************************************************
 * Submodul Begehungsnotizen --> Fotopreview
 *
 ******************************************************/
/* Gesamt-Overlay, verschwommener Hintergrund */
.iluUI-photo-viewer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(6px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  user-select: none;
}

.iluUI-photo-viewer-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px; /* Abstand zwischen Bild und Buttons */
  max-width: 90vw;
  max-height: 90vh;
  background: transparent;
  position: relative;
}

.iluUI-photo-viewer-left-button,
.iluUI-photo-viewer-right-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}

.iluUI-photo-viewer-left-button button,
.iluUI-photo-viewer-right-button button {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  font-size: 28px;
  color: #444;
  transition: background-color 0.1s ease, color 0.1s ease;
}

.iluUI-photo-viewer-left-button button:hover,
.iluUI-photo-viewer-right-button button:hover {
  background: #fff;
  color: #000;
}

.iluUI-photo-viewer-image-container {
  max-width: 80vw;
  max-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iluUI-photo-viewer-image-container img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  pointer-events: none;
  user-select: none;
}

table.modAkq-nebenreferenzen-tabelle th {
  border-bottom: 2px solid #cccccc !important;
  background-color: #6f6e6e;
  color: #fdfdfd;
}

/* Entfernt die Sortier-Dreiecke */
table.modAkq-nebenreferenzen-tabelle thead th.sorting,
table.modAkq-nebenreferenzen-tabelle thead th.sorting_asc,
table.modAkq-nebenreferenzen-tabelle thead th.sorting_desc {
  background-image: none !important;
  padding-right: 8px; /* Optional: Platz zurückholen */
}

/* Standard-Hintergrund für alle Zellen */
table.modAkq-nebenreferenzen-tabelle.dataTable tbody tr td {
  background-color: #eaeaea !important;
  border-top: 2px solid white;
  transition: background-color 0.1s ease;
}

/* Hover */
table.modAkq-nebenreferenzen-tabelle.dataTable tbody tr:hover td {
  background-color: #d0d0d0 !important;
}

/* Selektion */
table.modAkq-nebenreferenzen-tabelle.dataTable tbody tr.selected td {
  background-color: #b0b0b0 !important;
  color: #000;
}

.modAkq-down {
  color: #005da5 !important;
  border: 2px dashed #005da5 !important;
}

.modAkq-Referenzen-Webreferenz-container {
  display: flex;
  justify-content: space-around;
  margin-bottom: 250px;
  margin-top: 10px;
}

.modAkq-FotoPreviewBox-main-container {
  display: flex;
  flex-irection: row;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  height: 190px;
}

.modAkq-FotoPreviewBox-thumbnails-container {
  display: none;
  align-items: center;
  max-height: 100%;
  overflow-y: auto;
}

.modAkq-FotoPreviewBox-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

.iluUI-modAkq-toolbarInfo {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 20px;
  font-size: 16px;
  gap: 10px;
  margin-top: 10px;
}

.modAkq-isWebreferenz-div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 5px;
  margin-bottom: 10px;
}

.modAkq-webreferenz-btn {
  width: 35px;
  background: none;
  border: none;
  cursor: pointer;
}

.modAkq-webreferenz-btn:hover {
  color: #019ddb;
}

.modAkq-pdfPreview-form-div {
  overflow: unset !important;
}

#modAkq-referenzfoto-main-container {
  min-height: 480px;
}

#modAkq-referenzen-main-tbl, #modAkq-projekte-main-table {
  min-height: 170px;
}

/*
Jahresbeitrag
 */
.modBetrieb-jahresbeitrag-contentdiv {
  padding: 10px;
}

.modBetrieb-Jahresbeitrag-border {
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: rgb(222, 222, 222);
  box-shadow: 1px 2px 7px #d3d3d3;
}

.modBetrieb-standorttyp-btns div {
  display: flex;
}
.modBetrieb-standorttyp-btns div label {
  max-width: 200px;
}

.modBetrieb-jahresbeitrag-label {
  min-width: 350px;
  white-space: pre-wrap;
}

.modBetrieb-betriebsmassnahmen-title {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.modBetrieb-betriebsmassnahmen-title div label {
  margin-bottom: 5px !important;
}

.iluUI-form-style-dropdown {
  max-width: 50% !important;
  margin-right: 10px;
  margin-bottom: 5px;
}

/*
Terminvereinbarung
 */
.modBetrieb-terminVereinbarung-notAvailable {
  padding: 20px;
  alignment: center;
}

.modBetrieb-terminVereinbarung-karteTbl {
  display: flex;
}

.modBetrieb-terminVereinbarung-karte {
  flex: 0 0 400px;
  margin: 10px 5px 10px 10px;
}

.modBetrieb-terminVereinbarung-tbl {
  flex: 1 1 auto;
  margin: 10px 10px 10px 5px;
  height: 392px;
}

.modBetrieb-terminVereinbarung-tblFilter {
  display: flex;
  justify-content: space-between;
}

.modBetrieb-terminVereinbarung-border {
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: rgb(222, 222, 222);
  box-shadow: 1px 2px 7px #d3d3d3;
}

.modBetrieb-terminVereinbarung-selectBtn {
  display: flex;
  justify-content: center;
}
.modBetrieb-terminVereinbarung-selectBtn .iluUI-button {
  flex: 0 0 250px;
  justify-content: center;
  display: flex;
}
.modBetrieb-terminVereinbarung-selectBtn .iluUI-button .fi {
  margin-right: 10px;
}

.modBetrieb-terminVereinbarung-bottom {
  margin: 10px;
}
.modBetrieb-terminVereinbarung-bottom .kalender {
  margin-right: 20px;
}
.modBetrieb-terminVereinbarung-bottom .ui-widget-header {
  border: 1px solid #bd4e53;
  background: #bd4e53;
}
.modBetrieb-terminVereinbarung-bottom .modBetrieb-terminVereinbarung-dayInUse > a {
  background: #ffbcba !important;
}

.modBetrieb-terminVereinbarung-terminAnpassen {
  flex: 1 1 auto;
}
.modBetrieb-terminVereinbarung-terminAnpassen .modBetrieb-terminVereinbarung-row {
  border: 1px solid lightgrey;
  margin-bottom: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.modBetrieb-terminVereinbarung-terminAnpassen .modBetrieb-terminVereinbarung-row .modBetrieb-termin-element {
  margin: 5px 7px;
}
.modBetrieb-terminVereinbarung-terminAnpassen .modBetrieb-terminVereinbarung-row .modBetrieb-termin-removeRow {
  cursor: pointer;
  color: #dd0000;
}
.modBetrieb-terminVereinbarung-terminAnpassen .modBetrieb-terminVereinbarung-row .modBetrieb-termin-readOnly {
  color: #dd0000;
}
.modBetrieb-terminVereinbarung-terminAnpassen .modBetrieb-terminVereinbarung-row .modBetrieb-termin-element:last-child {
  margin-left: auto;
}
.modBetrieb-terminVereinbarung-terminAnpassen .iluUI-moddlg-button {
  margin-left: 0;
}

.iluUI-moddlg-terminvereinbarung-button {
  width: 180px !important;
  margin-bottom: 10px !important;
}

.modBetrieb-terminVereinbarung-element-date {
  width: 50px;
}

.iluUI-form-fieldset {
  background-color: rgb(255, 255, 255) !important;
}

.modBetrieb-prozesskonf-container {
  flex: 100 1 400px;
}

.modBetrieb-prozesskonf-prozess {
  margin: 5px 5px 10px 5px;
  padding: 5px 5px 0px 5px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #dedede;
  border-radius: 0 0 3px 3px;
  box-shadow: 1px 2px 7px #d3d3d3;
  overflow: auto;
}

.modBetrieb-prozesskonf-prozessTypContainer {
  flex: 40 1 160px;
}

.modBetrieb-prozesskonf-prozessConfContainer {
  flex: 60 1 320px;
}

.modBetrieb-prozesskonf-prozessTypName {
  flex: 60 1 60px;
}

.modBetrieb-prozesskonf-prozessTypCB {
  flex: 40 1 40px;
}

.modBetrieb-prozesskonf-prozessConfTyp {
  flex: 40 1 40px;
}

.modBetrieb-prozesskonf-prozessConfNameAndCB {
  margin: 0px 0px 10px 0px;
  flex: 60 1 60px;
}

.modBetrieb-prozesskonf-prozessConfName {
  flex: 60 1 60px;
}

.modBetrieb-prozesskonf-prozessConfCB {
  flex: 40 1 40px;
}

/**
Administrative Freigabe
 */
.modBetrieb-adminfreigabe-versand-div {
  display: flex;
}

.modBetrieb-adminfreigabe-border {
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: rgb(222, 222, 222);
  box-shadow: 1px 2px 7px #d3d3d3;
}

.modBetrieb-adminfreigabe-person-div {
  flex: 1 1 400px;
  margin: 10px 5px 10px 10px;
}

.modBetrieb-adminfreigabe-dokumente-div {
  flex: 1 1 400px;
  margin: 10px 5px 10px 10px;
}

.modBetrieb-adminfreigabe-freigabe-div {
  margin: 10px 5px 10px 10px;
  padding: 10px;
}

.modBetrieb-adminfreigabe-standortdaten-div {
  margin: 10px 5px 0 10px;
  padding: 0 10px 0 0;
}

/**
Behördengespräch
 */
.modBetrieb-behoerdenGespraech-divAbstand {
  margin: 10px 0 0 0;
}

.fi-inspBericht {
  border: none;
  font-size: 1.75em;
}

.fi-inspBericht:hover {
  background-color: #fff1e7;
}

.no-border {
  border: none;
}

.label-wrap {
  white-space: normal !important;
}

/*#modDMSDiv {

}

#modDMS-left-div {

}

#modDMS-main-div {

  font-weight: normal;

}

#modDMSBottom {
  background: $infonetz-color-background;
  overflow: auto;
}*/
.dms-ok {
  color: #5CB85C;
}

.dms-warnung {
  color: #ffa500;
}

.dms-error {
  color: #bd161b;
}

/*
 ***************************
 * CSS für Tree
 ***************************
 */
/*		#modDMS-left-panel .folder { background:url('./img/file_sprite.png') right bottom no-repeat; } */
div.dms-tree-minimal {
  float: left;
  width: 30%;
}

div.dms-explorer.jstree .jstree-open > a > .folder:before {
  content: "\f0068";
}
div.dms-explorer.jstree .jstree-closed > a > .folder:before, div.dms-explorer.jstree .jstree-leaf > a > .folder:before {
  content: "\f0067";
}

/*
 ***************************
 * CSS für Explorer
 ***************************
 */
/*	#modDMS-main-container {
        position: relative;
}*/
/* Alle folgenden IDS nicht mehr in gebrauch, hätten noch -explorer- drin
#modDMS-main-container {

  background: $infonetz-color-background;
  overflow: auto;
  margin-bottom: 10px;


}

#modDMS-main-divContainer {

  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;

}


#modDMS-main-explorerDiv {
  order: 1;
  overflow: auto;
}

#modDMS-main-filesContainer {
  overflow: auto;
}

#modDMS-main-uploadDiv {
  flex: 0 0 300px;
  order: 2;


}
*/
.dms-uploadPreviewDlg {
  overflow: auto;
  min-height: 200px;
}

/*
        .dms-explorer-container {
          padding: 0;
          margin: 0;
          list-style: none;

          -ms-box-orient: horizontal;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;

            flex-direction: column;
            align-items: strech;
        }


        i .dms-explorer-container  {
            vertical-align: middle;
        }
*/
/*			.dms-explorer-header {
                background: #666666;
                color: #DDDDDD;
    }*/
.dms-explorer-header-item {
  /*margin:1px;
  margin-bottom: 20px;*/
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

/*objekt kann nicht selektiert werden*/
.dms-noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dms-explorer-item:hover:not(.dms-selected) {
  background: #d2f1e3;
}

.dms-selected {
  background-color: #82dab2 !important;
}

/*
 * Header
 *
 */
.dms-explorer-header .dms-explorer-img {
  padding-left: 5px;
  padding-right: 5px;
  flex: 0 0 40px;
  vertical-align: middle;
}
.dms-explorer-header .dms-explorer-filename {
  padding-left: 5px;
  padding-right: 5px;
  flex: 10 10 200px;
  vertical-align: middle;
}
.dms-explorer-header .dms-explorer-size {
  padding-left: 5px;
  padding-right: 5px;
  flex: 0 0 100px;
  vertical-align: middle;
  text-align: right;
}
.dms-explorer-header .dms-explorer-datemodification {
  padding-left: 5px;
  padding-right: 5px;
  flex: 0 0 130px;
  vertical-align: bottom;
  text-align: left;
}
.dms-explorer-header .dms-explorer-owner {
  padding-left: 5px;
  padding-right: 5px;
  flex: 0 0 100px;
  vertical-align: middle;
}

/*
 * Explorer in Listen-Darstellung
 * Steuerklasse: dms-layout-liste wird an #modDMSMainList angehängt
 *
 */
.dms-layout-liste li:nth-child(odd) {
  background-color: #f1f1f1;
}
.dms-layout-liste .dms-explorer-item {
  padding: 2px;
  margin: 1px 3px 1px 3px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.dms-layout-liste .dms-explorer-img {
  padding-left: 5px;
  padding-right: 5px;
  flex: 0 0 40px;
  vertical-align: middle;
}
.dms-layout-liste .dms-explorer-filename {
  padding-left: 5px;
  padding-right: 5px;
  flex: 10 10 200px;
  vertical-align: middle;
}
.dms-layout-liste .dms-explorer-size {
  padding-left: 5px;
  padding-right: 5px;
  flex: 0 0 100px;
  vertical-align: middle;
  text-align: right;
}
.dms-layout-liste .dms-explorer-datemodification {
  padding-left: 5px;
  padding-right: 5px;
  flex: 0 0 130px;
  vertical-align: middle;
  text-align: left;
}
.dms-layout-liste .dms-explorer-owner {
  padding-left: 5px;
  padding-right: 5px;
  flex: 0 0 100px;
  vertical-align: middle;
}
.dms-layout-liste .dms-explorer-thumb {
  display: none;
}

/*
 * Explorer in Kachel-Darstellung
 * Steuerklasse: dms-layout-kachel wird an #modDMSMainList angehängt
 *
 */
.dms-layout-kachel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.dms-layout-kachel .dms-explorer-item {
  height: 150px;
  width: 200px;
  padding: 10px;
  border: 1px solid #dedede;
  border-radius: 3px;
  color: #706F6F;
  background-color: #f1f1f1;
  margin: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dms-layout-kachel .dms-explorer-img {
  display: none;
}
.dms-layout-kachel .dms-explorer-filename {
  padding: 2px;
  margin: auto;
  order: 2;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 13px;
  max-height: 26px;
  max-width: 200px;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -webkit-pre-wrap; /*Chrome & Safari */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* css-3 */
}
.dms-layout-kachel .dms-explorer-size {
  display: none;
}
.dms-layout-kachel .dms-explorer-datemodification {
  display: none;
}
.dms-layout-kachel .dms-explorer-owner {
  display: none;
}
.dms-layout-kachel img.dms-explorer-thumb {
  order: 1;
  height: 116px;
  max-width: 200px;
  display: block;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
}
.dms-layout-kachel i.dms-explorer-thumb {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  order: 1;
}

.dms-upload-liste {
  min-height: 200px;
  max-height: 600px;
  overflow-y: scroll;
}

/*
 ***************************
 * CSS für Editor
 ***************************
 */
.dms-editor-container {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#dms-editor-preview {
  display: flex;
  margin: 10px;
  align-items: center;
  width: auto;
  height: auto;
}

#dms-editor-preview > img {
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.dms-editor-hidden {
  display: none;
}

.dms-editor-div {
  margin: 2px;
  background: #F0F0F0;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

.dms-editor-button {
  padding: 5px;
  margin: auto;
}

.dms-editor-submit {
  margin-left: auto;
}

.dms-editor-label {
  margin-right: 5px;
  max-width: 150px;
  overflow: hidden;
  flex: 0 0 150px;
  white-space: nowrap;
}

.dms-editor-item {
  overflow: hidden;
  flex: 100 100 100px;
}

.dms-editor-txt-r {
  border: none;
}

.dms-editor-status {
  display: none;
  background: #dedede;
  width: 100px;
}

#modDMS-searchForm-main1-metadata-div {
  padding: 5px;
}

#modDMS-searchForm-main-fieldset1 {
  background-color: white;
}

#modDMS-searchForm-main-fieldset2 {
  background-color: white;
}

/*
 ***************************
 * CSS Dropzone
 ***************************
 */
/* Container für Upload-Previews */
.iluUpload-previewContainer {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

/* Div für den Upload-Preview */
/* Thumbnail */
.iluUpload-thumbnail {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  padding: 3px;
}

/* Filename */
.iluUpload-fileName {
  margin-left: 10px;
  margin-top: 5px;
}

/* Filegrösse */
.iluUpload-fileSize {
  margin-left: 10px;
  margin-top: 5px;
}

.iluUpload-previewFileinfo {
  margin-left: 10px;
}

/* Div für Progressbar */
.iluUpload-progress {
  height: 20px;
  width: 100%;
  left: 48px !important;
  top: 78px !important;
}

/* Progressbar */
.iluUpload-progressBar {
  height: 100%;
  width: 100%;
  background: #ffa500;
}

.iluUpload-success .iluUpload-icon {
  background: #5CB85C;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  position: absolute;
  margin-left: 10px;
  margin-top: 5px;
}

.iluUpload-success .iluUpload-icon i {
  display: block;
  margin-left: 8px;
  margin-top: 6px;
}

.iluUpload-error .iluUpload-icon {
  background: #bd161b;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  position: absolute;
  margin-left: 10px;
  margin-top: 5px;
}

.iluUpload-error .iluUpload-icon i {
  display: block;
  margin-left: 9px;
  margin-top: 6px;
}

.iluUpload-error-message {
  position: absolute;
  left: 100px !important;
  top: 45px !important;
}

.iluUpload-popup-label {
  line-height: 40px;
}

.dms_dont_show {
  display: none !important;
}

.dms_highlight_form {
  padding-top: 30px;
  padding-bottom: 30px;
}

/*
jstree Farbe für Selektion überschreiben
 */
.jstree-default .jstree-wholerow-clicked {
  background: #82dab2;
}

.jstree-default .jstree-wholerow-hovered:not(.jstree-wholerow-clicked) {
  background: #d2f1e3;
}

.jstree-anchor {
  width: 100%;
}

.jstree-container-ul {
  overflow: hidden;
}

#modHelp-main-onlineHelp-container {
  height: 92%;
  flex-grow: 100;
}

#modHelp-main-onlineHelp-div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#modHelp-onlineHelp-iframe {
  height: 98%;
  width: 99%;
}

/******************************************************
 * pschritt Inspektionsschritt
 ******************************************************/
.modInsp-inspektionsbericht-appStatus {
  display: flex;
  margin: 10px;
}
.modInsp-inspektionsbericht-appStatus div {
  display: flex;
  margin-right: 5px;
}

table .pkrit-title.child {
  padding-left: 10px;
}
table .pkritTbl-typ-parent {
  font-weight: bolder;
}

td.modInsp-rowDetails {
  cursor: pointer;
  width: 5px;
  font-size: 1.2em;
}

td.modInsp-rowDetails:before {
  font-family: FontIlu;
  content: "\f006c";
  cursor: pointer;
}
tr.shown td.modInsp-rowDetails:before {
  font-family: FontIlu;
  content: "\f0069";
}

tr.hidden {
  display: none;
}

.modInsp-detailsForm-foto {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-left: 10px;
  margin-top: 6px;
}
.modInsp-detailsForm-foto img {
  height: 100%;
  margin-left: auto;
  max-height: 240px;
  max-width: 320px;
  width: 100%;
  overflow: hidden;
  border: 1px solid #a5a5a5;
}

.modInsp-detailsForm-fotoRef {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 4px;
}
.modInsp-detailsForm-fotoRef input {
  margin-right: 5px;
}
.modInsp-detailsForm-fotoRef label.iluUI-disabled {
  color: grey;
  font-style: normal;
  background-color: transparent;
}

.modInsp-detailsForm-fotoUploadBtn {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 3px;
}

/*
Massnahmen
 */
.modInsp-mana-details-container {
  padding: 7px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
}
.modInsp-mana-details-container fieldset {
  padding: 7px;
  margin-bottom: 10px;
  border: 1px solid rgb(200, 200, 200);
}
.modInsp-mana-details-container fieldset:not(.iluUI-disabled) {
  background-color: white;
}
.modInsp-mana-details-container fieldset legend {
  font-weight: bold;
  padding: 0 5px 0 5px;
}

.pkrit-details-form-container-b fieldset:last-child {
  margin-bottom: 0;
}

.modInsp-mana-details-flex-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
}

.modInsp-mana-details-flex-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

.modInsp-mana-details-bestaetigung {
  flex: 1 1 100px;
  margin: 3px 0 5px 0;
}

.modInsp-mana-details-fotoUpload {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
}

.modInsp-mana-details-fotoFileName {
  font-style: italic;
  font-size: 10px;
  padding-top: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  max-width: 190px;
  color: dimgrey;
}

.modInsp-mana-details-fotoUploadBtn {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
  padding: 3px;
  margin-left: auto;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0);
  box-shadow: 1px 1px 2px grey;
  color: rgb(0, 0, 0);
  border: 1px solid rgb(97, 97, 97);
}
.modInsp-mana-details-fotoUploadBtn label {
  font-size: 0.9em;
  padding-top: 3px;
  cursor: pointer;
}
.modInsp-mana-details-fotoUploadBtn button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.modInsp-pkrit-deleteBtn-container {
  margin-top: auto;
  margin-right: auto;
}

.modInsp-pkrit-deleteBtn {
  display: flex;
  flex-direction: row;
  padding: 3px;
  border-radius: 4px;
  background: white;
  box-shadow: 1px 1px 2px grey;
  color: rgb(0, 0, 0);
  border: 1px solid rgb(97, 97, 97);
}
.modInsp-pkrit-deleteBtn:hover {
  background-color: rgb(110.3240740741, 212.1759259259, 165.8796296296);
}
.modInsp-pkrit-deleteBtn label {
  padding-top: 2px;
  cursor: pointer;
}
.modInsp-pkrit-deleteBtn button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding-right: 2px;
}
.modInsp-pkrit-deleteBtn.iluUI-disabled {
  font-style: normal;
  color: grey;
  cursor: default;
}
.modInsp-pkrit-deleteBtn.iluUI-disabled label {
  background-color: transparent;
  cursor: default;
}
.modInsp-pkrit-deleteBtn.iluUI-disabled button {
  cursor: default;
  background-color: transparent;
  color: grey;
}
.modInsp-pkrit-deleteBtn.iluUI-disabled button:hover {
  background-color: transparent;
  color: grey;
}

/*
Terminvereinbarung
 */
.modInsp-terminVereinbarung-notAvailable {
  padding: 20px;
  alignment: center;
}

.modInsp-terminVereinbarung-karteTbl {
  display: flex;
}

.modInsp-terminVereinbarung-karte {
  flex: 0 0 400px;
  margin: 10px 5px 10px 10px;
}

.modInsp-terminVereinbarung-tbl {
  flex: 1 1 auto;
  margin: 10px 10px 10px 5px;
  height: 392px;
}

.modInsp-terminVereinbarung-tblFilter {
  display: flex;
  justify-content: space-between;
}

.modInsp-terminVereinbarung-border {
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: rgb(222, 222, 222);
  box-shadow: 1px 2px 7px #d3d3d3;
}

.modInsp-terminVereinbarung-selectBtn {
  display: flex;
  justify-content: center;
}
.modInsp-terminVereinbarung-selectBtn .iluUI-button {
  flex: 0 0 250px;
  justify-content: center;
  display: flex;
}
.modInsp-terminVereinbarung-selectBtn .iluUI-button .fi {
  margin-right: 10px;
}

.modInsp-terminVereinbarung-bottom {
  margin: 10px;
}
.modInsp-terminVereinbarung-bottom .kalender {
  margin-right: 20px;
}
.modInsp-terminVereinbarung-bottom .ui-widget-header {
  border: 1px solid #bd4e53;
  background: #bd4e53;
}
.modInsp-terminVereinbarung-bottom .modInsp-terminVereinbarung-dayInUse > a {
  background: #ffbcba !important;
}

.modInsp-terminVereinbarung-terminAnpassen {
  flex: 1 1 auto;
}
.modInsp-terminVereinbarung-terminAnpassen .modInsp-terminVereinbarung-row {
  border: 1px solid lightgrey;
  margin-bottom: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.modInsp-terminVereinbarung-terminAnpassen .modInsp-terminVereinbarung-row .modInsp-termin-element {
  margin: 5px 7px;
}
.modInsp-terminVereinbarung-terminAnpassen .modInsp-terminVereinbarung-row .modInsp-termin-removeRow {
  cursor: pointer;
  color: #dd0000;
}
.modInsp-terminVereinbarung-terminAnpassen .modInsp-terminVereinbarung-row .modInsp-termin-readOnly {
  color: #dd0000;
}
.modInsp-terminVereinbarung-terminAnpassen .modInsp-terminVereinbarung-row .modInsp-termin-element:last-child {
  margin-left: auto;
}
.modInsp-terminVereinbarung-terminAnpassen .iluUI-moddlg-button {
  margin-left: 0;
}

.pfw-tv-filter-elem {
  margin-left: 20px;
}

#modLoginMain {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

@media screen and (min-width: 781px) {
  .modLogin-main-div {
    width: 460px;
  }
  /*
      position:absolute;
      left:50%;
      top:50%;
      margin:-200px 0 0 -250px;
      padding: 80px 0px 0px 0px;
  */
}
@media screen and (max-width: 780px) {
  .modLogin-main-div {
    width: 100%;
    max-width: 460px;
  }
}
.modLogin-main-loginDiv {
  margin: 2px;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

.modLogin-main-label {
  margin-right: 5px;
  max-width: 230px;
  overflow: hidden;
  flex: 0 1 230px;
  white-space: nowrap;
  color: #000000;
}

.modLogin-main-input {
  overflow: hidden;
  flex: 100 100 100px;
  padding: 3px;
  max-width: 211px;
  min-width: 150px;
}

#modLogin-main-button-div {
  margin-right: 7px;
}

.modLogin-link-div {
  margin: 5px 7px;
  display: flex;
  justify-content: flex-end;
}

.modLogin-link {
  color: #333333;
  font-size: small;
  width: 50%;
  text-align: right !important;
}

.modLogin-link-left {
  width: 50%;
  text-align: left;
}

.modLogin-moddlg-btnDiv {
  margin: 20px 7px 20px 7px !important;
}

.modLogin-main-errorDiv {
  text-align: center;
  margin: 20px 7px 5px 7px;
  padding: 5px;
  font-size: 15px;
  font-weight: bolder;
  color: #ffffff;
  background-color: #d9534f;
}

#modLogin-main-link {
  font-size: small;
  text-align: left;
}

#modMain-main-titel {
  display: flex;
  justify-content: center;
}

.modMain-img {
  align-self: center;
  margin: auto 7px auto 7px;
  overflow: hidden;
  width: auto;
  height: auto;
  max-width: 900px;
  max-height: 500px;
  padding: 10px;
}

/* **************************************************
 * Teaser
 * **************************************************/
.infonetzTeaser img {
  margin: 5px 0;
  max-height: 150px;
  max-width: 275px;
}

#modMap-main-map-container {
  height: 100%;
}

#modMap-main-map-div {
  height: 100%;
}

#map_frame {
  height: 100%;
  width: 100%;
}

/* Fontsize */
#modMonitorRight, #modMonitorLeft, #modMonitorMain {
  /*		font-size: smaller;*/
}

/*
 ***************************
 * CSS für Analyse
 ***************************
 */
.modMonitor-scroll-div {
  overflow-y: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.modMonitor-col-div {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

.modMonitor-col-div-col1 {
  max-width: 40px;
  overflow: hidden;
  flex: 0 0 40px;
  white-space: nowrap;
}

.modMonitor-col-div-col2 {
  max-width: 90px;
  overflow: hidden;
  flex: 0 0 100px;
  white-space: nowrap;
}

.modMonitor-col-div-col3 {
  overflow: hidden;
  flex: 100 100 100px;
}

.modMonitor-col-div-col4 {
  overflow: hidden;
  flex: 0 0 40px;
  white-space: nowrap;
}

#modMonitor-right-analyseInteractive-legendContainer {
  padding: 5px;
}

/*
 ***************************
 * CSS für Editor
 ***************************
 */
.monitor-editor-container {
  background: white;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.monitor-editor-hidden {
  display: none;
}

.monitor-editor-div {
  margin: 2px;
  background: #F0F0F0;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

.monitor-editor-button {
  color: #333333;
  padding: 5px;
}

.monitor-editor-submit {
  margin-left: auto;
}

.monitor-editor-label {
  margin-right: 5px;
  max-width: 150px;
  overflow: hidden;
  flex: 0 0 150px;
  white-space: nowrap;
}

.monitor-editor-item {
  overflow: hidden;
  flex: 100 100 100px;
}

.monitor-editor-txt-r {
  border: none;
  color: #333333;
}

/*
 ***************************
 * CSS für Termin-Admin
 ***************************
 */
.modMonitor-terminAdmin-all {
  margin-top: 10px;
  margin-bottom: 10px;
}

.modMonitor-terminAdmin-cbProg {
  margin-left: 20px;
}

/*
Druckausgabe
 */
@media print {
  #modMonitor-right-analyseInteractive-container {
    display: none;
  }
  #modMonitor-main-analyseInteractive-container h3 {
    display: none;
  }
  #modMonitor-main-analyseInteractive-svgContainer {
    border: 0;
    box-shadow: none;
  }
}
#modNews-showNews-maindiv {
  padding: 10px 20px 10px 20px;
}

.modNews-showNews {
  padding: 20px;
}

.modNews-showNews-head {
  padding-bottom: 20px;
  max-width: 750px;
}

.modNews-showNews-titel {
  font-size: x-large;
}

.modNews-showNews-metadata {
  font-size: small;
}

.modNews-showNews-zusammenfa {
  font-style: italic;
  padding-bottom: 30px;
  max-width: 750px;
}

.modNews-showNews-inhalt {
  max-width: 750px;
}

.modNews-showNews-inhalt div ul {
  margin: 10px;
}

.modNews-showNews-inhalt div ul li {
  display: list-item !important;
  margin-left: 27px;
  list-style-type: square !important;
}

.modNews-showNews-inhalt div ol li {
  display: list-item !important;
  margin-left: 27px;
  list-style-type: decimal !important;
}

.modNews-showNews-foto {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.modNews-showNews-foto img {
  display: block;
  padding-top: 30px;
}

.modNews-showNews-foto-beschreibung {
  padding-top: 10px;
  font-style: italic;
  max-width: 750px;
}

#modPendenzLeft {
  background: transparent;
}

#modPendenzRight {
  background: transparent;
}

td.details-control {
  /*background: url('arrow.png') no-repeat center center;*/
  cursor: pointer;
}

td.details-control:before {
  /*background: url('arrow.png') no-repeat center center;*/
  font-family: FontIlu;
  content: "\f006c";
  cursor: pointer;
}

tr.shown td.details-control:before {
  /*background: url('arrow-open.png') no-repeat center center;*/
  font-family: FontIlu;
  content: "\f0069";
}

td.ueberfaellig {
  background-color: #de5055 !important;
}

td.pendent {
  background-color: #4798de !important;
}

td.erledigt {
  background-color: #29b36e !important;
}

.details-control {
  width: 20px;
}

.modPendenzTitel {
  margin: 5px;
  font-size: 14pt;
  text-align: center;
  font-weight: bold;
}

.modPendenzDetails {
  margin-left: 120px;
  margin-right: 120px;
  margin-bottom: 30px;
}

.modPendenzDatumColumn {
  width: 120px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.modPendenzStatusColumn {
  width: 100px;
  text-align: center;
}

.modPendenz-iluUI-dynTab-component th {
  background-color: #f1f1f1;
}

.modPendenz-iluUI-dynTab-table-tr {
  background-color: #f1f1f1;
  margin: 0 !important;
  padding: 0 !important;
}

.modPendenz-iluUI-dynTab-table-tr th {
  background-color: #f1f1f1;
  font-weight: normal !important;
  text-align: center;
  border-color: #d3d3d3 !important;
}

.modPendenz-iluUI-form-label {
  background-color: #f1f1f1;
}

.iluUI-deleteButton {
  background-color: #FFFFFF;
}

.modPendenz-iluUI-form-column {
  box-shadow: 0px 0px 8px #d3d3d3;
}

.modPendenz-iluUI-dynTab-table {
  width: 100%;
  text-align: center;
}

.modPendenz-onlyIcon {
  padding: 0 !important;
  height: 20px !important;
  width: 20px !important;
}

.autoSave {
  background-color: #FFFFFF !important;
}

.modPendenz-checkboxFilterTitle {
  margin-top: 5px;
  margin-left: 2px;
  margin-bottom: 2px;
  font-weight: bold;
}

.modPendenz-checkboxFilter {
  margin: 2px;
}

.modPendenz-checkboxFilterLabel {
  margin: 2px;
}

.modPendenz-terminserie-erstellen {
  width: 100% !important;
  height: 25px;
}

/*************************
 * Left Panel
 *************************/
#modProfilLeft {
  font-size: small;
}

.profil-filter-div {
  background: white;
  padding: 8px 10px 5px 10px;
  margin-bottom: 5px;
}

.profil-filter-div p {
  padding-bottom: 5px;
  font-weight: bold;
}

.profil-filter-divinput {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.profil-filter-input {
  width: 60px;
  border: none;
  font-weight: bold;
}

.profil-filter-slider {
  margin: 5px 10px 5px 10px;
}

/*
 * Styles für Tabelle
 */
/*
Druckausgabe
 */
@media print {
  #modProfil-right-chart-div {
    display: none;
  }
  #modProfil-main-chart-container h3 {
    display: none;
  }
  #modProfil-main-chart-svgContainer {
    border: 0;
    box-shadow: none;
  }
}
/******************************************************
 * Allgemeines
 * modProjFu-
 * modProjFu-style

 ******************************************************/
/* Label im Formular (mit Zeilenumbruch) - aus weeeflow Verwaltung (weeeFlow.css Zeile 3072-3093) */
.modProjFu-iluUI-form-div .iluUI-form-label {
  white-space: normal !important;
}

.bk_buttonGeprueft {
  background-color: #fdcb09;
}

.c_iconEdit {
  color: #fdcb09;
}

.c_iconOk {
  color: #00b210;
}

.modProjFuRi-editDlg-icon {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-width: 0px;
  font-size: 3em;
}

.iluUI-form-label.htmlLabel {
  white-space: normal; /* Falls nötig, für Zeilenumbrüche */
}

.iluUI-form-label.htmlLabel br,
.iluUI-form-label.htmlLabel a {
  display: inline;
}

.iluUI-form-label.htmlLabel {
  /* HTML erlauben */
}

/* Container für das Icon und den Text */
.kontrolle-container {
  display: flex;
  align-items: center;
  gap: 10px; /* Abstand zwischen Icon und Text */
  padding: 20px 0; /* Abstand oben und unten von 20px */
  margin-right: 200px; /* Abstand zum rechten Nachbarn */
}

/* Icon-Stil */
.kontrolle-icon {
  font-size: 30px; /* Größe des Icons */
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-width: 0px;
  display: inline-block;
}

/* Text-Stil */
.kontrolle-text {
  font-style: italic; /* Kursiver Text */
  font-weight: 300; /* Dünner Text */
  margin-left: 10px; /* Abstand zwischen Icon und Text */
}

.iluUI-moddlg-div .iluUI-accordion {
  max-height: 615px !important; /* Set your height threshold */
  overflow-y: auto !important; /* Enable vertical scrolling */
}

.iluUi-formDialog-kontrolle-container {
  align-items: center !important;
  gap: 10px !important;
  margin-right: 200px;
  display: flex;
}

/******************************************************
 * Submodul Projektrisiko
 * modProjFu-
 * modProjFu-style

 ******************************************************/
/***** Projektrisiko: Table-Render-Functions *****/
/*****************************************/
.modProjFu-undefinedRisk {
  color: #bcbcbc;
}

.modProjFu-lowRisk {
  color: #00b200;
}

.modProjFu-midRisk {
  color: #fdc900;
}

.modProjFu-highRisk {
  color: #bc4d52;
}

.modProjFu-riskVisualisationButton {
  width: 25px;
  height: 25px;
  margin: 0 0 0 5px;
  border: 0px solid;
  background-color: white;
  box-shadow: 0 0 0 0px transparent;
  cursor: pointer;
  background-color: transparent;
  position: relative; /* Damit der Tooltip relativ zum Button positioniert werden kann */
}

.modProjFu-riskVisualisationButton:hover::after {
  content: attr(data-tooltip); /* Der Tooltip-Text kommt vom "data-tooltip"-Attribut -> Verhindert doppelten Tooltip */
  position: absolute;
  background-color: #333;
  color: white;
  padding: 5px;
  border-radius: 4px;
  font-size: 12px;
  right: 100%; /* Tooltip wird rechts vom Button angezeigt */
  top: 50%; /* Vertikale Mitte des Buttons */
  transform: translateY(-50%); /* Vertikale Zentrierung des Tooltips */
  white-space: nowrap;
  z-index: 10;
}

/***** Projektrisiko: FormEditDialog *****/
/*****************************************/
#undefined-Dlg-auswahl-standardrisiken-dialog {
  z-index: 1000 !important;
}

/***** Projektrisiko: Risikomatrix *****/
/***************************************/
#modProjFu-matrix-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
}

#modProjFu-x-axis-title {
  font-size: 16px;
  /*font-weight: bold;*/
  margin-bottom: 10px;
  margin-left: 37%;
}

#modProjFu-matrix-container-wrapper {
  display: flex;
}

#modProjFu-y-axis-title {
  transform: rotate(-90deg);
  font-size: 16px;
  /*font-weight: bold;*/
  margin-right: 30px;
  margin-top: 60px;
  transform-origin: top right;
}

#modProjFu-matrix-container {
  display: grid;
  grid-template-columns: 0.1fr 1fr 1fr 1fr;
  grid-template-rows: 0.1fr 1fr 1fr 1fr;
  gap: 5px;
  width: 240px;
  height: 240px;
  position: relative;
}

.modProjFu-x-axis-label {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  font-size: 0.8em;
}

.modProjFu-y-axis-label {
  transform: rotate(-90deg);
  text-align: center; /* Text zentriert */
  margin-left: -30px; /* Nähert das Label der Matrix an */
  /*writing-mode: vertical-rl; Vertikale Ausrichtung */
  white-space: nowrap; /* Verhindert Zeilenumbruch */
  margin-top: 23px;
  margin-right: 15px;
  transform-origin: top right;
  font-size: 0.8em;
}

.modProjFu-matrix-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
  text-align: center;
  font-size: 0.8em;
}

.modProjFu-matrix-cell:hover {
  background-color: #e0e0e0;
}

.modProjFu-matrix-cell.header {
  background-color: #d9d9d9;
  font-weight: bold;
}

.modProjFu-matrix-cell.empty {
  background-color: transparent;
}

.modProjFu-selected {
  background-color: #3498db;
  color: white;
}

/******************************************************
 * Submodul Fachberater Sterne - rendered-stars
 ******************************************************/
.modProjFu-style-rendered-stars {
  font-size: 20px;
  position: relative;
  color: black; /* Sternränder schwarz */
  font-family: Arial, sans-serif;
}

.modProjFu-style-small-text {
  font-size: 14px; /* Schriftgröße anpassen */
}

.modProjFu-style-rendered-stars::before {
  content: attr(data-stars); /* Dynamische Sterne */
  position: absolute;
  top: 0;
  left: 0;
  color: gold; /* Sternfüllung */
  clip-path: inset(0 2px 2px 2px); /* Begrenzung auf Innenbereich */
}

.modProjFu-style-rendered-stars-yellow {
  font-size: 20px;
  position: relative;
  color: #fdc900; /* Sternränder schwarz */
  font-family: Arial, sans-serif;
}

/******************************************************
 * Submodul Projektstammdaten Divs: rechts & links
 ******************************************************/
#modProjFu-projektstammdaten-main {
  display: flex !important; /* Flexbox erzwingen */
  flex-direction: row !important; /* Nebeneinander erzwingen */
  gap: 20px !important;
  width: 100% !important;
  align-items: stretch !important;
}

/* Linie zwischen den Spalten */
.modProjFu-style-iluUI-form-column {
  flex: 1;
  padding: 10px;
  box-sizing: border-box;
}

/* Trennlinie für die rechte Spalte */
.modProjFu-style-iluUI-form-column:not(:last-child) {
  border-right: 1px solid #ccc; /* Grau als Beispiel */
}

.modProjFu-taetigkeit-item {
  display: inline-block; /* Elemente nebeneinander anzeigen */
  padding: 8px 12px; /* Etwas Innenabstand für die Kästchen */
  margin: 5px; /* Abstand zwischen den Kästchen */
  border: 1px solid #ccc; /* Einfache graue Umrandung */
  border-radius: 4px; /* Abgerundete Ecken */
  background-color: #f7f7f7; /* Helles Grau als Hintergrund */
  font-size: 14px; /* Schriftgröße anpassen */
}

.modProjFu-taetigkeit-list {
  margin-right: 1px; /* Add space between the list and the button */
}

.modProjFu-taetigkeit-item-small {
  display: inline-block; /* Elemente nebeneinander anzeigen */
  padding: 4px 6px; /* Etwas Innenabstand für die Kästchen */
  margin: 2px; /* Abstand zwischen den Kästchen */
  border: 1px solid #ccc; /* Einfache graue Umrandung */
  border-radius: 2px; /* Abgerundete Ecken */
  background-color: #f7f7f7; /* Helles Grau als Hintergrund */
  font-size: 11px; /* Schriftgröße anpassen */
}

.modProjFu-taetigkeit-item-large {
  display: inline-block; /* Elemente nebeneinander anzeigen */
  padding: 8px 12px; /* Etwas Innenabstand für die Kästchen */
  margin: 5px; /* Abstand zwischen den Kästchen */
  border: 1px solid #ccc; /* Einfache graue Umrandung */
  border-radius: 4px; /* Abgerundete Ecken */
  background-color: #f7f7f7; /* Helles Grau als Hintergrund */
  font-size: 14px; /* Schriftgröße anpassen */
}

.modProjFu-schlagworte-item-small {
  display: inline-block; /* Elemente nebeneinander anzeigen */
  padding: 4px 6px; /* Etwas Innenabstand für die Kästchen */
  margin: 2px; /* Abstand zwischen den Kästchen */
  border: 1px solid #ccc; /* Einfache graue Umrandung */
  border-radius: 2px; /* Abgerundete Ecken */
  background-color: #f7f7f7; /* Helles Grau als Hintergrund */
  font-size: 11px; /* Schriftgröße anpassen */
}

.modProjFu-schlagworte-item-large {
  display: inline-block; /* Elemente nebeneinander anzeigen */
  padding: 8px 12px; /* Etwas Innenabstand für die Kästchen */
  margin: 5px; /* Abstand zwischen den Kästchen */
  border: 1px solid #ccc; /* Einfache graue Umrandung */
  border-radius: 4px; /* Abgerundete Ecken */
  background-color: #f7f7f7; /* Helles Grau als Hintergrund */
  font-size: 14px; /* Schriftgröße anpassen */
}

.modProjFu-schlagworte-list {
  margin-right: 1px; /* Add space between the list and the button */
}

#modProjFu-projektstammdaten-fs3 {
  padding: 10px;
  background-color: #F9F9F9; /* Optionales Styling */
  border: 1px solid #CFCFCF; /* Optionaler Rahmen */
  margin-bottom: 5px; /* Abstand zu den nächsten Feldern */
  display: flex;
  flex-direction: column; /* Flexbox anpassen, um Elemente vertikal anzuzeigen */
  width: 100%;
  margin-top: 5px;
}

#modProjFu-projektstammdaten-left-fs3,
#modProjFu-projektstammdaten-right-fs4 {
  display: flex;
  flex-direction: column; /* Flexbox für vertikale Anordnung der Felder */
  align-items: flex-start;
}

/* Style für die Liste */
#dragListDiv ul.modProjFu-taetigkeit-list {
  list-style-type: none; /* Entfernt die Standard-Aufzählungszeichen */
  padding: 0;
  margin: 0;
}

/* Style für jedes Listenelement */
#dragListDiv ul.modProjFu-taetigkeit-list li {
  padding: 8px;
  margin: 5px 0;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: move; /* Zeigt den "Move"-Cursor an, wenn ein Listenelement verschoben wird */
}

/* Optional: Style für das Dragging */
#dragListDiv ul.ModProjFu-taetigkeit-list li.ui-sortable-helper {
  background-color: #d9f7be; /* Beispiel: Helle grüne Farbe während des Dragging */
}

/******************************************************
 * Submodul Projektübersicht Status Klassen
 ******************************************************/
.modProjFu-uebersicht-tbl-status-icon {
  border: 0 transparent;
  background-color: transparent;
  text-shadow: #737373 2px 2px 2px, #ffffff 0 0 2px;
  padding: 0 2px;
}

.modProjFu-uebersicht-tbl-status-icon:active {
  background-color: transparent;
}

@keyframes iluSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.projFu-ilu-spinner {
  border: 4px solid #ccc;
  border-top: 4px solid #0078D7;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: iluSpinner 1s linear infinite;
  margin: 10px auto;
}

.projFu-msgBox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3); /* halbtransparentes dunkles Overlay */
  backdrop-filter: blur(4px); /* hier der Blur */
  -webkit-backdrop-filter: blur(4px);
  z-index: 999; /* unterhalb der MessageBox */
}

/******************************************************
 * Submodul Projektübersicht MainToolbar (DIV + Nr. + Bezeichnung)
 ******************************************************/
/* Das Haupt-Toolbar-Info-Div */
#modProjFu-main-toolbarinfo {
  display: flex;
  justify-content: center; /* Zentriert das Container-Div */
  align-items: center; /* Vertikale Ausrichtung */
  font-size: 24px; /* Größere Schrift */
  font-weight: normal;
  width: 60%;
  height: 40px;
}

/* Der äußere Container für die Toolbar-Info */
.iluUI-modProjFu-toolbarInfo {
  display: flex; /* Flexbox aktivieren */
  justify-content: space-between; /* Die inneren Divs (ProjNr und projBez) am Rand anordnen */
  align-items: center; /* Vertikal zentrieren */
  width: 100%; /* Maximale Breite */
  padding: 0 10px; /* Optional: Abstand vom Rand */
  font-size: 20px; /* Schriftgröße */
}

/* Container für die Projektnummer */
.iluUI-modProjFu-toolbarInfo-div {
  display: flex; /* Flexbox aktivieren */
  justify-content: flex-start; /* Links ausrichten */
  align-items: center; /* Vertikal ausrichten */
}

/* Container für die Projektbezeichnung */
.iluUI-modProjFu-toolbarInfo-div {
  display: flex; /* Flexbox aktivieren */
  justify-content: flex-end; /* Rechts ausrichten */
  align-items: center; /* Vertikal ausrichten */
}

/* Stil für Projektnummer und Bezeichnung */
#modProjFu-toolbarInfo-projNr,
#modProjFu-toolbarInfo-projBez {
  font-size: 18px; /* Etwas kleinere Schrift */
  padding: 0 10px; /* Abstand zwischen den beiden Texten */
  white-space: nowrap; /* Verhindert Zeilenumbruch */
}

/******************************************************
 * Submodul Projektübersicht - Fixierte Spalten
 ******************************************************/
/* Fixierte Header für die ersten 3 Spalten */
.DTFC_LeftHeadWrapper th {
  background-color: #ffffff; /* Setze die Hintergrundfarbe für den fixierten Header */
  position: relative;
  z-index: 10; /* Sicherstellen, dass der fixierte Header über den anderen Headern liegt */
}

.DTFC_ScrollWrapper {
  height: auto !important;
  overflow: visible !important;
}

/******************************************************
 * Submodul Projektübersicht - Filter
 ******************************************************/
/* Container für Filter und Suchfeld nebeneinander */
#modProjFu-projektuebersicht-main-filterContent {
  display: flex;
  flex-wrap: wrap; /* Falls der Platz nicht reicht, sollen die Filter in die nächste Reihe umgebrochen werden */
  gap: 10px; /* Abstand zwischen den Elementen */
  align-items: center; /* Vertikal ausrichten */
  /* Filter und Suchfeld nach links ausrichten */
}

/* Filter-Elemente nebeneinander */
.modProjFu-uebersicht-filter-elem select,
#modProjFu-referenz-main-filter-teilprojekte-input,
#modProjFu-referenzfoto-main-filter-teilprojekte-input {
  margin-right: 5px; /* Abstand zwischen den einzelnen Filterelementen */
  flex-shrink: 0; /* Verhindert, dass die Filter verkleinert werden */
  max-width: 150px !important; /* Maximale Breite für die Filter */
  height: 20px; /* Gleiche Höhe wie das Suchfeld */
}

#modProjFu-projektuebersicht-main-filter-fachbereich-title,
#modProjFu-projektuebersicht-main-filter-geschaeftsbereich-title,
#modProjFu-projektuebersicht-main-filter-handlungsbedarf-title,
#modProjFu-projektuebersicht-main-filter-status-title {
  text-align: left; /* Filtertitel linksbündig */
}

/* Spezifisches Styling nur für das Suchfeld in der Projektübersicht */
#modProjFu-projektuebersicht-main-tbl_wrapper .dataTables_filter {
  margin-left: auto;
  display: flex;
  align-items: center;
}

/* Falls das Eingabefeld selbst noch angepasst werden muss */
#modProjFu-projektuebersicht-main-tbl_wrapper .dataTables_filter input[type=search] {
  width: 200px; /* Standardgröße */
  height: 20px; /* Höhe anpassen */
  margin-left: 10px; /* Abstand zur linken Seite */
}

/******************************************************
 * Submodul Projektübersicht - Submodul-Status
 ******************************************************/
.modProjFu-sub-status-icon {
  width: 25px;
  height: 25px;
  margin: 0 0 0 5px;
  border: 2px solid;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
}

.modProjFu-sub-status-unbekannt {
  color: #1e1f22;
}

.modProjFu-sub-status-keine_Inhalte {
  color: #a59c9c;
}

.modProjFu-sub-status-ungeprueft {
  color: #ffc400;
}

.modProjFu-sub-status-zu_editieren {
  color: #ffc400;
}

.modProjFu-sub-status-unvollstaendig {
  color: #9e1818;
}

.modProjFu-sub-status-abgelaufen {
  color: #ff5900;
}

.modProjFu-sub-status-geprueft {
  color: #48b648;
}

.modProjFu-sub-status-vollstaendig {
  color: #48b648;
}

.fi-color-orange {
  color: #ff5900;
}

/******************************************************
 * Submodul Projektuebersicht - Filter Geschaeftsbereich/Projektstatus
 ******************************************************/
/* line 108, ../sass/lib/_prozessframework.scss */
.modProjFu-uebersicht-filter {
  /* display: table; /* Fallback für IE9 */
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 7px;
}

/* line 115, ../sass/lib/_prozessframework.scss */
.modProjFu-uebersicht-filter-elem {
  padding-right: 15px;
  margin: 0 10px 6px 13px;
}

/* line 117, ../sass/lib/_prozessframework.scss */
.modProjFu-uebersicht-filter-elem select {
  min-width: 80px;
}

.modProjFu-style-shortLabel {
  max-width: 115px;
  flex: 0 0 115px;
  word-wrap: normal !important;
  white-space: pre-line !important;
}

.modProjFu-style-longLabel {
  max-width: 220px;
  flex: 0 0 220px;
}

/*
*****************************************************
 * Submodul Projektübersicht - Kartenfilter
 ******************************************************/
#modProjFu-projektuebersicht-right-zoomFilter-div {
  padding: 10px; /* Mehr Platz um das DIV */
  font-size: 14px;
}

#modProjFu-left-zoomFilter-cb[type=checkbox] {
  width: 15px; /* Größere Checkbox */
  height: 15px; /* Höhere Checkbox */
  margin-right: 10px; /* Etwas Abstand zwischen Checkbox und Text */
}

/******************************************************
 * Submodul Referenzfotos:
 ******************************************************/
/***** Referenzfotos: Fotokacheln     *****/
/*****************************************/
.iluUI-ProjFu-referenzfoto-contentDiv {
  display: flex;
  flex-direction: column; /* Stellt sicher, dass die Container untereinander erscheinen */
  padding: 10px;
}

.modProjFu-referenzfoto-filter {
  display: flex;
  gap: 20px;
  padding-bottom: 20px;
}

.iluUI-ProjFu-fotoPreview-container {
  position: relative;
  width: 100%; /* Or a fixed width if needed */
  height: 80%; /* Or a fixed height if needed */
  display: flex;
  justify-content: center; /* Horizontally centers the image */
  align-items: center; /* Vertically centers the image */
  overflow: hidden; /* Ensures the image doesn't go outside the container */
}

.iluUI-ProjFu-fotoPreview-container img {
  transition: transform 0.3s ease, cursor 0.3s ease;
}

.iluUI-ProjFu-fotoPreview-img {
  width: 100%; /* Ensure the image takes up the full width of the container */
  height: 100%; /* Ensure the image takes up the full height of the container */
  object-fit: cover; /* Ensures the image covers the entire container, potentially cropping it */
}

.iluUI-ProjFu-referenzfoto-listContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); /* Flexibilität in der Spaltenbreite */
  grid-gap: 10px; /* Kleiner Abstand zwischen den Kacheln */
  padding: 10px 0;
  max-height: 57vh;
  overflow-x: hidden !important; /* Vertikale Scrollbarkeit */
  width: 100%; /* Stellt sicher, dass der Container die volle Breite des Elternteils einnimmt */
}

.iluUI-ProjFu-referenzfoto-kachel {
  width: 100%; /* Die Kacheln passen sich der verfügbaren Breite an */
  height: auto; /* Die Höhe bleibt im Verhältnis zur Breite */
  height: 230px; /* Maximale Höhe der Kacheln */
  color: #6f6e6e;
  overflow: hidden; /* Verhindert das Überlaufen von Inhalten */
  border-radius: 15px;
  transition: transform 0.3s ease; /* Sanfter Übergang beim Skalieren */
  background-color: #efefef;
}

.iluUI-ProjFu-referenzfoto-kachel:hover {
  transform: scale(1.03); /* Bild wird um 5% größer */
  cursor: pointer; /* Hand-Cursor wird angezeigt */
}

.iluUI-ProjFu-left-container {
  padding-left: 10px;
}

.iluUI-ProjFu-kachel-text-container {
  display: grid;
  width: 100%;
  height: 10%;
  align-content: end;
  position: relative;
}

.iluUI-ProjFu-referenzfoto-aufnahmedatum, .iluUI-ProjFu-referenzfoto-titel {
  padding: 2px;
}

.iluUI-ProjFu-subkachel-right-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end; /* Elemente nach unten ausrichten */
  width: 30%; /* Rechte Seite nimmt weniger Platz ein */
  position: absolute;
}

.modProjFu-referenzfoto-icon-button {
  background: none !important;
  border: none !important;
  font-size: 19px !important;
  height: 40px;
  cursor: pointer !important;
  color: #6f6e6e !important;
  margin-right: 0px !important;
}

/* line 361, ../sass/modules/_modProjFu.scss */
.modProjFu-referenzfoto-icon-button:hover {
  color: #81d8b1 !important;
}

/***** Referenzfotos: Drag & Drop Area *****/
/*****************************************/
.modProjFu-referenzfoto-dragdropContainer {
  position: relative; /* Damit das Plus-Symbol absolut positioniert werden kann */
  border: 2px dashed #ccc;
  padding: 20px;
  text-align: center;
  color: #999;
  background-color: #f9f9f9;
  min-height: 35px !important;
  width: 100%;
  cursor: pointer;
  transition: border-color 0.3s ease; /* Für sanfte Übergänge beim Hover */
  border-radius: 10px;
}

/* Hover-Effekt für Randfarbe */
.modProjFu-referenzfoto-dragdropContainer:hover {
  border-color: #2b6291; /* Farbe für den Hover-Effekt */
}

.modProjFu-plus-symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Zentriert das Plus-Symbol */
  font-size: 40px; /* Größe des Plus-Symbols */
  color: #2e2f33; /* Optional: Farbe des Symbols #2e2f33; */
  pointer-events: none; /* Verhindert, dass das Plus-Symbol interaktive Elemente blockiert */
}

/* Hover-Effekt für Randfarbe */
.modProjFu-plus-symbol:hover {
  color: #2b6291; /* Farbe für den Hover-Effekt */
}

.modProjFu-referenzfoto-foto-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 100%;
}

.modProjFu-schlagworte-list {
  max-width: 90%;
}

/***** Referenzfotos: FormEditFotoUploader *****/
/*****************************************/
.projFu-formEditFotoUploader-image-container {
  width: 300px;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #f7f7f7; /* optional */
}

.projFu-formEditFotoUploader-image-container img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}

/*
.projFu-formEditFotoUploader-image-container img {
  max-width: 300px;
  max-height: 180px;
  width: 100%;
  height: auto;
}*/
/* Style the icon buttons */
.projFu-formEditFotoUploader-icon-button {
  background: none;
  border: none;
  font-size: 30px; /* Adjust the size of the icon */
  cursor: pointer;
  padding: 5px;
  color: #333; /* Set the icon color */
  margin-right: 20px;
}

.projFu-referenzfoto-replace-button-container {
  display: flex;
  flex-direction: column;
}

#modProjFu-projektliste-main-toolbar-paccSynchronisation-div {
  display: flex;
  align-items: center;
}

#modProjFu-projektliste-main-toolbar-paccSynchronisation {
  padding: 3px;
}

/******************************************************
 * Submodul Referenzfotos: Fotokacheln
 *
 ******************************************************/
.iluUI-projFu-fotokachel-component {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  margin: 12px;
  background-color: #fafafa;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
body.mobile-mode .iluUI-projFu-fotokachel-component {
  padding-left: 4px !important;
  padding-right: 4px !important;
  margin-left: 7px !important;
  margin-right: 7px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  background-color: #e1e1e4;
}

.iluUI-form-div-preview img {
  height: 250px !important;
  max-width: 100%;
}

.iluUI-fotokachel-button {
  color: #3a3c41 !important;
}

.iluUI-fotokachel-button:hover {
  color: #fdfdfd !important;
}

.iluUI-no-border {
  border: none !important;
}

.iluUI-fotokachel-itembuttondiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 2px;
}

.iluUI-projFu-fotokachel-listContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 330px));
  grid-gap: 5px;
  padding: 5px 0;
  justify-content: space-around;
}

.iluUI-projFu-fotokachel-kachel {
  max-width: 350px;
  height: 250px;
  border-width: 2px;
  border-style: solid;
  background: #bcbcbc;
  border-color: #bcbcbc;
  position: relative;
}

.iluUI-projFu-fotokachel-kachel:hover {
  border-color: #3572bf;
}

.iluUI-projFu-fotokachelPreview-container {
  width: 100%;
  height: 80%;
}

.iluUI-projFu-fotokachelPreview-img {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: nesw-resize;
}

.iluUI-fotoAufnahmeDialog {
  z-index: 9999;
}

.iluUI-video-window-size {
  width: 640px; /* gewünschte Breite */
  height: 480px; /* gewünschte Höhe */
  object-fit: cover; /* sorgt dafür, dass das Video skaliert und beschnitten wird, falls nötig */
  border-radius: 4px; /* optional: abgerundete Ecken */
}

.iluUI-form-box-flex-3 {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 16px;
  margin: 12px;
  background-color: #f9f9f9;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
body.mobile-mode .iluUI-form-box-flex-3 {
  padding: 4px !important;
  margin: 4px !important;
}

#modProjFu-fotokacheln-edit-foto-itemdiv .iluUI-form-div-preview img {
  height: 250px !important;
  max-width: 100%;
}

.iluUI-projFu-fotokachel-delete-button .iluUI-projFu-fotokachel-delete {
  cursor: pointer !important;
  background-color: transparent;
  border: none;
  color: #9c9c9c;
}

.iluUI-projFu-fotokachel-edit-button:hover .iluUI-projFu-fotokachel-edit {
  color: #3572bf;
}

.iluUI-projFu-fotokachel-delete-button:hover .iluUI-projFu-fotokachel-delete {
  color: #3572bf;
}

.iluUI-projFu-left-container, .iluUI-projFu-mid-container, .iluUI-projFu-right-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  color: #333333;
}

.iluUI-projFu-fotokachel-kapitelNr {
  font-weight: bold;
  color: #3572bf;
}

.iluUI-audio-main-div {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.iluUI-inlineButton-lg {
  height: 30px;
  width: 30px;
  border-radius: 3px;
  border: 1px solid transparent;
  margin: 0 0 0 2px;
}

.fotokachel-media-appearance-icon {
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #6c6c6c;
}

.fotokachel-media-appearance-icon.active {
  background-color: #005ea6;
  color: white;
  border-radius: 4px;
}

.iluUI-moddlg-height-control {
  max-height: 80vh;
  overflow-y: auto;
}
body.mobile-mode .iluUI-moddlg-height-control {
  max-height: 94%;
}

body.mobile-mode .iluUI-moddlg-bottom-control {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 7px; /* seitlicher Abstand */
  display: flex;
  justify-content: flex-end;
  z-index: 2000;
}

.iluUI-audio-entry {
  position: relative;
  width: 320px;
  minWidth: 320px;
  cursor: pointer;
  flex-shrink: 0;
}
body.mobile-mode .iluUI-audio-entry {
  width: 95% !important;
}

.iluUI-fotoAufnahme-expanded {
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 16px;
  box-sizing: border-box;
}

.iluUI-fotoAufnahme-videoWrapper video {
  width: 100%;
  height: auto;
  max-height: 360px;
  border-radius: 8px;
  object-fit: cover;
}

.iluUI-cameraCaptureButton,
.iluUI-cameraCloseButton {
  display: inline-block;
  margin: 12px 10px 0;
  padding: 12px 20px;
  font-size: 1rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background-color: #0078D4;
  color: white;
  width: 45%;
}

.iluUI-cameraCloseButton {
  background-color: #0077d2;
}

.iluUI-cameraCaptureButton:hover {
  background-color: #005ea6;
}

.iluUI-cameraCloseButton:hover {
  background-color: #b00000;
}

.iluUI-projFu-fotokachel-zuweisungContainer {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex-wrap: wrap;
}

.iluUI-projFu-fotokachel-pkritDropdown-output {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #d2f1e3;
}

.iluUI-projFu-fotokachel-pkritDropdown {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin-top: 5px;
  background: #fff;
  background-color: #f1f3f4;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  z-index: 999;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
  color: #3a3c41;
}

.projFu-bn-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #3a3c41;
}

.projFu-bn-tile:hover {
  background-color: #c6eaf9;
  transform: translateY(-2px);
}

.projFu-bn-tile i {
  font-size: 24px;
  margin-bottom: 5px;
}

.projFu-bn-tile {
  font-size: 13px;
  text-align: center;
}

.projFu-bn-tile-selected {
  background-color: #f1f3f4;
  border: none;
}

.nb-filter-btn.active {
  background-color: #ddd;
  font-weight: bold;
}

.bewertung-filter-btn.active {
  border: 2px solid black;
  box-shadow: 0 0 3px #333;
}

.projFu-fotokachel-bewertung-icon {
  border: none;
  background-color: transparent;
  opacity: 0.7;
}

.modProjFu-fotokacheln-nachbearbeitungsstatus-filter, .modProjFu-fotokacheln-bewertung-filter {
  margin-bottom: unset !important;
}

.projFu-btn-hover {
  cursor: pointer;
}

.projFu-btn-hover:hover {
  background-color: #005ea6;
  border-color: white;
  color: white;
}

/******************************************************
 * Submodul Referenzen:
 ******************************************************/
/***** Referenzen: Main Table *****/
/*****************************************/
#modProjFu-referenzen-main-tbl {
  vertical-align: middle; /* Vertikale Ausrichtung */
}

/***** Referenzen: AuswahlDlg *****/
/*****************************************/
#undefined-Dlg-auswahl-kenndaten-dialog,
#undefined-Dlg-auswahl-auftraggeber-dialog,
#undefined-Dlg-auswahl-leistungen-dialog,
#undefined-Dlg-auswahl-schlagwort-dialog,
#undefined-Dlg-auswahl-zeitraum-dialog,
#undefined-Dlg-auswahl-schluesselpersonen-dialog {
  z-index: 1000 !important;
}

/***** Referenzen: ??? *****/
/*****************************************/
/*.iluUI-kachel-list-item.small {
  display: inline-block;
  padding: 4px 6px;
  margin: 2px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #f7f7f7;
  font-size: 11px;
}

.iluUI-kachel-list-item.large {
  padding: 8px 12px;
  margin: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f7f7f7;
  font-size: 14px;
}*/
/***** Referenzen: editDialog *****/
/*****************************************/
.modProjFu-Referenzen-upperBtnDiv {
  display: flex; /* Setzt den Container auf Flexbox */
  justify-content: space-between; /* Richtet den Inhalt horizontal rechts aus */
  align-items: center; /* Zentriert den Inhalt vertikal */
  font-size: 1.2em;
}

.modProjFu-isWebreferenz-div .modProjFu-formDialog-previewPDF-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.modProjFu-down {
  color: #019ddb !important;
  border: 2px dashed #019ddb !important;
}

.modProjFu-Referenzen-Webreferenz-container {
  display: flex;
  justify-content: space-around;
  margin-bottom: 250px;
  margin-top: 10px;
}

/***** Referenzen: formConfig *****/
/*****************************************/
.modProjFu-iluUI-referenzen-fieldset {
  padding-top: 20px;
  margin: 10px;
  align-items: center;
  display: inline-block;
  flex-wrap: nowrap;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.modProjFu-iluUI-referenzen-fieldset legend {
  font-size: 1.1em;
  color: #1e1f22;
}

.iluUI-ProjFu-flexLayout-space-between {
  justify-content: space-between;
}

.iluUI-form-box-flex-1 {
  flex: 1;
  min-height: 300px;
  /* Doppelte Höhe */
  height: 100%;
  align-self: stretch;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 16px;
  margin: 12px;
  background-color: #f9f9f9;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.iluUI-form-box-flex-2 {
  flex: 2;
  min-height: 300px;
  /* Doppelte Höhe */
  height: 100%;
  align-self: stretch;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 16px;
  margin: 12px;
  background-color: #f9f9f9;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

/* Nur legend-Elemente innerhalb von .iluUI-form-box-flex beeinflussen */
.iluUI-form-box-flex-1 legend {
  font-size: 1.1em;
  color: #1e1f22;
}

.iluUI-form-box-flex-2 legend {
  font-size: 1.1em;
  color: #1e1f22;
}

/***** Referenzen: TinyMCE *****/
/*****************************************/
/*.tox-tinymce {
  border: 1px solid #757575 !important;
  border-radius: 2px !important;
  box-shadow: none;
  font-size: 0.8em !important;
  width: 85% !important;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
  box-shadow: none !important;
  padding: 0px 0 !important;
  transition: none !important;
}
}*/
/***** iluUI Components, Class: RenderSortableInsertList *****/
/*****************************************/
.iluUI-render-insert-list, .modProjFu-schlagworte-list {
  display: block; /* Stelle sicher, dass das UL als Block angezeigt wird */
  margin-right: 1px;
  width: 90%;
}

.iluUI-render-insert-list-item {
  display: block; /* Elemente untereinander anzeigen */
  padding: 8px 12px; /* Etwas Innenabstand für die Kästchen */
  margin: 5px; /* Abstand zwischen den Kästchen */
  border: 1px solid #ccc; /* Einfache graue Umrandung */
  border-radius: 4px; /* Abgerundete Ecken */
  background-color: #f7f7f7; /* Helles Grau als Hintergrund */
  font-size: 14px; /* Schriftgröße anpassen */
}

.iluUI-render-insert-list-input {
  width: 100%; /* Das Input-Feld nimmt nun 100% der verfügbaren Breite des Elternelements ein */
  box-sizing: border-box; /* Verhindert, dass Padding und Border die Gesamtbreite beeinflussen */
  padding: 5px 10px; /* Etwas Innenabstand für das Input-Feld */
  font-size: 14px; /* Gleiche Schriftgröße wie der Listeneintrag */
  border: 1px solid #ccc; /* Border ähnlich wie bei den Listenelementen */
  border-radius: 4px; /* Abgerundete Ecken wie bei den Listenelementen */
  background-color: #fff; /* Weißer Hintergrund für das Input-Feld */
}

/******************************************************
 * Submodul Projektbeurteilung:
 ******************************************************/
.iluUI-radioScale-container {
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  padding: 10px;
  border-radius: 5px;
  font-size: 1.1em;
}

.iluUI-radio-wrapper {
  display: flex;
  gap: 5px;
}

.iluUI-wide-label {
  max-width: 300px !important;
}

#modProjFu-projektbeurteilung-main-tbl {
  vertical-align: middle; /* Vertikale Ausrichtung */
}

#modProjFu-projektbeurteilung-edit-daten-container {
  padding-top: 5px;
}

/******************************************************
 * Submodul Kundenzufriedenheit:
 ******************************************************/
#modProjFu-kundenzufriedenheit-main-tbl {
  vertical-align: middle; /* Vertikale Ausrichtung */
}

.fieldset-flex2 {
  flex: 1;
}

#modProjFu-kundenzufriedenheit-edit-daten {
  border-style: none !important;
  box-shadow: none !important;
}

/******************************************************
 * Submodul Koreferate --> FormEditDialog
 ******************************************************/
.modProjFu-style-max-button-height {
  max-height: 38px;
}

#undefined-Dlg-auswahl-projektphase-dialog {
  z-index: 1000 !important;
}

.modProjFu-projektphase-item {
  display: inline-block; /* Elemente nebeneinander anzeigen */
  padding: 8px 12px; /* Etwas Innenabstand für die Kästchen */
  margin: 5px; /* Abstand zwischen den Kästchen */
  border: 1px solid #ccc; /* Einfache graue Umrandung */
  border-radius: 4px; /* Abgerundete Ecken */
  background-color: #f7f7f7; /* Helles Grau als Hintergrund */
  font-size: 14px; /* Schriftgröße anpassen */
}

#modProjFu-koreferate-edit-projektphase-itemdiv {
  display: flex; /* Vertikal ausrichten */
  gap: 5px; /* Abstand zwischen Liste und Button */
  flex-direction: row-reverse; /*Reihenfolge umdrehen*/
  max-width: fit-content; /* Container nur so breit wie nötig machen */
}

.modProjFu-projektphase-list {
  margin-right: auto; /* Schiebt die Liste ganz nach links */
}

#modProjFu-koreferate-edit-projektphase-button {
  flex-grow: 0; /* Button soll sich nicht ausdehnen */
  white-space: nowrap; /* Falls nötig, um Umbrüche zu verhindern */
}

.modProjFu-projektphase-item-small {
  display: inline-block; /* Elemente nebeneinander anzeigen */
  padding: 4px 6px; /* Etwas Innenabstand für die Kästchen */
  margin: 2px; /* Abstand zwischen den Kästchen */
  border: 1px solid #ccc; /* Einfache graue Umrandung */
  border-radius: 2px; /* Abgerundete Ecken */
  background-color: #f7f7f7; /* Helles Grau als Hintergrund */
  font-size: 11px; /* Schriftgröße anpassen */
}

.modProjFu-projektphase-item-large {
  display: inline-block; /* Elemente nebeneinander anzeigen */
  padding: 8px 12px; /* Etwas Innenabstand für die Kästchen */
  margin: 5px; /* Abstand zwischen den Kästchen */
  border: 1px solid #ccc; /* Einfache graue Umrandung */
  border-radius: 4px; /* Abgerundete Ecken */
  background-color: #f7f7f7; /* Helles Grau als Hintergrund */
  font-size: 14px; /* Schriftgröße anpassen */
}

.modProjFu-btnGroup-status {
  display: flex;
  text-align: left; /* Falls es ein Button mit Text ist */
  margin-left: 0 !important;
  gap: 10px;
  justify-content: flex-start;
  padding: 15px;
}

#modProjFu-status-auswahl-label {
  margin-left: 0 !important;
}

.modProjFu-style-left-align-button {
  text-align: left !important;
  margin-left: 0 !important;
  display: inline-block !important;
}

/******************************************************
 * Submodul Teilprojekte
 ******************************************************/
#undefined-Dlg-auswahl-meilensteine-dialog,
#undefined-Dlg-auswahl-fixtermine-dialog {
  z-index: 1000 !important;
}

#modProjFu-teilprojekte-edit-terminplanung-container {
  margin-top: 5px;
}

#modProjFu-teilprojekte-edit-terminplanung-fs1 {
  padding: 10px;
  background-color: #F9F9F9; /* Optionales Styling */
  border: 1px solid #CFCFCF; /* Optionaler Rahmen */
  margin-bottom: 5px; /* Abstand zu den nächsten Feldern */
  display: flex;
  flex-direction: column; /* Flexbox anpassen, um Elemente vertikal anzuzeigen */
  width: 100%;
  margin-top: 5px;
}

#modProjFu-teilprojekte-edit-terminplanung-fs2,
#modProjFu-teilprojekte-edit-terminplanung-fs3 {
  display: flex;
  flex-direction: column; /* Flexbox für vertikale Anordnung der Felder */
  align-items: flex-start;
}

/******************************************************
 * Submodul Sicherheitskonzept
 ******************************************************/
.modProjFu-style-main-panel-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* Das ganze Div nach links schieben */
#modProjFu-buttondiv-taetigkeit {
  justify-content: flex-start !important; /* Schiebt das Div nach links */
  text-align: left !important;
  font-size: 16px;
  margin-left: 0; /* Optional, um sicherzustellen, dass es keinen linken Abstand hat */
}

/* Haupt-Container: Elemente vertikal anordnen */
#modProjFu-sicherheitskonzept-container-notfallorganisation {
  display: flex;
  flex-direction: column;
}

/* Top-Feld für die Booleans */
#modProjFu-sicherheitskonzept-fs3 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around; /* Verteilt die Checkboxen */
  align-items: center;
  width: 95%;
  padding: 10px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ccc;
}

/* Checkbox + Label als Inline-Flex */
#modProjFu-sicherheitskonzept-edit-mobile-verbindung-div,
#modProjFu-sicherheitskonzept-edit-erste-hilfe-div {
  display: inline-flex;
  align-items: center;
  white-space: nowrap; /* Kein Umbruch */
  flex-grow: 1; /* Sorgt für gleichmäßige Verteilung */
  min-width: 150px; /* Verhindert Zeilenumbrüche */
  gap: 8px;
}

#modProjFu-sicherheitskonzept-edit-mobile-verbindung-label {
  min-width: 150px;
  max-width: 250px !important;
}

#modProjFu-sicherheitskonzept-fs3 input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

/* Linke Spalte: Spezielle Notfallnummern */
#modProjFu-sicherheitskonzept-left-fs3 {
  display: flex;
  flex-direction: column;
  width: 30%; /* Linke Spalte */
  padding: 10px;
}

/* Rechte Spalte: Notfallnummer-Icons */
#modProjFu-sicherheitskonzept-right-fs3 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 10px;
}

/* Notfall-Icons */
.modProjFu-notfall-container {
  display: flex;
  justify-content: space-around; /* Gleichmäßige Verteilung */
  align-items: flex-start; /* Sorgt dafür, dass alle Icons oben ausgerichtet sind */
  gap: 15px; /* Abstand zwischen den Notfall-Items */
}

.modProjFu-notfall-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 70px;
}

.modProjFu-notfall-item span {
  display: block; /* Sorgt für einen Zeilenumbruch */
  font-weight: bold; /* Nummer fett */
  font-size: 18px; /* Optional: Größe anpassen */
}

.modProjFu-notfall-item div {
  text-align: center; /* Zentriert den Namen darunter */
  font-weight: bold;
  font-size: 14px; /* Optional: Kleinere Schrift für die Beschreibung */
}

.modProjFu-notfall-item i {
  font-size: 60px;
}

/* Das Div für die Checkbox kleiner machen und näher zum Label rücken */
#modProjFu-sicherheitskonzept-edit-daten-feldarbeit-fs1,
#modProjFu-sicherheitskonzept-edit-daten-stolpern-fs1,
#modProjFu-sicherheitskonzept-edit-daten-maschinen-fs1,
#modProjFu-sicherheitskonzept-edit-daten-baugruben-fs1,
#modProjFu-sicherheitskonzept-edit-daten-schaechte-fs1,
#modProjFu-sicherheitskonzept-edit-daten-steilufer-fs1,
#modProjFu-sicherheitskonzept-edit-daten-massnahmen-fs1 {
  display: flex;
  align-items: center; /* Zeilenhöhe der Checkbox und Label anpassen */
  flex-basis: auto; /* Flex-Basis auf den Inhalt anpassen */
  flex-grow: 0; /* Verhindert, dass das Element über seine Basis hinaus wächst */
  width: auto !important; /* Setzt die Breite automatisch basierend auf Inhalt */
  box-sizing: border-box; /* Verhindert, dass Padding und Border die Gesamtbreite beeinflussen */
  margin-right: 10px; /* Optional: Platz zwischen Checkbox und Label */
}

#modProjFu-sicherheitskonzept-edit-daten-feldarbeit-fs1 label,
#modProjFu-sicherheitskonzept-edit-daten-stolpern-fs1 label,
#modProjFu-sicherheitskonzept-edit-daten-maschinen-fs1 label,
#modProjFu-sicherheitskonzept-edit-daten-baugruben-fs1 label,
#modProjFu-sicherheitskonzept-edit-daten-schaechte-fs1 label,
#modProjFu-sicherheitskonzept-edit-daten-steilufer-fs1 label,
#modProjFu-sicherheitskonzept-edit-daten-massnahmen-fs1 label {
  min-width: 250px; /* Entfernt die festgelegte min-width/max-width */
  margin-right: 10px; /* Optional: etwas Abstand zwischen dem Label und der Checkbox */
}

#modProjFu-sicherheitskonzept-edit-daten-feldarbeit-fs1 input[type=checkbox],
#modProjFu-sicherheitskonzept-edit-daten-stolpern-fs1 input[type=checkbox],
#modProjFu-sicherheitskonzept-edit-daten-maschinen-fs1 input[type=checkbox],
#modProjFu-sicherheitskonzept-edit-daten-baugruben-fs1 input[type=checkbox],
#modProjFu-sicherheitskonzept-edit-daten-schaechte-fs1 input[type=checkbox],
#modProjFu-sicherheitskonzept-edit-daten-steilufer-fs1 input[type=checkbox],
#modProjFu-sicherheitskonzept-edit-daten-massnahmen-fs1 input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

#modProjFu-sicherheitskonzept-edit-daten-feldarbeit-fs2,
#modProjFu-sicherheitskonzept-edit-daten-stolpern-fs2,
#modProjFu-sicherheitskonzept-edit-daten-maschinen-fs2,
#modProjFu-sicherheitskonzept-edit-daten-baugruben-fs2,
#modProjFu-sicherheitskonzept-edit-daten-schaechte-fs2,
#modProjFu-sicherheitskonzept-edit-daten-steilufer-fs2,
#modProjFu-sicherheitskonzept-edit-daten-massnahmen-fs2 {
  width: 60%;
  box-sizing: border-box;
}

/*************************
 * Left Panel
 *************************/
#modProfilLeft {
  font-size: small;
}

.modProjVerz-left-filter-div {
  padding: 7px;
}

.modProjVerz-left-filter-div input {
  margin: 0 10px 6px 13px;
}

.modProjverz-short-field {
  flex: 0 0 33%;
}

.modProjVerz-reflist-ico {
  position: absolute;
  left: 1.7em;
  top: 25%;
}

.modProjVerz-shortLabel {
  max-width: 115px;
  flex: 0 0 115px;
  word-wrap: normal !important;
  white-space: pre-line !important;
}

.modProjVerz-longLabel {
  max-width: 220px;
  flex: 0 0 220px;
}

.modUser-changePassword-ungleich {
  background-color: #d9534f;
}

.modKies-svg {
  max-width: 800px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 10px;
}

.modKies-standortfelder {
  flex: 0 0 200px;
  max-width: 200px;
}

/******************************************************
 * pschritt matbh
 ******************************************************/
/**
 * colors
 */
/**
 * layout
 */
#modMatBH-matbh-root {
  margin-right: 2px;
}
#modMatBH-matbh-root .label {
  display: inline-block;
  font-size: 0.73em;
}
#modMatBH-matbh-root .label.header {
  font-size: 0.85em;
  padding-bottom: 3px;
}
#modMatBH-matbh-root .label.modMatBH-matbh-col {
  float: right;
}
#modMatBH-matbh-root .label.modMatBH-matbh-col-right {
  margin-right: 2.5em;
}
#modMatBH-matbh-root button {
  cursor: pointer;
}
#modMatBH-matbh-root .button-crud {
  padding: 0 0.2em;
  border: none;
  background: none;
  line-height: 1.2;
  position: absolute;
  align-self: center;
  right: 0.3em;
  top: 2px;
}
#modMatBH-matbh-root .button-crud.fi-locked {
  color: black;
}
#modMatBH-matbh-root .button-crud.fi-file-delete {
  color: black;
}
#modMatBH-matbh-root > .dropdown-box > .dropdown-bar {
  padding: 0.5em 0 0.5em 2em;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #9c9c9c;
}
#modMatBH-matbh-root > .dropdown-box > .dropdown-content > .dropdown-box > .dropdown-bar {
  background-color: #e2e2e2;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
}
#modMatBH-matbh-root .dropdown-content {
  margin: 0 2px;
  padding: 0.7em 0 0;
}
#modMatBH-matbh-root .dropdown-content .dropdown-content {
  margin: 0 5px 25px 5px;
  padding: 0.4em 0.6em 0.7em 0.6em;
  background-color: #f5f5f5;
  border: 1px solid #dcdcdc;
  border-top-width: 0;
  border-radius: 0 0 3px 3px;
}
#modMatBH-matbh-root .dropdown-content .dropdown-content .dropdown-content {
  margin: 0;
  padding-right: 0;
  padding-left: 2em;
  background-color: white;
  border: 0;
}
#modMatBH-matbh-root .dropdown-bar {
  position: relative;
  padding: 3px 0 3px 2em;
}
#modMatBH-matbh-root .dropdown-bar h3 {
  font-weight: normal;
  font-size: 100%;
}
#modMatBH-matbh-root .dropdown-bar .dropdown-toggle {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: none;
  background: none;
  padding: 0 0.5em;
}
#modMatBH-matbh-root .dropdown-box .dropdown-content {
  display: none;
}
#modMatBH-matbh-root .dropdown-box.open > .dropdown-content {
  display: block;
}

.modMatBH-matbh-position {
  border-style: solid;
  border-color: #b3b3b3;
  border-width: 0 5px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #afafaf, 2px 2px 3px #d2d2d2;
}
.modMatBH-matbh-position.open {
  border-bottom-width: 5px;
}

.modMatBH-matbh-anlEingang {
  border-radius: 3px;
  box-shadow: 0 0 0 1px #afafaf, 2px 2px 3px #d2d2d2;
  padding-bottom: 0;
}

.modMatBH-matbh-zielprozess, .modMatBH-matbh-position-bar {
  min-height: 1.425em;
}

#modMatBH-matbh-root > div:nth-child(n+2), .modMatBH-matbh-position:nth-child(n+2), .modMatBH-matbh-zielprozess:nth-child(n+2), .modMatBH-matbh-anlEingang:nth-child(n+2),
.modMatBH-matbh-lagerEin:nth-child(n+2), .modMatBH-matbh-lagerAus:nth-child(n+2), .modMatBH-matbh-anlage:nth-child(n+2) {
  margin-top: 0.9em;
}

.modMatBH-matbh-zielprozess > select.select, .modMatBH-matbh-position-bar > select.select, .modMatBH-matbh-anlEingang-bar > select.select {
  font-size: 1em;
}
.modMatBH-matbh-zielprozess input:disabled,
.modMatBH-matbh-zielprozess select:disabled, .modMatBH-matbh-position-bar input:disabled,
.modMatBH-matbh-position-bar select:disabled, .modMatBH-matbh-anlEingang-bar input:disabled,
.modMatBH-matbh-anlEingang-bar select:disabled {
  color: #614a34;
}
.modMatBH-matbh-zielprozess .text-ellipsis, .modMatBH-matbh-position-bar .text-ellipsis, .modMatBH-matbh-anlEingang-bar .text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.modMatBH-matbh-zielprozess .material, .modMatBH-matbh-position-bar .material, .modMatBH-matbh-anlEingang-bar .material {
  margin-right: 26.5em;
}
.produkt .modMatBH-matbh-zielprozess .material, .produkt .modMatBH-matbh-position-bar .material, .produkt .modMatBH-matbh-anlEingang-bar .material {
  margin-right: 0.3em;
}
.modMatBH-matbh-zielprozess .max-korn, .modMatBH-matbh-position-bar .max-korn, .modMatBH-matbh-anlEingang-bar .max-korn {
  margin-right: 26.5em;
}
.modMatBH-matbh-zielprozess .zp-select, .modMatBH-matbh-position-bar .zp-select, .modMatBH-matbh-anlEingang-bar .zp-select {
  margin-right: 26.5em;
  opacity: 1 !important;
}
.modMatBH-matbh-ausgang-content .modMatBH-matbh-zielprozess .zp-select, .modMatBH-matbh-ausgang-content .modMatBH-matbh-position-bar .zp-select, .modMatBH-matbh-ausgang-content .modMatBH-matbh-anlEingang-bar .zp-select {
  margin-right: 0.3em;
}
.modMatBH-matbh-zielprozess .eww-select, .modMatBH-matbh-position-bar .eww-select, .modMatBH-matbh-anlEingang-bar .eww-select {
  margin-right: 26.5em;
}
.modMatBH-matbh-zielprozess .eww-select.valerror input, .modMatBH-matbh-position-bar .eww-select.valerror input, .modMatBH-matbh-anlEingang-bar .eww-select.valerror input {
  border-style: solid;
  border-style: solid;
  border-width: thin;
  border-color: rgb(193.1065420561, 46.0822429907, 41.6934579439);
  background-color: #ebc8c7;
}
.modMatBH-matbh-zielprozess .material, .modMatBH-matbh-position-bar .material, .modMatBH-matbh-anlEingang-bar .material {
  width: 25em;
  flex: 1 1 25em;
}
.modMatBH-matbh-zielprozess .min-korn, .modMatBH-matbh-zielprozess .max-korn, .modMatBH-matbh-position-bar .min-korn, .modMatBH-matbh-position-bar .max-korn, .modMatBH-matbh-anlEingang-bar .min-korn, .modMatBH-matbh-anlEingang-bar .max-korn {
  font-size: 1em;
  text-align: right;
  width: 2.5em;
  flex: 0 0 2.5em;
  max-width: 2.5em;
  box-sizing: border-box;
}
.modMatBH-matbh-zielprozess .korn-separator, .modMatBH-matbh-position-bar .korn-separator, .modMatBH-matbh-anlEingang-bar .korn-separator {
  padding: 0 0.2em;
}
.modMatBH-matbh-zielprozess .rc-material, .modMatBH-matbh-position-bar .rc-material, .modMatBH-matbh-anlEingang-bar .rc-material {
  width: 20em;
  flex: 1 0 20em;
  max-width: 25em;
}
.modMatBH-matbh-zielprozess .zp-select, .modMatBH-matbh-position-bar .zp-select, .modMatBH-matbh-anlEingang-bar .zp-select {
  width: 20em;
  flex: 1 0 20em;
  max-width: 25em;
}
.modMatBH-matbh-zielprozess .zp-select:nth-last-child(4), .modMatBH-matbh-position-bar .zp-select:nth-last-child(4), .modMatBH-matbh-anlEingang-bar .zp-select:nth-last-child(4) {
  width: 10em;
  flex-basis: 10em;
  max-width: 20em;
}
.modMatBH-matbh-zielprozess .valerror, .modMatBH-matbh-position-bar .valerror, .modMatBH-matbh-anlEingang-bar .valerror {
  border-style: solid;
  border-style: solid;
  border-width: thin;
  border-color: rgb(193.1065420561, 46.0822429907, 41.6934579439);
  background-color: #ebc8c7;
}
.modMatBH-matbh-zielprozess .ausgangprozess, .modMatBH-matbh-position-bar .ausgangprozess, .modMatBH-matbh-anlEingang-bar .ausgangprozess {
  background-color: #abddab;
}
.modMatBH-matbh-zielprozess .anlageprozess, .modMatBH-matbh-position-bar .anlageprozess, .modMatBH-matbh-anlEingang-bar .anlageprozess {
  background-color: #f5f5b0;
}
.modMatBH-matbh-zielprozess .eww-select, .modMatBH-matbh-position-bar .eww-select, .modMatBH-matbh-anlEingang-bar .eww-select {
  width: 15em;
  flex: 1 0 15em;
  max-width: 26em;
}

.dropdown-bar, .modMatBH-matbh-zielprozess {
  position: relative;
  display: flex;
}

#modMatBH-matbh-root .modMatBH-matbh-col {
  width: 7em;
  text-align: right;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#modMatBH-matbh-root .modMatBH-matbh-col .label {
  padding-left: 0.2em;
}
#modMatBH-matbh-root .modMatBH-matbh-col .value {
  width: 5em;
  text-align: right;
  padding-right: 0.2em;
  margin-left: 0.2em;
  box-sizing: border-box;
  font-size: 1em;
}
#modMatBH-matbh-root .modMatBH-matbh-col .value:not(input) {
  padding-top: 1px;
  padding-bottom: 1px;
  color: #272727;
}
#modMatBH-matbh-root .modMatBH-matbh-col .valerror {
  border-style: solid;
  border-style: solid;
  border-width: thin;
  border-color: rgb(193.1065420561, 46.0822429907, 41.6934579439);
  background-color: #ebc8c7;
}
#modMatBH-matbh-root .modMatBH-matbh-col .unit {
  padding-right: 0.2em;
  padding-left: 0.2em;
}
#modMatBH-matbh-root .modMatBH-matbh-col .unit-small {
  font-size: 0.8em;
  line-height: 0.8;
}
#modMatBH-matbh-root .modMatBH-matbh-col.incomplete:after {
  font: normal normal normal 14px/1 FontIlu;
  font-size: 1.3333333em;
  display: inline-block;
  text-rendering: auto;
  transform: translate(0, 0);
  content: "\f006d";
  color: rgb(193.1065420561, 46.0822429907, 41.6934579439);
  position: absolute;
  left: 100%;
  padding-left: 0.1em;
  top: 3px;
}
#modMatBH-matbh-root .modMatBH-matbh-col-left {
  right: 18.5em;
}
#modMatBH-matbh-root .modMatBH-matbh-col-center {
  right: 10.5em;
}
#modMatBH-matbh-root .modMatBH-matbh-col-right {
  right: 2.5em;
}
#modMatBH-matbh-root .repository-total.modMatBH-matbh-col-right {
  right: 1em;
}
#modMatBH-matbh-root .dropdown-bar > .material-picker {
  display: flex;
  margin-right: 26.5em !important;
}
#modMatBH-matbh-root .dropdown-bar > .material-picker .select {
  flex: 1 1 25em;
  margin-right: 0.3em;
}
#modMatBH-matbh-root .dropdown-bar > .material-picker .max-korn {
  margin-right: 0;
}
#modMatBH-matbh-root .dropdown-bar > .material-picker .value {
  width: 100%;
  box-sizing: border-box;
  text-align: right;
}

.modMatBH-matbh-comboEingang .lager, .modMatBH-matbh-comboEingang .annahme, .modMatBH-matbh-comboEingang .abbau, .modMatBH-matbh-comboEingang .kies-prozesszuteilung {
  position: relative;
  min-height: 1.425em;
  margin-right: 18.5em;
  display: flex;
  margin-top: 0.6em;
  margin-bottom: 0.5em;
}
.modMatBH-matbh-comboEingang .lager .value-field, .modMatBH-matbh-comboEingang .annahme .value-field, .modMatBH-matbh-comboEingang .abbau .value-field, .modMatBH-matbh-comboEingang .kies-prozesszuteilung .value-field {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 7em;
  flex: 0 0 7em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.modMatBH-matbh-comboEingang .lager .value-field .value, .modMatBH-matbh-comboEingang .annahme .value-field .value, .modMatBH-matbh-comboEingang .abbau .value-field .value, .modMatBH-matbh-comboEingang .kies-prozesszuteilung .value-field .value {
  width: 5em;
  padding-right: 0.2em;
  margin-left: 0.2em;
  box-sizing: border-box;
  font-size: 1em;
  text-align: right;
}
.modMatBH-matbh-comboEingang .lager .value-field .unit, .modMatBH-matbh-comboEingang .annahme .value-field .unit, .modMatBH-matbh-comboEingang .abbau .value-field .unit, .modMatBH-matbh-comboEingang .kies-prozesszuteilung .value-field .unit {
  padding: 0 0.2em;
}
.modMatBH-matbh-comboEingang .lager .value-field .unit-small, .modMatBH-matbh-comboEingang .annahme .value-field .unit-small, .modMatBH-matbh-comboEingang .abbau .value-field .unit-small, .modMatBH-matbh-comboEingang .kies-prozesszuteilung .value-field .unit-small {
  font-size: 0.8em;
  line-height: 0.8;
}
.modMatBH-matbh-comboEingang .kies-prozesszuteilung {
  margin-left: 15px;
  margin-top: 25px;
}
.modMatBH-matbh-comboEingang .label.header, .modMatBH-matbh-comboEingang .prozesszuteilung {
  margin-left: 30px;
}
.modMatBH-matbh-comboEingang .label.header {
  position: relative;
}
.modMatBH-matbh-comboEingang .label.header .button-crud {
  font-size: 17px !important;
  right: 100% !important;
  padding-right: 10px;
  top: -3px !important;
}
.modMatBH-matbh-comboEingang .underline {
  border-bottom: 1px solid #7b7b7b;
  flex: 1 1 25em;
  margin-right: 1em;
  padding-bottom: 0.5em;
}
.modMatBH-matbh-comboEingang .input-detail, .modMatBH-matbh-comboEingang .zielprozesse {
  position: relative;
  margin-left: 30px;
  margin-top: 2px;
}
.modMatBH-matbh-comboEingang .prepend.button-crud {
  font-size: 17px !important;
  right: 100% !important;
  padding-right: 10px;
  top: -3px !important;
}

.modMatBH-matbh-ausgang-content .ausgang {
  position: relative;
  min-height: 1.425em;
  display: flex;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}
.modMatBH-matbh-ausgang-content .kies {
  margin-top: 0.8em;
}
.modMatBH-matbh-ausgang-content .standort {
  margin-left: 30px;
}
.modMatBH-matbh-ausgang-content .underline {
  border-bottom: 1px solid #7b7b7b;
  flex: 1 1 25em;
  margin-right: 1em;
  padding-bottom: 0.5em;
}
.modMatBH-matbh-ausgang-content .input-detail-kies, .modMatBH-matbh-ausgang-content .zielprozesse {
  position: relative;
  margin-left: 30px;
}
.modMatBH-matbh-ausgang-content .prepend.button-crud {
  font-size: 17px !important;
  right: 100% !important;
  padding-right: 10px;
  top: -3px !important;
}

.modMatBH-matbh-eingang-bar,
.modMatBH-matbh-anlagen-bar,
.modMatBH-matbh-ausgang-bar {
  display: none;
}
.modMatBH-matbh-eingang-bar, .modMatBH-matbh-eingang-bar button,
.modMatBH-matbh-anlagen-bar,
.modMatBH-matbh-anlagen-bar button,
.modMatBH-matbh-ausgang-bar,
.modMatBH-matbh-ausgang-bar button {
  background-color: #2b6392;
  color: #fff;
}

.modMatBH-matbh-matEin-bar,
.modMatBH-matbh-lagerEin-bar,
.modMatBH-matbh-anlage-bar,
.modMatBH-matbh-matAus-bar,
.modMatBH-matbh-matAus-kies-bar,
.modMatBH-matbh-lagerAus-bar {
  background-color: #d7d7d7;
}

.modMatBH-matbh-lagerEin-content {
  margin: 0 0px 15px 0px !important;
}

.modMatBH-matbh-matEin-bar {
  background-color: #b1c6e2 !important;
  border: 1px solid #5486c9 !important;
}

@media print {
  .modMatBH-matbh-matEin-bar {
    border: 5px solid #5486c9 !important;
  }
}
.modMatBH-matbh-matEin-content {
  background-color: rgba(177, 198, 226, 0.6392156863) !important;
  margin: 0 0px 15px 0px !important;
  border: 1px solid #5486c9 !important;
}

@media print {
  .modMatBH-matbh-matEin-content {
    border: 5px solid #5486c9 !important;
  }
}
.modMatBH-matbh-anlage-bar {
  background-color: #f5f5b0 !important;
}

@media print {
  .modMatBH-matbh-anlage-bar {
    border: 5px solid #f5f5b0 !important;
  }
}
.modMatBH-matbh-anlage-content {
  background-color: #f5f5b0 !important;
  margin: 0 0px 15px 0px !important;
  border: 1px solid #f5f5b0 !important;
}

@media print {
  .modMatBH-matbh-anlage-content {
    border: 5px solid #f5f5b0 !important;
  }
}
.modMatBH-matbh-matAus-bar {
  background-color: #abddab !important;
}

@media print {
  .modMatBH-matbh-matAus-bar {
    border: 5px solid #abddab !important;
  }
}
.modMatBH-matbh-matAus-content {
  background-color: #bfdabf !important;
  margin: 0 0px 15px 0px !important;
  border: 1px solid #abddab !important;
}

@media print {
  .modMatBH-matbh-matAus-content {
    border: 5px solid #abddab !important;
  }
}
.modMatBH-matbh-lagerAus-bar {
  background-color: #abddab !important;
}

@media print {
  .modMatBH-matbh-lagerAus-bar {
    border: 5px solid #abddab !important;
  }
}
.modMatBH-matbh-lagerAus-content {
  background-color: #bfdabf !important;
  margin: 0 0px 15px 0px !important;
  border: 1px solid #abddab !important;
}

@media print {
  .modMatBH-matbh-lagerAus-content {
    border: 5px solid #abddab !important;
  }
}
.modMatBH-matbh-anlEingang-bar:not(.modMatBH-matbh-anlEingang-positionen) {
  background-color: #abb3bf;
}
.modMatBH-matbh-anlEingang-bar:not(.modMatBH-matbh-anlEingang-positionen) .modMatBH-matbh-col > .value:not(input) {
  background-color: rgb(142.0540540541, 152.8108108108, 168.9459459459);
}

.modMatBH-matbh-prdEingang-bar {
  display: flex;
  background-color: rgb(184.4, 184.4, 184.4);
}

/*
Farbige Rahmen um Materialpositionen
 */
.modMatBH-matbh-position {
  border-color: #d7d7d7;
}
.modMatBH-matbh-anlage .modMatBH-matbh-position {
  border-color: #d7d7d7;
}
.modMatBH-matbh-ausgang .modMatBH-matbh-position {
  border-color: #d7d7d7;
}
.modMatBH-matbh-position.produkt {
  border-color: #d7d7d7;
}
.modMatBH-matbh-position.kiesmaterial {
  border-color: #d7d7d7;
}
.modMatBH-matbh-eingang .modMatBH-matbh-position.locked {
  border-color: #abb3bf;
}

.modMatBH-matbh-position-bar {
  background-color: #d7d7d7;
}
@media print {
  .modMatBH-matbh-position-bar {
    background-color: #d7d7d7;
  }
}
.modMatBH-matbh-position-bar div > .modMatBH-matbh-col > .value:not(input) {
  background-color: rgb(189.5, 189.5, 189.5);
}
.modMatBH-matbh-anlage .modMatBH-matbh-position-bar {
  background-color: #d7d7d7;
}
@media print {
  .modMatBH-matbh-anlage .modMatBH-matbh-position-bar {
    background-color: #d7d7d7;
  }
}
.modMatBH-matbh-anlage .modMatBH-matbh-position-bar div > .modMatBH-matbh-col > .value:not(input) {
  background-color: #d7d7d7;
}
.modMatBH-matbh-ausgang .modMatBH-matbh-position-bar {
  background-color: #d7d7d7;
}
@media print {
  .modMatBH-matbh-ausgang .modMatBH-matbh-position-bar {
    background-color: #d7d7d7;
  }
}
.modMatBH-matbh-ausgang .modMatBH-matbh-position-bar div > .modMatBH-matbh-col > .value:not(input) {
  background-color: #d7d7d7;
}
.produkt .modMatBH-matbh-position-bar {
  background-color: #d7d7d7;
}
@media print {
  .produkt .modMatBH-matbh-position-bar {
    background-color: #d7d7d7;
  }
}
.produkt .modMatBH-matbh-position-bar div > .modMatBH-matbh-col > .value:not(input) {
  background-color: #d7d7d7;
}
.kiesmaterial .modMatBH-matbh-position-bar {
  background-color: #d7d7d7;
}
@media print {
  .kiesmaterial .modMatBH-matbh-position-bar {
    background-color: #d7d7d7;
  }
}
.kiesmaterial .modMatBH-matbh-position-bar div > .modMatBH-matbh-col > .value:not(input) {
  background-color: #d7d7d7;
}
.modMatBH-matbh-eingang .locked .modMatBH-matbh-position-bar {
  background-color: #abb3bf;
}
@media print {
  .modMatBH-matbh-eingang .locked .modMatBH-matbh-position-bar {
    background-color: #abb3bf;
  }
}
.modMatBH-matbh-eingang .locked .modMatBH-matbh-position-bar div > .modMatBH-matbh-col > .value:not(input) {
  background-color: rgb(142.0540540541, 152.8108108108, 168.9459459459);
}

.modMatBH-matbh-matEin .modMatBH-matbh-position-content {
  background: linear-gradient(to left, white 0, white 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em);
}
@media print {
  .modMatBH-matbh-matEin .modMatBH-matbh-position-content {
    background: linear-gradient(to left, white 0, white 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em) !important;
  }
}

.modMatBH-matbh-lagerEin .modMatBH-matbh-position-content {
  background: linear-gradient(to left, white 0, white 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em);
}
@media print {
  .modMatBH-matbh-lagerEin .modMatBH-matbh-position-content {
    background: linear-gradient(to left, white 0, white 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em) !important;
  }
}

.modMatBH-matbh-anlage .modMatBH-matbh-position-content {
  background: linear-gradient(to left, rgb(240.5, 240.5, 240.5) 0, rgb(240.5, 240.5, 240.5) 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em);
}
@media print {
  .modMatBH-matbh-anlage .modMatBH-matbh-position-content {
    background: linear-gradient(to left, rgb(240.5, 240.5, 240.5) 0, rgb(240.5, 240.5, 240.5) 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em) !important;
  }
}

.modMatBH-matbh-matAus .modMatBH-matbh-position-content {
  background: linear-gradient(to left, rgb(240.5, 240.5, 240.5) 0, rgb(240.5, 240.5, 240.5) 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em);
}
@media print {
  .modMatBH-matbh-matAus .modMatBH-matbh-position-content {
    background: linear-gradient(to left, rgb(240.5, 240.5, 240.5) 0, rgb(240.5, 240.5, 240.5) 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em) !important;
  }
}

.produkt .modMatBH-matbh-position-content {
  background: linear-gradient(to left, rgb(240.5, 240.5, 240.5) 0, rgb(240.5, 240.5, 240.5) 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em);
}
@media print {
  .produkt .modMatBH-matbh-position-content {
    background: linear-gradient(to left, rgb(240.5, 240.5, 240.5) 0, rgb(240.5, 240.5, 240.5) 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em) !important;
  }
}

.kiesmaterial .modMatBH-matbh-position-content {
  background: linear-gradient(to left, rgb(240.5, 240.5, 240.5) 0, rgb(240.5, 240.5, 240.5) 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em);
}
@media print {
  .kiesmaterial .modMatBH-matbh-position-content {
    background: linear-gradient(to left, rgb(240.5, 240.5, 240.5) 0, rgb(240.5, 240.5, 240.5) 9.899em, #d7d7d7 9.9em, #d7d7d7 10.1em, white 10.101em, white 17.899em, #d7d7d7 17.9em, #d7d7d7 18.05em, white 18.051em) !important;
  }
}

.modMatBH-matbh-button-add-zielprozess {
  left: -1.5em;
}

@media print {
  #modMatBH-matbh-root {
    color: black;
  }
  #modMatBH-matbh-root .modMatBH-matbh-eingang-titel, #modMatBH-matbh-root .modMatBH-matbh-anlagen-titel, #modMatBH-matbh-root .modMatBH-matbh-ausgang-titel {
    color: white;
  }
  #modMatBH-matbh-root .new-position, #modMatBH-matbh-root .new-zielprozess {
    display: none;
  }
  #modMatBH-matbh-root .modMatBH-matbh-position, #modMatBH-matbh-root .modMatBH-matbh-zielprozess {
    page-break-inside: avoid;
  }
  #modMatBH-matbh-root input, #modMatBH-matbh-root .value {
    color: black;
    border: none;
    background: transparent;
  }
}
#modMatBH-main-materialBH-toolbar > div {
  display: flex;
}

#modMatBHKi-main-materialBH-toolbar > div {
  display: flex;
}

#modMatBH-pschritt-materialBh-center-toolbar-suchLeiste {
  flex-grow: 1;
}
#modMatBH-pschritt-materialBh-center-toolbar-suchLeiste > div {
  height: 100%;
}
#modMatBH-pschritt-materialBh-center-toolbar-suchLeiste .ilu-combo-box {
  box-sizing: border-box;
  height: 100%;
}
#modMatBH-pschritt-materialBh-center-toolbar-suchLeiste .ilu-combo-box input {
  padding-left: 0.5em;
}
#modMatBH-pschritt-materialBh-center-toolbar-suchLeiste a {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  width: 30px;
  text-align: center;
  display: block;
  cursor: pointer;
}
#modMatBH-pschritt-materialBh-center-toolbar-suchLeiste a:before {
  display: block;
  margin-top: 3px;
  font-size: 1.3333333em;
}

.modMatBh-matbh-toolbar-searchBar {
  border-color: #ff9b00;
  border-width: medium;
  border-style: solid;
}

/******************************************************
 * end pschritt matbh
 ******************************************************/
/******************************************************
 * pschritt veva
 ******************************************************/
#modMatBH-veva-main-vevaImport-container {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.modMatBH-veva-div {
  display: flex;
}

.modMatBH-veva-content {
  margin-left: auto;
  margin-right: auto;
}

#modMatBH-veva-main-vevaImport-frageDiv {
  margin-bottom: 30px;
}

#modMatBH-veva-main-vevaImport-btn {
  height: 30px;
  margin-bottom: 10px;
}

.modMatBH-veva-date {
  color: #706F6F;
  font-style: italic;
  padding-right: 5px;
  font-size: 0.9em;
}

#modMatBH-veva-main-vevaImport-hinweis {
  padding: 10px;
  background-color: #82dab2;
  max-width: 300px;
  margin-top: 30px;
  margin-bottom: 20px;
}

/******************************************************
 * end pschritt veva
 ******************************************************/
.modMatBH-toolbar-label {
  padding: 0.25em 1em;
  margin: 0.25em 0;
  display: flex;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #eee;
  background-color: #f7f7f9;
  border-radius: 0.25em;
  color: #292b2c;
}

.modMatBH-toolbar-label.warning {
  background-color: #fcf8e3;
  border-color: #f0e5b3;
  color: #8a6d3b;
}

#modMatBH-pschritt-materialBh-center-toolbar-autoFilterMatBH {
  background: white !important;
  border: 1px solid #706F6F;
  box-shadow: 1px 1px 2px grey;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: black !important;
}
#modMatBH-pschritt-materialBh-center-toolbar-autoFilterMatBH.aktiv {
  background: gold !important;
  box-shadow: 1px 1px 1px #cacaca, inset 1px 1px 1px grey;
}

.matbh-print-only {
  display: none;
}

@media print {
  .matbh-print-only {
    display: block;
  }
  .matbh-no-print {
    display: none;
  }
}
/* Beispielhafte Erweiterung */
.expandRightPanel {
  width: 80vw !important;
  z-index: 9999;
  position: absolute; /* oder fixed je nach Layout */
  right: 0;
  top: 0;
  height: 100%;
  background: white; /* ggf. optisch hervorheben */
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
}

.iluMap-expand-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
  background: white;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.fi-wffluss {
  font-size: 1.5em;
  line-height: 1.1em;
}

#modMatBH25-erfassen-main-erfassenMatBH-sub {
  margin: 10px 5px 10px 5px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #dedede;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 1px 2px 7px #d3d3d3;
  overflow: auto;
}

#modMatBH25-erfassen-main {
  height: 100%;
  overflow: hidden;
}

.modMatBH-splitContainer {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  min-height: 0; /* wichtig für flexbox + scroll */
}

.modMatBH-splitContainer > .iluUI-matBH-searchTreeContainer {
  flex: 0 0 250px; /* fixe Breite für linken Container */
  min-width: 200px;
  background: #e2e2e2;
  margin-left: 1px; /* kein Scrollen */
  position: sticky;
  top: 0; /* Sticky am Viewport-Top */
  align-self: flex-start; /* sehr wichtig für sticky */
  height: 100vh; /* volle Höhe des Viewports */
  overflow-y: auto;
}

.modMatBH-splitContainer > .iluUI-matBH-matBHContainer {
  flex: 1 1 auto; /* rechter Bereich nimmt restlichen Platz ein */
  padding-right: 8px; /* optional, für Scrollbar-Platz */
  min-height: 0;
  height: 100vh; /* volle Höhe für Scrollbar auf normalem Bildschirm */
  overflow-y: auto; /* nur vertikaler Scroll */
  position: relative;
}

/*Toolbar Info*/
#modMatBH-erfassenstofffluss-toolbar-main {
  display: flex;
}

.modMatBH-toolbarInfo {
  margin-right: 10px;
  min-width: 200px;
  background: #d2f1e3;
  height: 35px;
  align-content: center;
}

.modMatBH-toolbarInfo-div {
  display: flex;
  justify-content: flex-end;
  margin: 2px 5px;
}

.modMatBHn-toolbarInfo-title {
  padding-right: 5px;
}

.iluUI-matBH-bereichContainer {
  padding: 10px 0px 20px 0px;
}
.iluUI-matBH-bereichContainer.iluUI-matBH-eingangContainer {
  background: #d7f5db;
}
.iluUI-matBH-bereichContainer.iluUI-matBH-ausgangContainer {
  background: #abddab;
}
.iluUI-matBH-bereichContainer.iluUI-matBH-lagerContainer {
  background: #bae8e3;
}

.iluUI-matBH-bereich-bar {
  top: 0px;
  padding: 15px 5px 0px 5px;
  display: grid;
  grid-template-columns: 70px 2fr 1fr 75px;
}

.iluUI-matBH-bereich-icon {
  width: 35px;
  height: 35px;
  margin: 0 0 0 5px;
}

.iluUI-matBH-bereichTable {
  display: grid;
  row-gap: 0px;
}

.iluUI-matBH-bereichHeader-summeDiv {
  display: flex;
  justify-content: flex-end;
}

.iluUI-matBH-bereichHeader-summe {
  margin-left: 10px;
  margin-right: 3px;
}

.iluUI-matBH-FlussItemRow-mengeDiv {
  display: flex;
  justify-content: flex-end;
}

.iluUI-matBH-FlussItemRow-Header {
  top: 0px;
  position: sticky;
  display: grid;
  grid-template-columns: 0.3fr 0.9fr 0.25fr 0.75fr 0.4fr 75px;
  align-content: center;
  padding: 5px 0px 5px 0px;
  background: #706F6F;
  color: white;
  font-size: larger;
}
.iluUI-matBH-FlussItemRow-Header.bereichlager {
  grid-template-columns: 0.5fr 1.5fr 0.25fr 0.25fr 75px;
}

.iluUI-matBH-header-sortIcon {
  margin-left: 10px;
  margin-top: auto;
  margin-bottom: auto;
}

.iluUI-matBH-dropdown-sortIcon {
  margin-left: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  position: absolute;
  right: 15px;
  z-index: 100;
}

.iluUI-matBH-DropDown-input {
  min-width: 780px;
}

.iluUI-matBH-DropDown-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.iluUI-matBH-DropDown-listEle:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

.iluUI-matBH-DropDown-listEle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 8px;
}

.iluUI-matBH-DropDown-listEle-key {
  min-width: 60px;
  font-weight: bold;
  margin-right: 10px;
}

.iluUI-matBH-DropDown-listEle-name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.iluUI-matBH-flussItem-label {
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 4px;
  font-size: 12px;
}

.iluUI-matBH-flussItem-input {
  width: 100%;
  padding: 4px 6px;
  font-size: 13px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

/* Hauptcontainer – mit Abstand dazwischen */
.iluUI-matBH-FlussItemContainer {
  margin-bottom: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}

/* Header (Zeile mit bereichmain) */
.iluUI-matBH-FlussItemRow.bereichmain {
  padding: 8px 12px;
  font-weight: bold;
}

.iluUI-matbh-AddProzessButton {
  padding: 6px;
  margin: 5px;
  background: white;
  color: rgb(0, 0, 0);
  box-shadow: 1px 1px 2px grey;
  border: 1px solid rgb(97, 97, 97);
  border-radius: 4px;
  cursor: pointer;
  height: 30px;
}

.iluUI-matBH-FlussItemRow {
  display: grid;
  grid-template-columns: 10px 1.2fr 1fr 0.4fr 75px;
  align-items: center;
  padding: 3px 0px 3px 0px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: black;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 1px 2px 7px #d3d3d3;
}
.iluUI-matBH-FlussItemRow .fluss-active {
  background: #fdbc8c;
}

.iluUI-matBH-FlussItemContainer .fluss-active {
  background: #fdbc8c;
}

.iluUI-matBH-FlussItemRow-doublecell {
  display: flex;
  padding: 5px 5px;
  align-items: center;
}

.iluUI-matBH-FlussItemRow-cell {
  display: flex;
  flex-direction: row;
  padding: 2px 5px;
}
.iluUI-matBH-FlussItemRow-cell.flexEnd {
  justify-content: flex-end;
}
.iluUI-matBH-FlussItemRow-cell.small {
  width: 20%;
}
.iluUI-matBH-FlussItemRow-cell.wide {
  width: 75%;
}
.iluUI-matBH-FlussItemRow-cell.tiny {
  width: 40px;
}
.iluUI-matBH-FlussItemRow-cell.incomplete:after {
  font: normal normal normal 14px/1 FontIlu;
  font-size: 1.3333333em;
  display: inline-block;
  text-rendering: auto;
  transform: translate(0, 0);
  content: "\f006d";
  color: rgb(193.1065420561, 46.0822429907, 41.6934579439);
}

.iluUI-matBH-FlussItemRow-cell-left {
  margin-left: 0 !important;
}

.iluUI-matBH-FlussItemRow-cell-right {
  margin-right: 0;
  margin-left: auto !important;
}

.iluUI-matBH-FlussItemRow-cell-span {
  margin-bottom: auto;
  margin-top: auto;
}

.iluUI-matBH-FlussItemRow-main_div {
  padding: 3px;
}

.iluUI-matBH-mainHeader.iluUI-matBH-bereichHeader {
  padding: 3px !important;
}

.iluUI-matBH-FlussItemDetails-Row {
  display: flex;
  justify-content: center; /* Zentriert Inhalte horizontal */
  align-items: center; /* Zentriert ggf. auch vertikal */
  gap: 2rem; /* Abstand zwischen den beiden Blöcken */
}

/* Gemeinsames Styling für Eingabediv */
.iluUI-matBH-FlussItemDetails-eingabeDiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
}

/* Linke Eingabe horizontal ausrichten (Text + Input + t) */
.iluUI-matBH-FlussItemDetails-eingabeDiv.left-inline {
  flex-direction: row;
  justify-content: flex-end;
  gap: 0.5rem;
}

.iluUI-matBH-FlussItemDetails-eingabeDiv.left-inline p {
  width: 12rem;
  margin: 0;
  text-align: right;
}

.iluUI-matBH-FlussItemDetails-eingabeDiv.right-inline {
  display: flex;
  flex-direction: row;
  justify-content: flex-start; /* nach rechts ausrichten */
  gap: 0.5rem;
}

.iluUI-matBH-FlussItemDetails-eingabeDiv.right-inline p {
  width: 12rem;
  margin: 0;
  text-align: left;
}

.iluUI-matBH-FlussItemRow-menge {
  width: 80px;
  padding-right: 0.2em;
  margin-left: 0.2em;
  box-sizing: border-box;
  font-size: 1em;
  text-align: right;
}

.iluUI-matBH-FlussItemRow-menge-label {
  padding: 0 0.2em;
}

.iluUI-matBH-header-bar {
  font-weight: bold;
  padding: 3px 0px 3px 0px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: black;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 1px 2px 7px #d3d3d3;
}

.iluUI-matBH-flussItem-details {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
  margin-right: auto;
}

.iluUI-matBH-flussItem-delete {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
}

.iluUI-matBH-flussItem-copy {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
}

.iluUI-matBH-flussItem-kommentar-btn {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
}
.iluUI-matBH-flussItem-kommentar-btn.keinKommentar {
  color: #a6a9ad;
}
.iluUI-matBH-flussItem-kommentar-btn.info {
  color: #0093ff;
}
.iluUI-matBH-flussItem-kommentar-btn.offen {
  color: #d9534f;
}
.iluUI-matBH-flussItem-kommentar-btn.beantwortet {
  color: #00b300;
}
.iluUI-matBH-flussItem-kommentar-btn.abgeschlossen {
  color: #1a5003;
}

.iluUI-matBH-toolbarFilterContainer {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1.2fr 0.2fr 1fr;
  grid-column-gap: 5px;
  align-items: end;
  padding: 5px 0px 5px 0px;
  overflow: hidden;
}

#modMatBH-main-erfassenmatbh-toolbar-neu {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  gap: 8px; /* Abstand zwischen Icon und Text */
  font-size: 14px;
  height: auto; /* erlaubt Wachstum */
  max-height: none;
}

#modMatBH-main-erfassenmatbh-toolbar-neu .fi {
  font-size: 20px;
}

#modMatBH-main-erfassenmatbh-toolbar-neu .toolbar-button-label {
  white-space: nowrap;
}

/*
#modMatBH25-togglePanel {
  justify-self: end; /* Button nach rechts ausrichten */
/*}

.iluUi-matBH-mainTabel {
  overflow: auto !important;
}
*/
.iluUI-matBH-toolbar-bereich-icon {
  width: 45px;
  height: 45px;
  margin: 0 0 0 5px;
  border: 2px solid;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
}
.iluUI-matBH-toolbar-bereich-icon.activated {
  background-color: #a4b4f9;
}

.iluUI-matBH-toolbarFilter-bereichDiv {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

.iluUI-matBH-toolbar-bereich-icon-text {
  display: grid;
  font-size: small;
  text-align: center;
}

.iluUI-matBH-toolbarFilter-toggleContainer {
  grid-column: 1; /* landet in der 1. Spalte */
  display: flex;
  justify-content: flex-end; /* rechtsbündig */
  align-items: end; /* gleiche vertikale Höhe */
}

.iluUI-matBH-DropDown-container {
  position: relative;
}

.iluUI-matBH-DropDown-input,
.iluUI-matBH-DropDown-listUl {
  position: relative;
  border: none;
  box-sizing: border-box;
  width: 100%;
  z-index: 99;
}

.iluUI-matBH-DropDown-inputcontainer {
  height: 2.5rem;
  position: relative;
  display: flex;
}
.iluUI-matBH-DropDown-inputcontainer.iluUI-matBH-DropDown-inputcontainer-toolbar {
  outline: #f3f3f3 auto 1px;
  background: aliceblue;
}

.iluUI-matbh-EmpfaengerDropDownContainer .iluUI-matBH-DropDown-input {
  width: 450px;
  min-width: 450px !important;
}

.iluUI-matBH-DropDown-input {
  height: 2.5rem;
  padding: 1em 0.5em;
  padding-right: 20px;
  position: relative;
  transition: outline 0.2s ease;
  transition-delay: 0.2s;
}
.iluUI-matBH-DropDown-input:focus + .input-underline {
  transform: scaleY(0);
}

.input-underline {
  background: #000;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform-origin: center bottom;
  transition: transform 0.3s ease;
  width: 100%;
}

.iluUI-matBH-DropDown-listcontainer {
  box-shadow: 0 8px 15px 0 rgba(33, 33, 33, 0.2);
  opacity: 0;
  position: relative;
  transform: scaleY(0);
  visibility: hidden;
  transform-origin: center top;
  transition: all 0.3s ease;
  width: auto;
  z-index: 100;
}
.iluUI-matBH-DropDown-listcontainer.visible {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.iluUI-matBH-DropDown-listcontainer.iluUI-matBH-DropDown-listcontainer-toolbar {
  width: 40em !important;
  position: fixed !important;
}

.iluUI-matBH-DropDown-listUl {
  position: absolute;
  background: ghostwhite;
  display: flex;
  flex-wrap: wrap;
  max-height: 11.5em;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
}

.iluUI-matBH-DropDown-listEle {
  cursor: pointer;
  padding: 0.5em 0;
  transition: background 0.5s ease;
  width: 100%;
}
.iluUI-matBH-DropDown-listEle:hover {
  background: #CCC;
}
.iluUI-matBH-DropDown-listEle span {
  box-sizing: border-box;
  display: inline-block;
}
.iluUI-matBH-DropDown-listEle.li_active {
  background: #CCC;
}

.iluUI-matBH-DropDown-listEle-key {
  padding: 2px 1px;
  width: fit-content;
}

.iluUI-matBH-DropDown-listEle-name {
  padding: 2px 1px;
  width: auto;
}

.iluUI-matBH-bereichFooter {
  padding: 10px 5px 5px 5px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.iluUI-matBH-bereichFooter-left {
  padding: 10px 5px 5px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.iluUI-matBH-bereichFooter-right {
  padding: 10px 5px 5px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.iluUI-matBH-formButton {
  padding: 6px;
  margin: 5px;
  background: white;
  color: rgb(0, 0, 0);
  box-shadow: 1px 1px 2px grey;
  border: 1px solid rgb(97, 97, 97);
  border-radius: 4px;
  cursor: pointer;
  height: auto;
}
.iluUI-matBH-formButton.withIcon {
  align-items: center;
  font-size: 1em;
}
.iluUI-matBH-formButton.withIcon i {
  padding-right: 4px;
}
.iluUI-matBH-formButton.iconOnly {
  width: 30px;
}

.iluUI-matBH-formButton-icon-text {
  padding: 5px;
}

.iluUI-matBH-FlussItemDetail {
  display: block;
  padding: 5px 10px 5px 10px;
}

.iluUI-matBH-FlussItemDetailRow {
  display: grid;
  grid-template-columns: 1fr 0.33fr 1fr 45px;
  padding: 3px 5px 3px 5px;
  align-items: center;
}

.iluUI-matBH-FlussItem-mainForm {
  background-color: #e2e2e2;
}

.iluUI-matBH-FlussItemDetails-eingabeDiv.fullwidth {
  width: 100%;
  float: none;
}

.iluUI-matBH-AusgangItemDetailRow-Header {
  padding-top: 0.5rem; /* Abstand nach oben */
  background-color: #d7f5db; /* gleiche Farbe wie die Ausgangsdetails */
  border-radius: 6px; /* optional, falls abgerundet */
  padding-bottom: 0.5rem; /* etwas Luft nach unten */
  margin-bottom: 0px !important;
}

.iluUI-matbh-ProzesseContainer {
  background-color: #d7f5db;
  padding: 5px;
}

.iluUI-matBH-header-bar {
  background-color: #abddab;
  padding: 5px;
}

/* Container für die Zeile mit Titeln & Inputs */
/* Zeilenstruktur (Header & Inputs) */
.iluUI-matbh-ProzessRow {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

/* Einzelne "Zellen" in der Zeile */
.iluUI-matbh-ProzessCell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

/*Titel über Inputzelle */
.iluUI-matbh-ProzessCell:nth-child(1) {
  flex: 0 0 200px;
}

.iluUI-matbh-ProzessCell:nth-child(2) {
  flex: 0 0 100px;
}

.iluUI-matbh-ProzessCell:nth-child(3) {
  flex: 0 0 200px;
}

/* Header-Text über den Feldern */
.iluUI-matbh-BlockHeader {
  font-weight: bold;
}

/* Prozess & Empfänger Eingabefelder */
.iluUI-matbh-FlussItemDetail-selectAusgangProzess,
.iluUI-matbh-EmpfaengerInput {
  width: 200px;
}

/* Menge-Input Felder*/
.iluUI-matBH-FlussItemRow-cell-right,
.iluUI-matbh-MengeInput {
  height: 24px;
  padding: 4px 8px;
  font-size: 1rem;
  border: 1px solid black;
  border-radius: 6px;
  box-sizing: border-box;
}

.aufbereitung-hidden {
  visibility: hidden;
  height: auto;
}

.iluUI-matbh-MengeInput {
  width: 100px;
}

.iluUI-matBH-FlussItemRow-menge-anteil {
  padding: 0 0.2em;
}

.iluUI-matBH-FlussItemRow-anteil-label {
  margin-bottom: auto;
  margin-top: auto;
  margin-right: 5px;
}

.iluUI-matBH-FlussItemDetail-select {
  height: 2.5rem;
  padding-right: 20px;
  position: relative;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #dedede;
  border-radius: 1px 1px 1px 1px;
}
.iluUI-matBH-FlussItemDetail-select.datenherkunft {
  margin-top: 3px;
}

.iluUI-matBH-FlussItemDetailRow-Header {
  display: grid;
  grid-template-columns: 1fr 0.33fr 1fr 60px;
  align-content: center;
  padding: 5px 5px 5px 5px;
}

.iluUI-matBH-FlussItemRow-header-cell {
  align-content: center;
  padding: 7px 0px 7px 0px;
}

.iluUI-matBH-flussDetails-footer {
  display: grid;
  grid-template-columns: 1fr 45px 1fr 1fr;
  align-items: center;
}

.iluUI-matBH-FlussDetailsTable {
  margin-bottom: 10px;
}

.iluUI-matBH-FlussDetailsButton {
  width: fit-content;
  height: fit-content !important;
}

ul.iluUI-matBH-FlussDetailsTable > li:nth-of-type(odd) {
  background: #e8e9e9;
}

ul.iluUI-matBH-FlussDetailsTable > li:nth-of-type(even) {
  background: #fcfdfd;
}

.iluUI-matBH-searchTreeContainer .jstree-icon {
  display: none !important;
}

.iluUI-matBH-searchTreeContainer .jstree-anchor {
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
  line-height: 1.4;
}

.iluUI-matBH-EingangItemDetail {
  display: grid;
  grid-template-columns: 2fr 75px;
  grid-column-gap: 10px;
  padding: 5px 10px 5px 10px;
}

.iluUI-matBH-EingangItemDetailRow {
  display: grid;
  grid-template-columns: 2fr 1fr 45px;
  padding: 3px 5px 3px 5px;
  align-items: center;
  padding-left: 20px;
}
.iluUI-matBH-EingangItemDetailRow.totalRow {
  border-bottom: black;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 10px;
}
.iluUI-matBH-EingangItemDetailRow.mainRow {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 5px;
}

.iluUI-matBH-EingangItemDetailRow-Header {
  display: grid;
  grid-template-columns: 2fr 1fr 45px;
  align-content: center;
  padding: 5px 5px 5px 5px;
}

.iluUI-matBH-EingangItemRow-header-cell {
  align-content: center;
  padding: 7px 0px 7px 0px;
}

.iluUI-matBH-EingangDetails-footer {
  display: grid;
  grid-template-columns: 120px 0.2fr 1fr 45px;
  align-items: center;
}

.iluUI-matBH-EingangDetailsTable {
  margin-bottom: 10px;
}

ul.iluUI-matBH-EingangDetailsTable > li:nth-of-type(odd) {
  background: #e8e9e9;
}

ul.iluUI-matBH-EingangDetailsTable > li:nth-of-type(even) {
  background: #fcfdfd;
}

.iluUI-matBH-EingangItemRow-label {
  margin-left: 3px;
}

.iluUI-matBH-icon-validation-unbekannt {
  color: #727272;
}

.iluUI-matBH-icon-validation-pruefen {
  color: #ffcb00;
}

.iluUI-matBH-icon-validation-unvollstaendig {
  color: #ff3f3f;
}

.iluUI-matBH-icon-validation-optional {
  color: #727272;
}

.iluUI-matBH-icon-validation-ok {
  color: #00b300;
}

#modMatBH-freigabe-freigabeStofffluss-rueckmeldungDiv {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
}

#modMatBH-freigabe-freigabeStofffluss-validierungsDiv {
  background: #e8fbca;
}

#modMatBH-freigabe-freigabeStofffluss-kommentarDiv {
  background: #fbfbc3;
}

.iluUI-matBH-Freigabe-valError-hinweis {
  margin-bottom: 10px;
  font-weight: bold;
}

.iluUI-matBH-Freigabe-valError-row {
  display: flex;
}

.iluUI-matBH-Freigabe-valError-eintrag {
  padding: 5px;
}

#modMatBH-freigabe-freigabeStofffluss-abschlussDiv {
  margin: 0px 20px;
}
#modMatBH-freigabe-freigabeStofffluss-abschlussDiv .pfw-freigaben-abschluss-rechts {
  width: auto !important;
}

.modMatBH-freigabeStofffluss-subtitel {
  padding: 10px 0px;
  font-weight: bold;
  text-decoration: underline;
}

.modMatBH-importstofffluss-main-container {
  padding: 25px;
  padding-bottom: 0px;
}

.modMatBH-importstofffluss-main-row {
  padding-bottom: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modMatBH-importstofffluss-main-row p {
  margin-right: 5px;
}
.modMatBH-importstofffluss-main-row label {
  margin: 5px;
}
.modMatBH-importstofffluss-main-row input {
  margin: 5px;
  margin-right: 35px;
}

.modMatBH-importstofffluss-main-row-tight {
  padding-bottom: 5px;
}

.modMatBH-importstofffluss-main-button {
  padding: 5px;
  min-width: 160px;
}

.modMatBH-freigabeStfVerantwortlicher-wrapper {
  padding: 10px;
}

.modMatBH-freigabeStfVerantwortlicher-betriebInfo-row {
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: left;
  align-items: center;
}

.modMatBH-freigabeStfVerantwortlicher-betriebInfo-col-label {
  min-width: 100px;
}

.modMatBH-freigabeStfVerantwortlicher-freigabeButtons-row {
  padding: 5px;
  display: flex;
  justify-content: space-between;
}

.modMatBH-freigabeStfVerantwortlicher-freigabeButtons-zuruekweiseButton {
  padding: 5px;
}

.modMatBH-freigabeStfVerantwortlicher-freigabeButtons-freigabeButton {
  padding: 5px;
}

.modMatBH-AuswertungenStoFlu-tabelle-titel {
  padding-top: 30px;
}

.modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
}
.modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn.keinKommentar {
  color: #a6a9ad;
}
.modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn.info {
  color: #0093ff;
}
.modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn.offen {
  color: #d9534f;
}
.modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn.beantwortet {
  color: #00b300;
}
.modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn.abgeschlossen {
  color: #1a5003;
}

.modMatBH-AuswertungenStoFlu-tabelle-kommentarManager-btn:hover {
  cursor: pointer;
}

.modMatBH-AuswertungenStoFlu-tabelle-cell-highlighted-warning {
  background-color: rgb(238.7345794393, 181.3775700935, 179.6654205607) !important;
}

.modMatBH-freigabeStfVerantwortlicher-kontrollschritt-row {
  padding: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
}
.modMatBH-freigabeStfVerantwortlicher-kontrollschritt-row .iluUI-matBH-flussItem-kommentar-btn {
  margin: 2px 20px;
}

.modMatBH-freigabeStfVerantwortlicher-kontrollschritt-col-bezeichnung {
  display: table;
  width: 100%;
}

.modMatBH-freigabeStfVerantwortlicher-kontrollschritt-col-offeneKommentare {
  display: table;
  width: 30%;
  text-align: center;
}

.modMatBH-freigabeStfVerantwortlicher-kontrollschritt-col-bewertungButtons {
  display: table;
  min-width: 110px;
  width: 20%;
  text-align: center;
}

.modMatBH-freigabeStfVerantwortlicher-kontrollschritt-col-header {
  font-weight: bold;
}

.iluUI-matBH-kommentar-formDiv {
  padding: 10px;
  margin: 2px;
  background: #fcfdfd;
  border: 1px solid #e8e9e9;
}

.iluUI-matBH-kommentar-allgKommentarDiv {
  padding: 10px 20px;
}

.iluUI-matBH-kommentar-formDiv-list {
  padding: 10px;
  margin-top: 20px;
}

.iluUI-matBH-kommentar-footer-div {
  padding: 10px;
}

.iluUI-matBH-kommentar-formDiv-infoHeader {
  padding: 5px;
}

.iluUI-matBH-kommentar-formDiv-infoHeader > * {
  padding: 0px 15px 0px 0px;
}

.iluUI-matBH-kommentar-formDiv-row {
  display: flex;
  justify-content: right;
}

.iluUI-matBH-kommentar-kommentarfeld {
  width: 100%;
}

.iluUI-matBH-kommentar-detail-footer-div {
  padding: 10px 5px 5px 5px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.iluUI-matBH-kommentar-detail-footer-left {
  padding: 10px 5px 5px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.iluUI-matBH-kommentar-detail-footer-right {
  padding: 10px 5px 5px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}

.iluUI-matBH-kommentar-detail-statusSelect {
  padding: 5px;
  max-width: fit-content;
  margin: 5px;
}

/* Wrapper für die Kartei */
.modMatBH-AuswertungenStoFlu-kartei-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* Styling für Karteinavigation */
.modMatBH-AuswertungenStoFlu-kartei-nav {
  display: flex;
}

/* Standard-Styling für Navigationslinks */
.modMatBH-AuswertungenStoFlu-kartei-nav-link {
  flex-grow: 1;
  background-color: #dedede;
  padding: 10px;
  color: #000000;
  text-decoration: none;
  border: 1px solid transparent;
  border-bottom: 1px solid #aaa;
}

/* Hover-Zustand */
.modMatBH-AuswertungenStoFlu-kartei-nav-link:hover {
  background-color: #888888;
  border: 1px solid #ccc;
  border-bottom: none;
}

/* Aktiver Zustand */
.modMatBH-AuswertungenStoFlu-kartei-nav-link.active {
  background-color: #ffffff;
  border: 1px solid #aaa;
  border-bottom: none; /* Für den nahtlosen Übergang zur Karte */
}

/* Styling für Karten */
.modMatBH-AuswertungenStoFlu-kartei-karte {
  background-color: #ffffff;
  padding: 15px;
  border: 1px solid #aaa;
  border-top: none;
  display: none; /* Standardmäßig ausgeblendet */
}

.modMatBH-AuswertungenStoFlu-header {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  align-items: baseline;
}

.modMatBH-pruefenStammdaten-subtitel {
  padding: 10px;
  font-weight: bold;
}

.modMatBH-pruefenStammdaten-zb-entry {
  padding: 5px 15px;
}

/* Übersicht: Rechtes Panel */
.modMatBH-pschritt-rechts-infoWrapper {
  padding: 15px;
}

.modMatBH-pschritt-rechts-infoTitelWrapper {
  padding-bottom: 5px;
}

.modMatBH-pschritt-rechts-infoSubTitelWrapper {
  padding-bottom: 8px;
}

.modMatBH-pschritt-rechts-infoTextLeftLabel {
  padding-right: 10px;
  font-weight: bold;
}

.modMatBH-freigabe-abschluss {
  display: flex;
  padding: 10px 20px 10px 20px;
}

.modMatBH-freigabe-abschluss-links {
  margin-right: auto;
  width: 100%;
}
.modMatBH-freigabe-abschluss-links textarea {
  font-size: 1em;
  resize: vertical;
  padding: 3px;
  height: 5em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.modMatBH-freigabe-abschluss-rechts {
  margin-left: 10px;
  padding-bottom: 3px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/******************************************************
 * Navigation Reduzieren
 ******************************************************/
/* Beispielhafte collapsed Sidebar */
.leftPanel-collapsed {
  width: 60px !important;
  min-width: 0px !important;
  max-width: 120px !important;
  overflow: hidden;
}

.leftPanel-collapsed .iluUI-navigation-singleMenuEntry span,
.leftPanel-collapsed .iluUI-accordion-div h3 span,
.leftPanel-collapsed .iluUI-divContainerHeader-title,
.leftPanel-collapsed .iluUI-divContainer-bar {
  display: none; /* Text ausblenden */
}

/* Alternativ: Kürzel anzeigen */
.leftPanel-collapsed .iluUI-navigation-singleMenuEntry::after {
  content: attr(data-short);
  display: inline-block;
  margin-left: 6px;
  font-weight: bold;
  color: #999;
}

.leftPanel-collapsed .iluUI-navigation-singleMenuEntry:hover span,
.leftPanel-collapsed .iluUI-accordion-div h3:hover span {
  display: inline-block;
  position: absolute;
  background: white;
  color: black;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 2px;
  /*white-space: nowrap;*/
}

/* Collapse Mode: Zeige nur Kürzel + Icon (Button) */
/* Collapse Mode: Flex-Layout für <li> */
.nav-layout-collapsed li {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 4px;
  position: relative;
}

/* Kürzel unter dem Button anzeigen */
.nav-layout-collapsed li::after {
  content: attr(data-short);
  font-size: 12px;
  margin-top: 4px;
  text-align: center;
  display: block;
}

/* Button-Wrapping-Container */
.nav-layout-collapsed .submodul-entry-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Text ausblenden */
.nav-layout-collapsed li a {
  display: none !important;
}

/* Icon behalten */
.nav-layout-collapsed li button {
  display: inline-block;
  font-size: 20px;
}

.submodul-entry-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.submodul-entry-wrapper a {
  flex: 1;
  text-decoration: none;
}

.submodul-entry-wrapper button {
  margin-left: 8px;
  flex-shrink: 0;
}

/*Toolbar Info*/
.modMatBH25-main-toolbarInfo {
  margin-right: 10px;
  min-width: 200px;
  background: #d2f1e3;
  height: 35px;
  align-content: center;
}

.modMatBH25-main-toolbarInfo-div {
  display: flex;
  justify-content: flex-end;
  margin: 2px 5px;
}

.modMatBH25-main-toolbarInfo-title {
  padding-right: 5px;
}

/******************************************************
 * pschritt matbh
 ******************************************************/
/**
 * colors
 */
/**
 * layout
 */
#modMatBHKi-matbh-root {
  margin-right: 2px;
}
#modMatBHKi-matbh-root .label {
  display: inline-block;
  font-size: 0.73em;
}
#modMatBHKi-matbh-root .label.header {
  font-size: 0.85em;
  padding-bottom: 3px;
}
#modMatBHKi-matbh-root .label.modMatBHKi-matbh-col {
  float: right;
}
#modMatBHKi-matbh-root .label.modMatBHKi-matbh-col-right {
  margin-right: 2.5em;
}
#modMatBHKi-matbh-root button {
  cursor: pointer;
}
#modMatBHKi-matbh-root .button-crud {
  padding: 0 0.2em;
  border: none;
  background: none;
  line-height: 1.2;
  position: absolute;
  align-self: center;
  right: 0.3em;
  top: 2px;
  bottom: 0px;
}
#modMatBHKi-matbh-root .button-crud.fi-locked {
  color: black;
}
#modMatBHKi-matbh-root .button-crud.fi-file-delete {
  color: black;
}
#modMatBHKi-matbh-root > .dropdown-box > .dropdown-bar {
  padding: 0.5em 0 0.5em 2em;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #9c9c9c;
}
#modMatBHKi-matbh-root > .dropdown-box > .dropdown-content > .dropdown-box > .dropdown-bar {
  background-color: #e2e2e2;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
}
#modMatBHKi-matbh-root .dropdown-content {
  margin: 0 2px;
  padding: 0.7em 0 0;
}
#modMatBHKi-matbh-root .dropdown-content .dropdown-content {
  margin: 0 5px 25px 5px;
  padding: 0.4em 0.4em 0.7em 0.4em;
  background-color: #f5f5f5;
  border: 1px solid #dcdcdc;
  border-top-width: 0;
  border-radius: 0 0 3px 3px;
}
#modMatBHKi-matbh-root .dropdown-content .dropdown-content .dropdown-content {
  margin: 0;
  padding-right: 0;
  padding-left: 2em;
  background-color: white;
  border: 0;
}
#modMatBHKi-matbh-root .dropdown-bar {
  position: relative;
  padding: 3px 0 3px 2em;
}
#modMatBHKi-matbh-root .dropdown-bar h3 {
  font-weight: normal;
  font-size: 100%;
}
#modMatBHKi-matbh-root .dropdown-bar .dropdown-toggle {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: none;
  background: none;
  padding: 0 0.5em;
}
#modMatBHKi-matbh-root .dropdown-box .dropdown-content {
  display: none;
}
#modMatBHKi-matbh-root .dropdown-box.open > .dropdown-content {
  display: block;
}

.modMatBHKi-matbh-position {
  border-style: solid;
  border-color: #b3b3b3;
  border-width: 0 6px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #afafaf, 2px 2px 3px #d2d2d2;
}
.modMatBHKi-matbh-position.open {
  border-bottom-width: 5px;
}

.modMatBHKi-matbh-anlEingang {
  border-radius: 3px;
  box-shadow: 0 0 0 1px #afafaf, 2px 2px 3px #d2d2d2;
  padding-bottom: 0;
}

.modMatBHKi-matbh-zielprozess, .modMatBHKi-matbh-position-bar {
  min-height: 1.425em;
}

#modMatBHKi-matbh-root > div:nth-child(n+2), .modMatBHKi-matbh-position:nth-child(n+2), .modMatBHKi-matbh-zielprozess:nth-child(n+2), .modMatBHKi-matbh-anlEingang:nth-child(n+2),
.modMatBHKi-matbh-lagerEin:nth-child(n+2), .modMatBHKi-matbh-lagerAus:nth-child(n+2), .modMatBHKi-matbh-anlage:nth-child(n+2) {
  margin-top: 0.9em;
}

.modMatBHKi-matbh-zielprozess > select.select, .modMatBHKi-matbh-position-bar > select.select, .modMatBHKi-matbh-anlEingang-bar > select.select {
  font-size: 1em;
}
.modMatBHKi-matbh-zielprozess input:disabled,
.modMatBHKi-matbh-zielprozess select:disabled, .modMatBHKi-matbh-position-bar input:disabled,
.modMatBHKi-matbh-position-bar select:disabled, .modMatBHKi-matbh-anlEingang-bar input:disabled,
.modMatBHKi-matbh-anlEingang-bar select:disabled {
  color: #614a34;
}
.modMatBHKi-matbh-zielprozess .text-ellipsis, .modMatBHKi-matbh-position-bar .text-ellipsis, .modMatBHKi-matbh-anlEingang-bar .text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.modMatBHKi-matbh-zielprozess .material, .modMatBHKi-matbh-position-bar .material, .modMatBHKi-matbh-anlEingang-bar .material {
  margin-right: 26.5em;
}
.produkt .modMatBHKi-matbh-zielprozess .material, .produkt .modMatBHKi-matbh-position-bar .material, .produkt .modMatBHKi-matbh-anlEingang-bar .material {
  margin-right: 0.3em;
}
.modMatBHKi-matbh-zielprozess .max-korn, .modMatBHKi-matbh-position-bar .max-korn, .modMatBHKi-matbh-anlEingang-bar .max-korn {
  margin-right: 26.5em;
}
.modMatBHKi-matbh-zielprozess .zp-select, .modMatBHKi-matbh-position-bar .zp-select, .modMatBHKi-matbh-anlEingang-bar .zp-select {
  margin-right: 26.5em;
}
.modMatBHKi-matbh-ausgang-content .modMatBHKi-matbh-zielprozess .zp-select, .modMatBHKi-matbh-ausgang-content .modMatBHKi-matbh-position-bar .zp-select, .modMatBHKi-matbh-ausgang-content .modMatBHKi-matbh-anlEingang-bar .zp-select {
  margin-right: 0.3em;
}
.modMatBHKi-matbh-zielprozess .eww-select, .modMatBHKi-matbh-position-bar .eww-select, .modMatBHKi-matbh-anlEingang-bar .eww-select {
  margin-right: 26.5em;
}
.modMatBHKi-matbh-zielprozess .eww-select.valerror input, .modMatBHKi-matbh-position-bar .eww-select.valerror input, .modMatBHKi-matbh-anlEingang-bar .eww-select.valerror input {
  border-style: solid;
  border-style: solid;
  border-width: thin;
  border-color: rgb(193.1065420561, 46.0822429907, 41.6934579439);
  background-color: #ebc8c7;
}
.modMatBHKi-matbh-zielprozess .material, .modMatBHKi-matbh-position-bar .material, .modMatBHKi-matbh-anlEingang-bar .material {
  width: 25em;
  flex: 1 1 25em;
}
.modMatBHKi-matbh-zielprozess .min-korn, .modMatBHKi-matbh-zielprozess .max-korn, .modMatBHKi-matbh-position-bar .min-korn, .modMatBHKi-matbh-position-bar .max-korn, .modMatBHKi-matbh-anlEingang-bar .min-korn, .modMatBHKi-matbh-anlEingang-bar .max-korn {
  font-size: 1em;
  text-align: right;
  width: 2.5em;
  flex: 0 0 2.5em;
  max-width: 2.5em;
  box-sizing: border-box;
}
.modMatBHKi-matbh-zielprozess .korn-separator, .modMatBHKi-matbh-position-bar .korn-separator, .modMatBHKi-matbh-anlEingang-bar .korn-separator {
  padding: 0 0.2em;
}
.modMatBHKi-matbh-zielprozess .rc-material, .modMatBHKi-matbh-position-bar .rc-material, .modMatBHKi-matbh-anlEingang-bar .rc-material {
  width: 20em;
  flex: 1 0 20em;
  max-width: 25em;
}
.modMatBHKi-matbh-zielprozess .zp-select, .modMatBHKi-matbh-position-bar .zp-select, .modMatBHKi-matbh-anlEingang-bar .zp-select {
  width: 20em;
  flex: 1 0 20em;
  max-width: 25em;
}
.modMatBHKi-matbh-zielprozess .zp-select:nth-last-child(4), .modMatBHKi-matbh-position-bar .zp-select:nth-last-child(4), .modMatBHKi-matbh-anlEingang-bar .zp-select:nth-last-child(4) {
  width: 10em;
  flex-basis: 10em;
  max-width: 20em;
}
.modMatBHKi-matbh-zielprozess .valerror, .modMatBHKi-matbh-position-bar .valerror, .modMatBHKi-matbh-anlEingang-bar .valerror {
  border-style: solid;
  border-style: solid;
  border-width: thin;
  border-color: rgb(193.1065420561, 46.0822429907, 41.6934579439);
  background-color: #ebc8c7;
}
.modMatBHKi-matbh-zielprozess .eww-select, .modMatBHKi-matbh-position-bar .eww-select, .modMatBHKi-matbh-anlEingang-bar .eww-select {
  width: 15em;
  flex: 1 0 15em;
  max-width: 26em;
}

.dropdown-bar, .modMatBHKi-matbh-zielprozess {
  position: relative;
  display: flex;
}

#modMatBHKi-matbh-root .modMatBHKi-matbh-col {
  width: 7em;
  text-align: right;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col .label {
  padding-left: 0.2em;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col .value {
  width: 5em;
  text-align: right;
  padding-right: 0.2em;
  margin-left: 0.2em;
  box-sizing: border-box;
  font-size: 1em;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col .value:not(input) {
  padding-top: 1px;
  padding-bottom: 1px;
  color: #272727;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col .textvalue {
  width: 20em;
  text-align: right;
  padding-right: 0.2em;
  margin-left: 0.2em;
  box-sizing: border-box;
  font-size: 1em;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col .textvalue:not(input) {
  padding-top: 1px;
  padding-bottom: 1px;
  color: #272727;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col .inputUnit {
  border-style: double;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col .valerror {
  border-style: solid;
  border-style: solid;
  border-width: thin;
  border-color: rgb(193.1065420561, 46.0822429907, 41.6934579439);
  background-color: #ebc8c7;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col .unit {
  padding-right: 0.2em;
  padding-left: 0.2em;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col .unit-small {
  font-size: 0.8em;
  line-height: 0.8;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col.incomplete:after {
  font: normal normal normal 14px/1 FontIlu;
  font-size: 1.3333333em;
  display: inline-block;
  text-rendering: auto;
  transform: translate(0, 0);
  content: "\f006d";
  color: rgb(193.1065420561, 46.0822429907, 41.6934579439);
  position: absolute;
  left: 100%;
  padding-left: 0.1em;
  top: 3px;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col-left {
  right: 26.5em;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col-left-second {
  right: 18.5em;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col-left-third {
  right: 34.5em;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col-center {
  right: 10.5em;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col-right-second {
  right: 2.5em;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col-right {
  right: 10.5em;
}
#modMatBHKi-matbh-root .modMatBHKi-matbh-col-right-third {
  right: 18.5em;
}
#modMatBHKi-matbh-root .repository-total.modMatBHKi-matbh-col-right {
  right: 10.5em;
}
#modMatBHKi-matbh-root .repository-total.modMatBHKi-matbh-col-right-second {
  right: 2.5em;
}
#modMatBHKi-matbh-root .dropdown-bar > .material-picker {
  display: flex;
  margin-right: 34.5em !important;
}
#modMatBHKi-matbh-root .dropdown-bar > .material-picker .select {
  flex: 1 1 25em;
  margin-right: 0.3em;
}
#modMatBHKi-matbh-root .dropdown-bar > .material-picker .max-korn {
  margin-right: 0;
}
#modMatBHKi-matbh-root .dropdown-bar > .material-picker .value {
  width: 100%;
  box-sizing: border-box;
  text-align: right;
}

.modMatBHKi-matbh-comboEingang .lager, .modMatBHKi-matbh-comboEingang .annahme, .modMatBHKi-matbh-comboEingang .abbau, .modMatBHKi-matbh-comboEingang .kies-prozesszuteilung {
  position: relative;
  min-height: 1.425em;
  display: flex;
  margin-top: 0.6em;
  margin-bottom: 0.5em;
}
.modMatBHKi-matbh-comboEingang .lager .value-field, .modMatBHKi-matbh-comboEingang .annahme .value-field, .modMatBHKi-matbh-comboEingang .abbau .value-field, .modMatBHKi-matbh-comboEingang .kies-prozesszuteilung .value-field {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 7em;
  flex: 0 0 7em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.modMatBHKi-matbh-comboEingang .lager .value-field .value, .modMatBHKi-matbh-comboEingang .annahme .value-field .value, .modMatBHKi-matbh-comboEingang .abbau .value-field .value, .modMatBHKi-matbh-comboEingang .kies-prozesszuteilung .value-field .value {
  width: 5em;
  padding-right: 0.2em;
  margin-left: 0.2em;
  box-sizing: border-box;
  font-size: 1em;
  text-align: right;
}
.modMatBHKi-matbh-comboEingang .lager .value-field .unit, .modMatBHKi-matbh-comboEingang .annahme .value-field .unit, .modMatBHKi-matbh-comboEingang .abbau .value-field .unit, .modMatBHKi-matbh-comboEingang .kies-prozesszuteilung .value-field .unit {
  padding: 0 0.2em;
}
.modMatBHKi-matbh-comboEingang .lager .value-field .unit-small, .modMatBHKi-matbh-comboEingang .annahme .value-field .unit-small, .modMatBHKi-matbh-comboEingang .abbau .value-field .unit-small, .modMatBHKi-matbh-comboEingang .kies-prozesszuteilung .value-field .unit-small {
  font-size: 0.8em;
  line-height: 0.8;
}
.modMatBHKi-matbh-comboEingang .kies-prozesszuteilung {
  margin-left: 15px;
  margin-top: 25px;
}
.modMatBHKi-matbh-comboEingang .label.header, .modMatBHKi-matbh-comboEingang .prozesszuteilung {
  margin-left: 30px;
}
.modMatBHKi-matbh-comboEingang .label.header {
  position: relative;
}
.modMatBHKi-matbh-comboEingang .label.header .button-crud {
  font-size: 17px !important;
  right: 100% !important;
  padding-right: 10px;
  top: -3px !important;
  bottom: 0px;
}
.modMatBHKi-matbh-comboEingang .underline {
  border-bottom: 1px solid #7b7b7b;
  flex: 1 1 25em;
  margin-right: 1em;
  padding-bottom: 0.5em;
}
.modMatBHKi-matbh-comboEingang .input-detail, .modMatBHKi-matbh-comboEingang .zielprozesse {
  position: relative;
  margin-left: 30px;
  margin-top: 2px;
}
.modMatBHKi-matbh-comboEingang .prepend.button-crud {
  font-size: 17px !important;
  right: 100% !important;
  padding-right: 10px;
  top: -3px !important;
  bottom: 0px;
}

.modMatBHKi-matbh-position-content .prepend.button-crud {
  font-size: 17px !important;
  right: 100% !important;
  padding-right: 10px;
  top: -3px !important;
  bottom: 0px;
}

.ausgang {
  position: relative;
  min-height: 1.425em;
  display: flex;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  margin-top: 10px;
}

.underline {
  border-bottom: 1px solid #7b7b7b;
  flex: 1 1 25em;
  margin-right: 1em;
  padding-bottom: 0.5em;
  margin-top: 0.2em;
}

.absatz {
  margin-top: 20px;
}

.infolabel {
  padding: 0.2em;
  margin-left: 5px;
}

.infobox {
  background: antiquewhite;
  padding: 0.2em;
  margin-right: 0.2em;
}

.infobox-text {
  white-space: pre-line;
}

.modMatBHKi-matbh-single-input {
  position: relative;
  padding: 3px 0 3px 2em;
  background-color: #b1c6e2;
  display: flex;
  border-style: solid;
  border-color: #b1c6e2;
  border-width: 0 6px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #afafaf, 2px 2px 3px #d2d2d2;
  margin-top: 0.5em;
}

.modMatBHKi-matbh-matAus-kies .ausgang {
  position: relative;
  min-height: 1.425em;
  display: flex;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}
.modMatBHKi-matbh-matAus-kies .kies {
  margin-top: 0.8em;
}
.modMatBHKi-matbh-matAus-kies .standort {
  margin-left: 30px;
}
.modMatBHKi-matbh-matAus-kies .underline {
  border-bottom: 1px solid #7b7b7b;
  flex: 1 1 25em;
  margin-right: 1em;
  padding-bottom: 0.5em;
}
.modMatBHKi-matbh-matAus-kies .input-detail-kies, .modMatBHKi-matbh-matAus-kies .zielprozesse {
  position: relative;
  margin-left: 30px;
}
.modMatBHKi-matbh-matAus-kies .prepend.button-crud {
  font-size: 17px !important;
  right: 100% !important;
  padding-right: 10px;
  top: -3px !important;
  bottom: 0px;
}

.modMatBHKi-matbh-eingang-bar,
.modMatBHKi-matbh-anlagen-bar,
.modMatBHKi-matbh-ausgang-bar {
  display: none;
}
.modMatBHKi-matbh-eingang-bar, .modMatBHKi-matbh-eingang-bar button,
.modMatBHKi-matbh-anlagen-bar,
.modMatBHKi-matbh-anlagen-bar button,
.modMatBHKi-matbh-ausgang-bar,
.modMatBHKi-matbh-ausgang-bar button {
  background-color: #2b6392;
  color: #fff;
}

.modMatBHKi-matbh-matEin-bar,
.modMatBHKi-matbh-lagerEin-bar,
.modMatBHKi-matbh-anlage-bar,
.modMatBHKi-matbh-matAus-bar,
.modMatBHKi-matbh-matAus-kies-bar,
.modMatBHKi-matbh-lagerAus-bar {
  background-color: #d7d7d7;
}

.modMatBHKi-matbh-anlEingang-bar:not(.modMatBHKi-matbh-anlEingang-positionen) {
  background-color: #abb3bf;
}
.modMatBHKi-matbh-anlEingang-bar:not(.modMatBHKi-matbh-anlEingang-positionen) .modMatBHKi-matbh-col > .value:not(input) {
  background-color: rgb(142.0540540541, 152.8108108108, 168.9459459459);
}

.modMatBHKi-matbh-prdEingang-bar {
  display: flex;
  background-color: rgb(132.3869158879, 165.3981308411, 209.4130841121);
}

/*
Farbige Rahmen um Materialpositionen
 */
.modMatBHKi-matbh-position {
  border-color: #b1c6e2;
}
.modMatBHKi-matbh-anlage .modMatBHKi-matbh-position {
  border-color: #f5f5b0;
}
.modMatBHKi-matbh-ausgang .modMatBHKi-matbh-position {
  border-color: #f5f5b0;
}
.modMatBHKi-matbh-position.produkt {
  border-color: #bfdabf;
}
.modMatBHKi-matbh-position.kiesmaterial {
  border-color: #c6eaf9;
}
.modMatBHKi-matbh-eingang .modMatBHKi-matbh-position.locked {
  border-color: #abb3bf;
}

.modMatBHKi-matbh-position-bar {
  background-color: #b1c6e2;
}
@media print {
  .modMatBHKi-matbh-position-bar {
    background-color: #b1c6e2;
  }
}
.modMatBHKi-matbh-position-bar div > .modMatBHKi-matbh-col > .value:not(input) {
  background-color: rgb(139.8224299065, 170.8317757009, 212.1775700935);
}
.modMatBHKi-matbh-anlage .modMatBHKi-matbh-position-bar {
  background-color: #f5f5b0;
}
@media print {
  .modMatBHKi-matbh-anlage .modMatBHKi-matbh-position-bar {
    background-color: #f5f5b0;
  }
}
.modMatBHKi-matbh-anlage .modMatBHKi-matbh-position-bar div > .modMatBHKi-matbh-col > .value:not(input) {
  background-color: #dada9d;
}
.modMatBHKi-matbh-ausgang .modMatBHKi-matbh-position-bar {
  background-color: #f5f5b0;
}
@media print {
  .modMatBHKi-matbh-ausgang .modMatBHKi-matbh-position-bar {
    background-color: #f5f5b0;
  }
}
.modMatBHKi-matbh-ausgang .modMatBHKi-matbh-position-bar div > .modMatBHKi-matbh-col > .value:not(input) {
  background-color: #dada9d;
}
.produkt .modMatBHKi-matbh-position-bar {
  background-color: #bfdabf;
}
@media print {
  .produkt .modMatBHKi-matbh-position-bar {
    background-color: #bfdabf;
  }
}
.produkt .modMatBHKi-matbh-position-bar div > .modMatBHKi-matbh-col > .value:not(input) {
  background-color: #8cba8c;
}
.kiesmaterial .modMatBHKi-matbh-position-bar {
  background-color: #c6eaf9;
}
@media print {
  .kiesmaterial .modMatBHKi-matbh-position-bar {
    background-color: #c6eaf9;
  }
}
.kiesmaterial .modMatBHKi-matbh-position-bar div > .modMatBHKi-matbh-col > .value:not(input) {
  background-color: #c6eaf9;
}
.modMatBHKi-matbh-eingang .locked .modMatBHKi-matbh-position-bar {
  background-color: #abb3bf;
}
@media print {
  .modMatBHKi-matbh-eingang .locked .modMatBHKi-matbh-position-bar {
    background-color: #abb3bf;
  }
}
.modMatBHKi-matbh-eingang .locked .modMatBHKi-matbh-position-bar div > .modMatBHKi-matbh-col > .value:not(input) {
  background-color: rgb(142.0540540541, 152.8108108108, 168.9459459459);
}

.modMatBHKi-matbh-matEin .modMatBHKi-matbh-position-content {
  background: linear-gradient(to left, white 0, white 9.899em, rgb(251.3551401869, 252.3364485981, 253.6448598131) 10.101em, rgb(251.3551401869, 252.3364485981, 253.6448598131) 17.899em, #b1c6e2 17.9em, #b1c6e2 18.05em, white 18.051em);
}
@media print {
  .modMatBHKi-matbh-matEin .modMatBHKi-matbh-position-content {
    background: linear-gradient(to left, white 0, white 9.899em, rgb(251.3551401869, 252.3364485981, 253.6448598131) 10.101em, rgb(251.3551401869, 252.3364485981, 253.6448598131) 17.899em, #b1c6e2 17.9em, #b1c6e2 18.05em, white 18.051em) !important;
  }
}

.modMatBHKi-matbh-lagerEin .modMatBHKi-matbh-position-content {
  background: linear-gradient(to left, white 0, white 9.899em, rgb(251.3551401869, 252.3364485981, 253.6448598131) 10.101em, rgb(251.3551401869, 252.3364485981, 253.6448598131) 17.899em, #b1c6e2 17.9em, #b1c6e2 18.05em, white 18.051em);
}
@media print {
  .modMatBHKi-matbh-lagerEin .modMatBHKi-matbh-position-content {
    background: linear-gradient(to left, white 0, white 9.899em, rgb(251.3551401869, 252.3364485981, 253.6448598131) 10.101em, rgb(251.3551401869, 252.3364485981, 253.6448598131) 17.899em, #b1c6e2 17.9em, #b1c6e2 18.05em, white 18.051em) !important;
  }
}

.modMatBHKi-matbh-anlage .modMatBHKi-matbh-position-content {
  background: linear-gradient(to left, rgb(250.7303370787, 250.7303370787, 221.2696629213) 0, rgb(250.7303370787, 250.7303370787, 221.2696629213) 9.899em, white 10.101em, white 17.899em, #f5f5b0 17.9em, #f5f5b0 18.05em, white 18.051em);
}
@media print {
  .modMatBHKi-matbh-anlage .modMatBHKi-matbh-position-content {
    background: linear-gradient(to left, rgb(250.7303370787, 250.7303370787, 221.2696629213) 0, rgb(250.7303370787, 250.7303370787, 221.2696629213) 9.899em, white 10.101em, white 17.899em, #f5f5b0 17.9em, #f5f5b0 18.05em, white 18.051em) !important;
  }
}

.modMatBHKi-matbh-matAus .modMatBHKi-matbh-position-content {
  background: linear-gradient(to left, rgb(250.7303370787, 250.7303370787, 221.2696629213) 0, rgb(250.7303370787, 250.7303370787, 221.2696629213) 9.899em, white 10.101em, white 17.899em, #f5f5b0 17.9em, #f5f5b0 18.05em, white 18.051em);
}
@media print {
  .modMatBHKi-matbh-matAus .modMatBHKi-matbh-position-content {
    background: linear-gradient(to left, rgb(250.7303370787, 250.7303370787, 221.2696629213) 0, rgb(250.7303370787, 250.7303370787, 221.2696629213) 9.899em, white 10.101em, white 17.899em, #f5f5b0 17.9em, #f5f5b0 18.05em, white 18.051em) !important;
  }
}

.produkt .modMatBHKi-matbh-position-content {
  background: linear-gradient(to left, rgb(223.3168316832, 236.6831683168, 223.3168316832) 0, rgb(223.3168316832, 236.6831683168, 223.3168316832) 9.899em, white 10.101em, white 17.899em, #bfdabf 17.9em, #bfdabf 18.05em, white 18.051em);
}
@media print {
  .produkt .modMatBHKi-matbh-position-content {
    background: linear-gradient(to left, rgb(223.3168316832, 236.6831683168, 223.3168316832) 0, rgb(223.3168316832, 236.6831683168, 223.3168316832) 9.899em, white 10.101em, white 17.899em, #bfdabf 17.9em, #bfdabf 18.05em, white 18.051em) !important;
  }
}

.kiesmaterial .modMatBHKi-matbh-position-content {
  background: linear-gradient(to left, rgb(244.1428571429, 251, 253.8571428571) 0, rgb(244.1428571429, 251, 253.8571428571) 9.899em, white 10.101em, white 17.899em, #c6eaf9 17.9em, #c6eaf9 18.05em, white 18.051em);
}
@media print {
  .kiesmaterial .modMatBHKi-matbh-position-content {
    background: linear-gradient(to left, rgb(244.1428571429, 251, 253.8571428571) 0, rgb(244.1428571429, 251, 253.8571428571) 9.899em, white 10.101em, white 17.899em, #c6eaf9 17.9em, #c6eaf9 18.05em, white 18.051em) !important;
  }
}

@media print {
  #modMatBHKi-matbh-root {
    color: black;
  }
  #modMatBHKi-matbh-root .modMatBHKi-matbh-eingang-titel, #modMatBHKi-matbh-root .modMatBHKi-matbh-anlagen-titel, #modMatBHKi-matbh-root .modMatBHKi-matbh-ausgang-titel {
    color: white;
  }
  #modMatBHKi-matbh-root .new-position, #modMatBHKi-matbh-root .new-zielprozess {
    display: none;
  }
  #modMatBHKi-matbh-root .modMatBHKi-matbh-position, #modMatBHKi-matbh-root .modMatBHKi-matbh-zielprozess {
    page-break-inside: avoid;
  }
  #modMatBHKi-matbh-root input, #modMatBHKi-matbh-root .value {
    color: black;
    border: none;
    background: transparent;
  }
}
#modMatBHKi-main-materialBH-toolbar > div {
  display: flex;
}

#modMatBHKi-main-materialBH-toolbar > div {
  display: flex;
}

#modMatBHKi-pschritt-materialBh-center-toolbar-suchLeiste {
  flex-grow: 1;
}
#modMatBHKi-pschritt-materialBh-center-toolbar-suchLeiste > div {
  height: 100%;
}
#modMatBHKi-pschritt-materialBh-center-toolbar-suchLeiste .ilu-combo-box {
  box-sizing: border-box;
  padding: 5px;
  height: 100%;
}
#modMatBHKi-pschritt-materialBh-center-toolbar-suchLeiste .ilu-combo-box input {
  padding-left: 0.5em;
}
#modMatBHKi-pschritt-materialBh-center-toolbar-suchLeiste a {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  width: 30px;
  text-align: center;
  display: block;
  cursor: pointer;
}
#modMatBHKi-pschritt-materialBh-center-toolbar-suchLeiste a:before {
  display: block;
  margin-top: 3px;
  font-size: 1.3333333em;
}

/******************************************************
 * end pschritt matbh
 ******************************************************/
.modMatBHKi-form-div {
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

.modMatBHKi-form-subdiv {
  padding: 5px;
}

.modMatBHKi-form-label-div {
  flex: 100 100 400px;
  border-color: black;
  border-bottom: 1px solid;
}

.modMatBHKi-form-item-div {
  display: flex;
  flex-direction: row;
  flex: 0 0 150px;
  align-items: flex-end;
}

.modMatBHKi-form-label-desc {
  padding-top: 5px;
  font-style: italic;
  font-size: 0.9em;
}

.modMatBHKi-form-item-unit {
  padding-left: 10px;
  font-size: 0.9em;
}

#modMatBHKi-pschritt-materialBh-center-toolbar-autoFilterMatBH {
  background: white !important;
  border: 1px solid #706F6F;
  box-shadow: 1px 1px 2px grey;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: black !important;
}
#modMatBHKi-pschritt-materialBh-center-toolbar-autoFilterMatBH.aktiv {
  background: gold !important;
  box-shadow: 1px 1px 1px #cacaca, inset 1px 1px 1px grey;
}

.modMatBHKi-button-aus-Eingang {
  margin-left: 20px;
  padding: 3px;
  background: white !important;
  border: 1px solid #706F6F;
  box-shadow: 1px 1px 2px grey;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: black !important;
}

.modMatBHKi-prozesskonf-container {
  -webkit-flex: 100 1 400px;
  flex: 100 1 400px;
}

.modMatBHKi-prozesskonf-prozess {
  margin: 5px 5px 10px 5px;
  padding: 5px 5px 0px 5px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #dedede;
  border-radius: 0 0 3px 3px;
  box-shadow: 1px 2px 7px #d3d3d3;
  overflow: auto;
}

.modMatBHKi-prozesskonf-prozessTypContainer {
  -webkit-flex: 40 1 160px;
  flex: 40 1 160px;
}

.modMatBHKi-prozesskonf-prozessConfContainer {
  -webkit-flex: 60 1 150px;
  flex: 60 1 150px;
}

.modMatBHKi-prozesskonf-prozessTypHeader {
  margin-bottom: 5px;
}

.modMatBHKi-prozesskonf-prozessTypName {
  -webkit-flex: 60 1 60px;
  flex: 60 1 60px;
}

.modMatBHKi-prozesskonf-prozessTypCB {
  -webkit-flex: 40 1 40px;
  flex: 40 1 40px;
}

.modMatBHKi-prozesskonf-prozessConfTyp {
  -webkit-flex: 40 1 40px;
  flex: 40 1 40px;
}

.modMatBHKi-prozesskonf-prozessConfNameAndCB {
  margin: 0px 35px 10px 0px;
  -webkit-flex: 60 1 60px;
  flex: 60 1 60px;
}

.modMatBHKi-prozesskonf-prozessConfName {
  -webkit-flex: 60 1 60px;
  flex: 60 1 60px;
}

.modMatBHKi-prozesskonf-prozessConfCB {
  -webkit-flex: 40 1 40px;
  flex: 40 1 40px;
}

.matbhki-umrechnungsfaktor-input {
  width: 50px;
}

.matbhki-print-only {
  display: none;
}

@media print {
  .matbhki-print-only {
    display: block;
  }
  .matbhki-no-print {
    display: none;
  }
}
.modCockpit-filter-div {
  display: flex;
  margin: 10px;
  justify-content: center;
}
.modCockpit-filter-div .pfw-uebersicht-filter-elem {
  margin-left: 20px;
  margin-right: 20px;
}

.modCockpit-svgContainer {
  display: flex;
  margin: 10px;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-between;
  flex-flow: wrap;
}

.modCockpit-svgChart {
  flex: 100 1 500px;
  margin: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #dedede;
  border-radius: 3px;
  box-shadow: 1px 2px 7px #d3d3d3;
}

.modCockpit-download-button {
  float: right;
  margin-right: 80px;
}

.modCockpit-export-container {
  padding: 10px;
}

.modCockpit-export-row {
  height: 60px;
}

.modCockpit-export-row-div {
  display: flex;
  align-items: center;
  padding: 5px;
}

.modCockpit-export-label {
  margin-right: 20px;
  flex: 2 2 auto;
}

.modCockpit-export-filter {
  margin-right: 20px;
  flex: 2 2 auto;
}

.modCockpit-export-button {
  flex: 0 0 50px;
}

/*
Rechtes Panel
 */
.modInspKies-rechts-infoBetrieb {
  margin-bottom: 0;
}

.modInspKies-rechts-titelBetrieb {
  display: flex;
}
.modInspKies-rechts-titelBetrieb div:not(.pfw-rechts-infocontainer-title) {
  font-weight: normal;
  margin-left: 10px;
}

/*
Prozessschritt Inspektion
 */
.modInspKies-inspektion-group {
  padding: 10px;
}

.modInspKies-inspektion-titel {
  font-weight: bold;
  margin-bottom: 10px;
}

.modInspKies-inspektion-content {
  padding-left: 5px;
}

.modInspKies-inspektion-appStatusRow {
  display: flex;
  margin-bottom: 2px;
}
.modInspKies-inspektion-appStatusRow div {
  display: flex;
  margin-right: 8px;
}
.modInspKies-inspektion-appStatusRow .modInspKies-inspektion-appStatusRow-label {
  min-width: 250px;
}

.modInspKies-inspektion-fortschritt {
  display: flex;
  align-items: center;
}
.modInspKies-inspektion-fortschritt .modInspKies-inspektion-fortschritt-label {
  flex: 1 3 auto;
  white-space: pre-wrap;
}
.modInspKies-inspektion-fortschritt .modInspKies-inspektion-fortschritt-btnDiv {
  flex: 3 1 auto;
  display: flex;
}
.modInspKies-inspektion-fortschritt .modInspKies-inspektion-fortschritt-btnDiv .modInspKies-inspektion-fortschritt-btn {
  display: flex;
  padding: 5px;
  margin: 5px;
  align-items: center;
}
.modInspKies-inspektion-fortschritt .modInspKies-inspektion-fortschritt-btnDiv .modInspKies-inspektion-fortschritt-btn .modInspKies-inspektion-fortschritt-icon {
  margin-right: 10px;
}

.modInspKies-inspektion-zusatzbem {
  display: flex;
  align-items: center;
  padding: 7px;
}

.modInspKies-inspektion-zusatzbem-labelColumn {
  display: flex;
  flex-direction: column;
  flex: 1 4 100px;
  margin-right: 5px;
  padding-left: 5px;
}

.modInspKies-inspektion-zusatzbem-inputColumn {
  display: flex;
  flex-direction: column;
  flex: 4 1 auto;
  margin-right: 5px;
}
.modInspKies-inspektion-zusatzbem-inputColumn textarea {
  height: 100%;
  resize: none;
}

.modInspKies-inspektion-zusatzbem-label,
.modInspKies-inspektion-zusatzbem-inputDiv {
  height: 6.3em;
  margin-bottom: 5px;
}
.modInspKies-inspektion-zusatzbem-label.spacer,
.modInspKies-inspektion-zusatzbem-inputDiv.spacer {
  border: 0 solid #a9a9a9;
  border-top-width: 1px;
  margin-top: 17px;
  padding-top: 17px;
}
.modInspKies-inspektion-zusatzbem-label span,
.modInspKies-inspektion-zusatzbem-inputDiv span {
  padding-right: 5px;
}

.modInspKies-inspektion-killer {
  color: rgb(206, 70, 46);
}

/*
Prozessschritt Freigaben
 */
.modInspKies-freigaben-berichtStand-titel {
  font-weight: bold;
}

.modInspKies-freigaben-berichtStand-erklaerung {
  font-style: italic;
}

.modInspKies-freigaben-berichtStand-tbl {
  margin: 10px 0 20px 0;
  border-collapse: collapse;
}
.modInspKies-freigaben-berichtStand-tbl td {
  padding: 3px 20px 3px 10px;
}
.modInspKies-freigaben-berichtStand-tbl tr.highlight {
  background-color: #82dab2;
}

@media print {
  #modJournal-main-div-acc-subNeuerEintrag {
    display: none;
  }
  #modJournal-main-filter {
    display: none;
  }
}
.modJournalJahresColumn {
  text-align: center;
}

#modInspGen-pschritt-rechts-infoSelektionBetrieb-formdiv {
  min-height: 300px;
}

.pfw-uebersicht-filter-smallfield {
  width: 80px;
}

.iluUI-inspGen-layout-Anforderung {
  flex: 1 1 auto;
}

.iluUI-inspGen-layout-Anforderungstext {
  white-space: pre-wrap;
}

.iluUI-inspGen-AnforderungsDiv {
  margin-top: 20px;
}

.iluUI-inspGen-layout-fragenTitel {
  margin-bottom: 0px !important;
  margin-top: 5px !important;
}

.iluUI-inspGen-layout-inspTitel {
  margin-bottom: 10px;
  min-width: 100px;
  padding: 5px 0px 5px 0px;
  font-size: 1.1em;
}

/*
Prozessschritt Inspektion
 */
.modInspGen-inspektion-group {
  padding: 10px;
}

.modInspGen-inspektion-titel {
  font-weight: bold;
  margin-bottom: 10px;
}

.modInspGen-inspektion-content {
  padding-left: 5px;
}

.modInspGen-inspektion-appStatusRow {
  display: flex;
  margin-bottom: 2px;
}
.modInspGen-inspektion-appStatusRow div {
  display: flex;
  margin-right: 8px;
}
.modInspGen-inspektion-appStatusRow .modInspGen-inspektion-appStatusRow-label {
  min-width: 250px;
}

.modInspGen-inspektion-fortschritt {
  display: flex;
  align-items: center;
}
.modInspGen-inspektion-fortschritt .modInspGen-inspektion-fortschritt-label {
  flex: 1 3 auto;
  white-space: pre-wrap;
}
.modInspGen-inspektion-fortschritt .modInspGen-inspektion-fortschritt-btnDiv {
  flex: 3 1 auto;
  display: flex;
}
.modInspGen-inspektion-fortschritt .modInspGen-inspektion-fortschritt-btnDiv .modInspGen-inspektion-fortschritt-btn {
  display: flex;
  padding: 5px;
  margin: 5px;
  align-items: center;
}
.modInspGen-inspektion-fortschritt .modInspGen-inspektion-fortschritt-btnDiv .modInspGen-inspektion-fortschritt-btn .modInspGen-inspektion-fortschritt-icon {
  margin-right: 10px;
}

/***********************************************************************************************
 Pkrit Liste
 ***********************************************************************************************/
/*
ul.iluUI-inspGen-layout-liste:not(.iluUI-inspGen-pkritListe-pkrits)> li:first-child {
  //border-top: 1px solid #938b8b;
}
ul.iluUI-inspGen-layout-liste:not(.iluUI-inspGen-pkritListe-pkrits)> li:nth-of-type(odd) {
  //background: #edf0ff;
}
ul.iluUI-inspGen-layout-liste:not(.iluUI-inspGen-pkritListe-pkrits)> li:nth-of-type(even) {
  //background: #f5f6fa;
}
*/
/**************
Kapitel
 **************/
.iluUI-inspGen-pkritListeKapitel > .iluUI-inspGen-PkritListItem {
  margin-bottom: 10px;
  height: 30px;
  cursor: pointer;
  position: relative;
  padding: 0.5em 0em 0.5em 0em;
  font-size: 100%;
  background: #706F6F;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.3;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #9c9c9c;
  border: 2px solid transparent;
  display: flex;
}

.iluUI-inspGen-pkritListeUnterKapitel > .iluUI-inspGen-PkritListItem {
  margin-bottom: 10px;
  height: 30px;
  cursor: pointer;
  position: relative;
  padding: 0.3em 0em 0.3em 0em;
  font-size: 100%;
  background: #dedede;
  font-weight: normal;
  color: #000000;
  line-height: 1.3;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #9c9c9c;
  border: 2px solid transparent;
  display: flex;
}
.iluUI-inspGen-pkritListeUnterKapitel .iluUI-inspGen-pkrit-icon {
  width: 31px;
  height: 31px;
  box-sizing: border-box;
  padding: 3px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
  border-width: 2px;
  border-radius: 3px;
}

.iluUI-inspGen-PkritListItem + .iluUI-inspGen-pkritInfo + .iluUI-inspGen-pkrit-pkritData {
  display: none;
}

/**************
PKrit-Liste
 **************/
ul.iluUI-inspGen-pkritListe-pkrits > li:nth-of-type(odd):not(.iluUI-inspGen-pkritListeKapitel) {
  background: #edf0ff;
  color: #000000 !important;
}

ul.iluUI-inspGen-pkritListe-pkrits > li:nth-of-type(even):not(.iluUI-inspGen-pkritListeKapitel) {
  background: #f5f6fa;
  color: #000000 !important;
}

.iluUI-inspGen-pkritListePkrit {
  color: #000000 !important;
}
.iluUI-inspGen-pkritListePkrit .iluUI-inspGen-pkrit-icon {
  width: 31px;
  height: 31px;
  box-sizing: border-box;
  padding: 3px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
  border-width: 2px;
  border-radius: 3px;
}
.iluUI-inspGen-pkritListePkrit > .iluUI-inspGen-PkritListItem {
  padding: 10px 0px 10px 0px;
  display: flex;
}

.iluUI-inspGen-pkritSammelDiv .iluUI-inspGen-pkrit-icon {
  width: 31px;
  height: 31px;
  box-sizing: border-box;
  padding: 3px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
  border-width: 2px;
  border-radius: 3px;
}
.iluUI-inspGen-pkritSammelDiv .iluUI-inspGen-PkritListItem {
  padding: 5px 0px 5px 0px;
  display: flex;
  background: #c6eaf9;
  font-weight: bold;
  font-size: 1.1em;
}
.iluUI-inspGen-pkritSammelDiv .iluUI-inspGen-pkritAccordion .iluUI-inspGen-pkritAccordion-bar-icon {
  cursor: pointer;
  padding: 2px 10px 2px 10px;
}
.iluUI-inspGen-pkritSammelDiv .iluUI-inspGen-pkritAccordion .iluUI-inspGen-pkritAccordion-bar {
  padding: 5px 0px 5px 0px;
  background: #e4eaed;
  font-size: 1.1em;
}
.iluUI-inspGen-pkritSammelDiv .iluUI-inspGen-pkritAccordion .iluUI-inspGen-pkritAccordion-div {
  padding: 0.5em 0.2em 0 0.2em;
}
.iluUI-inspGen-pkritSammelDiv .iluUI-inspGen-pkritAccordion .iluUI-inspGen-pkritAccordion-div .iluUI-inspGen-pkritAccordion-inspektion .iluUI-inspGen-component {
  padding: 10px 5px 10px 5px;
}
.iluUI-inspGen-pkritSammelDiv .iluUI-inspGen-pkritAccordion .iluUI-inspGen-pkritAccordion-div .iluUI-inspGen-pkritAccordion-beobachtungen {
  padding: 5px 5px 5px 5px;
}
.iluUI-inspGen-pkritSammelDiv .iluUI-inspGen-pkritAccordion .iluUI-inspGen-pkritAccordion-div .iluUI-inspGen-pkritAccordion-massnahmen {
  padding: 5px 5px 5px 5px;
}

.iluUI-inspGen-pkrit-RowDetail {
  padding: 0px 5px 0px 5px;
}

.iluUI-inspGen-pkrit-kapitelNr {
  padding: 0px 0px 0px 5px;
}

.iluUI-inspGen-pkrit-kapitelGruppe {
  padding: 0px 0px 0px 7px;
}

.iluUI-inspGen-pkrit-kapitelTitel {
  padding: 0px 0px 0px 7px;
}

/*
  Prüfkriterien und Massnahmen-Bausteine
 */
.iluUI-inspGen-component {
  position: relative;
  background-color: rgb(250, 250, 250);
  user-select: none;
}
.iluUI-inspGen-component .iluUI-inspGen-component-title {
  display: flex;
  position: absolute;
  top: -12px;
  line-height: 1;
  padding: 3px 5px;
  background-color: rgb(250, 250, 250);
  border: 1px solid rgb(221, 221, 221);
  box-shadow: 1px 1px 1px rgb(221, 221, 221);
}
.iluUI-inspGen-component .iluUI-inspGen-component-title.openclose {
  cursor: pointer;
}
.iluUI-inspGen-component .iluUI-inspGen-component-title i {
  padding-right: 6px;
}
.iluUI-inspGen-component.noBorder {
  border-color: transparent;
}
.iluUI-inspGen-component.noBorder .iluUI-inspGen-component-title {
  display: flex;
  position: absolute;
  top: -8px;
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  box-shadow: 0 0 0;
}

.iluUI-inspGen-component-last {
  margin-bottom: 0;
}

.iluUI-inspGen-component-inspRc {
  padding-bottom: 2px;
}

/*
Buttons
 */
.iluUI-inspGen-button-flexContainer {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.iluUI-inspGen-formButton {
  padding: 3px 6px;
  background: transparent;
  color: rgb(0, 0, 0);
  box-shadow: 1px 1px 2px grey;
  border: 1px solid rgb(97, 97, 97);
  border-radius: 4px;
  cursor: pointer;
  font-size: 1em;
}
.iluUI-inspGen-formButton.withIcon {
  align-items: center;
}
.iluUI-inspGen-formButton.withIcon i {
  padding-right: 4px;
}
.iluUI-inspGen-formButton.onlyIcon, .iluUI-inspGen-formButton.modPendenz-onlyIcon {
  padding: 3px;
  align-items: center;
  margin-left: 4px;
  width: 25px;
  font-size: 1.2em;
}
.iluUI-inspGen-formButton.down {
  background-color: #82dab2;
  box-shadow: 1px 1px 1px #cacaca, inset 1px 1px 1px grey;
}
.iluUI-inspGen-formButton:hover:not(:disabled) {
  background-color: #d2f1e3;
}
.iluUI-inspGen-formButton:focus {
  outline: 0;
}
.iluUI-inspGen-formButton:disabled, .iluUI-inspGen-formButton:disabled:hover {
  color: #777777;
  border-color: rgb(185, 185, 185);
  box-shadow: 0 0 transparent;
  cursor: default;
}
.iluUI-inspGen-formButton:disabled.down:not(.iluUI-inspGen-beurteilungButton), .iluUI-inspGen-formButton:disabled:hover.down:not(.iluUI-inspGen-beurteilungButton) {
  background-color: #ffd0b6;
}
.iluUI-inspGen-formButton:disabled label, .iluUI-inspGen-formButton:disabled:hover label {
  color: #777777;
  cursor: default;
}
.iluUI-inspGen-formButton.iluUI-inspGen-beurteilungButton {
  width: 33px;
  height: 24px;
}
.iluUI-inspGen-formButton.iluUI-inspGen-beurteilungButton.down, .iluUI-inspGen-formButton.iluUI-inspGen-beurteilungButton:hover:not(:disabled) {
  border-color: black;
}

.inspGen-beurteilung-grau {
  width: auto !important;
  height: auto !important;
  margin-right: 20px;
}

.iluUI-inspGen-naContainer {
  margin-left: auto;
}

/*
Pkrit Form
 */
.iluUI-inspGen-beurteilungDiv {
  align-items: flex-start;
  align-items: center;
}

.iluUI-inspGen-bewertungContainer {
  margin-bottom: 5px;
  align-items: center;
}

.iluUI-inspGen-bewertung {
  margin-bottom: 5px;
}
.iluUI-inspGen-bewertung label {
  margin-right: 12px;
  align-self: center;
}
.iluUI-inspGen-bewertung button {
  width: 33px;
  height: 24px;
  margin-right: 3px;
  box-shadow: 2px 2px 2px grey;
}
.iluUI-inspGen-bewertung button.grau {
  margin-left: 5%;
}
.iluUI-inspGen-bewertung button.down, .iluUI-inspGen-bewertung button.down:hover {
  box-shadow: inset 2px 2px 3px rgba(93, 93, 93, 0.7);
}

.iluUI-inspGen-nachbearbeitung {
  height: 24px;
}

.iluUI-inspGen-fragen-container {
  padding-left: 5px;
}

.iluUI-inspGen-fragen-labeldiv {
  width: 25%;
  min-width: 100px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 10px;
}

.filterGenInspTyp {
  border: 1px solid !important;
}
.filterGenInspTyp.activated {
  background-color: #82dab2;
  box-shadow: 1px 1px 1px #cacaca, inset 1px 1px 1px grey;
}

/*
Layout & Struktur
 */
.iluUI-inspGen-fragen-flexContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.iluUI-inspGen-layout-flexRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

.iluUI-inspGen-fragen-flexRow {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}

.iluUI-inspGen-layout-flexColumn {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
}

.iluUI-inspGen-fragen-flexColumn {
  flex-wrap: nowrap;
  width: 22.5%;
}

.iluUI-inspGen-layout-form-l {
  flex: 5 1 700px;
  max-width: 820px;
  display: flex;
  flex-direction: column;
}

.iluUI-inspGen-layout-form-r {
  flex: 1 5 342px;
  margin-left: 10px;
}

.iluUI-inspGen-layout-form-b {
  flex: 1 1 auto;
}

.iluUI-inspGen-navigation-button {
  width: 25px;
}

.iluUI-inspGen-navigaton-deleteButton {
  width: 25px !important;
  margin-left: 20px !important;
}

.iluUI-inspGen-anzeigeAnzahl {
  height: 18px;
  padding: 5px;
  vertical-align: middle;
}

.wem-style textarea {
  padding: 1px 1px 1px 2px !important;
}

.wem-style input {
  padding: 1px 1px 1px 2px !important;
}

.wem-style label {
  white-space: normal !important;
}

#modOekoFl-main-explorer-container {
  min-height: 500px;
}

#undefined-Dlg-auswahl-eigentuemer-dialog {
  z-index: 1000 !important;
}

.dataTables_wrapper {
  padding: 0em;
}

@media screen and (max-width: 1100px) {
  .infonetzMainPanel {
    padding: 0em !important;
  }
  .iluUI-divContainer-contentdiv {
    margin: 0em;
    border: none;
  }
  .dataTables_wrapper {
    padding: 0em;
  }
  .iluUI-form-childContainer {
    margin: 0em !important;
    border-style: none;
  }
  .iluUI-inspD-component {
    padding: 0.1em 0 0 0em;
    border: none;
  }
  .iluUI-divContainer-div .iluUI-form-childContainer {
    margin: 0em;
  }
  .table.dataTable.display tbody td .iluUI-form-childContainer {
    margin: 0em;
  }
  .iluUI-inspD-bewertung button {
    width: 3em;
    height: 2.5em;
    margin-right: 1em;
  }
  .iluUI-inspD-formButton.onlyIcon, .iluUI-inspD-formButton.modPendenz-onlyIcon {
    width: 2em;
  }
  .iluUI-inspD-AnforderungsDiv {
    margin-top: 0.5em;
  }
  .dataTable > thead {
    display: none;
  }
  .iluUI-divContainer-bar {
    /*cursor: pointer;*/
    position: relative;
    padding: 0.2em 0.2em 0.2em 1.2em;
    font-size: small;
    background: #2b6392;
    font-weight: normal;
    color: #ffffff;
    border-radius: 3px;
  }
}
.fi-wffluss {
  font-size: 1.5em;
  line-height: 1.1em;
}

#modWFStoFlu-erfassenStofffluss-main-erfassen-sub {
  margin: 10px 5px 10px 5px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #dedede;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 1px 2px 7px #d3d3d3;
  overflow: auto;
}

/*Toolbar Info*/
#modWFStoFlu-erfassenstofffluss-toolbar-main {
  display: flex;
}

.modWFStoFlu-toolbarInfo {
  margin-right: 10px;
  min-width: 200px;
  background: #d2f1e3;
  height: 35px;
  align-content: center;
}

.modWFStoFlu-toolbarInfo-div {
  display: flex;
  justify-content: flex-end;
  margin: 2px 5px;
}

.modWFStoFlun-toolbarInfo-title {
  padding-right: 5px;
}

.iluUI-wfStoFlu-wfStoFluContainer {
  height: 100%;
  margin-right: 1px;
}

.iluUI-wfStoFlu-bereichContainer {
  padding: 10px 0px 20px 0px;
}
.iluUI-wfStoFlu-bereichContainer.iluUI-wfStoFlu-eingangContainer {
  background: #d7f5db;
}
.iluUI-wfStoFlu-bereichContainer.iluUI-wfStoFlu-ausgangContainer {
  background: #99cca8;
}
.iluUI-wfStoFlu-bereichContainer.iluUI-wfStoFlu-lagerContainer {
  background: #bae8e3;
}

.iluUI-wfStoFlu-bereich-bar {
  top: 0px;
  position: sticky;
  padding: 15px 5px 0px 5px;
  display: grid;
  grid-template-columns: 70px 2fr 1fr 75px;
}

.iluUI-wfStoFlu-bereich-icon {
  width: 35px;
  height: 35px;
  margin: 0 0 0 5px;
}

.iluUI-wfStoFlu-bereichTable {
  display: grid;
  row-gap: 0px;
}

.iluUI-wfStoFlu-bereichHeader-summeDiv {
  display: flex;
  justify-content: flex-end;
}

.iluUI-wfStoFlu-bereichHeader-summe {
  margin-left: 10px;
  margin-right: 3px;
}

.iluUI-wfStoFlu-FlussItemRow-mengeDiv {
  display: flex;
  justify-content: flex-end;
}

.iluUI-wfStoFlu-FlussItemRow-Header {
  top: 0px;
  position: sticky;
  display: grid;
  grid-template-columns: 0.3fr 0.9fr 0.25fr 0.75fr 0.4fr 75px;
  align-content: center;
  padding: 5px 0px 5px 0px;
  background: #706F6F;
  color: white;
  font-size: larger;
}
.iluUI-wfStoFlu-FlussItemRow-Header.bereichlager {
  grid-template-columns: 0.5fr 1.5fr 0.25fr 0.25fr 75px;
}

.iluUI-wfStoFlu-header-sortIcon {
  margin-left: 10px;
  margin-top: auto;
  margin-bottom: auto;
}

.iluUI-wfStoFlu-dropdown-sortIcon {
  margin-left: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  position: absolute;
  right: 15px;
  z-index: 100;
}

.iluUI-wfStoFlu-FlussItemRow {
  display: grid;
  grid-template-columns: 10px 1.2fr 1fr 0.4fr 75px;
  align-items: center;
  padding: 3px 5px 3px 0px;
}
.iluUI-wfStoFlu-FlussItemRow .fluss-active {
  background: #fdbc8c;
}
.iluUI-wfStoFlu-FlussItemRow.bereichlager {
  grid-template-columns: 30px 2fr 0.5fr 75px;
}

.iluUI-wfStoFlu-FlussItemContainer .fluss-active {
  background: #fdbc8c;
}

.iluUI-wfStoFlu-FlussItemRow-doublecell {
  display: flex;
  padding: 2px 5px;
  align-items: center;
}

.iluUI-wfStoFlu-FlussItemRow-cell {
  display: flex;
  flex-direction: row;
  padding: 2px 5px;
}
.iluUI-wfStoFlu-FlussItemRow-cell.flexEnd {
  justify-content: flex-end;
}
.iluUI-wfStoFlu-FlussItemRow-cell.small {
  width: 20%;
}
.iluUI-wfStoFlu-FlussItemRow-cell.wide {
  width: 75%;
}
.iluUI-wfStoFlu-FlussItemRow-cell.tiny {
  width: 40px;
}
.iluUI-wfStoFlu-FlussItemRow-cell.incomplete:after {
  font: normal normal normal 14px/1 FontIlu;
  font-size: 1.3333333em;
  display: inline-block;
  text-rendering: auto;
  transform: translate(0, 0);
  content: "\f006d";
  color: rgb(193.1065420561, 46.0822429907, 41.6934579439);
}

.iluUI-wfStoFlu-FlussItemRow-cell-left {
  margin-left: 0 !important;
}

.iluUI-wfStoFlu-FlussItemRow-cell-right {
  margin-right: 0;
  margin-left: auto !important;
}

.iluUI-wfStoFlu-FlussItemRow-cell-span {
  margin-bottom: auto;
  margin-top: auto;
}

.iluUI-wfStoFlu-FlussItemRow-menge {
  width: 80px;
  padding-right: 0.2em;
  margin-left: 0.2em;
  box-sizing: border-box;
  font-size: 1em;
  text-align: right;
}

.iluUI-wfStoFlu-FlussItemRow-menge-label {
  padding: 0 0.2em;
}

.iluUI-wfStoFlu-flussItem-details {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
  margin-right: auto;
}

.iluUI-wfStoFlu-flussItem-delete {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
}

.iluUI-wfStoFlu-flussItem-copy {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
}

.iluUI-wfStoFlu-flussItem-kommentar-btn {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
}
.iluUI-wfStoFlu-flussItem-kommentar-btn.keinKommentar {
  color: #a6a9ad;
}
.iluUI-wfStoFlu-flussItem-kommentar-btn.info {
  color: #0093ff;
}
.iluUI-wfStoFlu-flussItem-kommentar-btn.offen {
  color: #d9534f;
}
.iluUI-wfStoFlu-flussItem-kommentar-btn.beantwortet {
  color: #00b300;
}
.iluUI-wfStoFlu-flussItem-kommentar-btn.abgeschlossen {
  color: #1a5003;
}

ul.iluUI-wfStoFlu-bereichTable > li:nth-of-type(odd) {
  background: #e8e9e9;
}

ul.iluUI-wfStoFlu-bereichTable > li:nth-of-type(even) {
  background: #fcfdfd;
}

.iluUI-wfStoFlu-toolbarFilterContainer {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1.2fr 0.2fr;
  grid-column-gap: 5px;
  align-items: end;
  padding: 5px 0px 5px 0px;
  overflow: hidden;
}

.iluUI-wfStoFlu-toolbar-bereich-icon {
  width: 45px;
  height: 45px;
  margin: 0 0 0 5px;
  border: 2px solid;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
}
.iluUI-wfStoFlu-toolbar-bereich-icon.activated {
  background-color: #a4b4f9;
}

.iluUI-wfStoFlu-toolbarFilter-bereichDiv {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

.iluUI-wfStoFlu-toolbar-bereich-icon-text {
  display: grid;
  font-size: small;
  text-align: center;
}

.iluUI-weeeFlow-DropDown-container {
  position: relative;
  width: 100%;
}

.iluUI-weeeFlow-DropDown-input,
.iluUI-weeeFlow-DropDown-listUl {
  position: relative;
  border: none;
  box-sizing: border-box;
  width: 100%;
  z-index: 99;
}

.iluUI-weeeFlow-DropDown-inputcontainer {
  height: 2.5rem;
  position: relative;
  display: flex;
}
.iluUI-weeeFlow-DropDown-inputcontainer.iluUI-weeeFlow-DropDown-inputcontainer-toolbar {
  outline: #f3f3f3 auto 1px;
  background: aliceblue;
}

.iluUI-weeeFlow-DropDown-input {
  height: 2.5rem;
  padding: 1em 0.5em;
  padding-right: 20px;
  position: relative;
  transition: outline 0.2s ease;
  transition-delay: 0.2s;
}
.iluUI-weeeFlow-DropDown-input:focus + .input-underline {
  transform: scaleY(0);
}

.input-underline {
  background: #000;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform-origin: center bottom;
  transition: transform 0.3s ease;
  width: 100%;
}

.iluUI-weeeFlow-DropDown-listcontainer {
  box-shadow: 0 8px 15px 0 rgba(33, 33, 33, 0.2);
  opacity: 0;
  position: relative;
  transform: scaleY(0);
  visibility: hidden;
  transform-origin: center top;
  transition: all 0.3s ease;
  width: auto;
  z-index: 100;
}
.iluUI-weeeFlow-DropDown-listcontainer.visible {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.iluUI-weeeFlow-DropDown-listcontainer.iluUI-weeeFlow-DropDown-listcontainer-toolbar {
  width: 40em !important;
  position: fixed !important;
}

.iluUI-weeeFlow-DropDown-listUl {
  position: absolute;
  background: ghostwhite;
  display: flex;
  flex-wrap: wrap;
  max-height: 11.5em;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
}

.iluUI-weeeFlow-DropDown-listEle {
  cursor: pointer;
  padding: 0.5em 0;
  transition: background 0.5s ease;
  width: 100%;
}
.iluUI-weeeFlow-DropDown-listEle:hover {
  background: #CCC;
}
.iluUI-weeeFlow-DropDown-listEle span {
  box-sizing: border-box;
  display: inline-block;
}
.iluUI-weeeFlow-DropDown-listEle.li_active {
  background: #CCC;
}

.iluUI-weeeFlow-DropDown-listEle-key {
  padding: 2px 1px;
  width: fit-content;
}

.iluUI-weeeFlow-DropDown-listEle-name {
  padding: 2px 1px;
  width: auto;
}

.iluUI-wfStoFlu-bereichFooter {
  padding: 10px 5px 5px 5px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.iluUI-wfStoFlu-bereichFooter-left {
  padding: 10px 5px 5px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.iluUI-wfStoFlu-bereichFooter-right {
  padding: 10px 5px 5px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.iluUI-wfStoFlu-formButton {
  padding: 6px;
  margin: 5px;
  background: white;
  color: rgb(0, 0, 0);
  box-shadow: 1px 1px 2px grey;
  border: 1px solid rgb(97, 97, 97);
  border-radius: 4px;
  cursor: pointer;
  height: 30px;
}
.iluUI-wfStoFlu-formButton.withIcon {
  align-items: center;
  font-size: 1em;
}
.iluUI-wfStoFlu-formButton.withIcon i {
  padding-right: 4px;
}
.iluUI-wfStoFlu-formButton.iconOnly {
  width: 30px;
}

.iluUI-wfStoFlu-formButton-icon-text {
  padding: 5px;
}

.iluUI-wfStoFlu-FlussItemDetail {
  display: grid;
  grid-template-columns: 0.25fr 0.75fr 75px;
  grid-column-gap: 10px;
  padding: 5px 10px 5px 10px;
}

.iluUI-wfStoFlu-FlussItemDetailRow {
  display: grid;
  grid-template-columns: 1fr 0.33fr 1fr 45px;
  padding: 3px 5px 3px 5px;
  align-items: center;
}

.iluUI-wfStoFlu-FlussItemRow-anteil {
  width: 50px;
  height: 24px;
  padding-right: 0.2em;
  margin-left: 0.2em;
  box-sizing: border-box;
  font-size: 1em;
  text-align: right;
}

.iluUI-wfStoFlu-FlussItemRow-menge-anteil {
  padding: 0 0.2em;
}

.iluUI-wfStoFlu-FlussItemRow-anteil-label {
  margin-bottom: auto;
  margin-top: auto;
  margin-right: 5px;
}

.iluUI-wfStoFlu-FlussItemDetail-select {
  height: 2.5rem;
  padding-right: 20px;
  position: relative;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #dedede;
  border-radius: 1px 1px 1px 1px;
}
.iluUI-wfStoFlu-FlussItemDetail-select.datenherkunft {
  margin-top: 3px;
}

.iluUI-wfStoFlu-FlussItemDetailRow-Header {
  display: grid;
  grid-template-columns: 1fr 0.33fr 1fr 60px;
  align-content: center;
  padding: 5px 5px 5px 5px;
}

.iluUI-wfStoFlu-FlussItemRow-header-cell {
  align-content: center;
  padding: 7px 0px 7px 0px;
}

.iluUI-wfStoFlu-flussDetails-footer {
  display: grid;
  grid-template-columns: 1fr 45px 1fr 1fr;
  align-items: center;
}

.iluUI-wfStoFlu-FlussDetailsTable {
  margin-bottom: 10px;
}

.iluUI-wfStoFlu-FlussDetailsButton {
  width: fit-content;
  height: fit-content !important;
}

ul.iluUI-wfStoFlu-FlussDetailsTable > li:nth-of-type(odd) {
  background: #e8e9e9;
}

ul.iluUI-wfStoFlu-FlussDetailsTable > li:nth-of-type(even) {
  background: #fcfdfd;
}

.iluUI-wfStoFlu-EingangItemDetail {
  display: grid;
  grid-template-columns: 2fr 75px;
  grid-column-gap: 10px;
  padding: 5px 10px 5px 10px;
}

.iluUI-wfStoFlu-EingangItemDetailRow {
  display: grid;
  grid-template-columns: 2fr 1fr 45px;
  padding: 3px 5px 3px 5px;
  align-items: center;
  padding-left: 20px;
}
.iluUI-wfStoFlu-EingangItemDetailRow.totalRow {
  border-bottom: black;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 10px;
}
.iluUI-wfStoFlu-EingangItemDetailRow.mainRow {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 5px;
}

.iluUI-wfStoFlu-EingangItemDetailRow-Header {
  display: grid;
  grid-template-columns: 2fr 1fr 45px;
  align-content: center;
  padding: 5px 5px 5px 5px;
}

.iluUI-wfStoFlu-EingangItemRow-header-cell {
  align-content: center;
  padding: 7px 0px 7px 0px;
}

.iluUI-wfStoFlu-EingangDetails-footer {
  display: grid;
  grid-template-columns: 120px 0.2fr 1fr 45px;
  align-items: center;
}

.iluUI-wfStoFlu-EingangDetailsTable {
  margin-bottom: 10px;
}

ul.iluUI-wfStoFlu-EingangDetailsTable > li:nth-of-type(odd) {
  background: #e8e9e9;
}

ul.iluUI-wfStoFlu-EingangDetailsTable > li:nth-of-type(even) {
  background: #fcfdfd;
}

.iluUI-wfStoFlu-EingangItemRow-label {
  margin-left: 3px;
}

.iluUI-wfStoFlu-icon-validation-unbekannt {
  color: #727272;
}

.iluUI-wfStoFlu-icon-validation-pruefen {
  color: #ffcb00;
}

.iluUI-wfStoFlu-icon-validation-unvollstaendig {
  color: #ff3f3f;
}

.iluUI-wfStoFlu-icon-validation-optional {
  color: #727272;
}

.iluUI-wfStoFlu-icon-validation-ok {
  color: #00b300;
}

#modWFStoFlu-freigabe-freigabeStofffluss-rueckmeldungDiv {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
}

#modWFStoFlu-freigabe-freigabeStofffluss-validierungsDiv {
  background: #e8fbca;
}

#modWFStoFlu-freigabe-freigabeStofffluss-kommentarDiv {
  background: #fbfbc3;
}

.iluUI-wfStoFlu-Freigabe-valError-hinweis {
  margin-bottom: 10px;
  font-weight: bold;
}

.iluUI-wfStoFlu-Freigabe-valError-row {
  display: flex;
}

.iluUI-wfStoFlu-Freigabe-valError-eintrag {
  padding: 5px;
}

#modWFStoFlu-freigabe-freigabeStofffluss-abschlussDiv {
  margin: 0px 20px;
}
#modWFStoFlu-freigabe-freigabeStofffluss-abschlussDiv .pfw-freigaben-abschluss-rechts {
  width: auto !important;
}

.modWFStoFlu-freigabeStofffluss-subtitel {
  padding: 10px 0px;
  font-weight: bold;
  text-decoration: underline;
}

.modWFStoFlu-importstofffluss-main-container {
  padding: 25px;
  padding-bottom: 0px;
}

.modWFStoFlu-importstofffluss-main-row {
  padding-bottom: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modWFStoFlu-importstofffluss-main-row p {
  margin-right: 5px;
}
.modWFStoFlu-importstofffluss-main-row label {
  margin: 5px;
}
.modWFStoFlu-importstofffluss-main-row input {
  margin: 5px;
  margin-right: 35px;
}

.modWFStoFlu-importstofffluss-main-row-tight {
  padding-bottom: 5px;
}

.modWFStoFlu-importstofffluss-main-button {
  padding: 5px;
  min-width: 160px;
}

.modWFStoFlu-freigabeStfVerantwortlicher-wrapper {
  padding: 10px;
}

.modWFStoFlu-freigabeStfVerantwortlicher-betriebInfo-row {
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: left;
  align-items: center;
}

.modWFStoFlu-freigabeStfVerantwortlicher-betriebInfo-col-label {
  min-width: 100px;
}

.modWFStoFlu-freigabeStfVerantwortlicher-freigabeButtons-row {
  padding: 5px;
  display: flex;
  justify-content: space-between;
}

.modWFStoFlu-freigabeStfVerantwortlicher-freigabeButtons-zuruekweiseButton {
  padding: 5px;
}

.modWFStoFlu-freigabeStfVerantwortlicher-freigabeButtons-freigabeButton {
  padding: 5px;
}

.modWFStoFlu-AuswertungenStoFlu-tabelle-titel {
  padding-top: 30px;
}

.modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  margin: 2px;
  background: transparent;
}
.modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn.keinKommentar {
  color: #a6a9ad;
}
.modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn.info {
  color: #0093ff;
}
.modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn.offen {
  color: #d9534f;
}
.modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn.beantwortet {
  color: #00b300;
}
.modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn.abgeschlossen {
  color: #1a5003;
}

.modWFStoFlu-AuswertungenStoFlu-tabelle-kommentarManager-btn:hover {
  cursor: pointer;
}

.modWFStoFlu-AuswertungenStoFlu-tabelle-cell-highlighted-warning {
  background-color: rgb(238.7345794393, 181.3775700935, 179.6654205607) !important;
}

.modWFStoFlu-freigabeStfVerantwortlicher-kontrollschritt-row {
  padding: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
}
.modWFStoFlu-freigabeStfVerantwortlicher-kontrollschritt-row .iluUI-wfStoFlu-flussItem-kommentar-btn {
  margin: 2px 20px;
}

.modWFStoFlu-freigabeStfVerantwortlicher-kontrollschritt-col-bezeichnung {
  display: table;
  width: 100%;
}

.modWFStoFlu-freigabeStfVerantwortlicher-kontrollschritt-col-offeneKommentare {
  display: table;
  width: 30%;
  text-align: center;
}

.modWFStoFlu-freigabeStfVerantwortlicher-kontrollschritt-col-bewertungButtons {
  display: table;
  min-width: 110px;
  width: 20%;
  text-align: center;
}

.modWFStoFlu-freigabeStfVerantwortlicher-kontrollschritt-col-header {
  font-weight: bold;
}

.iluUI-wfStoFlu-kommentar-formDiv {
  padding: 10px;
  margin: 2px;
  background: #fcfdfd;
  border: 1px solid #e8e9e9;
}

.iluUI-wfStoFlu-kommentar-allgKommentarDiv {
  padding: 10px 20px;
}

.iluUI-wfStoFlu-kommentar-formDiv-list {
  padding: 10px;
  margin-top: 20px;
}

.iluUI-wfStoFlu-kommentar-footer-div {
  padding: 10px;
}

.iluUI-wfStoFlu-kommentar-formDiv-infoHeader {
  padding: 5px;
}

.iluUI-wfStoFlu-kommentar-formDiv-infoHeader > * {
  padding: 0px 15px 0px 0px;
}

.iluUI-wfStoFlu-kommentar-formDiv-row {
  display: flex;
  justify-content: right;
}

.iluUI-wfStoFlu-kommentar-kommentarfeld {
  width: 100%;
}

.iluUI-wfStoFlu-kommentar-detail-footer-div {
  padding: 10px 5px 5px 5px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.iluUI-wfStoFlu-kommentar-detail-footer-left {
  padding: 10px 5px 5px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.iluUI-wfStoFlu-kommentar-detail-footer-right {
  padding: 10px 5px 5px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}

.iluUI-wfStoFlu-kommentar-detail-statusSelect {
  padding: 5px;
  max-width: fit-content;
  margin: 5px;
}

/* Wrapper für die Kartei */
.modWFStoFlu-AuswertungenStoFlu-kartei-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* Styling für Karteinavigation */
.modWFStoFlu-AuswertungenStoFlu-kartei-nav {
  display: flex;
}

/* Standard-Styling für Navigationslinks */
.modWFStoFlu-AuswertungenStoFlu-kartei-nav-link {
  flex-grow: 1;
  background-color: #dedede;
  padding: 10px;
  color: #000000;
  text-decoration: none;
  border: 1px solid transparent;
  border-bottom: 1px solid #aaa;
}

/* Hover-Zustand */
.modWFStoFlu-AuswertungenStoFlu-kartei-nav-link:hover {
  background-color: #888888;
  border: 1px solid #ccc;
  border-bottom: none;
}

/* Aktiver Zustand */
.modWFStoFlu-AuswertungenStoFlu-kartei-nav-link.active {
  background-color: #ffffff;
  border: 1px solid #aaa;
  border-bottom: none; /* Für den nahtlosen Übergang zur Karte */
}

/* Styling für Karten */
.modWFStoFlu-AuswertungenStoFlu-kartei-karte {
  background-color: #ffffff;
  padding: 15px;
  border: 1px solid #aaa;
  border-top: none;
  display: none; /* Standardmäßig ausgeblendet */
}

.modWFStoFlu-AuswertungenStoFlu-header {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  align-items: baseline;
}

.modWFStoFlu-pruefenStammdaten-subtitel {
  padding: 10px;
  font-weight: bold;
}

.modWFStoFlu-pruefenStammdaten-zb-entry {
  padding: 5px 15px;
}

/* Übersicht: Rechtes Panel */
.modWFStoFlu-pschritt-rechts-infoWrapper {
  padding: 15px;
}

.modWFStoFlu-pschritt-rechts-infoTitelWrapper {
  padding-bottom: 5px;
}

.modWFStoFlu-pschritt-rechts-infoSubTitelWrapper {
  padding-bottom: 8px;
}

.modWFStoFlu-pschritt-rechts-infoTextLeftLabel {
  padding-right: 10px;
  font-weight: bold;
}

.modWFStoFlu-freigabe-abschluss {
  display: flex;
  padding: 10px 20px 10px 20px;
}

.modWFStoFlu-freigabe-abschluss-links {
  margin-right: auto;
  width: 100%;
}
.modWFStoFlu-freigabe-abschluss-links textarea {
  font-size: 1em;
  resize: vertical;
  padding: 3px;
  height: 5em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.modWFStoFlu-freigabe-abschluss-rechts {
  margin-left: 10px;
  padding-bottom: 3px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.modWFVerw-editDlg-infoDiv {
  margin: 10px 7px 10px 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modWFVerw-editDlg-infoDiv button:last-child {
  margin-right: 0;
}

.modWFVerw-editDlg-autoCompleteDiv {
  margin: 10px 7px 10px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 50%;
}
.modWFVerw-editDlg-autoCompleteDiv button:last-child {
  margin-right: 0;
}

.modWFVerw-editDlg-icon {
  width: 50px;
  height: 50px;
  background-color: transparent;
  border-width: 0px;
  font-size: 3em;
}

.modWFVerw-editDlg-label {
  width: 150px;
  margin-right: 20px;
}

.modWFVerw-zweitabnehmer-status-icon {
  width: 25px;
  height: 25px;
  margin: 0 0 0 5px;
  border: 2px solid;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 0 0 1px white;
}

.modWFVerw-zweitabnehmer-status-unbekannt {
  color: #727272;
}

.modWFVerw-zweitabnehmer-status-inaktiv {
  color: #bdbdbd;
}

.modWFVerw-zweitabnehmer-status-ungeprueft {
  color: #ffcb00;
}

.modWFVerw-zweitabnehmer-status-geprueft {
  color: #00b300;
}

.modWFVerw-iluUI-form-div {
  /*
  .iluUI-form-style[type="checkbox"] {
    height: 18px !important
  }
  */
}
.modWFVerw-iluUI-form-div .iluUI-form-label {
  white-space: normal !important;
  max-width: 180px !important;
}
.modWFVerw-iluUI-form-div .iluUI-form-style, .modWFVerw-iluUI-form-div .modPendenz-iluUI-dynTab-element {
  padding-left: 5px;
}
.modWFVerw-iluUI-form-div input {
  height: 17px;
}
.modWFVerw-iluUI-form-div select {
  height: 21px;
}

/* **************************************************
 * Header NEU AB 10.2023
 * **************************************************/
@media screen and (min-width: 781px) {
  /**************************************
  Alle Styles für Desktop-Applikation
  MP 09.02.2024
  */
  #infonetz-header-desktop {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
    padding: 5px;
    font-size: 13.33px;
    color: #706F6F;
  }
  .infonetz-mobile {
    display: none;
  }
  .infonetz-print {
    display: none;
  }
  /* **************************************************
   * Header
   * **************************************************/
  #infonetz-header-logoContainer {
    display: flex;
    flex-direction: row;
  }
  #infonetz-header-spacer {
    margin-left: auto;
    margin-right: auto;
    flex: 100 0 auto;
    font-size: 25px;
    font-weight: 900;
    color: #ffa500;
  }
  .infonetz-header-loginButton {
    font-size: 16px;
    padding: 8px 20px;
  }
  /* **************************************************
   * Navigation (Hauptnavigation)
   * **************************************************/
  #InfonetzNavigation {
    min-height: 38px;
    margin: 0 5px 4px 5px;
    border-radius: 3px;
    background: #2b6392;
    box-shadow: 2px 2px 3px #9c9c9c;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #InfonetzNavigation .nav-link {
    display: block;
    color: #ffffff;
    font-size: 1em;
    text-decoration: none;
    padding: 0.6em 1.1em;
    float: left;
  }
  #InfonetzNavigation .nav-link.link-active:not(.nav-login) {
    background: #706F6F;
    color: #ffffff;
  }
  #InfonetzNavigation .nav-link:not(.link-active):hover {
    background: rgb(54.6031746032, 125.7142857143, 185.3968253968);
  }
  #InfonetzNavigation-Links {
    width: 100%;
  }
  #InfonetzNavigation-Overflow {
    position: fixed;
    top: 110px;
    background: #2b6392;
    z-index: 900;
  }
  .topnav .icon {
    display: none !important;
  }
  /* **************************************************
   * Slider
   * **************************************************/
  .infonetzModuleSliderToRight {
    font-size: 0.8em;
    float: left;
    margin-right: 4px;
  }
  .infonetzModuleSliderToLeft {
    font-size: 0.8em;
    float: right;
    margin-left: 4px;
  }
  .infonetzModuleSliderButton {
    height: 35px;
    touch-action: manipulation;
    border: 1px solid transparent;
    background: transparent;
  }
}
@media screen and (max-width: 780px) {
  /**************************************
  Alle Styles für Mobile-Applikation
  MP 09.02.2024
  */
  #infonetz-header-mobile {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    justify-content: center;
    padding: 5px;
    font-size: 13.33px;
    color: #706F6F;
  }
  .infonetz-desktop {
    display: none;
  }
  .infonetz-print {
    display: none;
  }
  /* **************************************************
   * Header
   * **************************************************/
  .infonetz-header-loginButton {
    font-size: 16px;
    padding: 8px 20px;
  }
  /* **************************************************
   * Navigation (Hauptnavigation)
   * **************************************************/
  #InfonetzNavigation {
    min-height: 38px;
    margin: 0 5px 4px 5px;
    border-radius: 3px;
    background: #2b6392;
    box-shadow: 2px 2px 3px #9c9c9c;
    display: flex;
    justify-content: space-between;
  }
  #InfonetzNavigation .nav-link {
    display: block;
    color: #ffffff;
    font-size: 1em;
    text-decoration: none;
    padding: 0.6em 1.1em;
  }
  #InfonetzNavigation .nav-link.link-active:not(.nav-login) {
    background: #706F6F;
    color: #ffffff;
  }
  #InfonetzNavigation .nav-link:not(.link-active):hover {
    background: rgb(54.6031746032, 125.7142857143, 185.3968253968);
  }
  #InfonetzNavigation .nav-link i {
    font-size: 2em;
  }
  #InfonetzNavigation .noModule {
    float: left;
  }
  #InfonetzNavigation-MobileModul {
    font-size: 1.3em !important;
  }
  #InfonetzNavigation-Overflow {
    position: fixed;
    top: 50px;
    background: #2b6392;
    z-index: 900;
  }
  /* **************************************************
   * Slider
   * **************************************************/
  .infonetzModuleSliderLeftPanel {
    font-size: 0.8em;
    float: left;
    margin-right: 4px;
  }
  .infonetzModuleSliderRightPanel {
    font-size: 0.8em;
    float: right;
    margin-left: 4px;
  }
  .infonetzModuleSliderButton {
    height: 35px;
    touch-action: manipulation;
    border: 1px solid transparent;
    background: transparent;
  }
}
#infonetz-header {
  overflow: hidden;
  width: 100%;
}

.infonetz-mainHeader-logo {
  margin-right: 20px;
  flex: 0 1 auto;
}
.infonetz-mainHeader-logo img {
  max-height: 55px;
  width: auto;
}

@media print {
  .infonetz-mobile {
    display: none;
  }
  .infonetz-desktop {
    display: none;
  }
}
/* **************************************************
 * Navigation (Linkes Panel)
 * **************************************************/
.InfonetzNavigationLeft {
  margin-bottom: 0;
}
.InfonetzNavigationLeft li {
  margin: 0;
  cursor: pointer;
}
.InfonetzNavigationLeft li a {
  display: block;
  color: #000000;
  font-size: 1em;
  text-decoration: none;
  padding: 0.5em 1.2em;
}
.InfonetzNavigationLeft li a:not(.link-active):hover {
  background: #d2f1e3;
}
.InfonetzNavigationLeft div {
  font-size: 1em;
  text-decoration: none;
  padding: 0.5em 1.2em;
  cursor: pointer;
  display: flex;
}
.InfonetzNavigationLeft div a {
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.InfonetzNavigationLeft div:not(.link-active):hover {
  background: #d2f1e3;
}
.InfonetzNavigationLeft .link-active {
  background-color: #82dab2;
}
.InfonetzNavigationLeft .InfonetzSubmodulIcon {
  width: 25px;
  height: 25px;
  border-radius: 4px;
  touch-action: manipulation;
  border: 1px solid transparent;
  background: transparent;
  margin-right: 5px;
}
.InfonetzNavigationLeft .InfonetzSubmodulIcon.activated {
  background-color: #82dab2;
}

/* **************************************************
 * Modulcontainer
 * **************************************************/
#InfonetzContent {
  position: relative;
  overflow: hidden;
}

/* **************************************************
 * Modul-Layout Neu (2023)
 * **************************************************/
.infonetzModuleContainer {
  position: absolute;
  width: 100%;
  display: flex;
  flex-flow: column;
  height: 100%;
  margin: 0 auto;
  background: #ffffff;
}

/* Toolbar - Panel - Footer */
.infonetzModuleToolbar {
  padding-bottom: 0 !important;
}

.infonetzModuleToolbarContainer {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  order: 1;
  flex: 1 1 40px;
}

.infonetzModulePanelContainer {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  order: 2;
  flex: 100 1 450px;
}

.infonetzModuleFooterContainer {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  order: 3;
  flex: 1 2 50px;
}

/* Innerhalb der Container, Links, Mitte, Rechts */
.infonetzModuleMain {
  order: 3;
  flex: 100 1 450px;
  font-size: 0.8em;
  height: 100%;
  overflow-x: auto;
  padding: 3px 10px 10px 10px;
}

.infonetzModuleLeft {
  order: 1;
  width: 20%;
  min-width: 320px;
  max-width: 400px;
  max-height: 100%;
  flex: 1 1 400px;
  font-size: 0.8em;
  overflow-x: auto;
  padding: 3px 7px 10px 10px;
}

.infonetzModuleRight {
  order: 5;
  width: 20%;
  min-width: 320px;
  max-width: 400px;
  max-height: 100%;
  font-size: 0.8em;
  overflow-x: auto;
  padding: 3px 10px 10px 7px;
}

.infonetzModulePanelContent {
  height: auto !important;
}

/* **************************************************
 * Modul-Layout alt (bis 2023)
 * **************************************************/
.infonetzModuleContainerOLD {
  position: absolute;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  height: 100%;
  margin: 0 auto;
  background: #ffffff;
}

/*
Darstellungsregeln für Panels bei grossen Platzverhältnissen
Beide Panels werden dargestellt, Grössenanpassungen vor allem im Mainpanel
 */
@media all and (min-width: 1200px) {
  .infonetzMainContainer {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
  }
  .infonetzMainPanel {
    order: 2;
    flex: 100 1 450px;
  }
  .infonetzLeftPanel {
    order: 1;
    flex: 1 2 auto;
  }
  .infonetzRightPanel {
    order: 3;
    flex: 1 2 auto;
  }
}
/*
Darstellungsregeln für Panels bei mittleren Platzverhältnissen
Linkes Panel wird ausgeblendet. Button wird sichtbar, welcher Panel aufklappt
 */
@media all and (max-width: 1199px) {
  .infonetzMainContainer {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
    flex-flow: wrap;
  }
  .infonetzMainPanel {
    order: 2;
    flex: 100 1 450px;
  }
  .infonetzLeftPanel {
    position: absolute;
    z-index: 1000;
    left: -100%;
    overflow: hidden;
    width: 320px !important;
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-width: 0 1px 0 0;
    border-radius: 0 10px 10px 0;
    box-shadow: 3px 4px 12px #d3d3d3;
    transition: 0.5s;
  }
  .infonetzLeftPanel-panelswitch-div {
    display: block !important;
  }
  .infonetzRightPanel {
    order: 3;
    flex: 1 2 320px;
  }
}
/*
Darstellungsregeln für Panels bei kleinen Platzverhältnissen
Linkes und rechtes Panel werden ausgeblendet. 2. Button rechts wird sichtbar,
welcher rechtes Panel aufklappt
 */
@media all and (max-width: 900px) {
  .infonetzRightPanel {
    position: absolute;
    z-index: 1000;
    right: -100%;
    overflow: hidden;
    width: 370px !important;
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-width: 0 0 0 1px;
    border-radius: 10px 0 0 10px;
    box-shadow: -3px 4px 12px #d3d3d3;
    transition: 0.5s;
  }
  .infonetzRightPanel-panelswitch-div {
    display: block !important;
  }
  .infonetzRightPanel-manualPanelswitch-div {
    display: none !important;
  }
  .infonetzRightPanel-manualPanelswitch-div button {
    display: none;
  }
  .infonetzDoNotPrint {
    display: none;
  }
}
/*
Darstellungsregeln für Druckausgabe
 */
/* **************************************************
 * Panels
 * **************************************************/
.panelswitcher {
  display: none;
  position: absolute;
  height: 23px;
  touch-action: manipulation;
  cursor: pointer;
  top: 10px;
  border: 1px solid rgb(162.9147982063, 162.0852017937, 162.0852017937);
}

.infonetz-panelswitch-btn {
  color: rgb(162.9147982063, 162.0852017937, 162.0852017937);
  width: 7px;
  margin-right: 4px;
  margin-left: 4px;
  border: 0 solid transparent;
  background: transparent;
  touch-action: manipulation;
  cursor: pointer;
}

.infonetz-panelswitch-btn:hover,
.infonetz-panelswitch-btn:focus,
.infonetz-panelswitch-btn:active {
  border: 0 solid transparent;
}

/* **************************************************
 * Left Panel
 * **************************************************/
.infonetzLeftPanel {
  width: 20%;
  min-width: 320px;
  max-width: 400px;
  font-size: 0.8em;
  padding: 3px 7px 10px 10px;
}

.infonetzLeftPanel-open {
  left: 0;
  transition: 0.5s;
}

.infonetzLeftPanel-panelswitch-div {
  left: 0;
  border-width: 0 2px 0 0;
}

.infonetzLeftPanel-panelswitch-div-open {
  background-color: #ffffff;
}

/* **************************************************
 * Right Panel
 * **************************************************/
.infonetzRightPanel {
  width: 20%;
  min-width: 320px;
  max-width: 400px;
  font-size: 0.8em;
  /*overflow: auto;*/
  padding: 3px 10px 10px 7px;
}

.infonetzRightPanel-hide {
  position: absolute;
  z-index: 500;
  right: -100%;
  overflow: hidden;
}

.infonetzRightPanelWide {
  min-width: 370px !important;
}

.infonetzRightPanel-open {
  right: 0;
  transition: 0.5s;
}

.infonetzRightPanel-panelswitch-div {
  right: 0;
  border-width: 0 0 0 2px;
}

.infonetzRightPanel-manualPanelswitch-div {
  right: 0;
  border-width: 0 0 0 2px;
  display: block;
}

.infonetzRightPanel-panelswitch-div-open {
  background-color: #ffffff;
}

/* **************************************************
 * Main Container
 * **************************************************/
.infonetzMainPanel {
  font-size: 0.8em;
  height: 100%;
  overflow-x: auto;
  padding: 3px 10px 10px 10px;
  /*width: 1200px;*/
}

/*
 * ###################################################
 * PanelToolbar
 * ###################################################
 */
.infonetzActionOK {
  background: #5CB85C !important;
}

.infonetzToolbar button .infonetzActionError {
  background: #bd161b;
}

.infonetzToolbarInfo {
  height: 35px;
  width: 20%;
  min-width: 150px;
  background: #d2f1e3;
  margin-top: 3px;
  margin-bottom: 4px;
  padding-right: 5px;
  float: right;
}

.infonetzToolbarInfoFloat {
  float: right;
  margin: 2px;
}

.infonetzToolbarBtnInfo {
  margin-left: 0.5em;
  display: inline-block;
  font-size: 0.8em;
}

.infonetzPanelToolbar {
  height: 35px;
  background: #ffffff;
  margin-bottom: 7px;
  padding-left: 13px;
}
.infonetzPanelToolbar > div {
  position: relative;
}

.panelToolbarWithInfo {
  display: inline-block;
  width: 65%;
}

.infonetzPanelToolbarAside {
  position: absolute;
  height: 100%;
  width: auto;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

.infonetzTableToolbar {
  text-align: left;
  float: left;
  background: #ffffff;
}

.infonetzTableToolbar-noSearch {
  text-align: left;
  float: left;
  background: #ffffff;
  margin-top: 7px;
}

/*
 * ###################################################
 * PanelContainer
 * ###################################################
 */
.infonetzPanelContainer {
  overflow: auto;
}

/*
 * ###################################################
 * Div Styles
 * ###################################################
 */
.ui-datepicker {
  font-size: 75% !important;
}

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