@font-face {
  font-family: 'geoman-icons';
  src: url(/bfres/geoman-common/fonts/icons/icons.woff) format('woff'), url(/bfres/geoman-common/fonts/icons/icons.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
:root {
  --nestedHeaderTextcolor: black;
  --controlBorderWidth: 1px;
  --controlHeight: 26px;
  --headerContentLineheight: 30px;
  --maxTileItemWidth: 625px;
  --horizontalContentIndent: 6px;
  --verticalDistanceBetweenTwoSections: 0px;
  --searchFilterSectionHeaderBorder: 2px solid #dfdfdf;
  --dashBoardSpecificValueTileBackgroundColor: #138943;
  --dashBoardSpecificValueTileTextColor: white;
  --formItemLabelValueGap: 3px;
  --formItemVerticalSpacing: 5px;
  --bulkFormItemChkBoxContainerWidth: 30px;
  --editOperatorsContainerWidth: 120px;
  --editOperatorsControlWidth: 115px;
  --dashboardLabelControlValueHeight: 16px;
  --labelIconFontSize: 17px;
  --labelIconWidth: 24px;
  --labelControlMaxWidth: 196px;
  --labelIconContainerLeftMargin: 10px;
  --snackbarPaddingTopAndBottom: 12px;
  --snackbarPaddingLeft: 20px;
  --snackbarPaddingRight: 16px;
  --workflowInlineTileSize: 100px;
}
body {
  padding: 0px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: auto;
}
a {
  text-decoration: none;
  color: #797979;
}
img {
  border: 0px;
}
Div.Content,
Div.Paging {
  color: #797979;
}
/* Header ContentElement selbst */

Div.HeaderContextContext .HeaderLeft,
Div.HeaderContextContext .HeaderRight,
Div.HeaderContextContext .HeaderMiddle {
  height: 36px;
  float: left;
}
Div.HeaderContext {
  clear: both;
  height: 36px;
  width: 100%;
  color: White;
}
.SecondColumnIcon {
  padding-left: 20px;
}
Div.HeaderContextContext .HeaderLeft {
  width: 6px;
  background-image: url('/bfres/geoman-sysimg/dashboard/panel_left.png');
  background-repeat: no-repeat;
}
Div.HeaderContextContext .HeaderRight {
  width: 6px;
  background-image: url('/bfres/geoman-sysimg/dashboard/panel_right.png');
  background-repeat: no-repeat;
}
Div.HeaderContextContext .HeaderMiddle {
  background-image: url('/bfres/geoman-sysimg/dashboard/panel_middle.png');
  background-repeat: repeat-x;
}
/* linken Menüeintrag positionieren  */

Div.HeaderImageContent,
Div.ContentHeader,
Div.ContentMenu,
Div.ContentContainerWithMenu Div.ContentContainer {
  float: left;
}
Div.ContentContainerWithMenu {
  clear: both;
}
Div.ContentContainerWithMenu Div.ContentMenu {
  width: 80px;
  margin-top: 36px;
}
Div.ContentMenuTop {
  height: 6px;
  background-image: url('/bfres/geoman-sysimg/dashboard/ToolBarTopL.gif');
  background-repeat: no-repeat;
}
Div.ContentMenuMiddle {
  background-image: url('/bfres/geoman-sysimg/dashboard/ToolBarMiddle.png');
  background-repeat: repeat-y;
  height: 277px;
}
Div.ContentMenuDown {
  height: 6px;
  background-image: url('/bfres/geoman-sysimg/dashboard/ToolBarBtmL.gif');
  background-repeat: no-repeat;
}
Div.HeaderContext Div.HeaderMiddle Div.ContentHeader {
  margin-left: 10px;
  margin-top: 9px;
}
Div.ContentHeader {
  font-weight: bold;
  font-size: 15px;
}
Div.HeaderImageContentOpen .OpenContent {
  height: 30px;
  width: 30px;
}
Div.ContentContainer Div.Content {
  /* Größenangaben müssen extra vorgenommen werden über die jeweilige Klasse für den aktuellen Container */
  background-color: #e6e8e4;
}
Div.ContentContainer Div.Content,
Div.RightComplete {
  border: 1px solid darkgray;
}
/* Positionieren und die Größe der Contentcontainer anpassen */

#Content-Down {
  clear: both;
}
#Content-Up {
  clear: both;
  height: 322px;
  width: 875px;
}
#ContentUpLeft,
#ContentUpRight,
#Content-Down-Left,
#Content-Down-Right {
  float: left;
}
#ContentUpLeft,
#Content-Down-Left {
  margin-right: 5px;
}
#Content-Down-Right,
#ContentUpRight {
  margin-left: 5px;
}
#ContentUpRight {
  width: 385px;
  height: 322px;
}
#Content-Down {
  margin-top: 20px;
}
#Content-Down,
Div.AdminPage #Content-Up {
  margin-left: 80px;
}
#ContentUpLeft Div.ContentContainer Div.Content {
  width: 385px;
  height: 287px;
}
Div.RightContent Div.Content {
  height: 287px;
}
#Content-Down-Left Div.ContentContainer Div.Content,
#Content-Down-Right Div.ContentContainer Div.Content {
  width: 385px;
}
#ContentUpLeft Div.HeaderContextContext Div.HeaderMiddle,
#Content-Down-Left Div.HeaderContextContext Div.HeaderMiddle,
#Content-Down-Right Div.HeaderContextContext Div.HeaderMiddle {
  width: 375px;
}
Div.Startseite #ContentUpRight {
  border-width: 0px;
  width: 385px;
}
Div.Startseite #ContentUpRight .HeaderMiddle,
Div.RightContent Div.HeaderContextContext Div.HeaderMiddle {
  width: 373px;
}
/* Größenangaben für die geöffnete TODOs Liste */

