@charset "UTF-8";
/* Welcome to Compass. Use this file to define print styles.
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
/*
Farbdefinitionen
****************

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

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

/*
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 {
  overflow: hidden;
  flex: 1 3 150px;
  font-size: 1em;
}

.iluUI-form-div-column .iluUI-form-style {
  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 {
  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 {
  content: "\fa100";
}

.fi-commentexclamation: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 {
  content: "\fa116";
}

.fi-commentinfo: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";
}

/******************************************************
 * 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;
}

/*
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 {
  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;
}

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

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

/******************************************************
 * 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;
  }
}
/******************************************************
 * 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;
  }
}
@media print {
  #modJournal-main-div-acc-subNeuerEintrag {
    display: none;
  }
  #modJournal-main-filter {
    display: none;
  }
}
.modJournalJahresColumn {
  text-align: center;
}

* {
  padding: 0;
  margin: 0;
  font-family: arial, helvetica, sans-serif;
}

#infonetz-header,
#InfonetzNavigation,
.hauptnavigation,
.infonetzLeftPanel,
.infonetzRightPanel,
.infonetzPanelToolbar,
.infonetzPanelDiv[style*="display: none"],
.panelswitcher,
.infonetzDoNotPrint {
  display: none !important;
}

.infonetzMainPanel,
.infonetzPanelContainer {
  height: auto !important;
  font-size: 10px;
}

fieldset.iluUI-disabled {
  background-color: transparent !important;
}

.iluUI-buttonGroup-btn-active {
  font-weight: bolder;
  text-decoration: underline;
}

* {
  box-shadow: 0 0 transparent !important;
}

h3 {
  border: 1px solid #a9a9a9;
  border-width: 0 0 1px 0;
  border-radius: 0 !important;
  background-color: lightgrey;
}
h3 span {
  color: black;
}

.dataTables_scrollBody {
  max-height: none !important;
}

.printHeader {
  width: 100%;
  border: #0c0c0c solid thin;
  font-size: small;
}

.printFooter {
  width: 100%;
  border: #0c0c0c solid thin;
  position: fixed;
  bottom: 0;
  background-color: white;
  font-size: small;
  display: block;
}

.printHeader-logo {
  height: 20px;
  margin: 5px;
  float: right;
}

.printHeaderTable {
  width: 100%;
}

.printHeaderLeft {
  width: 50%;
  padding-left: 5px;
}

.printHeaderBottom {
  text-align: left;
  padding-left: 5px;
}

.printHeaderRight {
  width: 50%;
  text-align: right;
  padding-right: 5px;
}

.printFooterTable {
  width: 100%;
}

.printFooterLeft {
  width: 50%;
  padding-left: 5px;
}

.printFooterMiddle {
  width: 33%;
  text-align: center;
}

.printFooterRight {
  width: 50%;
  text-align: right;
  padding-right: 5px;
}

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