#ContentUpLeft Div.ContentContainerOpen {
  width: 785px;
}
#ContentUpLeft Div.ContentContainerOpen Div.Content {
  width: 783px;
}
#ContentUpLeft Div.ContentContainerOpen Div.HeaderContextContext Div.HeaderMiddle {
  width: 773px;
}
/* Darstellung der Flipanzeige für das TopLeft Element */

#ContentUpRight Div.ContentFlipAnzeige {
  clear: both;
  /* Die Flipanzeige wird Aboslut zum übergordnetne element positioniert, d.h. das Parent element muss "position: relative;" enthalten */
  position: absolute;
  right: 0px;
  top: 0px;
}
#ContentUpRight {
  position: relative;
}
#ContentUpRight Div.ContentFlipAnzeige Div.HeaderLeft,
#ContentUpRight Div.ContentFlipAnzeige Div.HeaderMiddle {
  float: left;
  height: 36px;
}
#ContentUpRight Div.ContentFlipAnzeige Div.HeaderLeft {
  width: 6px;
  background-image: url('/bfres/geoman-sysimg/dashboard/panelFlip_left.png');
  background-repeat: no-repeat;
}
#ContentUpRight Div.ContentFlipAnzeige Div.HeaderMiddle {
  background-image: url('/bfres/geoman-sysimg/dashboard/panelFlip_middle.png');
  background-repeat: repeat-x;
}
Div.ContentFlipAnzeige Div.HeaderImageContent {
  width: 35px;
  margin-top: 3px;
}
/* Zusatzinhalte in den ContainerHeadern anpassen */

#ContentUpLeft Div.HeaderImageContent,
#ContentUpLeft Div.ContentHeader {
  float: left;
}
#ContentUpLeft Div.HeaderImageContentOpen {
  float: right;
}
#ContentUpLeft Div.HeaderImageContent,
#ContentUpLeft Div.HeaderImageContentOpen {
  margin-top: 3px;
}
#ContentUpLeft Div.ContentHeader {
  margin-left: 0px;
}
.geoman-linkpanel {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  color: black;
}
.geoman-linkpanel * {
  box-sizing: border-box;
}
.geoman-linkpanel .geoman-linkcell {
  padding: 6px 0 6px var(--horizontalContentIndent);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.geoman-linkpanel > tfoot > tr > td {
  padding-left: var(--horizontalContentIndent);
}
.display-mode-tablet .geoman-linkpanel .geoman-linkcell {
  padding-bottom: 10px;
}
.display-mode-tablet .geoman-linkpanel .geoman-linkcell a {
  display: inline-block;
  width: 100%;
  padding: 18px;
  border: 1px dotted #dfdfdf;
}
Div.AbfragePanel,
#Content-Down-Right Div.Content div,
#Content-Down-Left Div.Content div,
Div.LeftContent Div.Content Div {
  margin: 10px;
}
#Content-Down-Right Div.Content,
#Content-Down-Left Div.Content,
Div.LeftContent,
Div.Startseite #ContentUpRight .Content,
Div.Paging {
  font-weight: bold;
}
#uxTodoPnl span {
  margin-left: 0px;
}
Div.Abfragen {
  margin-top: 8px;
}
Div.Paging {
  margin-left: 5px;
}
Div.Paging a {
  outline: none;
}
Div.PageIngIndex,
Div.NextLink,
Div.PrevLink {
  margin-bottom: 10px;
  text-align: center;
}
Div.PageLinkDisabled {
  opacity: .55;
  filter: alpha(opacity=55);
  background-color: #e6e8e4;
}
table.ObjectCreation td a {
  padding-left: 10px;
}
table.ObjectCreation td a:Hover {
  color: #444444;
}
.Kataloge div.ContentContainer {
  margin-top: 20px;
}
.AdminPage #Content-Down {
  margin-top: 0px;
}
@font-face {
  font-family: 'geoman-icons';
  src: url(/bfres/geoman-common/fonts/icons/icons.woff) format('woff'), url(/bfres/geoman-common/fonts/icons/icons.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
:root {
  --nestedHeaderTextcolor: black;
  --controlBorderWidth: 1px;
  --controlHeight: 26px;
  --headerContentLineheight: 30px;
  --maxTileItemWidth: 625px;
  --horizontalContentIndent: 6px;
  --verticalDistanceBetweenTwoSections: 0px;
  --searchFilterSectionHeaderBorder: 2px solid #dfdfdf;
  --dashBoardSpecificValueTileBackgroundColor: #138943;
  --dashBoardSpecificValueTileTextColor: white;
  --formItemLabelValueGap: 3px;
  --formItemVerticalSpacing: 5px;
  --bulkFormItemChkBoxContainerWidth: 30px;
  --editOperatorsContainerWidth: 120px;
  --editOperatorsControlWidth: 115px;
  --dashboardLabelControlValueHeight: 16px;
  --labelIconFontSize: 17px;
  --labelIconWidth: 24px;
  --labelControlMaxWidth: 196px;
  --labelIconContainerLeftMargin: 10px;
  --snackbarPaddingTopAndBottom: 12px;
  --snackbarPaddingLeft: 20px;
  --snackbarPaddingRight: 16px;
  --workflowInlineTileSize: 100px;
}
div.errors {
  margin: 0px 0px 10px 0px;
  border: 1px solid #c22c30;
  max-height: 100%;
  overflow-x: auto;
}
div.errors p,
div.errors pre {
  margin: 0;
  line-height: 12px;
  color: black;
  font-size: 12px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  word-wrap: break-word;
}
div.errors p {
  padding: 6px 6px 6px 18px;
  font-weight: bold;
}
div.errors p.hdr {
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
  background-color: #c22c30;
}
div.errors p.hdr span {
  float: right;
  display: block;
  height: 30px;
  width: 30px !important;
  font-family: geoman-icons;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  cursor: pointer;
}
div.errors p.hdr span.closer::before {
  content: '\e97f';
}
.editErr input.StringControl,
.editErr textarea.StringControl,
.editErr input.NumericControl,
.editErr div.LookupBox,
.editErr div.DropDownBox,
.editErr span.BooleanControl input,
.editErr span.BooleanControl label,
.editErr div.CalendarControl {
  border: 1px solid #c22c30;
  -webkit-animation-name: glow;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-duration: 1000ms;
  -moz-animation-name: glow;
  -moz-animation-timing-function: ease-in;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -moz-animation-duration: 1000ms;
  animation-name: glow;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1000ms;
}
.editErr span.BooleanControl input {
  outline: 1px solid #c22c30;
}
.editErr-for-noneditable {
  border: 1px solid #c22c30;
  -webkit-animation-name: glow;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-duration: 1000ms;
  -moz-animation-name: glow;
  -moz-animation-timing-function: ease-in;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -moz-animation-duration: 1000ms;
  animation-name: glow;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1000ms;
}