@charset "UTF-8";

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon.eot?gc50ia");
  src: url("../fonts/icomoon/icomoon.eot?gc50ia#iefix") format("embedded-opentype"),
  url("../fonts/icomoon/icomoon.ttf?gc50ia") format("truetype"),
  url("../fonts/icomoon/icomoon.woff?gc50ia") format("woff"),
  url("../fonts/icomoon/icomoon.svg?gc50ia#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

body[data-layout-csx] [class^=icon-]:not(.icon-text):not(.drop-down.icon-action),
body[data-layout-csx] [class*=" icon-"]:not(.icon-text):not(.drop-down.icon-action) {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* INFO Icon */
body[data-layout-csx] .confirm-dialog--logout .ui-icon.ui-confirm-dialog-severity::before,
body[data-layout-csx] .ui-growl-item-container .ui-growl-image.ui-growl-image-info::before,
body[data-layout-csx] .ui-message.ui-message-info .ui-message-info-icon::before,
body[data-layout-csx] .ui-messages .ui-messages-info .ui-messages-info-icon::before,
body[data-layout-csx] .icon-status-info::before,
body[data-layout-csx] .ui-icon.ui-icon-status-info::before {
  content: "\a000";
}

/* ERROR / ABBRECHEN Icon */
body[data-layout-csx] .ui-growl-item-container .ui-growl-image.ui-growl-image-error::before,
body[data-layout-csx] .ui-growl-item-container .ui-growl-image.ui-growl-image-warn::before,
body[data-layout-csx] .ui-message.ui-message-error .ui-message-error-icon::before,
body[data-layout-csx] .icon-status-error::before,
body[data-layout-csx] .icon-mandatory::before,
body[data-layout-csx] .ui-icon-status-error::before,
body[data-layout-csx] .ui-messages .ui-messages-error-icon::before,
body[data-layout-csx] .ui-messages .ui-messages-fatal-icon::before,
body[data-layout-csx] .ui-messages .ui-messages-warn-icon::before,
body[data-layout-csx] .ui-message.ui-message-warn .ui-message-warn-icon::before,
body[data-layout-csx] .ui-message.ui-message-fatal .ui-message-fatal-icon::before {
  content: "\a001";
}

/* SUCCESS / APPLY Icon */
body[data-layout-csx] .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check::before,
body[data-layout-csx] .icon-status-success::before,
body[data-layout-csx] .ui-icon-status-success::before,
body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check::before {
  content: "\a002";
}

/* Toggle Open / Close / und x Close / und x Abbrechen */
body[data-layout-csx] .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron)::before,
body[data-layout-csx] .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e::before,
body[data-layout-csx] .icon-triangle-close::before {
  content: "\b000";
}

body[data-layout-csx] .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before,
body[data-layout-csx] .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s::before,
body[data-layout-csx] .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon::before,
body[data-layout-csx] .icon-triangle-open::before {
  content: "\b001";
}

body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon::before,
body[data-layout-csx] .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick::before,
body[data-layout-csx] .icon-close::before,
body[data-layout-csx] .ui-icon-closethick::before,
body[data-layout-csx] .icon-cancel-edit::before,
body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close::before {
  content: "\b002";
}

/* Add = Plus */
body[data-layout-csx] .icon-add::before {
  content: "\b002";
  transform: rotate(-45deg);
}

/* Three Dots */
body[data-layout-csx] .icon-dots-three::before {
  content: "\b003";
}

/* Nine Dots */
body[data-layout-csx] .ui-tree.template-tree .ui-tree-container .ui-treenode .ui-treenode-leaf-icon::before,
body[data-layout-csx] .ui-draggable.ui-draggable-dragging .ui-tree-toggler::before,
body[data-layout-csx] .ui-draggable.ui-draggable-dragging .ui-treenode-leaf-icon::before,
body[data-layout-csx] .icon-dots-six::before {
  content: "\b004";
}

/* Lupe - Suchen */
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before,
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon::before,
body[data-layout-csx] .icon-search::before {
  content: "\b005";
}

/* Modaler Dialog - Maximieren */
body[data-layout-csx] .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink::before,
body[data-layout-csx] .icon-maximize-window::before {
  content: "\b006";
}

/* Modaler Dialog - Minimieren */
body[data-layout-csx] .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin::before,
body[data-layout-csx] .icon-minimize-window::before {
  content: "\b007";
}

/* Autosave */
body[data-layout-csx] .icon-autosave::before {
  content: "\b008";
}

/* Erfolg */
body[data-layout-csx] .pi-check::before,
body[data-layout-csx] #growl-success_container .ui-growl-image-info::before,
body[data-layout-csx] .icon-node-success::before {
  content: "\c000";
}

/* Fehler */
body[data-layout-csx] .icon-node-error::before {
  content: "\c001";
}

body[data-layout-csx] .icon-node-error-child::before {
  content: "\c002";
}

body[data-layout-csx] .icon-node-error-node-child::before {
  content: "\c003";
}

/* Tabelle Paging */
/* Erste Seite */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-first::before,
body[data-layout-csx] .icon-page-frist::before {
  content: "\d000";
}

/* Vorherige Seite */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-prev::before,
body[data-layout-csx] .icon-page-previous::before {
  content: "\d001";
}

/* Naechste Seite */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-next::before,
body[data-layout-csx] .icon-page-next::before {
  content: "\d002";
}

/* Letzte Seite */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-last::before,
body[data-layout-csx] .icon-page-last::before {
  content: "\d003";
}

/* Sort ASC */
body[data-layout-csx] .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n::before,
body[data-layout-csx] .icon-sort-asc::before {
  content: "\d004";
  opacity: 1;
}

/* Sort DESC */
body[data-layout-csx] .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s::before,
body[data-layout-csx] .icon-sort-desc::before {
  content: "\d005";
  opacity: 1;
}

/* Sort ASC-DESC */
body[data-layout-csx] .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s::before,
body[data-layout-csx] .icon-sort-asc-desc::before {
  content: "\d006";
  opacity: 0.3;
}

/* Selectboxmenu siehe Tabellen Filter Arrow - Nav Menue Level 1 */
body[data-layout-csx] .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child::before,
body[data-layout-csx] .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child::before,
body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon::before,
body[data-layout-csx] .icon-select-boxmenu-arrow::before {
  content: "\d010";
}

/* Accordion Toggle Open */
body[data-layout-csx] .icon-dropdown::before,
body[data-layout-csx] .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s::before,
body[data-layout-csx] .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e::before,
body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e::before,
body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s::before {
  content: "\d010";
}

/* Accordion Toggle Close */
body[data-layout-csx] .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e,
body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e,
body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s::before {
  transform: rotate(-90deg);
}

/* Nav Menue Level 2 */
body[data-layout-csx] .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child {
  transform: rotate(-90deg);
}

/* Dateien cut & Copy */
body[data-layout-csx] .icon-copy::before {
  content: "\e001";
}

body[data-layout-csx] .icon-cut::before {
  content: "\e002";
}

/* Bearbeiten & Loeschen */
body[data-layout-csx] .icon-edit::before,
body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before {
  content: "\e003";
}

body[data-layout-csx] .icon-delete::before {
  content: "\e004";
}

/* Settings Einstellungen */
body[data-layout-csx] .icon-settings::before {
  content: "\e005";
}

/* Export von XYZ */
body[data-layout-csx] .icon-export::before {
  content: "\e006";
}

/* Printer / Drucker */
body[data-layout-csx] .icon-printer::before {
  content: "\e007";
}

/* Multimandant - Mandant wechseln */
body[data-layout-csx] .icon-multi-mandant::before {
  content: "\e008";
}

/* Icon fuer Textvorlagen */
body[data-layout-csx] .icon-templating::before {
  content: "\f001";
}

/* Icon fuer Vergabeakte */
body[data-layout-csx] .icon-vergabeakte::before {
  content: "\f010";
}

/* Icon fuer Beschaffungsantrag */
body[data-layout-csx] .icon-beschaffungsantrag::before {
  content: "\f011";
}

/* Icon fuer Vertragsakte */
body[data-layout-csx] .icon-vertragsakte::before {
  content: "\f012";
}

/* Spinner - Startseite Panel */
body[data-layout-csx] .pi-spinner:before {
  content: "\f013";
  font-size: 2rem;
}

/* Icon "scroll-left" */
body[data-layout-csx] .icon-scroll-left::before {
  content: "\f014";
}

/* Icon "scroll-right" */
body[data-layout-csx] .icon-scroll-right::before {
  content: "\f015";
}

/* Icon "zoom-in" */
body[data-layout-csx] .icon-zoom-in::before {
  content: "\f016";
}

/* Icon "zoom-out" */
body[data-layout-csx] .icon-zoom-out::before {
  content: "\f017";
}

/* Icon "User" */
body[data-layout-csx] .icon-user:before {
  content: "\f018";
}

/* Icon "Schloss" */
body[data-layout-csx] .icon-lock:before {
  content: "\f019";
}

/* Icon "Mandant wechseln" */
body[data-layout-csx] .icon-switch-mandator:before {
  content: "\f020";
}

/*
  BODY
 */
body[data-layout-csx] {
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

/*
  HEADLINES
 */
body[data-layout-csx] h1,
body[data-layout-csx] h2,
body[data-layout-csx] h3,
body[data-layout-csx] h4 {
  margin: 0 0 0.625rem 0;
  font-family: Arial, sans-serif;
  color: #000;
  font-weight: bold;
  line-height: 1.2;
}

body[data-layout-csx] h1::after,
body[data-layout-csx] h2::after,
body[data-layout-csx] h3::after,
body[data-layout-csx] h4::after {
  content: "";
  clear: both;
  display: table;
}

body[data-layout-csx] h1 > span,
body[data-layout-csx] h2 > span,
body[data-layout-csx] h3 > span,
body[data-layout-csx] h4 > span {
  display: block;
  float: left;
}

body[data-layout-csx] h1 {
  font-size: 1.25rem;
}

body[data-layout-csx] h2 {
  font-size: 1.125rem;
}

body[data-layout-csx] h3 {
  font-size: 1rem;
}

body[data-layout-csx] h4 {
  font-size: 0.875rem;
}

body[data-layout-csx] p {
  line-height: 1.5;
  margin: 0 0 0.625rem 0;
  padding: 0;
}

/* Benoetigt, wenn mehr als h1 steht */
body[data-layout-csx] .headline-wrapper {
  display: flex;
  margin: 0;
  padding: 0;
}

/*
  DEFAULT FOCUS
 */
/* SHADOW */
body[data-layout-csx] .ui-shadow {
  box-shadow: 0 0.6125rem 0.5rem 0 rgba(0, 0, 0, 0.5);
}

/*
  NORMAL / BOLD / ITALIC
 */
body[data-layout-csx] .font--normal {
  font-weight: normal;
}

body[data-layout-csx] .font--bold {
  font-weight: bold;
}

body[data-layout-csx] .font--italic {
  font-style: italic;
}

/*
  DEFAULT DISABLED
 */
body[data-layout-csx] .ui-state-disabled {
  background-color: #e6e6e8 !important;
  border-color: #a8a8a8 !important;
  color: #666666 !important;
  opacity: 1 !important;
}

/* DEFAULT DISABLED - ICONS */
body[data-layout-csx] .ui-state-disabled::before,
body[data-layout-csx] .ui-state-disabled .ui-button-text,
body[data-layout-csx] .ui-state-disabled .ui-icon {
  color: #666666 !important;
}

/* DEFAULT DISABLED - TEXT */
body[data-layout-csx] .ui-state-disabled .ui-menuitem-text {
  color: #666666 !important;
}

/* DEFAULT DISABLED - RADIOBUTTONS */
body[data-layout-csx] .ui-radiobutton .ui-radiobutton-box.ui-state-disabled .ui-radiobutton-icon {
  background-color: #e6e6e8;
}

body[data-layout-csx] .ui-radiobutton .ui-radiobutton-box.ui-state-disabled.ui-state-active .ui-radiobutton-icon {
  background-color: #a8a8a8;
}

/*
  STATUS: LOADING
 */
body[data-layout-csx] .ui-state-loading {
  color: #000 !important;
}

body[data-layout-csx] .ui-state-loading .ui-icon {
  display: inline-flex;
}

body[data-layout-csx] .ui-state-loading.ui-button-text-only .ui-icon-loading.pi-spinner:before {
  font-size: 1.25rem !important;
}

body[data-layout-csx] .ui-state-loading.ui-button-text-only .ui-icon-loading + .ui-button-text {
  opacity: 1;
}

/*
  LINKS
 */
body[data-layout-csx] .main a,
body[data-layout-csx] .main a:active,
body[data-layout-csx] .main a:hover,
body[data-layout-csx] .main a:visited {
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
  text-decoration: underline;
}

body[data-layout-csx] .main a:hover {
  text-decoration: none;
}

body[data-layout-csx] .main a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  border-radius: 0;
}

/*
 TOOLTIP
 */
body[data-layout-csx] .ui-tooltip {
  font-family: Arial, sans-serif;
  font-size: 0.75rem;
}

/*
  BUTTONS
 */
body[data-layout-csx] .ui-button,
body[data-layout-csx] .ui-commandlink.ui-button,
body[data-layout-csx] .ui-fluid .ui-inputgroup .ui-button-icon-only,
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
  background-color: #d6d5d9;
  border: 0.0625rem solid #000;
  border-radius: 0;
  min-height: 2rem;
  min-width: 2rem;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.625rem;
  text-decoration: none;
  align-self: center;
}

body[data-layout-csx] .ui-inputgroup button:first-child,
body[data-layout-csx] .ui-inputgroup input:first-child,
body[data-layout-csx] .ui-inputgroup textarea:first-child,
body[data-layout-csx] .ui-inputgroup button:last-child,
body[data-layout-csx] .ui-inputgroup input:last-child,
body[data-layout-csx] .ui-inputgroup textarea:last-child {
  border-radius: 0;
}

body[data-layout-csx] .ui-button.ui-state-disabled,
body[data-layout-csx] .ui-fluid .ui-inputgroup .ui-button-icon-only.ui-state-disabled,
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-disabled {
  border-color: #a8a8a8;
}

body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
  padding: 0;
}

body[data-layout-csx] .ui-button.ui-button-icon-only,
body[data-layout-csx] .ui-button-icon-only,
body[data-layout-csx] .ui-fluid .ui-inputgroup .ui-button-icon-only {
  min-width: 2rem;
  padding: 0;
}

body[data-layout-csx] .ui-button .ui-button-text,
body[data-layout-csx] .ui-button.ui-button-icon-only .ui-button-text {
  text-transform: uppercase;
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* Icons */
body[data-layout-csx] .ui-icon,
body[data-layout-csx] .ui-button-icon-only,
body[data-layout-csx] .ui-button.ui-button-icon-only .ui-icon,
body[data-layout-csx] .ui-button.ui-button-text-icon-left .ui-icon,
body[data-layout-csx] .ui-commandlink.ui-button.ui-button-icon-only .ui-icon,
body[data-layout-csx] .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon,
body[data-layout-csx] .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon,
body[data-layout-csx] .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
  font-size: 1.375rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0;
  padding: 0;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

/* Triangle bei Split oder Selcetmenu oder Nav  */
body[data-layout-csx] .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
body[data-layout-csx] .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon,
body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon,
body[data-layout-csx] .ui-splitbutton.ui-buttonset .ui-icon,
body[data-layout-csx] .ui-selectonemenu-trigger .ui-icon {
  font-size: 1.125rem;
}

/* Iconfont */
body[data-layout-csx] .pi,
body[data-layout-csx] .ui-icon,
body[data-layout-csx] .ui-button-icon-only,
body[data-layout-csx] .ui-button.ui-button-icon-only .ui-icon,
body[data-layout-csx] .ui-button.ui-button-text-icon-left .ui-icon,
body[data-layout-csx] .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon,
body[data-layout-csx] .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon,
body[data-layout-csx] .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon,
body[data-layout-csx] .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick,
body[data-layout-csx] .ui-tree.template-tree .ui-tree-container .ui-treenode .ui-treenode-leaf-icon,
body[data-layout-csx] .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before,
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon,
body[data-layout-csx] .ui-chkbox .ui-chkbox-box .ui-chkbox-icon,
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon,
body[data-layout-csx] .ui-dialog-titlebar .ui-dialog-titlebar-maximize .ui-icon,
body[data-layout-csx] .ui-draggable.ui-draggable-dragging .ui-treenode-leaf-icon,
body[data-layout-csx] table:not(.tenderFileHeaderTable) thead th.ui-sortable-column .ui-sortable-column-icon,
body[data-layout-csx] .ui-accordion .ui-icon[class*=" ui-icon-triangle-1-"],
body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon[class*=" ui-icon-"],
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon,
body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before,
body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s::before {
  font-family: "icomoon" !important;
}

/* Button 1.) Icon 2.) Text */
body[data-layout-csx] .ui-icon + .ui-button-text {
  margin-left: 0.3125rem;
}

/* LINK */
body[data-layout-csx] a.ui-commandlink,
body[data-layout-csx] a.ui-commandlink:hover,
body[data-layout-csx] a.ui-link,
body[data-layout-csx] a.ui-link:hover {
  color: #000;
  background: none;
  transition: none;
  text-decoration: none;
}

body[data-layout-csx] a.ui-commandlink,
body[data-layout-csx] a.ui-link {
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-layout-csx] .ui-button .ui-icon,
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon {
  color: #000;
}

/* HOVER */
body[data-layout-csx] .ui-button.ui-button-icon-only.ui-state-hover,
body[data-layout-csx] .ui-button.ui-state-hover,
body[data-layout-csx] .ui-commandlink.ui-button:hover,
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover,
body[data-layout-csx] .filter-button--sortable.ui-state-active:hover {
  background-color: #9d9d9d;
  border-color: #000;
}

/* HOVER Icon + Buttton */
body[data-layout-csx] .ui-button.ui-state-hover .ui-button-text,
body[data-layout-csx] .ui-button.ui-state-hover .ui-icon,
body[data-layout-csx] .ui-commandlink.ui-button:hover .ui-icon,
body[data-layout-csx] .ui-commandlink.ui-button:hover .ui-button-text,
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover .ui-button-text,
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover .ui-icon {
  color: #fff;
}

/* FOCUS */
body .ui-button.ui-state-focus,
body[data-layout-csx] .categorie-selection__result .ui-button.ui-state-focus,
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  border-radius: 0;
  background: #fff !important;
  color: #000;
}

/* FOCUS Icon + Buttton */
body[data-layout-csx] .helpTextButton.ui-state-focus .ui-button-text,
body[data-layout-csx] .categorie-selection__result .ui-button.ui-state-focus .ui-button-text,
body[data-layout-csx] .categorie-selection__result .ui-button.ui-state-focus .ui-icon,
body[data-layout-csx] .ui-button.ui-state-focus .ui-button-text,
body[data-layout-csx] .ui-button.ui-state-focus .ui-icon {
  color: #000 !important;
}

/* ACTIVE */
body[data-layout-csx] .ui-button.ui-state-active,
body[data-layout-csx] .categorie-selection__result .ui-button.ui-state-active,
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-active {
  background: #005783;
  border-color: #005783;
  color: #fff;
}

/* ACTIVE Icon + Buttton */
body[data-layout-csx] .categorie-selection__result .ui-button.ui-state-active .ui-button-text,
body[data-layout-csx] .categorie-selection__result .ui-button.ui-state-active .ui-icon,
body[data-layout-csx] .ui-button.ui-state-active .ui-button-text,
body[data-layout-csx] .ui-button.ui-state-active .ui-icon {
  color: #fff;
}

/*
  BUTTON GROUP
 */
body[data-layout-csx] .button-group {
  display: flex;
  padding: 0;
  margin: 0;
}

/*
  ARIA ONLY Text im normaler View verstecken
 */
/* Bei Texten fuer eine Screenreader - steht sichbar im Code, jedoch verschoben */
body[data-layout-csx] .screenreader-only {
  background-color: #fff;
  border: 0;
  color: #000;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Bei Texten fuer eine Screenreader - href beim Focus sichtbar stellen */
body[data-layout-csx] .screenreader-only__focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  white-space: normal;
}

body[data-layout-csx] .screenreader-skip-wrapper {
  display: flex;
  min-height: 1.25rem;
}

/*
  WRAPPER
 */
body[data-layout-csx] .layout-wrapper {
  display: grid;
  background-color: #ededed;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header" "content" "footer";
  min-height: 100vh;
}

/*
  HEADER
 */
body[data-layout-csx] header.header {
  background-color: #fff;
  border-bottom: 0.0625rem solid #000;
  display: flex;
  align-items: center;
  position: relative;
  min-height: 3.75rem;
  width: 100%;
  grid-area: header;
}

body[data-layout-csx] .header .header__column {
  align-items: center;
  display: flex;
}

body[data-layout-csx] .header .header__column .header__button {
  display: flex;
}

body[data-layout-csx] .header .header__column .header__button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
}

body[data-layout-csx] .header .header__column.header__column--logo {
  justify-content: flex-start;
  margin-left: 0.3125rem;
  width: 13.75rem;
}

body[data-layout-csx] .header .logo {
  height: 3.125rem;
}

/* Header fixed - sticky */
body[data-layout-csx] .header.sticky {
  position: fixed;
  z-index: 2;
  top: 0;
}

body[data-layout-csx] .header.sticky::before {
  content: "";
  display: flex;
  height: 0.875rem;
  background-color: #ededed;
  width: 100%;
  position: absolute;
  bottom: -0.9375rem;
  box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.5);
}

/*
  SYSTEMBOX HINWEISE AUF UPDATES ETC UEBER DEM HEADER
 */
body[data-layout-csx] #testSystemBox {
  display: flex;
  min-height: 2.1875rem;
  padding: 0 0.625rem;
  align-items: center;
  justify-content: center;
  border-bottom: 0.0625rem solid #000;
  background: linear-gradient(180deg, rgb(255, 148, 77) 0%, rgb(255, 129, 45) 50%, rgb(255, 104, 4) 100%);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}

body[data-layout-csx] #testSystemBox .testSystemBox__text {
  letter-spacing: 0.125rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
}

/* Wenn eingeblendet, dann Header nach unten verschieben */
body[data-layout-csx] #testSystemBox + .layout-wrapper .header {
  margin-top: 2.1875rem;
}

/* Wenn eingeblendet, dann Header nach unten verschieben */
body[data-layout-csx] #testSystemBox + .layout-wrapper .header.sticky {
  margin-top: 0;
  top: 2.1875rem;
}

@media screen and (max-width: 48rem) {
  body[data-layout-csx] #testSystemBox {
    position: relative;
  }

  body[data-layout-csx] #testSystemBox + .layout-wrapper .header {
    margin-top: 0 !important;
  }
}

/*
  CONTENT
 */
body[data-layout-csx] .content {
  background-color: #fff;
  display: flex;
  border-top: 0.0625rem solid #000;
  margin-top: 0.875rem;
  padding-bottom: 1.875rem;
  grid-area: content;
}

/*
  MAIN
 */
body[data-layout-csx] .main {
  padding: 0.9375rem;
  width: 100%;
}

/*
  FOOTER
 */
body[data-layout-csx] .footer {
  background: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.9375rem;
  min-height: 1.875rem;
  grid-area: footer;
}

body[data-layout-csx] .footer__column,
body[data-layout-csx] .footer__column a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.6875rem;
}

body[data-layout-csx] .footer__column a {
  text-decoration: underline;
}

body[data-layout-csx] .footer__column a:hover {
  color: #ff6400;
  text-decoration: none;
}

/* sticky footer */
body[data-layout-csx] .footer.sticky {
  bottom: 0;
  position: absolute;
  width: 100%;
}

/*
  BACK 2 TOP BUTTON
 */
body[data-layout-csx] .back2top {
  position: fixed;
  bottom: 2.5rem;
  right: 0.3125rem;
  z-index: 10001;
  display: none;
}

body[data-layout-csx] .back2top__button {
  width: 1.625rem;
  height: 1.625rem;
  background-color: rgba(135, 135, 135, 0.4);
  border-radius: 0.3125rem;
  font-size: 0.75rem;
  padding: 0.1875rem;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  display: flex;
}

body[data-layout-csx] .back2top__button:focus {
  background-color: #fff;
}

body[data-layout-csx] .back2top__button:focus .back2top__icon::before {
  color: rgba(135, 135, 135, 0.9);
}

body[data-layout-csx] .back2top__icon {
  color: #fff;
  font-size: 0.875rem;
  transform: rotate(-90deg);
}

body[data-layout-csx] .back-to-top:hover {
  background-color: rgba(135, 135, 135, 0.9);
}

/*
  CONTAINER FÜR FORMS
 */
body[data-layout-csx] .form-wrapper {
  display: block;
  float: left;
  margin: 0;
  padding: 0 0.3125rem 0.25rem 0;
}

body[data-layout-csx] .form-wrapper--start-label {
  padding-right: 0.625rem;
  width: 12.5rem;
}

body[data-layout-csx] .form-wrapper--empty {
  padding: 0;
  width: auto;
}

body[data-layout-csx] .form-wrapper--width-auto {
  width: auto;
}

body[data-layout-csx] .form-wrapper--width-100 {
  width: 6.25rem;
}

body[data-layout-csx] .form-wrapper--width-150 {
  width: 9.375rem;
}

body[data-layout-csx] .form-wrapper--width-200 {
  width: 12.5rem;
}

body[data-layout-csx] .form-wrapper--width-350 {
  width: 21.875rem;
}

body[data-layout-csx] .form-wrapper--width-400 {
  width: 25rem;
}

body[data-layout-csx] .form-wrapper--width-450 {
  width: 28.125rem;
}

body[data-layout-csx] .form-wrapper--width-500 {
  width: 31.25rem;
}

/*
  GENERELLER CONTAINER FÜR RADIOBUTTONS & CHECKBOXEN
 */
body[data-layout-csx] .form-wrapper-radiobutton-checkbox {
  display: block;
  float: left;
}

/*
  MEDIA-QUERIES
 */
@media screen and (max-width: 28.125rem) {
  body[data-layout-csx] [class*="form-wrapper--width"],
  body[data-layout-csx-file] [class*="form-wrapper--width"] {
    width: 100%;
  }

  body[data-layout-csx] .form-wrapper.form-wrapper--width-open,
  body[data-layout-csx-file] .form-wrapper.form-wrapper--width-open {
    width: auto;
  }
}

/*
  FORMS
 */
/* FIELDSET & LEGEND */
body[data-layout-csx] .ui-fieldset {
  border-radius: 0;
  border: 0.0625rem solid #dee2e6;
  box-shadow: 0 0.3125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin: 0 0 1.875rem 0;
  padding: 0.9375rem;
}

body[data-layout-csx] .ui-fieldset-legend {
  border-radius: 0;
  border: 0.0625rem solid #dee2e6;
  background-color: #f4f4f4;
  color: #000;
  font-size: 0.75rem;
  margin: 0;
  padding: 0.625rem;
}

/* FIELD
    ALS EINLEITUNG FÜR FORMS
*/
body[data-layout-csx] .field {
  clear: left;
  margin: 0 0 0.9375rem 0;
  position: relative;
}

body[data-layout-csx] .field::after {
  content: "";
  clear: both;
  display: table;
}

/* FIELD
    VERWENDUNG INNERHALB EINER TABELLE
 */
body[data-layout-csx] table tbody .field {
  min-height: auto;
}

/*
  DARSTELLUNG VON ZUSÄTZLICHEN TEXTEN, VOR
  ODER NACH FORMELEMENTEN
  z.B Tage / von-bis / Betrag etc
*/
body[data-layout-csx] .field .character-box {
  display: table;
  float: left;
  margin: 0 0.625rem 0 0;
  min-height: 2rem;
}

body[data-layout-csx] .field .character-box__text {
  display: table-cell;
  vertical-align: middle;
}

/* BEI READONLY AUSGABE
   MODIFIER "field--readonly"
 */
body[data-layout-csx] .field--readonly {
  padding: 0;
}

/* Wenn mehrere field's verwendet werden
    - wenn in "einer Zeile" mehrere Eingabeelemnte nebeneinadner stehen.
 */

body[data-layout-csx] .field-beside {
  display: block;
}

body[data-layout-csx] .field-beside .field {
  float: left;
}

/*
  MEDIA-QUERIES
 */
@media screen and (max-width: 28.125rem) {
  body[data-layout-csx] .field-beside .field {
    float: none;
  }
}

/* Wrapper fuer Label Inputs - Abstand nach unten */
body[data-layout-csx] .label-input-wrapper {
  margin: 0 0 0.9375rem 0;
}

/* Fonts für Formelemente */
body[data-layout-csx] label,
body[data-layout-csx] .ui-widget,
body[data-layout-csx] .ui-outputlabel,
body[data-layout-csx] .radio-checkbox-group-label,
body[data-layout-csx] .ui-inputfield,
body[data-layout-csx] .ui-inputtextarea,
body[data-layout-csx] .ui-selectonemenu-trigger,
body[data-layout-csx] .ui-selectcheckboxmenu-label-container,
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item,
body[data-layout-csx] .categorie-selection,
body[data-layout-csx] .display-value-only-input-text {
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
}

/* radio-checkbox-group-label Übergeordnet für
    Gruppe Radiobutton / Checkbox
 */
body[data-layout-csx] .radio-checkbox-group-label,
body[data-layout-csx] .ui-outputlabel {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0.625rem;
}

body[data-layout-csx] .ui-outputlabel {
  max-width: calc(100% - 0.75rem);
  word-break: break-word;
}

body[data-layout-csx] .radio-checkbox-group-label {
  cursor: default;
}

body[data-layout-csx] label {
  cursor: pointer;
}

/* AUSGABE DER FORMULARE ALS TEXT/ZAHLEN */
body[data-layout-csx] .display-value-only-input-text,
body[data-layout-csx] .display-value-only-input-textarea,
body[data-layout-csx] .display-value-only-input-select,
body[data-layout-csx] .display-value-only-input-digit {
  display: inline-block;
  padding: 0.5625rem 0.3125rem 0.3125rem 0.3125rem;
  word-break: break-word;
  hyphens: auto;
}

/* AUSGABE TEXT AUS TEXTAREA / SELECT */
body[data-layout-csx] .display-value-only-input-select,
body[data-layout-csx] .display-value-only-input-textarea {
  width: 100%;
}

/* AUSGABE NUMMERN */
body[data-layout-csx] .display-value-only-input-digit {
  margin-left: auto;
  text-align: right;
}

/* AUSGABE LISTE FÜR:
    - Checkbox
    - Checkbox multiple
    - Select Many Menu
  */
body[data-layout-csx] .display-value-only-list {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* Horizontal */
body[data-layout-csx] .display-value-only--horizontal .display-value-only-list__item {
  display: inline-block;
}

body[data-layout-csx] .display-value-only-list__item {
  display: flex;
  margin-bottom: 0.625rem;
  padding: 0.25rem 0.3125rem 0 0.3125rem;
}

/* Ausgabe mit Rechteck */
body[data-layout-csx] .display-value-only-list__style {
  display: flex;
}

body[data-layout-csx] .display-value-only-list__style::before {
  content: "";
  background-color: #000;
  display: inline-flex;
  align-self: center;
  height: 0.375rem;
  margin-right: 0.3125rem;
  width: 0.375rem;
}

/* BOX FÜR ZUSATZINFORMATIONEN ZUM LABEL
    - TOOLTIP
    - KENNZEICHNUNG PFLICHTIG/EMPFOHLEN
*/
body[data-layout-csx] .ui-outputlabel-tools {
  display: flex;
  align-self: start;
  min-height: 1.25rem;
  margin-left: auto;
}

/* COLUMN */
body[data-layout-csx] .ui-outputlabel-tools__column {
  display: inline-flex;
}

/* RESET DER CHILD'S */
body[data-layout-csx] .ui-outputlabel-tools__column * {
  float: none;
  margin: 0;
  top: auto;
}

/* LABEL &  TOOLTIP */
body[data-layout-csx] .ui-outputlabel-tools__column--tooltip {
  justify-content: flex-end;
  min-width: 1.5rem;
}

/* ICONS MANDATORY / RECOMMENDED - EINZELENE ZELLEN */
body[data-layout-csx] .ui-outputlabel-tools__column--icons {
  justify-content: flex-end;
  min-width: 1rem;
}

/* Pflichtfeldkennzeichnung

  !!!!! Wird ausgeblendet,da die Komponente bei
  Pflichtigkeit ein * rendert !!!!
*/
body[data-layout-csx] .ui-outputlabel .ui-outputlabel-rfi {
  display: none;
}

body[data-layout-csx] .ui-inputfield,
body[data-layout-csx] .ui-selectonemenu,
body[data-layout-csx] .ui-inputfield.ui-state-focus,
body[data-layout-csx] .ui-selectonemenu.ui-state-focus {
  background-color: #fff;
  border-color: #000;
  border-radius: 0 !important;
  box-sizing: border-box;
  line-height: 0.875rem;
}

body[data-layout-csx] .ui-inputfield,
body[data-layout-csx] .ui-inputfield.ui-state-focus {
  min-height: 2rem;
  height: 2rem;
  padding: 0.5rem;
  width: 100%;
}

/* Eingabe von Betraegen / Prozente bei einzeiligem Text Feld & Zeichendarstellung */
body[data-layout-csx] .ui-inputnumber-wrapper > div {
  display: flex;
  align-items: center;
}

body[data-layout-csx] .ui-inputnumber-wrapper .ui-inputnumber .ui-inputfield {
  text-align: right;
}

body[data-layout-csx] .ui-inputnumber-wrapper .ui-inputnumber-box {
  display: flex;
  align-items: center;
}

body[data-layout-csx] .ui-inputnumber-wrapper .ui-inputnumber-box > span {
  color: #000;
  padding: 0 0.625rem;
}

body[data-layout-csx] .ui-inputnumber.ui-inputwrapper-filled {
  display: inline-block;
}

/* Eingabe mit Messagebox */
body[data-layout-csx] .ui-inputfield + .ui-message,
body[data-layout-csx] .ui-selectonemenu + .ui-message {
  margin-top: 0.1875rem;
}

/* Textarea */
body[data-layout-csx] .ui-inputtextarea {
  resize: vertical;
  min-height: 3.125rem !important;
  max-height: 28.125rem !important;
  padding: 0.125rem 0.5rem !important;
}

body[data-layout-csx] .ui-inputtextarea.resizable-none {
  resize: none !important;
}

body[data-layout-csx] .ui-inputtextarea.resizable-both {
  resize: both !important;
}

body[data-layout-csx] .ui-inputtextarea.resizable-vertical {
  resize: vertical !important;
}

body[data-layout-csx] .ui-inputtextarea.resizable-horizontal {
  resize: horizontal !important;
}

/* Hover */
body[data-layout-csx] .ui-inputfield.ui-state-hover,
body[data-layout-csx] .ui-selectonemenu.ui-state-hover {
  background-color: #fff;
  border-color: #000;
}

/* Focus */
body[data-layout-csx] .ui-inputgroup .ui-button.ui-state-focus,
body[data-layout-csx] .ui-inputgroup .helpTextButton.ui-state-focus,
body[data-layout-csx] .ui-inputgroup .ui-inputfield.ui-state-focus,
body[data-layout-csx] .ui-inputgroup .ui-selectonemenu.ui-state-focus,
body[data-layout-csx] .ui-inputgroup .ui-inputwrapper-focus,
body[data-layout-csx] .ui-inputfield.ui-state-focus,
body[data-layout-csx] .ui-selectonemenu.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  position: relative;
  z-index: 1;
}

/* Soll im Focus ueber den .ui-inputgroup Buttons liegen */
body[data-layout-csx] .ui-inputgroup .ui-inputfield.ui-state-focus {
  position: relative;
}

/* ADDON GROUP */
body[data-layout-csx] .ui-inputgroup > .ui-inputtext:not(:last-child),
body[data-layout-csx] .ui-inputgroup > .ui-inputtextarea:not(:last-child) {
  border-right: 0.0625rem solid #000;
}

/* ADDON GROUP BEFORE */
body[data-layout-csx] .ui-inputgroup,
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon {
  min-height: 2rem;
}

body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon .ui-button {
  border-color: #000;
  opacity: 1;
}

body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon {
  padding: 0;
  border: none;
}

body[data-layout-csx] .ui-inputgroup .counter-input-wrapper input:first-child {
  border-radius: 0;
}

body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon,
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon-checkbox {
  display: inline-flex;
  flex: 0 0 auto;
  min-width: 2rem;
  padding: 0;
  background: transparent;
  margin: 0;
}

/* Eingabe von Betraegen / Prozente bei einzeiligem Text Feld & Zeichendarstellung Dem Eingabefeld fehlt der rechte Border */
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon + .ui-inputnumber .ui-inputfield {
  border-right: 0.0625rem solid #000;
  border-left: 0.0625rem solid #000;
}

body[data-layout-csx] .ui-inputgroup input:last-child {
  border-radius: 0 0 0 0;
}

body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon:not(:last-child) .ui-button:first-child {
  border-right: 0;
  border-radius: 0 0 0 0;
}

body[data-layout-csx] .ui-inputgroup > .ui-inputgroup-addon + .ui-selectcheckboxmenu {
  border-radius: 0 0 0 0;
  border-color: #000;
}

/* ADDON GROUP AFTER */
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-after--input-text:empty,
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-after--textarea:empty,
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-after--select-one-menu:empty {
  border: none;
  width: 0;
}

body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-after--input-text,
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-after--textarea,
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-after--select-one-menu {
  border: none;
}

/* ADDON GROUP FIRST BUTTON */
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-after--input-text .ui-button:first-child,
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-after--textarea .ui-button:first-child,
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-after--select-one-menu .ui-button:first-child {
  border-radius: 0 0 0 0;
}

/* ADDON GROUP TEXT CONTAINER */
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon .inputgroup-char-container {
  padding: 0 0.1875rem;
}

body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon .inputgroup-addon__before .ui-button,
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon .inputgroup-addon__after .ui-button {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon .inputgroup-addon__before:not(:first-child),
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon .inputgroup-addon__before:last-child {
  border-right: 0;
}

/*
  ADDON GROUP BEFORE/AFTER
  BOX FÜR ICONS + TEXT + BUTTONS
  */
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon .inputgroup-addon__before,
body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon .inputgroup-addon__after {
  border: 0.0625rem solid #000;
  background-color: #f4f4f4;
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  height: 2rem;
  min-width: 2rem;
}

body[data-layout-csx] .ui-inputgroup .ui-inputgroup-addon .inputgroup-addon__after {
  border-left: 0;
}

/*
 TOGGLE SWITCH
 */
body[data-layout-csx] .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
  background-color: #146140;
}

body[data-layout-csx] .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
}

/*
 AUSGABE KATEGORIEAUSWAHL HINZUFUEGEN / ENTFERNEN
 */
body[data-layout-csx] .categorie-selection__result .ui-button {
  border: none;
  width: auto;
  background-color: #515151;
  line-height: normal;
  min-height: 1.375rem;
  border-radius: 0.1875rem;
  padding: 0.1875rem 0.3125rem;
  margin: 0 0.3125rem 0.625rem 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-layout-csx] .categorie-selection__result .ui-button .ui-icon {
  font-size: 0.6875rem;
  color: #fff;
  position: relative;
  margin: 0;
  padding: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  min-height: calc(1.375rem - 0.3125rem);
}

body[data-layout-csx] .categorie-selection__result .ui-button .ui-button-text {
  text-transform: uppercase;
  font-size: 0.6875rem;
  color: #fff;
  padding: 0;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  min-height: calc(1.375rem - 0.3125rem);
}

body[data-layout-csx] .categorie-selection__button-form {
  border-top: 0.3125rem solid #f4f4f4;
  padding-top: 0.9375rem;
  margin-top: 1.875rem;
  display: flex;
  justify-content: flex-end;
}

body[data-layout-csx] .categorie-selection__button-form .ui-button {
  width: auto;
}

/*
  COUNTER ZEICHENZAEHLUNG TEXTFELDER
 */

/* COUNTER ZEICHENZAEHLUNG IN VERBINDUNG MIT TEXTVORLAGE */
body[data-layout-csx] .counter-input-wrapper {
  position: relative;
  width: 100%;
}

body[data-layout-csx] .counter {
  display: none;
  visibility: hidden;
}

body[data-layout-csx] .counter.counter-visible {
  background-color: #515151;
  border-radius: 0.1875rem;
  color: #fff;
  cursor: default;
  font-size: 0.6875rem;
  font-weight: bold;
  font-family: Arial, sans-serif;
  height: 1rem;
  min-width: 2.1875rem;
  padding: 0.1875rem;
  text-align: center;
  visibility: visible;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -1rem;
  right: 0;
  z-index: 1;
}

/*
  ACTIONFORM
 */
body[data-layout-csx] .action-form {
  border-top: 0.9375rem solid #f4f4f4;
  background-color: #fff;
  display: flex;
  margin-top: 1.875rem;
  padding-right: 0.9375rem;
  align-items: flex-start;
  box-shadow: 0 0.3125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  flex-wrap: wrap;
}

/* Button Ausrichtung im "action-form" */
body[data-layout-csx] .action-form .ui-button,
body[data-layout-csx] .ui-dialog-footer .action-form .action-form__colmun > div > .ui-button {
  margin: 0.625rem 0 0.625rem 0.625rem;
}

body[data-layout-csx] .ui-dialog-footer .action-form .action-form__colmun .ui-splitbutton .ui-button {
  margin: 0;
}

body[data-layout-csx] .action-form__colmun {
  align-self: baseline;
  flex: 1;
}

/*
  ACTIONFORM INNEHALB DER TREE DETAILS
 */
body[data-layout-csx] .action-form--tree-details {
  justify-content: flex-end;
  box-shadow: none;
  margin: 0 0 1.875rem 0;
  padding: 0.9375rem 0;
}

/*
  DYNAMISCHE FORMS - ERSTELLUNG DYNAMISCHER FORMULARE
 */
body[data-layout-csx] .dynamic-ext-wrapper {
  display: block;
  padding: 0.125rem 0.3125rem 0.25rem 0;
  --start-level: 0;
  --needed-rem: 1.5625rem; /*1.9375rem;*/
  /* inputtext, inputtextarea, date, yesNo, outputtext, radiobuttongroup */
  --extra-padding-left: 0.3125rem; /* 1.6875rem;*/
}

/*
  SELECTONEMENU
  - PF Komponente
  z.B. Startseite "Filterung nach Aktenverantwortlichkeit"
 */
body[data-layout-csx] .ui-selectonemenu {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

/* Breite auf auto stellen */
body[data-layout-csx] .ui-selectonemenu--width-auto {
  width: auto;
}

/* Select One Menue | Submenue */
body[data-layout-csx] .ui-selectonemenu-panel {
  margin: 0;
  padding: 0;
  /* z-index: 1 !important;*/
  /* Muss unterhalb vom sticky Header liegen */
  /* mit 1 liegt es aber auch unterhalb aller anderen dialoge, wir brauchen eine andere Läsung*/
}

/* Tabelle tr ohne border */
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row {
  border: none;
}

/* Suchfilter */
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
  background-color: #ededed;
  margin: 0;
  padding: 0.625rem 0.9375rem;
}

/* Icon Lupe */
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
  margin: 0;
  top: 0.8125rem;
}

/* Content */
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
  margin: 0;
  padding: 0;
}

/* Sublevel */
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
  background: #e8e8e8;
  color: #000;
}

/* Highlighting ausgewaehltes Item */
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight,
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight > td {
  background: #005783;
  border-color: #005783;
  color: #fff;
  opacity: 1;
}

/* Footer */
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-footer {
  background-color: #ededed;
  color: #000;
  padding: 0.625rem 0.9375rem;
}

/* Label */
body[data-layout-csx] .ui-selectonemenu-label {
  height: 100%;
  display: flex;
  align-items: center;
}

body[data-layout-csx] .ui-selectonemenu .ui-selectonemenu-label {
  padding-right: 3.125rem;
  min-height: 0.625rem;
}

/* Select Trigger */
body[data-layout-csx] .ui-selectonemenu .ui-selectonemenu-trigger {
  border-left: 0.0625rem solid #000;
  background-color: #f4f4f4;
  width: 2rem;
}

/* Trigger Icon */
body[data-layout-csx] .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  color: #000;
}

/*
  SELECTMANY MENU
  (CHECKBOXEN)
 */
body[data-layout-csx] .ui-selectmanymenu {
  padding: 0;
}

body[data-layout-csx] .ui-selectmanymenu.ui-inputfield {
  height: auto;
}

body[data-layout-csx] .ui-selectmanymenu .ui-selectlistbox-listcontainer {
  background-color: #fff;
  padding: 0;
}

/* <ul> */
body[data-layout-csx] .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list {
  padding: 0;
}

/* <ul> > <li> */
body[data-layout-csx] .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.3125rem;
  color: inherit;
}

/* <li> hover */
body[data-layout-csx] .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover {
  background: #e8e8e8;
}

/* <li> Highlight */
body[data-layout-csx] .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
  background: #005783;
  border-color: #005783;
  color: #fff;
}

/* checkbox */
body[data-layout-csx] .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox {
  margin-right: 0.9375rem;
  margin-top: -0.3125rem;
}

/* focus Höhe anpassen */
body[data-layout-csx] .ui-selectmanymenu.ui-inputfield.ui-state-focus {
  height: auto;
  padding: 0;
}

/*
  MULTISELECT PANEL (CHECKBOXEN)
  PF-KOMPONENTE: SelectCheckboxMenu
*/
body[data-layout-csx] .ui-selectcheckboxmenu {
  border-width: 0.0625rem;
  display: block;
  width: 100%;
}

body[data-layout-csx] .ui-selectcheckboxmenu-label-container {
  align-items: center;
  border-radius: 0;
  display: flex;
  padding: 0 0.9375rem 0 0.5rem;
  height: 1.875rem;
}

body[data-layout-csx] .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
  width: calc(100% - 2rem);
}

/* Eingabefeld */
body[data-layout-csx] .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
  height: 1.875rem;
  min-height: 1.875rem;
  min-width: 7.5rem;
}

body[data-layout-csx] .ui-selectcheckboxmenu-multiple-container.ui-inputfield .ui-selectcheckboxmenu-emptylabel {
  display: flex;
  align-items: center;
  min-height: 1.875rem;
}

/* Trigger */
body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  border-left: 0.0625rem solid #000;
  background-color: #f4f4f4;
  width: 2rem;
}

body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
  color: #000;
}

body[data-layout-csx] .ui-selectcheckboxmenu-panel {
  width: inherit;
}

/* UL */
body[data-layout-csx] .ui-selectcheckboxmenu-panel,
body[data-layout-csx] .ui-selectonemenu-panel {
  box-shadow: 0 0.6125rem 0.5rem 0 rgba(0, 0, 0, 0.5);
  border-radius: 0;
}

/* LI */
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item {
  display: flex;
  align-items: center;
}

/* LI ZWISCHENÜBERSCHRIFT */
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group {
  color: #000;
}

/* ABSTAND CHECKBOX - LABEL */
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox {
  margin-right: 0.625rem;
}

/* SELECTCHECKBOX MENU - HEADER */
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
  background-color: #f4f4f4;
}

/* Wenn im Header ein Label und ein Suchfeld (.ui-selectcheckboxmenu-filter) steht, soll das Label ausgeblendet werden */
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header:has(.ui-selectcheckboxmenu-filter) label {
  display: none;
}

body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header:has(.ui-selectcheckboxmenu-filter) .ui-selectcheckboxmenu-filter-container {
  margin-left: 0;
}

/* Abstand zum Label */
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
  margin-left: 0.9375rem;
}

/* Icon Lupe */
body[data-layout-csx] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
  margin: 0;
  top: 0.3125rem;
}

/* Hover / Fokus */
body[data-layout-csx] .ui-selectcheckboxmenu,
body[data-layout-csx] .ui-selectcheckboxmenu.ui-state-hover,
body[data-layout-csx] .ui-selectcheckboxmenu.ui-state-focus {
  border-radius: 0;
  border-color: #000;
}

body[data-layout-csx] .ui-selectcheckboxmenu.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  background-color: #e8e8e8;
}

/*
  RADIOBUTTON KOMPONENTE
  Verwendung bei mehreren Radiobutton Groups
  - bei Einrückungen
  - in Kombinationen mit Eingabefeldern
  - Darstellung von Messages
 */

body[data-layout-csx] .radiobutton {
  display: inline-block;
}

body[data-layout-csx] .radiobutton.radiobutton--direction-horizontal {
  display: flex;
  flex-wrap: wrap;
}

body[data-layout-csx] .radiobutton .radiobutton__column {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.625rem;
}

body[data-layout-csx] .radiobutton .radiobutton__row {
  display: flex;
}

body[data-layout-csx] .radiobutton .radiobutton__content {
  margin-top: 0.625rem;
}

body[data-layout-csx] .radiobutton .radiobutton__content-row {
  display: flex;
}

body[data-layout-csx] .radiobutton .radiobutton__label,
body[data-layout-csx] .radiobutton .radiobutton__label-readonly {
  margin-bottom: 0;
  padding: calc((1.25rem - 0.75rem) / 2) 0.625rem 0 calc(0.3125rem * 2);
}

body[data-layout-csx] .radiobutton__tools {
  display: flex;
}

body[data-layout-csx] .radiobutton__tools-column {
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  justify-content: center;
  min-width: 1.25rem;
}

body[data-layout-csx] .radiobutton .ui-message {
  margin: 0;
}

body[data-layout-csx] .radiobutton-wrapper {
  display: flex;
  flex-wrap: wrap;
}

body[data-layout-csx] .ui-radiobutton, body[data-layout-csx] .ui-radiobutton .ui-radiobutton-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
  width: 1.25rem;
}

body[data-layout-csx] .ui-radiobutton .ui-radiobutton-box {
  border: 0.0625rem solid #000;
  background: #fff;
}

body[data-layout-csx] .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  background: #fff;
  margin: auto;
  position: relative;
  top: auto;
  left: auto;
}

body[data-layout-csx] .ui-radiobutton .ui-radiobutton-box.ui-state-hover,
body[data-layout-csx] .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  background: #fff;
}

body[data-layout-csx] .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border-color: #0067ff;
}

body[data-layout-csx] .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
  background: #0067ff;
  height: calc(1.25rem / 2);
  width: calc(1.25rem / 2);
}

body[data-layout-csx] .radiobutton__content {
  padding-left: 1.9375rem;
}

/* Reset 1. box* padding-left */
body[data-layout-csx] .radiobutton__content .field > [class^="box"]:first-child,
body[data-layout-csx] .radiobutton--level-2 > [class^="box"]:first-child,
body[data-layout-csx] .radiobutton--level-3 > [class^="box"]:first-child {
  padding-left: 0;
}

/* Level 1 */
body[data-layout-csx] .radiobutton--level-1 {
  padding-left: 0;
}

/* Level 2/3 */
body[data-layout-csx] .radiobutton--level-2,
body[data-layout-csx] .radiobutton--level-3 {
  padding-left: 1.9375rem;
}

/*
  CHECKBOX KOMPONENTE
  Verwendung von mehreren Checkboxen
  - bei Einrückungen
  - in Kombinationen mit Eingabefeldern
  - Darstellung von Messages
 */
body[data-layout-csx] .checkbox {
  /* LABEL CHECKBOX - KEINE VERWENDUNG BEI CHECKBOX MULTIPLE */
}

body[data-layout-csx] .checkbox .checkbox__column {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.625rem;
}

body[data-layout-csx] .checkbox .checkbox__row {
  display: flex;
}

body[data-layout-csx] .checkbox .checkbox__row .badge {
  align-self: start;
  margin-left: auto;
  margin-right: 0.3125rem;
}

body[data-layout-csx] .checkbox .checkbox__content {
  margin-top: 0.625rem;
}

body[data-layout-csx] .checkbox .checkbox__content-row {
  display: flex;
}

/* LABEL CHECKBOX - KEINE VERWERWENDUNG BEI CHECKBOX MULTIPLE */
body[data-layout-csx] .checkbox__label:not(.ui-selectcheckboxmenu-multiple) {
  margin-bottom: 0;
  padding: calc((1.25rem - 0.75rem) / 2) 0.625rem 0 calc(0.3125rem * 2);
  max-width: 43.75rem;
}

body[data-layout-csx] .checkbox .ui-message {
  margin: 0;
}

body[data-layout-csx] .checkbox-wrapper {
  display: flex;
  flex-wrap: wrap;
}

body[data-layout-csx] .ui-chkbox:not(.ui-selectbooleancheckbox.ui-chkbox) {
  height: 1.25rem;
  width: 1.25rem;
}

body[data-layout-csx] .ui-chkbox .ui-chkbox-box {
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border: 0.0625rem solid #000;
  display: inline-flex;
  height: 1.25rem;
  min-height: 1.25rem;
  width: 1.25rem;
  min-width: 1.25rem;
}

body[data-layout-csx] .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  color: #fff;
  position: relative;
  font-size: 1rem;
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-layout-csx] .ui-chkbox .ui-chkbox-box.ui-state-hover {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  background-color: #fff;
}

body[data-layout-csx] .ui-chkbox .ui-chkbox-box.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  background-color: #fff;
}

body[data-layout-csx] .ui-chkbox .ui-chkbox-box.ui-state-active {
  background-color: #0067ff;
  border-color: #0067ff;
}

/* NEUE VARIANTEN CHECKBOX
    - BOOLEAN
*/

/* ABSTAND CHECKBOX - LABEL */
body[data-layout-csx] .ui-chkbox.ui-selectbooleancheckbox .ui-chkbox-box {
  margin-right: 0.625rem;
}

body[data-layout-csx] .ui-chkbox.ui-selectbooleancheckbox .ui-chkbox-label {
  margin: 0;
}

body[data-layout-csx] .checkbox__content {
  padding-left: calc(1.25rem + 0.0625rem + 0.3125rem * 2);
}

/* Reset 1. box* padding-left */
body[data-layout-csx] .checkbox__content .field > [class^="box"]:first-child,
body[data-layout-csx] .checkbox--level-2 > [class^="box"]:first-child,
body[data-layout-csx] .checkbox--level-3 > [class^="box"]:first-child {
  padding-left: 0;
}

/* Level 1 */
body[data-layout-csx] .checkbox--level-1 {
  padding-left: 0;
}

/* Level 2/3 */
body[data-layout-csx] .checkbox--level-2,
body[data-layout-csx] .checkbox--level-3 {
  padding-left: calc(1.25rem + 0.0625rem + (0.3125rem * 2));
}

/*
  CHECKBOX KOMPONENTE FÜR DIE ERSTELLUNG DYNAMISCHER FORMULARE
 */


body[data-layout-csx] .dynamic-ext-checkbox {
  margin-bottom: 0;
}

/* DYNAMIC-EXT CHECKBOX START-LABEL */
body[data-layout-csx] .dynamic-ext-checkbox-label {
  margin: 0;
  padding: 0;
}

/* DYNAMIC-EXT FIELDSET RESET */
body[data-layout-csx] .dynamic-ext-checkbox {
  margin: 0;
  padding-left: 0;
}

/* DYNAMIC-EXT FIELDSET RESET */
body[data-layout-csx] .field:has(.dynamic-ext-checkbox) {
  margin: 0;
  min-height: auto;
}

/* DYNAMIC-EXT CHECKBOX__COLUMN RESET */
body[data-layout-csx] .dynamic-ext-checkbox .checkbox .checkbox__column {
  margin-bottom: 0;
}

/*
  RADIOBUTTON KOMPONENTE FÜR DIE ERSTELLUNG DYNAMISCHER FORMULARE
 */
body[data-layout-csx] .dynamic-ext-radiobutton {
  margin-bottom: 0;
  padding-left: 0.3125rem;
}

/* DYNAMIC-EXT RADIOBUTTON__COLUMN RESET */
body[data-layout-csx] .dynamic-ext-radiobutton .radiobutton .radiobutton__column {
  margin-bottom: 0.25rem;
}

/*
  OUTPUTTEXT KOMPONENTE FÜR DIE ERSTELLUNG DYNAMISCHER FORMULARE
 */
body[data-layout-csx] .dynamic-ext-outputtext {
  padding-left: 0.3125rem;
  padding-top: 0.375rem;
}

/*
  EINRÜCKUNG FÜR DIE ERSTELLUNG DYNAMISCHER FORMULARE
 */
/* INPUTTEXT */
body[data-layout-csx] .dynamic-ext-inputtext {
  --level-inputtext: 0;
  margin-left: calc(max(var(--start-level), (var(--level-inputtext) - 1)) * var(--needed-rem));
  padding-left: var(--extra-padding-left);
}

/* TEXTAREA */
body[data-layout-csx] .dynamic-ext-inputtextarea {
  --level-inputtextarea: 0;
  margin-left: calc(max(var(--start-level), (var(--level-inputtextarea) - 1)) * var(--needed-rem));
  padding-left: var(--extra-padding-left);
}

/* DATEPICKER */
body[data-layout-csx] .dynamic-ext-date {
  --level-date: 0;
  margin-left: calc(max(var(--start-level), (var(--level-date) - 1)) * var(--needed-rem));
  padding-left: var(--extra-padding-left);
}

/* SELECT YES/NO */
body[data-layout-csx] .dynamic-ext-select-yesno {
  --level-select-yesno: 0;
  margin-left: calc(max(var(--start-level), (var(--level-select-yesno) - 1)) * var(--needed-rem));
  padding-left: var(--extra-padding-left);
}

/* OUTPUT TEXT */
body[data-layout-csx] .dynamic-ext-outputtext {
  --level-outputtext: 0;
  margin-left: calc(max(var(--start-level), (var(--level-outputtext) - 1)) * var(--needed-rem));
  padding-left: calc(var(--extra-padding-left) + 0.3125rem); /* Extra da keine boxDefined drumherum */
}

/* RADIOBUTTON GROUP (PSEUDOLABEL) */
body[data-layout-csx] .dynamic-ext-wrapper-radiobuttongroup {
  --level-radiobuttongroup: 0;
  margin-left: calc(max(var(--start-level), (var(--level-radiobuttongroup) - 1)) * var(--needed-rem));
  padding-left: var(--extra-padding-left);
}

/* RADIOBUTTON */
body[data-layout-csx] .dynamic-ext-radiobutton {
  --level-radiobutton: 0;
  margin-left: calc(max(var(--start-level), (var(--level-radiobutton) - 1)) * var(--needed-rem));
}

/* CHECKBOXEN */
body[data-layout-csx] .dynamic-ext-checkbox {
  --level-checkbox: 0;
  margin-left: calc(max(var(--start-level), (var(--level-checkbox) - 1)) * var(--needed-rem));
}

/*
ICON PFLICHTFELD/OPTIONAL/BEDINGT PFLICHTIG
*/
body[data-layout-csx] .mark-icon {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  margin-left: 0.3125rem;
  height: 0.75rem;
  width: 0.75rem;
  position: relative;
}

body[data-layout-csx] .mark-icon > i {
  font-size: 0.5rem;
  position: absolute;
}

body[data-layout-csx] .mark-icon.mandatory--icon {
  background: #aa2222;
  color: #fff;
}

body[data-layout-csx] .mark-icon.conditionally-mandatory--icon {
  background: #0D6FBA;
  color: #fff;
}

body[data-layout-csx] .mark-icon.recommended--icon {
  background: #ff6600;
  color: #fff;
}

/*
    Beinhaltet kopierte Styles der ALTEN Seiten, die auch für neue nur_primefaces-Seiten relevant sind,
    jedoch (noch) nicht in die neue Struktur überführt wurden.
    Müssen durch VMS-15243 konvertiert werden.
 */
body[data-layout-csx] .labelMandatory_alignRight {
  display: block;
  float: right;
  cursor: default;
  background: url("../../images/default/icon/label_mandatory_9x9.gif") no-repeat 0 0.1875rem;
  padding: 0 0.1875rem;
}

body[data-layout-csx] .labelMandatory_alignLeft {
  cursor: default;
  background: url("../../images/default/icon/label_mandatory_9x9.gif") no-repeat 0 0.1875rem;
  padding: 0 0.1875rem !important;
  margin-left: 0.3125rem;
}

/*
  BADGE
 */
body[data-layout-csx] .ui-tag {
  background-color: #515151;
  color: #fff;
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 0.6875rem;
  text-transform: uppercase;
  line-height: normal;
  min-height: 1.375rem;
  border-radius: 0.1875rem;
  padding: 0.1875rem 0.3125rem;
  display: inline-flex;
  align-items: center;
}

body[data-layout-csx] .ui-badge,
body[data-layout-csx] .badge {
  justify-content: center;
  color: #fff;
  align-items: center;
  min-width: 1.375rem;
  min-height: 1.375rem;
  font-family: Arial, sans-serif;
  font-size: 0.6875rem;
  font-weight: bold;
  display: inline-flex;
  border-radius: 50%;
  position: relative;
  padding: 0.0625rem;
  cursor: default;
  background-color: #515151;
}

/* Badge in Tabelle Body */
body[data-layout-csx] table tbody tr td .ui-badge,
body[data-layout-csx] table tbody tr td .badge,
body[data-layout-csx] table tbody tr td .ui-tag {
  margin: 0 0.3125rem;
}

/* Iconsgroesse */
body[data-layout-csx] .badge > i {
  font-size: 0.875rem;
}

body[data-layout-csx] .badge-status--success {
  background-color: #146140;
  color: #fff;
}

body[data-layout-csx] .badge-status--error {
  background-color: #aa2222;
  color: #fff;
}

body[data-layout-csx] .badge-status--warn {
  background-color: #f1c40f;
  color: #000;
}

body[data-layout-csx] .badge-status--info {
  background-color: #0D6FBA;
  color: #fff;
}

/*
  BREADCRUMB
 */
body[data-layout-csx] .breadcrumb-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.9375rem;
  align-items: center;
}

body[data-layout-csx] .ui-breadcrumb {
  border: none;
  margin: 0 0 0 -0.3125rem;
  padding: 0.3125rem;
  background: #fff;
  display: inline-flex;
}

body[data-layout-csx] .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text {
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
}

body[data-layout-csx] .ui-breadcrumb .ui-breadcrumb-items .ui-menuitem-link {
  text-decoration: underline;
}

body[data-layout-csx] .ui-breadcrumb .ui-breadcrumb-items .ui-menuitem-link:hover {
  text-decoration: none;
}

body[data-layout-csx] .ui-breadcrumb .ui-breadcrumb-items .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
}

/* current Page */
body[data-layout-csx] .ui-breadcrumb .ui-breadcrumb-items .ui-menuitem-link[aria-current=page] {
  font-weight: bold;
  text-decoration: none;
}

/*
  META PANEL (bsp. Tree)
 */
body[data-layout-csx] .meta-panel {
  box-shadow: 0 0.3125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
  background-color: #f4f4f4;
  padding: 0.9375rem;
  margin-bottom: 0.9375rem;
}

body[data-layout-csx] .meta-panel__column {
  display: flex;
  flex-direction: column;
  margin-right: 1.25rem;
  min-height: 3.125rem;
}

body[data-layout-csx] .meta-panel__column--fluid {
  flex: 1;
}

body[data-layout-csx] .meta-panel__column.meta-panel__column--action {
  align-items: center;
  flex: 0 0 10rem;
  flex-direction: row;
  margin-left: auto;
}

body[data-layout-csx] .meta-panel__column.meta-panel__column--action :nth-child(1) {
  order: 2;
}

body[data-layout-csx] .meta-panel__row {
  display: flex;
  margin-bottom: 0.3125rem;
  flex-wrap: wrap;
}

body[data-layout-csx] .meta-panel__column--fluid .meta-panel__row {
  justify-content: space-between;
}

body[data-layout-csx] .meta-panel__row:last-child {
  margin-bottom: 0;
}

body[data-layout-csx] .meta-panel__label {
  display: flex;
  min-height: 1.25rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.6875rem;
  justify-content: center;
}

body[data-layout-csx] .meta-panel__text {
  display: flex;
  align-items: center;
  font-weight: bold;
  justify-content: center;
  min-height: 1.5625rem;
}

/*
  AUTOSAVE
 */
body[data-layout-csx] .autosave {
  display: flex;
  padding: 0.3125rem 0;
  margin: 0 0.625rem;
  align-items: center;
  justify-content: center;
}

body[data-layout-csx] .autosave .icon-autosave {
  /* -webkit-animation: rotation 2s infinite linear; */
  font-size: 0.875rem;
}

body[data-layout-csx] .autosave__icon {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.375rem;
  min-height: 1.375rem;
}

body[data-layout-csx] .autosave__text {
  font-size: 0.625rem;
  text-transform: uppercase;
}

/*
  SPLITTER
 */
body[data-layout-csx] .ui-splitter {
  border: none;
  margin: 0;
  padding: 0;
}

body[data-layout-csx] .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
  MODALER DIALOG & CONFIRM DIALOG & ABMELDEN
 */
body[data-layout-csx] .ui-dialog {
  border-radius: 0;
  box-shadow: 0 0.625rem 0.5rem 0 rgba(0, 0, 0, 0.5);
  position: absolute !important;
}

body[data-layout-csx] .ui-dialog:not(.width--100-percent) {
  max-width: 75rem !important;
}

/* Nur Hilfstext */
body[data-layout-csx] .helpTextDialog {
  width: 90vw !important;
}

/* Ausblenden UI Resizeble in PF V10 noch durch components.css ausgeblendet */
body[data-layout-csx] .ui-dialog .ui-resizable-handle {
  display: none !important;
}

/* WICHTIG !!!! Im Dialog z-index erhoehen, da sonst die Eingabe hinter dem  Dialog liegt */
body[data-layout-csx] .ui-dialog .ui-inputfield.ui-state-focus {
  z-index: 99999;
}

/* Dialog Header und Footer */
body[data-layout-csx] .ui-dialog-titlebar {
  min-height: 3.125rem;
  padding: 0.5rem 0.9375rem;
}

body[data-layout-csx] .ui-dialog-footer {
  padding: 0 0.9375rem;
}

/* Dialog Content */
body[data-layout-csx] .ui-dialog-content,
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content {
  padding: 0.9375rem;
  overflow-y: auto !important;
  max-height: 80vh !important;
}

/* Header */
body[data-layout-csx] .ui-dialog-titlebar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 0.0625rem solid #000;
}

body[data-layout-csx] .ui-dialog-titlebar .ui-dialog-title {
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 1.125rem;
  flex: 1;
  order: 1;
}

/* Maximize */
body[data-layout-csx] .ui-dialog-titlebar .ui-dialog-titlebar-maximize {
  order: 2;
}

/* Close */
body[data-layout-csx] .ui-dialog-titlebar .ui-dialog-titlebar-close {
  order: 3;
}

body[data-layout-csx] .ui-dialog-titlebar .ui-dialog-titlebar-maximize,
body[data-layout-csx] .ui-dialog-titlebar .ui-dialog-titlebar-close {
  color: #000;
  border-radius: 0;
  text-decoration: none;
}

body[data-layout-csx] .ui-dialog-titlebar .ui-dialog-titlebar-maximize.ui-state-hover,
body[data-layout-csx] .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover {
  border-radius: 0;
  background-color: #9d9d9d;
  border-color: #000;
  color: #fff;
}

body[data-layout-csx] .ui-dialog-titlebar .ui-dialog-titlebar-maximize.ui-state-focus,
body[data-layout-csx] .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  border-radius: 0;
  background: #d6d5d9;
  color: #000;
}

/* Content */
/* No Padding bsp. "Elemente aus anderen Katalogen */
body[data-layout-csx] .ui-dialog-content-no-padding .ui-dialog-content {
  padding: 0;
}

/* Content Confirm Dialog Icons */
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content {
  align-items: center;
  margin: 0;
  padding: 1.5625rem 0.9375rem !important;
  display: flex;
}

body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message {
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
  line-height: 1.2;
}

/* Status Icon's im Confirm Dialog */
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon {
  margin: 0 0.625rem !important;
  display: inline-flex;
  font-size: 1.25rem !important;
  position: relative;
}

body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon::after {
  content: "";
  display: flex;
  border: none;
  height: 1.875rem !important;
  width: 1.875rem !important;
  position: absolute;
  border-radius: 50%;
}

body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon::before {
  z-index: 1;
}

/* Icon / Button Info */
body[data-layout-csx] .button-status-info,
body[data-layout-csx] .confirm-dialog--logout .ui-icon.ui-confirm-dialog-severity::after,
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.icon-status-info::after,
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.ui-icon-status-info::after {
  background-color: #0D6FBA;
}

body[data-layout-csx] .button-status-info .icon-status-info,
body[data-layout-csx] .confirm-dialog--logout .ui-icon.ui-confirm-dialog-severity::before,
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.icon-status-info::before,
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.ui-icon-status-info::before {
  color: #fff;
}

/* Icon Success */
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.icon-status-success::after,
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.ui-icon-status-success::after {
  background-color: #146140;
}

body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.icon-status-success::before,
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.ui-icon-status-success::before {
  color: #fff;
}

/* Icon Error */
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.icon-status-error::after,
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.ui-icon-status-error::after {
  background-color: #aa2222;
}

body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.icon-status-error::before,
body[data-layout-csx] .ui-confirm-dialog .ui-dialog-content .ui-icon.ui-icon-status-error::before {
  color: #fff;
}

/* Footer */
/* Modaler Dialog mit Actionform im Footer */
body[data-layout-csx] .ui-dialog .action-form {
  box-shadow: none;
}

body[data-layout-csx] .ui-dialog-footer {
  border-top: 0.0625rem solid #000;
}

body[data-layout-csx] .ui-dialog-footer .action-form {
  border-top: none;
  margin: 0;
  padding: 0;
}

body[data-layout-csx] .ui-dialog-footer .action-form .ui-button:last-child {
  margin-right: 0;
}

/* Modaler Dialog mit Actionform im Dialog Content */
body[data-layout-csx] .ui-dialog .ui-dialog-content > .action-form {
  border-top: 0.0625rem solid #000;
  margin: 0 -0.9375rem -0.9375rem -0.9375rem;
}

/*
   WAITING DIALOG
 */
/* BITTE WARTEN DIALOG three Dots */
body[data-layout-csx] .waiting-dialog-wrapper {
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.7);
  border-radius: 0.5rem;
  border: 0.0625rem solid #d4d4d4;
  min-width: 9.75rem;
  min-height: 4.25rem;
  position: fixed !important;
}

body[data-layout-csx] .waiting-dialog-wrapper .ui-dialog-content {
  box-sizing: border-box;
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 4.25rem;
}

/* Dots */
body[data-layout-csx] .waiting-dialog__dot {
  display: flex;
}

body[data-layout-csx] .waiting-dialog__dot span {
  display: inline-flex;
  background-color: #feb282;
  border-radius: 0.1875rem;
  height: 0.9375rem;
  width: 0.9375rem;
  animation-name: squareFlash;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  margin-right: 0.3125rem;
}

body[data-layout-csx] .waiting-dialog__dot span:nth-child(2) {
  animation-delay: 0.4s;
}

body[data-layout-csx] .waiting-dialog__dot span:nth-child(3) {
  animation-delay: 0.8s;
}

@keyframes squareFlash {
  0% {
    background-color: #ff6600;
  }
  100% {
    background-color: #feb282;
  }
}

/*
   CONFIRM & COMMON DIALOG
 */
body[data-layout-csx] .confirm-dialog-wrapper,
body[data-layout-csx] .common-dialog-wrapper {
  box-shadow: 0 0.6125rem 0.5rem 0 rgba(0, 0, 0, 0.5);
  border-radius: 0;
  border: 0.0625rem solid #d4d4d4;
}

/*
   ABMELDEN DIALOG IN MENU
 */
body[data-layout-csx] .confirm-dialog--logout .ui-dialog-titlebar {
  justify-content: flex-start;
}

body[data-layout-csx] .confirm-dialog--logout .ui-dialog-titlebar a.ui-menuitem-link:first-child {
  text-decoration: none;
}

/* 'X' Link schliessen */
body[data-layout-csx] .confirm-dialog--logout .ui-dialog-titlebar a.ui-dialog-titlebar-close {
  margin-left: auto;
}

body[data-layout-csx] .ui-menu .confirm-dialog--logout .ui-widget-header {
  border-bottom: 0.0625rem solid #000;
  padding: 0.5rem 0.9375rem;
}

body[data-layout-csx] .ui-menu .confirm-dialog--logout .ui-widget-header .ui-menuitem-link .ui-dialog-title {
  font-weight: bold;
}

/* Abmelden hidden Button */
body[data-layout-csx] .ui-menu .confirm-dialog--logout > .ui-menuitem-link:first-child {
  position: absolute;
}

/*
   ANMERKUNGEN
 */
body[data-layout-csx] .annotation {
  margin: 0;
  padding: 0;
}

body[data-layout-csx] .annotation__subline,
body[data-layout-csx] .annotation__headline {
  display: flex;
  align-items: center;
}

body[data-layout-csx] .annotation__subline {
  margin-bottom: 0.3125rem;
  padding: 0;
}

/*
   CANVAS
 */
body[data-layout-csx] .ui-chart canvas {
  max-width: 800px !important;
  display: block;
  height: auto !important;
}

/*
   HELPTEXT BUTTON KOMPONENTE
 */
/* Help Text Button Wrapper*/
body[data-layout-csx] .helpTextButton-wrapper {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin-left: 0.625rem;
  min-height: 2rem;
  min-width: 2rem;
}

/* Help Text Button */
body[data-layout-csx] .helpTextButton-wrapper > .helpTextButton {
  display: flex;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  border: 0.0625rem solid #000;
}

/* Help Text Button - Icon */
body[data-layout-csx] .helpTextButton-wrapper > .helpTextButton > .ui-button-text {
  font-size: 1rem;
  font-weight: bold;
  font-family: Arial, sans-serif;
}

/* Status der Buttons */
/*  Status CONTENT VORHANDEN */
body[data-layout-csx] .helpTextButton-wrapper > .ui-button.helpTextButton {
  background: #0365b0;
  border: 0.0625rem solid #0365b0;
}

body[data-layout-csx] .helpTextButton-wrapper > .ui-button.helpTextButton .ui-button-text {
  color: #fff;
}

/*  Status KEIN CONTENT */
body[data-layout-csx] .helpTextButton-wrapper > .ui-button.helpTextButton.helpTextButton-empty {
  background: #fff;
  border-color: #000;
}

body[data-layout-csx] .helpTextButton-wrapper > .ui-button.helpTextButton.helpTextButton-empty .ui-button-text {
  color: #000;
}

/*  Status EDIT CONTENT */
body[data-layout-csx] .helpTextButton-wrapper > .ui-button.helpTextButton.active {
  background: #ff6600;
  border: 0.0625rem solid #ff6600;
}

body[data-layout-csx] .helpTextButton-wrapper > .ui-button.helpTextButton.active .ui-button-text {
  color: #fff;
}

/* Hover Button */
body[data-layout-csx] .helpTextButton-wrapper > .helpTextButton.ui-state-hover,
body[data-layout-csx] .helpTextButton-wrapper > .ui-button.ui-state-hover,
body[data-layout-csx] .helpTextButton-wrapper > .ui-button.helpTextButton.helpTextButton-empty:hover {
  background: #9d9d9d;
  border: 0.0625rem solid #000;
}

/* Hover Button Icon */
body[data-layout-csx] .helpTextButton-wrapper > .helpTextButton.ui-state-hover .ui-button-text,
body[data-layout-csx] .helpTextButton-wrapper > .ui-button.ui-state-hover .ui-button-text,
body[data-layout-csx] .helpTextButton-wrapper > .ui-button.helpTextButton.helpTextButton-empty:hover .ui-button-text {
  color: #fff;
}

/* Ausrichtungen */
body[data-layout-csx] h2 .helpTextButton-wrapper,
body[data-layout-csx] .ui-datatable-header .helpTextButton-wrapper {
  margin-right: 0.625rem;
  margin-top: -0.375rem;
  float: left;
}

/* Status der Buttons in FORMS ui-inputgroup-addon */
body[data-layout-csx] .ui-inputgroup-addon .helpTextButton-wrapper {
  margin: 0;
}

body[data-layout-csx] .ui-inputgroup-addon .helpTextButton-wrapper > .ui-button.helpTextButton.helpTextButton-empty,
body[data-layout-csx] .ui-inputgroup-addon .helpTextButton-wrapper > .ui-button.helpTextButton {
  border: 0.0625rem solid #000;
}

/* Keinen border-right für den Helptextbutton,
 - wenn ein Eingabefeld, Textarea, Select vorhanden ist */
body[data-layout-csx] [class^="box"]:has(input[type="text"], select, textarea) .helpTextButton-wrapper > .ui-button.helpTextButton,
body[data-layout-csx] .ui-inputgroup:has(.ui-inputfield, .ui-selectcheckboxmenu-label):not(.ui-inputnumber) .ui-button.helpTextButton {
  border-right: none;
}

/* Bei den überigen, border wieder einblenden */
body[data-layout-csx] .ui-inputgroup:has(.ui-inputnumber, .ui-radiobutton-box, .ui-chkbox-box) .helpTextButton,
body[data-layout-csx] .ui-inputgroup:has(.ui-inputnumber, .ui-radiobutton-box, .ui-chkbox-box) .helpTextButton,
body[data-layout-csx] .boxRadioButtonCheckbox > .ui-inputgroup > .ui-inputgroup-addon:first-child .helpTextButton-wrapper > .ui-button.helpTextButton,
body[data-layout-csx] .radiobutton-wrapper > .ui-inputgroup > .ui-inputgroup-addon:first-child .helpTextButton-wrapper > .ui-button.helpTextButton,
body[data-layout-csx] .checkbox-wrapper > .ui-inputgroup > .ui-inputgroup-addon:first-child .helpTextButton-wrapper > .ui-button.helpTextButton {
  border-right: 0.0625rem solid #000;
}

/* SONDERFALL CHECKBOXEN & RADIOBUTTON */
body[data-layout-csx] .form-wrapper-radiobutton-checkbox > .ui-inputgroup:first-child > .ui-inputgroup-addon .ui-button.helpTextButton,
  /* Bei READONLY */
body[data-layout-csx] .field--readonly .form-wrapper-radiobutton-checkbox .ui-inputgroup-addon .ui-button.helpTextButton {
  border-right: 0.0625rem solid #000;
}

body[data-layout-csx] .ui-inputgroup .ui-selectcheckboxmenu,
body[data-layout-csx] .ui-inputgroup .ui-selectonemenu,
body[data-layout-csx] .ui-inputgroup .ui-selectcheckboxmenu-multiple {
  border-left: 0.0625rem solid #000 !important;
  border-right: 0.0625rem solid #000 !important;
}

body[data-layout-csx] .ui-inputgroup > .ui-inputtext:not(:first-child),
body[data-layout-csx] .ui-inputgroup > .ui-inputtextarea:not(:first-child) {
  border-left: 0.0625rem solid #000 !important;
  border-right: 0.0625rem solid #000 !important;
}

/* Status der Buttons in FORMS ui-inputgroup-addon :hover */
body[data-layout-csx] .ui-inputgroup-addon .helpTextButton-wrapper > .helpTextButton.ui-state-hover,
body[data-layout-csx] .ui-inputgroup-addon .helpTextButton-wrapper > .ui-button.ui-state-hover,
body[data-layout-csx] .ui-inputgroup-addon .helpTextButton-wrapper > .ui-button.helpTextButton.helpTextButton-empty:hover {
  background: #9d9d9d;
  border: 0.0625rem solid #000;
}

/* Wrapper Container bei Headlines & Ueberschriften */
body[data-layout-csx] .helpText-inputDiv.header,
body[data-layout-csx] .helpText-inputDiv {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 0;
}

body[data-layout-csx] .helpText-inputDiv.header .helpTextButton-wrapper,
body[data-layout-csx] .helpText-inputDiv .helpTextButton-wrapper {
  margin-top: -0.75rem;
}

/*
   HELPTEXT DIALOG
 */
/* Content Edit */
body[data-layout-csx] .ui-dialog.helpTextDialog-header .ui-dialog-content {
  padding: 0;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header .ui-dialog-content .helpTextDialogForm__edit {
  display: flex;
  justify-content: flex-end;
  padding: 0.9375rem;
}

/* Textarea  */
body[data-layout-csx] .ui-dialog.helpTextDialog-header .ui-dialog-content .ql-editor {
  min-height: 15.625rem;
  max-height: 25rem;
  overflow-y: auto;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header .ui-dialog-content .ql-container.ql-snow {
  border: none;
}

/* TOOLBAR */
body[data-layout-csx] .ui-dialog.helpTextDialog-header .ui-dialog-content .ql-toolbar.ql-snow {
  border: none;
  border-bottom: 0.0625rem solid #000;
}

/* Tabelle */
body[data-layout-csx] .ui-dialog.helpTextDialog-header table {
  width: 100%;
  margin-bottom: 0 !important;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header table * {
  font-family: Arial, sans-serif;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header table,
body[data-layout-csx] .ui-dialog.helpTextDialog-header table tr td {
  margin: 0;
  padding: 0 !important;
  border-spacing: 0;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header table tr th {
  background: #f4f4f4;
  height: 2.5rem;
  text-align: left;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table thead th .helpTextDialog-header {
  font-size: 1rem;
  font-weight: bold;
  display: block;
  padding: 0.625rem 0;
}

/* Titel Label und Input */
body[data-layout-csx] .ui-dialog.helpTextDialog-header table tr th label {
  padding-right: 0.9375rem;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header table tr th .ui-inputfield {
  width: 100%;
  max-width: 28.125rem;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header table tr:hover td {
  background: transparent !important;
}

/* Bei READ ONLY */
/* Content */
body[data-layout-csx] .ui-dialog.helpTextDialog-header table span.helpTextDialog-content {
  border: none;
  border-top: 0.0625rem solid #000;
  padding: 0.625rem;
  display: block;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header .helpTextDialog-content p {
  padding: 0 0 0.625rem 0;
  margin: 0;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header .helpTextDialog-content ol,
body[data-layout-csx] .ui-dialog.helpTextDialog-header .helpTextDialog-content ul {
  margin-bottom: 0.625rem;
  padding-left: 0.625rem;
}

/* Bei EDIT */
body[data-layout-csx] .ui-dialog.helpTextDialog-header table div.helpTextDialog-content {
  border-top: 0.0625rem solid #000;
  padding: 0;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header .helpTextDialog-content .ql-editor {
  color: #000;
  padding: 0.625rem;
}

/* Farbe der der SVG */
body[data-layout-csx] .ui-dialog.helpTextDialog-header .ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke {
  stroke: #000;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header .ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill {
  fill: #000;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor h1 {
  font-size: 1.25rem;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor h2 {
  font-size: 1.125rem;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor ol {
  margin-bottom: 0.625rem;
  padding-left: 0;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor ul {
  margin-bottom: 0.625rem;
  margin-left: -0.3125rem;
  padding-left: 0;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p {
  padding: 0 0 0.625rem 0 !important;
  margin: 0;
}

/* Helptext Editor Tools Einruecken */
body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 1em !important;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 2em !important;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 3em !important;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 4em !important;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 5em !important;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 6em !important;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 7em !important;
}

body[data-layout-csx] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 8em !important;
}

body[data-layout-csx] .ui-dialog.helpTextDialog-header .helpTextDialog-content p:first-child {
  padding-top: 0.625rem;
}

/* Actionform */
body[data-layout-csx] .ui-dialog.helpTextDialog-header .ui-dialog-content .action-form {
  box-shadow: none;
  border: none;
  border-top: 0.0625rem solid #000;
  margin: 0;
  padding: 0 0.9375rem;
}

/* HELPTEXTBUTTON Verwendung in der Radiobuttonkomponente + Checkbox */
body[data-layout-csx] .ui-inputgroup > .ui-inputgroup-addon + .radiobutton,
body[data-layout-csx] .ui-inputgroup > .ui-inputgroup-addon + .checkbox {
  margin-left: 0.3125rem;
}

/*
  TABELLEN
 */
body[data-layout-csx] .ui-datatable table {
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
}

body[data-layout-csx] table:not(.tenderFileHeaderTable):not(.browsePages):not(.hideLayoutTable table) {
  margin-bottom: 0.9375rem;
}

/* PSEUDO Caption */
body[data-layout-csx] .ui-datatable-header {
  font-weight: bold;
  font-size: 1rem;
  font-family: Arial, sans-serif;
  color: #000;
  padding: 0.9375rem 0.9375rem 0.9375rem 0;
  background: none;
  border: none;
}

body[data-layout-csx] .ui-datatable-header .datatable-caption {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

/* Reset für HELP Text Button */
body[data-layout-csx] .ui-datatable-header .datatable-caption > * {
  margin-top: 0;
  margin-right: 0;
}

body[data-layout-csx] .ui-datatable-header .datatable-caption .datatable-caption__text {
  margin: 0;
  padding: 0;
}

body[data-layout-csx] .ui-datatable-header::after {
  content: "";
  clear: both;
  display: table;
}

body[data-layout-csx] .ui-datatable-header > span {
  display: block;
  float: left;
}

body[data-layout-csx] .ui-datatable-tablewrapper table {
  box-shadow: 0 0.3125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}

body[data-layout-csx] .ui-datatable-tablewrapper {
  padding-bottom: 1.875rem;
  width: 100%;
}

body[data-layout-csx] table:not(.tenderFileHeaderTable):not(.browsePages) thead {
  border: none;
}

body[data-layout-csx] table:not(.tenderFileHeaderTable):not(.browsePages) thead th,
body[data-layout-csx] table:not(.tenderFileHeaderTable):not(.browsePages) tbody tr td {
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
}

body[data-layout-csx] table:not(.tenderFileHeaderTable):not(.browsePages) thead tr th,
body[data-layout-csx] .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th {
  border: none;
  background: #f4f4f4;
  padding: 0.9375rem;
}

/* Wenn th sortierbar ist - focus  Pseudo Button */
body[data-layout-csx] table:not(.tenderFileHeaderTable):not(.browsePages) thead th.ui-sortable-column.ui-state-focus {
  background-color: #fff;
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.1875rem #1657A8;
}

body[data-layout-csx] table:not(.tenderFileHeaderTable):not(.browsePages) thead th.ui-sortable-column.ui-state-hover {
  background-color: #9d9d9d;
  color: #fff;
}

body[data-layout-csx] table:not(.tenderFileHeaderTable):not(.browsePages) thead th.ui-sortable-column.ui-state-hover .ui-sortable-column-icon {
  color: #fff;
}

/* Sortable Icons */
body[data-layout-csx] table:not(.tenderFileHeaderTable):not(.browsePages) thead th.ui-sortable-column .ui-sortable-column-icon {
  color: #000;
  font-size: 1.5rem;
}

body[data-layout-csx] table:not(.tenderFileHeaderTable):not(.browsePages):not(.hideLayoutTable table):not(.monthsTable):not(.labelTable) tbody tr td {
  background: #fff;
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
  padding: 0.625rem 0.9375rem;
  border: none;
  border-bottom: 0.0625rem solid #ededed;
}

/*
  DEFINIERTE HÖHE FÜR THEAD, TBODY, TFOOT
 */
body[data-layout-csx]:not([data-layout-csx-file]) table:not(.tenderFileHeaderTable):not(.browsePages):not(.hideLayoutTable table) thead tr:not(table.ui-inner-datatable thead tr)::after,
body[data-layout-csx]:not([data-layout-csx-file]) table:not(.tenderFileHeaderTable):not(.browsePages):not(.hideLayoutTable table) tbody tr:not(table.ui-inner-datatable tbody tr)::after,
body[data-layout-csx]:not([data-layout-csx-file]) table:not(.tenderFileHeaderTable):not(.browsePages):not(.hideLayoutTable table) tfoot tr:not(table.ui-inner-datatable tfoot tr)::after {
  content: "";
  display: flex;
  min-height: 3.5rem;
}

/*
  THEAD
 */
body[data-layout-csx] .ui-datatable-tablewrapper table thead tr th.ui-state-default {
  padding: 0 0.9375rem;
}

/*
BEI MULTISELECT (BULK - CHECKBOX) IM HEADER
*/
body[data-layout-csx] .ui-datatable .ui-selection-column .ui-chkbox-all,
body[data-layout-csx] .ui-datatable .ui-widget-content .ui-chkbox {
  padding: 0;
}

/*
  BEI STICKY TABLE HEADER UND TBODY
*/
body[data-layout-csx] .ui-datatable.ui-datatable-sticky.ui-sticky {
  box-shadow: 0 0.3125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}

/*
  TBODY HOVER (nicht, wenn <tr> aufgeklappt ist)
 */
/* body[data-layout-csx] .ui-datatable .ui-datatable-data > tr.ui-state-hover, */
body[data-layout-csx] table:not(.tenderFileHeaderTable):not(.browsePages):not(.hideLayoutTable table) tbody tr:not(tr.ui-expanded-row + tr.ui-expanded-row-content):hover td {
  background-color: #e8e8e8;
  color: #000;
}

/*
  SPALTE FUER DIE AKTIONSBUTTONS - lETZTE COLUMN IN EINER TABELLE
 */
body[data-layout-csx] table.action-last-column--width-150 thead th:last-child {
  width: 9.375rem;
}

/*
  TABLE PAGING
 */
body[data-layout-csx] .ui-datatable .ui-paginator .ui-paginator-pages {
  display: flex;
}

body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom,
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-current {
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
}

body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom {
  align-items: center;
  border: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-messages {
  margin-bottom: 0;
}

/* Buttons Paging nur für die Page Buttons */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom a[class^="ui-paginator-"] {
  background-color: #d6d5d9;
  border-color: #000;
  border-radius: 0;
  color: #000;
  min-height: 2rem;
  min-width: 2rem;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  opacity: 1;
}

body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom span {
  margin: 0;
}

/* Paging Buttons Icons */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-first::before,
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-prev::before,
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-next::before,
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-last::before {
  font-family: "icomoon" !important;
  font-size: 1.125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.125rem;
}

/* First Button */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-first {
  border-radius: 0 0 0 0;
}

body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-pages a {
  background-color: #d6d5d9;
}

/* hover/focus/active */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-pages a:hover,
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom a:hover {
  background-color: #9d9d9d;
  color: #fff;
  border-color: #000;
}

/* Focus */
body[data-layout-csx] .ui-paginator a.ui-state-focus,
body[data-layout-csx] .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  background: #fff !important;
  color: #000 !important;
}

/* Active */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-pages .ui-state-active {
  background: #005783;
  border-color: #005783;
  color: #fff;
}

/* Last Button */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-last {
  border-radius: 0 0 0 0;
  border-right: 0.0625rem solid #000;
}

/* Ausgabe der Eintraege */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-current {
  font-weight: bold;
  margin: 0 0 0 0.9375rem;
}

/* rechter Content - Links oder Buttons */
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-bottom-right-content {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  flex-wrap: wrap;
}

/* Anzahl der angezeigten Ergebnisse pro Seite */
body[data-layout-csx] .page-size {
  display: flex;
  align-items: center;
  padding: 0 0.625rem;
}

body[data-layout-csx] .page-size .ui-outputlabel {
  font-size: 0.6875rem;
  font-weight: bold;
  margin: 0 0.625rem;
  text-transform: uppercase;
}

/* Paginator unter Tabelle mit SelectOne*/
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-bottom-right-content .field {
  margin: 0;
  min-height: auto;
}

body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-bottom-right-content a.ui-commandlink,
body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-bottom-right-content a.ui-commandlink:hover {
  background: none;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline;
}

body[data-layout-csx] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-bottom-right-content a.ui-commandlink:hover {
  text-decoration: none;
}

/* FEHLERAUSGABE BEI INPUTS/TEXTAREA  IN TABELLE, STATT ERROR-MESSAGES, WIRD BORDER ROT */
body[data-layout-csx] .ui-datatable .ui-inputfield.ui-state-error,
body[data-layout-csx] .ui-datatable .ui-inputtextarea.ui-state-error {
  border-color: #aa2222;
}

/*
  TABLE INSIDE TABLE TBODY
 */
body[data-layout-csx] table.ui-inner-datatable {
  box-shadow: none;
  table-layout: fixed;
}

body[data-layout-csx] table.ui-inner-datatable .ui-inner-datatable__caption {
  font-size: 1rem;
  text-align: left;
  margin-bottom: 0.625rem;
}

body[data-layout-csx] table.ui-inner-datatable .ui-inner-datatable__th {
  border-bottom: 0.0625rem solid #fff;
  background: #f4f4f4;
  height: 3rem;
  padding: 0.625rem 0.9375rem;
  text-align: left;
}

body[data-layout-csx] table.ui-inner-datatable tr:first-child .ui-inner-datatable__th {
  border-top: 0.0625rem solid #f4f4f4 !important;
}

body[data-layout-csx] table.ui-inner-datatable tr:last-child .ui-inner-datatable__th {
  border-bottom: 0.0625rem solid #f4f4f4 !important;
}

body[data-layout-csx] table.ui-inner-datatable tr:first-child .ui-inner-datatable__td {
  border-top: 0.0625rem solid #f4f4f4 !important;
}

/* Toggle */
body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-toggler {
  color: #000;
  border-radius: 0;
}

body[data-layout-csx] .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
}

/* Liste in td von TABLE inside body */
body[data-layout-csx] table.ui-inner-datatable .ui-inner-datatable__td .ui-datalist-data,
body[data-layout-csx] table.ui-inner-datatable .ui-inner-datatable__td .ui-datalist .ui-datalist-empty-message {
  color: #000;
  margin: 0;
  padding: 0 0 0 0.9375rem;
}

body[data-layout-csx] table.ui-inner-datatable .ui-datalist .ui-datalist-content {
  background: none;
}

body[data-layout-csx] table.ui-inner-datatable .ui-inner-datatable__td .ui-datalist .ui-datalist-content {
  border: none;
  padding: 0;
}

/* TR HOVER */
body[data-layout-csx] table.ui-inner-datatable tbody tr:hover th,
body[data-layout-csx] table.ui-inner-datatable tbody tr:hover td {
  background-color: #e8e8e8 !important;
}

/*
  FILTEREINSTELLUNGEN OBERHALB EINER TABELLE
 */
body[data-layout-csx] .filter {
  margin-bottom: 0.9375rem;
  padding: 0.9375rem 0.9375rem 0 0.9375rem;
}

body[data-layout-csx] .filter .ui-outputlabel {
  display: flex;
  font-size: 0.6875rem;
  font-weight: bold;
  padding-top: 0;
  text-transform: uppercase;
}

/* Filter- Sortierung einstellen */
body[data-layout-csx] .filter--settings {
  box-shadow: 0 0.3125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
  background-color: #f4f4f4;
  padding-bottom: 0;
}

body[data-layout-csx] .filter__column {
  padding: 0;
}

/* Label Filter */
body[data-layout-csx] .filter__column .ui-outputlabel {
  max-width: 100%;
}

/* Output Text */
body[data-layout-csx] .filter .filter__output-text {
  padding: 0;
}

body[data-layout-csx] .filter__column--last-child {
  margin-left: auto;
  min-width: 9.375rem;
}

body[data-layout-csx] .filter__column--last-child .filter__row {
  justify-content: flex-end;
}

body[data-layout-csx] .filter__row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* Sortierung */
body[data-layout-csx] .filter--settings .filter-button--sortable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.625rem;
  border-color: #000;
}

body[data-layout-csx] .filter--settings .filter-button--sortable .ui-icon {
  margin: 0;
  padding: 0;
}

/* Anzeige, welche Filter gewählt wurden */
body[data-layout-csx] .filter--active {
  display: flex;
  padding-top: 0;
  margin-bottom: 0.625rem;
}

body[data-layout-csx] .filter__label {
  min-height: 1.5625rem;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.6875rem;
}

/* Filter Group/Forms */
/* keine Filter -> kein Badge */
body[data-layout-csx] .filter__group {
  margin-bottom: 0;
}

body[data-layout-csx] .filter__group .ui-selectcheckboxmenu {
  border: 0.0625rem solid #000;
  color: #000;
}

body[data-layout-csx] .time-limits-data .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger,
body[data-layout-csx] .filter__group .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  background-color: #fff;
  color: #000;
  border-radius: 0 0 0 0;
  border-left: none;
}

/* Hover */
/* focus */
body[data-layout-csx] .filter__group .ui-selectcheckboxmenu.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  border-radius: 0;
  background: #d6d5d9;
  color: #000;
}

body[data-layout-csx] .filter__group .ui-selectcheckboxmenu.ui-state-focus .ui-selectcheckboxmenu-label {
  background: #d6d5d9;
  color: #000;
}

body[data-layout-csx] .filter__group .ui-selectcheckboxmenu.ui-state-focus .ui-selectcheckboxmenu-trigger,
body[data-layout-csx] .filter__group .ui-selectcheckboxmenu.ui-state-focus .ui-selectcheckboxmenu-trigger .ui-icon {
  background: #fff;
  color: #000;
}

body[data-layout-csx] .filter__group .ui-selectcheckboxmenu-label {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-right: 1.5625rem;
  margin: 0;
}

/*
  FILTEREINSTELLUNGEN
  - KEINE Filter gewaehlt
  - CHECKBOX (Multiple)
  */
body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container:empty {
  min-height: 1.875rem;
  padding: 0.5rem 2.375rem 0.5rem 0.5rem;
}

/* Filter gewaehlt */
body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container {
  height: auto;
  padding: 0;
}

body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
  padding-right: 2.375rem;
  padding-left: 0.3125rem;
}

/* Darstellung als Badges,bei Multicheckbox im Suchfeld   */
body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token,
body[data-layout-csx] .filter__group .ui-selectcheckboxmenu-token {
  background-color: #515151;
  color: #fff;
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 0.6875rem;
  text-transform: uppercase;
  line-height: normal;
  min-height: 1.375rem;
  border-radius: 0.1875rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  float: none;
  margin: 0.25rem 0.125rem 0.25rem 0;
}

body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label,
body[data-layout-csx] .filter__group .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label {
  padding: 0 0 0 0.3125rem;
}

body[data-layout-csx] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon,
body[data-layout-csx] .filter__group .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
  font-size: 0.6875rem;
  margin: 0 0.3125rem;
  order: 2;
  position: relative;
}

/* CHECKBOX MULTIPLE (DISABLED) */
/* Drop Down Icon verstecken */
body[data-layout-csx] .ui-selectcheckboxmenu-multiple.ui-state-disabled .ui-selectcheckboxmenu-trigger,
body[data-layout-csx] .ui-selectcheckboxmenu-multiple.ui-state-disabled .ui-selectcheckboxmenu-token-icon {
  display: none;
}

/* TAG LABEL AUSRICHTEN */
body[data-layout-csx] .ui-selectcheckboxmenu-multiple.ui-state-disabled .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label {
  padding: 0 0.3125rem;
}

/* Ergebnisausgabe */
body[data-layout-csx] .result-output {
  color: #000;
  font-size: 0.75rem;
  border-radius: 0;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid #000;
  min-height: 2rem;
  min-width: 3.125rem;
  padding: 0;
}

/*
  BUTTON  LINKS GROUP => Verwendung Komponente <p:rowEditor> in <table> <td> "Aktionsspalte"
  erzeugt Link fuer Bearbeitung Uebernahme, Abbrechen
 */
/*  */
body[data-layout-csx] .button-group--row-editor {
  justify-content: flex-end;
}

/* Alle Buttons und Links gleich = Transparent */
/* NORMAL */
body[data-layout-csx] .button-group--row-editor a,
body[data-layout-csx] .button-group--row-editor .ui-button {
  margin: 0 0 0 0.3125rem !important;
  border: none;
  background: none;
  border-radius: 0 !important;
  min-height: 2rem !important;
  min-width: 2rem !important;
}

/* NORMAL Icons */
body[data-layout-csx] .button-group--row-editor a .ui-icon,
body[data-layout-csx] .button-group--row-editor .ui-button .ui-icon {
  color: #000;
  border-radius: 0;
  font-size: 1.375rem;
}

/* HOVER */
body[data-layout-csx] .button-group--row-editor a:hover,
body[data-layout-csx] .button-group--row-editor .ui-button.ui-state-hover {
  background-color: #9d9d9d !important;
  border-color: #000 !important;
}

/* HOVER Icons */
body[data-layout-csx] .button-group--row-editor a:hover .ui-icon,
body[data-layout-csx] .button-group--row-editor .ui-button.ui-state-hover .ui-icon {
  color: #fff;
}

/* FOCUS */
body[data-layout-csx] .button-group--row-editor a.ui-row-editor-outline,
body[data-layout-csx] .button-group--row-editor .ui-button.ui-state-focus {
  background: #d6d5d9 !important;
  color: #000 !important;
}

/*
  MEDIA-QUERIES
 */
@media screen and (max-width: 40rem) {
  /* Sortieren Label/Dropdown im responsiven Modus */
  body[data-layout-csx] .ui-datatable-reflow .ui-reflow-label {
    font-size: 0.625rem;
    padding-left: 0.3125rem;
    text-transform: uppercase;
  }

  body[data-layout-csx] .ui-datatable-reflow .ui-reflow-dropdown {
    border-color: #000;
    border-radius: 0 0 0 0;
    min-height: 1.875rem;
    width: 90%;
  }

  body[data-layout-csx] .filter--settings {
    flex-direction: column;
    padding-bottom: 0.9375rem;
  }

  /* Tabellen TD (responsiv) */
  body[data-layout-csx] .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(:first-child) {
    border-top: none !important;
  }

  body[data-layout-csx] .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:last-child {
    margin-bottom: 0.9375rem;
  }

  body[data-layout-csx] .ui-datatable-reflow .ui-datatable-data tr:last-child td[role="gridcell"] {
    margin-bottom: 0;
  }

  body[data-layout-csx] .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    min-height: 3rem;
    padding: 0 !important;
    word-wrap: break-word;
    word-break: break-all;
    hyphens: auto;
  }

  /* Responive Pseudo Table Header */
  body[data-layout-csx] .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
    border-right: 0.0625rem solid #ededed;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    align-self: stretch;
    flex: 0 0 30%;
    font-weight: bold;
    margin: 0 0.3125rem 0 0;
    padding: 0 0 0 0.3125rem;
  }

  /* Hier auch für die Mixin Seiten */
  body[data-layout-csx-file] .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
    border-right: 0.0625rem solid #000;
  }

  body[data-layout-csx-file] .ui-datatable-reflow {
    margin-top: -3.75rem;
  }

  body[data-layout-csx-file] .filter.filter--settings::after {
    content: "";
    display: block;
    height: 3.75rem;
    width: 100%;
  }

  body[data-layout-csx-file] .filter.filter--settings .filter__column--last-child {
    justify-content: flex-end;
    margin: 0.9375rem 0 !important;
  }

  /* Leerer Titel */
  body[data-layout-csx] .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .ui-column-title:empty {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  /* Checkbox in einer <td> */
  body[data-layout-csx] .ui-datatable .ui-selection-column .ui-chkbox-all,
  body[data-layout-csx] .ui-datatable .ui-widget-content .ui-chkbox {
    margin-left: 0.3125rem;
  }

  /*
   TABLE INSIDE TABLE TBODY
  */
  body[data-layout-csx] .ui-expanded-row-content.ui-widget-content > td {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-layout-csx] table.ui-inner-datatable tbody tr {
    display: flex;
    flex-wrap: wrap;
  }

  body[data-layout-csx] table.ui-inner-datatable .ui-inner-datatable__th,
  body[data-layout-csx] table.ui-inner-datatable .ui-inner-datatable__td {
    display: inline-flex;
    align-items: center;
    word-wrap: break-word;
    word-break: break-all;
    hyphens: auto;
    width: 40%;
  }

  body[data-layout-csx] table.ui-inner-datatable .ui-inner-datatable__td {
    width: 60%;
  }
}

/*
  TIMELINE
 */
body[data-layout-csx] .vis-timeline-wrapper {
  margin: 0;
  padding: 0;
}

body[data-layout-csx] .vis-timeline {
  margin-top: 0.9375rem;
}

body[data-layout-csx] .timeline-menu {
  margin: 0;
  top: -2.5rem;
  z-index: 1;
}

body[data-layout-csx] .timeline-menu .ui-button {
  margin-left: 0.625rem;
}

body[data-layout-csx] .vis-labelset .vis-label {
  background-color: #f4f4f4;
  border: 1px solid #000 !important;
  border-top: none !important;
}

body[data-layout-csx] .vis-labelset .vis-label:first-child {
  border-top: 1px solid #000 !important;
}

body[data-layout-csx] .vis-label > .vis-inner {
  display: flex;
  align-items: center;
  font-weight: bold;
  min-width: 10rem;
  max-width: 12.5rem;
  min-height: 3.375rem;
  hyphens: auto;
}

body[data-layout-csx] .vis-label:first-child > .vis-inner {
  min-height: 4.375rem;
}

body[data-layout-csx] .vis-labelset .vis-label,
body[data-layout-csx] .vis-group,
body[data-layout-csx] .vis-group:first-child,
body[data-layout-csx] .vis-time-axis .vis-grid.vis-minor,
body[data-layout-csx] .vis-time-axis .vis-grid.vis-major,
body[data-layout-csx] .vis-panel.vis-bottom,
body[data-layout-csx] .vis-panel.vis-left,
body[data-layout-csx] .vis-panel.vis-center {
  border-color: #ccc;
}

body[data-layout-csx] .vis-timeline {
  border: none;
  border-right: 1px solid #ccc;
}

body[data-layout-csx] .vis-foreground > .vis-group:first-child {
  border-top: 1px solid #ccc;
}

body[data-layout-csx] .vis-group:last-child {
  border: none;
}

body[data-layout-csx] .vis-group:last-child {
  border-top: none;
  border-bottom: none;
}

body[data-layout-csx] .vis-panel.vis-left {
  border-bottom: none;
}

body[data-layout-csx] .vis-panel.vis-center {
  border-left: none;
  border-bottom: none;
}

body[data-layout-csx] .vis-content {
  top: 0 !important;
  transform: translateY(0) !important;
}

body[data-layout-csx] .vis-timeline .vis-item .vis-item-content {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 0.75rem;
  min-height: 1.875rem;
  padding: 0.1875rem 0.3125rem;
}

body[data-layout-csx] .vis-time-axis .vis-grid.vis-vertical {
  height: 91% !important;
}

body[data-layout-csx] .vis-current-time {
  background-color: #ff6700;
  z-index: 0;
}

body[data-layout-csx] .vis-current-time::after {
  background-color: #ff6700;
  content: "Heute";
  color: #000;
  display: flex;
  padding: 0.3125rem;
  width: max-content;
}

body[data-layout-csx] .vis-item.vis-range {
  border-top: 5px solid #aa2222;
  min-width: max-content;
}

body[data-layout-csx] .vis-item.vis-box {
  border-top: 5px solid #0D6fba;
}

body[data-layout-csx] .vis-item.vis-line {
  border: 1px solid #0D6fba;
  opacity: 0.3;
}

body[data-layout-csx] .vis-item.vis-dot {
  border-color: #0D6fba;
  border-width: 0.375rem;
  border-radius: 50%;
  margin-left: -0.0625rem;
}

body[data-layout-csx] .vis-item.vis-range,
body[data-layout-csx] .vis-item.vis-box {
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 5px 5px 0;
}

body[data-layout-csx] .vis-panel.vis-bottom {
  border: 1px solid #000;
  border-left: none;
  margin-top: -0.125rem;
}

body[data-layout-csx] .vis-time-axis.vis-foreground {
  margin-left: -0.0625rem !important;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

body[data-layout-csx] .vis-text.vis-minor {
  background-color: #f4f4f4;
  display: flex;
  justify-content: center;
  font-weight: bold;
  padding: 0.625rem 0.3125rem;
  border: 1px solid #000;
  border-right: none;
  border-top: none;
}

body[data-layout-csx] .vis-text.vis-major {
  font-size: 1rem;
  font-weight: bold;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  padding-left: 0.9375rem;
}

/*
  NAVIGATION
 */
body[data-layout-csx] .nav-horizontal--wrapper {
  background-color: #fff;
  display: flex;
  flex: 1;
  justify-content: space-between;
}

/* HORIZONTAL */
body[data-layout-csx] .nav-horizontal {
  align-items: flex-end;
  display: flex;
  min-height: 3.75rem;
  margin: 0;
  padding: 0;
}

/* Main Menu - Module */
body[data-layout-csx] .nav-horizontal .main-menu {
  border: none;
}

body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar {
  background: #fff;
  position: relative;
  border-radius: 0;
  margin: 0 !important;
  padding: 0 !important;
}

/* <ul> Level 1 */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list {
  background: none;
  padding: 0;
  margin: 0;
  min-height: calc(3.75rem - 0.1875rem);
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

/* <li> Level 1 */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem {
  display: flex;
  align-self: flex-end;
  border-left: 0.0625rem solid #000;
  height: calc(3.75rem - 0.1875rem);
}

body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem:last-child {
  border-right: 0.0625rem solid #000;
}

/* <a> Level 1 */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link {
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  padding: 0 0.625rem;
  margin: 0;
  border-top: 0.3125rem solid transparent;
}

/* <a> text/icon Level 1 */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  margin: -0.3125rem 0.1875rem 0 0 !important;
}

body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: -0.3125rem !important;
}

/* <a> hover/active/focus Level 1 */
/* hover */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover {
  background: transparent;
  border-top: 0.3125rem solid #ff6600;
}

/* active */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem.active .ui-menuitem-link {
  border-top: 0.3125rem solid #ff6600;
  background: #ededed;
  position: relative;
}

body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem.active .ui-menuitem-link::before {
  content: "";
  height: 0.25rem;
  width: 100%;
  background: #ededed;
  display: inline-flex;
  bottom: -0.25rem;
  position: absolute;
  left: 0;
}

/* focus */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem.ui-menuitem-active .ui-menuitem-link {
  background-color: transparent;
  border-top-color: transparent;
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  z-index: 1;
}

body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem.ui-menuitem-active .ui-menuitem-link::before {
  background-color: transparent;
}

body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem.ui-menuitem-active .ui-menuitem-link:hover {
  border-top: 0.3125rem solid #ff6600;
  box-shadow: none;
}

/* icons Level 1 */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon.main-nav-icon {
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../images/default/mainnav/mainnav_icons_2021.png");
  background-repeat: no-repeat;
}

/* Startseite */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon.main-nav-icon.icon-hm {
  background-position: center -21px;
}

/* Beschaffungsantraege */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon.main-nav-icon.icon-bs {
  background-position: center -381px;
}

/* Vergabeakten */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon.main-nav-icon.icon-vs {
  background-position: center -79px;
}

/* Vertraege */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon.main-nav-icon.icon-vr {
  background-position: center -443px;
}

/* Kriterienkataloge */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon.main-nav-icon.icon-kk {
  background-position: center -503px;
  margin-right: 0.3125rem;
}

/* Verwaltung */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon.main-nav-icon.icon-vw {
  background-position: center -140px;
}

/* Berichte */
body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon.main-nav-icon.icon-br {
  background-position: center -194px;
}

/* USER NAV */
body[data-layout-csx] .user-menu--column {
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}

/* <ul> Level 1 */
body[data-layout-csx] .user-menu {
  padding: 0 !important;
  margin: 0 0 0 auto;
  border-radius: 0;
  border: none;
  background: transparent;
}

/* <li> Level 1 */
body[data-layout-csx] .user-menu .ui-menuitem {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0;
  align-items: center;
  display: inline-flex !important;
  border-left: 0.0625rem solid #000;
  min-height: 1.25rem;
}

/* <a> Level 1 */
body[data-layout-csx] .user-menu .ui-menuitem .ui-menuitem-link {
  padding: 0 0.3125rem !important;
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
  border-radius: 0 !important;
}

/* <a> text/icon Level 1 */
body[data-layout-csx] .user-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  color: #000;
  font-family: Arial, sans-serif !important;
  font-size: 0.75rem;
  font-weight: bold;
}

/* hover */
body[data-layout-csx] .user-menu .ui-menuitem .ui-menuitem-link.ui-state-hover,
body[data-layout-csx] .user-menu .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
  background-color: transparent;
  color: #000;
  text-decoration: underline;
}

/* focus */
body[data-layout-csx] .user-menu .ui-menuitem.ui-menuitem-active {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
}

/* User Name */
body[data-layout-csx] .user-name {
  display: flex;
  min-height: 1.25rem;
  align-items: center;
  width: 100%;
  padding: 0.125rem 0 0 0.375rem;
}

body[data-layout-csx] .user-nav-icon,
body[data-layout-csx] .user-menu .user-nav-icon {
  display: inline-flex !important;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.3125rem 0 0 !important;
  background-image: url("../images/default/mainnav/mainnav_user_icons_2021.png");
  background-repeat: no-repeat;
}

body[data-layout-csx] .user-name-text {
  display: inline-flex;
  height: 1.25rem;
  font-weight: bold;
  align-items: center;
}

/* User Icon */
body[data-layout-csx] .user-nav-icon.icon-user {
  background-position: center -3px;
}

/* Abmelden Icon */
body[data-layout-csx] .user-nav-icon.icon-log-out {
  background-position: center -27px;
}

/* Abmelden Icon */
body[data-layout-csx] .user-nav-icon.icon-help {
  background-position: center -53px;
  margin: 0 -0.125rem !important;
}

/* Print Icon */
body[data-layout-csx] .user-nav-icon.icon-print {
  background-position: center -78px;
}

/*
  BURGER BUTTON
 */
body[data-layout-csx] .header .burger-button {
  display: none;
  position: relative;
}

body[data-layout-csx] .header .burger-button::before {
  content: "";
  background: #fff;
  border: 0.0625rem solid #000;
  display: inline-flex;
  position: absolute;
  top: -0.375rem;
  left: -0.0625rem;
  width: 2.5rem;
  height: 2.375rem;
}

body[data-layout-csx] .header .burger-button::after {
  content: "";
  display: inline-flex;
  position: absolute;
  top: -0.375rem;
  left: -0.0625rem;
  width: 2.5rem;
  height: 2.375rem;
}

body[data-layout-csx] .header .burger-button:focus::before {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
}

body[data-layout-csx] .header .burger-button:hover::before {
  background: #f4f4f4;
}

body[data-layout-csx] .header .burger-button .burger-button__item {
  position: relative;
  display: block;
  width: 1.875rem;
  height: 0.25rem;
  background: #222;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

body[data-layout-csx] .header .burger-button .burger-button__item:before,
body[data-layout-csx] .header .burger-button .burger-button__item:after {
  position: absolute;
  background: #222;
  content: "";
  width: 1.875rem;
  height: 0.25rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

body[data-layout-csx] .header .burger-button .burger-button__item:before {
  top: -0.5rem;
}

body[data-layout-csx] .header .burger-button .burger-button__item:after {
  top: 0.5rem;
}

body[data-layout-csx] .header .burger-button.burger-button--active .burger-button__item {
  background: transparent;
}

body[data-layout-csx] .header .burger-button.burger-button--active .burger-button__item:before {
  -webkit-transform: rotate(45deg) translate(5px, 6px);
  transform: rotate(45deg) translate(5px, 6px);
}

body[data-layout-csx] .header .burger-button.burger-button--active .burger-button__item:after {
  -webkit-transform: rotate(-45deg) translate(5px, -6px);
  transform: rotate(-45deg) translate(5px, -6px);
}

/*
  MEDIA-QUERIES
 */
@media screen and (max-width: 80rem) {
  body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding: 0 0.125rem;
  }

  /* Icons ausblenden */
  body[data-layout-csx] .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon.main-nav-icon {
    display: none;
  }
}

@media screen and (max-width: 64rem) {
  body[data-layout-csx] .header .burger-button {
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: -0.0625rem 0.9375rem 0 auto;
    padding: 0.75rem 0;
    width: 2.5rem;
  }

  body[data-layout-csx] .header .nav-horizontal--wrapper {
    flex-direction: column;
    position: absolute;
    width: 13.125rem;
    right: 0;
    top: 3.75rem;
    z-index: 1;
    box-shadow: -0.625rem 0.9375rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
  }

  body[data-layout-csx] .header .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list {
    flex-direction: column;
  }

  body[data-layout-csx] .header .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem,
  body[data-layout-csx] .header .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem:last-child {
    align-self: flex-start;
    border: none;
    border-bottom: 0.0625rem solid #000;
    height: 2.25rem;
  }

  body[data-layout-csx] .header .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem:last-child {
    margin-bottom: 0.9375rem;
  }

  body[data-layout-csx] .header .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    font-size: 0.75rem;
  }

  body[data-layout-csx] .header .nav-horizontal .main-menu.ui-menu.ui-menubar .ui-menu-list .ui-menuitem .ui-menuitem-link {
    width: 13.125rem;
  }

  body[data-layout-csx] .header .header__column.user-menu--column {
    align-items: flex-start;
  }

  body[data-layout-csx] .header .header__column.user-menu--column .user-name,
  body[data-layout-csx] .header .header__column.user-menu--column nav .ui-menu-list {
    height: 2.5rem;
    align-items: center;
    display: flex;
  }

  body[data-layout-csx] .header .user-menu .ui-menuitem:first-child {
    border-left: none;
  }
}

/*
  DROPDOWN
 */
body[data-layout-csx] .ui-menu-dynamic {
  box-shadow: none;
  background: #fff;
  padding: 0;
}

body[data-layout-csx] .ui-menu-dynamic .ui-menu-list,
body[data-layout-csx] .ui-menu-dynamic .ui-menu-list .ui-menu-child.ui-shadow {
  border: 0.0625rem solid #000;
  border-radius: 0;
}

body[data-layout-csx] .ui-menu-dynamic .ui-menu-list,
body[data-layout-csx] .ui-menu-dynamic .ui-splitbuttonmenu-list-wrapper {
  box-shadow: 0 0.6125rem 0.5rem 0 rgba(0, 0, 0, 0.5);
}

/* Links im Submenue */
body[data-layout-csx] .ui-menu-dynamic .ui-menu-list .ui-menuitem-link,
body[data-layout-csx] .ui-menuitem-link.button-include .button-include__link {
  padding: 0.75rem 1rem;
  width: 100%;
}

/* Button im Link Termine drucken */
body[data-layout-csx] .ui-menuitem-link.button-include {
  padding: 0 !important;
}

/* Button im Link darstellen */
body[data-layout-csx] .ui-menuitem-link.button-include .button-include__link {
  border: none;
  background: transparent;
  justify-content: flex-start;
}

/* Button im Link | Icon */
body[data-layout-csx] .ui-menuitem-link.button-include .button-include__link .ui-icon {
  margin-right: 0.5rem;
}

/* Button im Link | Text */
body[data-layout-csx] .ui-menuitem-link.button-include .button-include__link .ui-button-text {
  color: #000;
  font-weight: normal;
  margin-left: 0;
  text-transform: none;
}

/* Button im Link :focus */
body[data-layout-csx] .ui-menuitem-link.button-include .button-include__link.ui-state-focus {
  box-shadow: none;
}

body[data-layout-csx] .ui-menu-dynamic .ui-menu-list .ui-menuitem-link .ui-menuitem-icon,
body[data-layout-csx] .ui-menu-dynamic .ui-menu-list .ui-menuitem-link .ui-menuitem-text {
  color: #000;
}

body[data-layout-csx] .ui-menu-dynamic .ui-menu-list .ui-menuitem-link .ui-menuitem-text {
  font-family: Arial, sans-serif;
  font-size: 0.75rem;
}

body[data-layout-csx] .ui-menu-dynamic .ui-menu-list .ui-menuitem-link .ui-menuitem-icon {
  font-size: 0.75rem;
}

/* hover */
body[data-layout-csx] .ui-menu-dynamic .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover {
  background: #e8e8e8;
}

body[data-layout-csx] .ui-menu-dynamic .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-icon,
body[data-layout-csx] .ui-menu-dynamic .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
  color: #000;
}

/* Splitbutton */
body[data-layout-csx] .ui-splitbutton .ui-button:first-child {
  border-radius: 0 0 0 0;
}

body[data-layout-csx] .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  border-radius: 0 0 0 0;
}

/* DROPDOWN LINK MIT ICON BEFORE UND TOGGLE ICON */
body[data-layout-csx] a.dropdown-toggle-link {
  align-items: center;
  display: inline-flex;
  text-decoration: none;
  padding: 0;
}

/* 1. Icon */
body[data-layout-csx] a.dropdown-toggle-link .ui-icon:first-child {
  font-size: 1rem;
  margin-right: 0.3125rem;
}

/* 2. Icon */
body[data-layout-csx] a.dropdown-toggle-link .ui-icon:last-child {
  margin-left: 0.3125rem;
}

/* Toggle Icon */
body[data-layout-csx] a.dropdown-toggle-link .ui-icon.icon-dropdown {
  font-size: 1.25rem;
}

/* Ohne Text nur Icons */
body[data-layout-csx] a.dropdown-toggle-link.dropdown-toggle-link--icon-only .ui-icon {
  margin: 0;
}

/*
  PANEL
 */
body[data-layout-csx] .ui-panel {
  box-shadow: 0 0.3125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  border: none;
  padding: 0;
  margin: 0;
}

/* Panel Head */
body[data-layout-csx] .ui-panel .ui-panel-titlebar {
  border: 0.0625rem solid #dee2e6;
  border-radius: 0;
  font-size: 1rem;
  font-family: Arial, sans-serif;
  color: #000;
  background-color: #f4f4f4;
  padding: 0.9375rem;
  min-height: 3.125rem;
}

body[data-layout-csx] .ui-panel .ui-panel-titlebar .panel-head__row {
  display: flex;
  justify-content: space-between;
}

body[data-layout-csx] .ui-panel .ui-panel-titlebar .panel-head__row .panel-head__column {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

/* Panel Content */
body[data-layout-csx] .ui-panel .ui-panel-content {
  border: 0.0625rem solid #dee2e6;
  border-top: none;
  padding: 0.9375rem;
}

/* Panel Content Form */
body[data-layout-csx] .tree-main-panel__form {
  max-height: none !important;
}

/* Panel Baum */
body[data-layout-csx] .tree-main-panel {
  margin-right: 0.625rem;
}

/* Panel Details - hinzufuegen */
body[data-layout-csx] .tree-side-panel {
  margin-left: 0.625rem;
}

/*
  TREE
 */
body[data-layout-csx] .tree-wrapper {
  display: flex;
  flex-wrap: wrap;
}

body[data-layout-csx] .tree-view-splitter {
  display: flex;
}

/* Kriterienbaum Panel */
body[data-layout-csx] .tree-view-splitter .tree-main-panel {
  flex: 1;
}

/* Details und Hinzufuegen Panel */
body[data-layout-csx] .tree-view-splitter .tree-side-panel {
  margin-left: auto;
  max-width: 28.125rem;
}

/* Details Tabelle "Erfuellungsgrade" und PF Tooltip*/
body[data-layout-csx] .tree-view-splitter .tree-side-panel .compliance-level-description,
body[data-layout-csx] .tree-view-splitter .tree-side-panel .pf-tooltip-wrapper {
  word-break: break-word;
  hyphens: auto;
}

body[data-layout-csx] .tree-view-splitter .tree-side-panel .ui-panel-content {
  max-width: 28.125rem;
  width: 100%;
}

/*  Details und Hinzufuegen Panel, wenn ausgeblendet wird */
body[data-layout-csx] .tree-view-splitter .tree-side-panel .ui-panel-content:empty {
  width: auto;
}

body[data-layout-csx] .tree-view-splitter .tree-main-panel .tree-build {
  min-height: 25rem;
  padding-left: 0;
  padding-right: 0;
}

body[data-layout-csx] .ui-tree {
  background: transparent;
}

body[data-layout-csx] .tree-main-panel .ui-tree {
  border: 0.125rem dashed #a2a2a2;
  padding: 0.3125rem;
  border-radius: 0;
}

body[data-layout-csx] .tree-side-panel .ui-tree,
body[data-layout-csx] .ui-dialog-content .ui-tree {
  border: none;
  padding: 0;
}

/* Tree Panel Head */
body[data-layout-csx] .tree-main-panel .ui-panel-titlebar,
body[data-layout-csx] .tree-side-panel .ui-panel-titlebar {
  padding: 0 0.9375rem;
}

body[data-layout-csx] .tree-main-panel .ui-panel-titlebar .panel-head__row,
body[data-layout-csx] .tree-side-panel .ui-panel-titlebar .panel-head__row {
  min-height: 3.125rem;
}

/*
  TREE BUTTONS SWITCH DETAILS OR ADD OR CLOSE
 */
body[data-layout-csx] .tree-status-buttons {
  border: 0.0625rem solid #000;
  border-radius: 0 0 0 0;
  margin: 0 0 0 1.875rem;
  padding: 0;
}

body[data-layout-csx] .tree-status-buttons .ui-button {
  border: none;
}

body[data-layout-csx] .tree-status-buttons .ui-button:not(:first-child):not(:last-child) {
  border-left: 0.0625rem solid #000 !important;
  border-right: 0.0625rem solid #000 !important;
}

body[data-layout-csx] .tree-status-buttons .ui-button:first-child {
  border-radius: 0 0 0 0;
}

body[data-layout-csx] .tree-status-buttons .ui-button:last-child {
  border-radius: 0 0 0 0;
}

/* Status 'active' */
body[data-layout-csx] .tree-status-buttons .ui-button.ui-state-active {
  background: #005783;
  border-color: #005783;
  color: #fff;
}

/* Status 'active' Text */
body[data-layout-csx] .tree-status-buttons .ui-button.ui-state-active .ui-button-text {
  color: #fff;
}

/* Status 'active - hover' */
body[data-layout-csx] .tree-status-buttons .ui-button.ui-state-active.ui-state-hover {
  background-color: #9d9d9d;
  border-color: #000;
}

body[data-layout-csx] .tree-status-buttons .ui-button.ui-state-active.ui-state-hover .ui-button-text {
  color: #fff;
}

/* Status 'active - focus' */
body[data-layout-csx] .tree-status-buttons .ui-button.ui-state-active.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  background: #d6d5d9;
}

body[data-layout-csx] .tree-status-buttons .ui-button.ui-state-active.ui-state-focus .ui-button-text {
  color: #000;
}

/*
  TREE-NAVIGATION - MENUE
 */
body[data-layout-csx] .tree-toolbar-nav {
  background: #fff;
  border-radius: 0;
  border: none;
  padding: 0;
}

/* LEVEL 1 */
body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menuitem {
  margin-right: 0.625rem;
}

/* BUTTONS */
body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menuitem > .ui-menuitem-link {
  background: #fff;
  border-radius: 0 !important;
  border: 0.0625rem solid #000;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 2rem;
  display: flex;
  align-items: center;
  text-decoration: none;
}

/* BUTTONS LEVEL 1 -  TEXT / ICON  */
body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}

body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon {
  color: #000 !important;
}

/* Focus */
body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  background-color: #9d9d9d;
}

body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link > * {
  color: #fff !important;
}

/* Hover */
body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menuitem .ui-menuitem-link:hover {
  background-color: #9d9d9d;
  border-color: #000;
  box-shadow: none;
}

body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-text,
body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menuitem .ui-menuitem-link:hover .ui-icon {
  color: #fff !important;
}

/* LEVEL 2 */
/* SUBMENUE */
body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menu-child.ui-shadow {
  box-shadow: 0 0.6125rem 0.5rem 0 rgba(0, 0, 0, 0.5);
  border: 0.0625rem solid #000 !important;
  border-radius: 0 !important;
  min-width: 9.375rem;
  width: auto;
}

/* BUTTONS */
body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menu-child.ui-shadow > .ui-menuitem .ui-menuitem-link {
  text-decoration: none;
  border: none;
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
}

body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menu-child.ui-shadow > .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  font-weight: normal;
  text-transform: none;
}

/* Focus */
body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menu-child.ui-shadow > .ui-menuitem.ui-menuitem-active .ui-menuitem-link {
  box-shadow: none !important;
}

/* Hover */
body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menu-child.ui-shadow > .ui-menuitem.ui-menuitem-active .ui-menuitem-link.ui-state-hover {
  background: #e8e8e8;
}

body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menu-child.ui-shadow > .ui-menuitem.ui-menuitem-active .ui-menuitem-link.ui-state-hover .ui-menuitem-text,
body[data-layout-csx] .tree-toolbar-nav .ui-menu-list .ui-menu-child.ui-shadow > .ui-menuitem.ui-menuitem-active .ui-menuitem-link.ui-state-hover .ui-icon {
  color: #000 !important;
}

/*
  TREE-TOOLBAR
 */
body[data-layout-csx] .tree-toolbar {
  display: flex;
  width: 100%;
  padding: 0.3125rem 0;
}

body[data-layout-csx] .tree-toolbar__column {
  align-items: center;
  display: flex;
}

body[data-layout-csx] .tree-toolbar__column--last {
  margin-left: auto;
  justify-content: flex-end;
}

/* Wrapper Buttons bsp. Ordnungszahlen */
body[data-layout-csx] .tree-button-wrapper {
  margin: 0.9375rem 0;
}

body[data-layout-csx] .tree-button-wrapper .ui-button {
  margin-right: 0.9375rem;
}

body[data-layout-csx] .tree-button-wrapper .ui-button:last-child {
  margin-right: 0;
}

/*
  TREE PANEL ADD
 */
body[data-layout-csx] .template-nodes {
  margin-top: 0.9375rem;
  margin-bottom: 1.875rem;
}

body[data-layout-csx] .template-nodes__row {
  border: 0.0625rem solid #000;
  display: flex;
  margin-bottom: 0.9375rem;
  flex-wrap: wrap;
}

body[data-layout-csx] .template-nodes__column {
  align-items: center;
  background: #f4f4f4;
  display: inline-flex;
  flex: 1;
  padding: 0;
}

body[data-layout-csx] .template-nodes__column .split-button-wrapper {
  padding: 0;
}

/* DRAG & DROP "ADD BUTTONS"  */
body[data-layout-csx] .ui-tree.template-tree .ui-tree-container {
  white-space: normal;
}

/* <li> */
body[data-layout-csx] .ui-tree.template-tree .ui-tree-container .ui-treenode {
  background-color: #f4f4f4;
  border: none;
  border-radius: 0;
  cursor: grabbing;
  display: flex;
  align-items: center;
  padding: 0.3125rem;
  margin-right: 0.9375rem;
  width: 14.375rem;
}

/* ADD SPLIITTBUTTON SUBMENUE */
body[data-layout-csx] .ui-splitbutton.ui-buttonset {
  display: inline-flex;
  align-items: center;
}

body[data-layout-csx] .ui-tree.template-tree .ui-tree-container .ui-treenode .ui-treenode-leaf-icon {
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  min-width: 2rem;
  margin: 0;
  font-size: 1.375rem;
}

body[data-layout-csx] .ui-tree.template-tree .ui-tree-container .ui-treenode .ui-treenode-leaf-icon:after {
  display: none;
}

body[data-layout-csx] .ui-tree.template-tree .ui-tree-container .ui-treenode .ui-treenode-label {
  color: #000;
  cursor: grabbing;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  line-height: normal;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
  width: min-content;

}

body[data-layout-csx] .ui-tree.template-tree .ui-tree-container .ui-treenode .ui-treenode-label > span {
  min-width: 12.5rem;
  flex: 0 0 0 !important;
}

/* Tree Toggle  */
body[data-layout-csx] .tree-toggle-switch {
  transform: scale(0.7);
}

body[data-layout-csx] .tree-toggle-switch__text {
  font-size: 0.6875rem;
  text-transform: uppercase;
}

/*
  TREE ACCORDION "Elemente aus anderen Katalogen
 */
body[data-layout-csx] .tree-accordion {
  margin: 0;
  padding: 0;
}

/* Tabelle im TREE-ACCORDION */
body[data-layout-csx] .tree-accordion table {
  table-layout: auto;
  box-shadow: none;
}

body[data-layout-csx] .tree-accordion table thead tr th {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: right;
}

/* Bezeichnung */
body[data-layout-csx] .tree-accordion table thead tr th:nth-child(1) {
  text-align: center;
  width: 20%;
}

/* Nummer */
body[data-layout-csx] .tree-accordion table thead tr th:nth-child(2) {
  text-align: center;
  width: 15%;
}

/* Typ */
body[data-layout-csx] .tree-accordion table thead tr th:nth-child(3) {
  text-align: center;
  width: 15%;
}

/* Bearbeitungsphase */
body[data-layout-csx] .tree-accordion table thead tr th:nth-child(4) {
  text-align: center;
  width: 10%;
}

/* Validität */
body[data-layout-csx] .tree-accordion table thead tr th:nth-child(5) {
  text-align: center;
  width: 5%;
}

body[data-layout-csx] .tree-accordion table tbody tr td {
  padding: 0 !important;
}

body[data-layout-csx] .tree-accordion table tbody td:first-child {
  border-top: 0.0625rem solid #ededed !important;
}

body[data-layout-csx] .tree-accordion .tree-accordion-wrapper {
  align-items: center;
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* Tree Accordion <li> */
body[data-layout-csx] .tree-accordion .ui-treenode {
  padding: 0;
}

/* Tree Accordion <li> content */
body[data-layout-csx] .tree-accordion .ui-treenode .ui-treenode-content,
body[data-layout-csx] .tree-accordion .ui-treenode .ui-treenode-label.ui-state-highlight {
  min-height: 3.5rem;
}

/* Highlight ausgewaehlter Katalog in "Element aus anderen Kategorien */
body[data-layout-csx] .tree-accordion .ui-treenode .ui-treenode-label.ui-state-highlight {
  background: transparent !important;
}

/* Parentelement Label */
/* Childelement Label */
body[data-layout-csx] .tree-accordion .ui-treenode .ui-treenode-children .ui-treenode-label.ui-state-highlight {
  min-height: 1.875rem;
}

body[data-layout-csx] .tree-accordion .ui-treenode .ui-treenode-children .ui-treenode-content {
  min-height: 2.375rem;
}

/* Parentelement Label */
body[data-layout-csx] .tree-accordion .ui-treenode-label {
  border-radius: 0 !important;
  padding: 0 !important;
  width: 100%;
}

/* Childelement Label nach aufklappen des Parent */
body[data-layout-csx] .tree-accordion .ui-treenode-children .ui-treenode-label {
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
  font-weight: bold;
}

body[data-layout-csx] .tree-accordion .ui-treenode-label.ui-state-hover {
  background: transparent !important;
  cursor: default !important;
  color: #000 !important;
}

body[data-layout-csx] .tree-accordion .tree-accordion__row {
  display: flex;
  width: 100%;
}

body[data-layout-csx] .tree-accordion .tree-accordion__column {
  display: flex;
  flex-direction: column;
}

body[data-layout-csx] .tree-accordion .tree-accordion__column-block {
  display: flex;
  width: 55%;
}

body[data-layout-csx] .tree-accordion .tree-accordion__column-block {
  display: flex;
  width: 55%;
}

body[data-layout-csx] .tree-accordion .tree-accordion__column-block .tree-accordion__column:first-child {
  width: 60%;
}

body[data-layout-csx] .tree-accordion .tree-accordion__column-block .tree-accordion__column:last-child {
  width: 40%;
}

/* Typ, Bearbeitungsphase, Validität */
body[data-layout-csx] .tree-accordion .tree-accordion__column-block--fixed-width {
  display: flex;
  margin-left: auto;
  width: 45%;
}

body[data-layout-csx] .tree-accordion .tree-accordion__column-block--fixed-width .tree-accordion__column {
  flex: 1;
}

body[data-layout-csx] .tree-accordion .tree-accordion__column-block--fixed-width .tree-accordion__column:last-child {
  flex: 0 0 8.75rem;
}

/* Text-Label */
body[data-layout-csx] .tree-accordion .tree-accordion__label,
body[data-layout-csx] .tree-accordion .ui-treenode-label.ui-state-hover .tree-accordion__label {
  padding: 0.1875rem 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.6875rem;
  color: #000;
}

/* Text-Output */
body[data-layout-csx] .tree-accordion .tree-accordion__text {
  display: inline-flex;
  font-weight: bold;
  min-height: 1.5625rem;
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
  align-items: center;
}

body[data-layout-csx] .tree-accordion .truncate {
  width: 98%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* PAGING im TREE ACCORDEON */
body[data-layout-csx] .tree-accordion .ui-paginator.ui-paginator-bottom {
  padding: 0 0.9375rem 1.875rem 0.9375rem;
}

/*
  TREE-CLOSE-BUTTON
 */
body[data-layout-csx] .tree-close {
  margin-left: auto;
}

body[data-layout-csx] .tree-close .ui-button {
  border: none;
  min-height: unset;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
  background: none;
  margin-top: -0.0625rem;
}

body[data-layout-csx] .tree-close .ui-button .ui-icon {
  text-transform: none;
  border: 0.0625rem solid;
  padding: 0;
  display: inline-flex;
  position: relative;
  margin: 0;
  top: auto;
  left: auto;
  background-color: #fff;
  border-radius: 0;
}

body[data-layout-csx] .tree-close .ui-button .ui-button-text {
  text-transform: none;
  text-decoration: underline;
  padding: 0 0 0 0.3125rem;
}

body[data-layout-csx] .tree-close .ui-button.ui-state-hover .ui-icon,
body[data-layout-csx] .tree-close .ui-button.ui-state-hover .ui-button-text {
  color: #000;
  text-decoration: none;
}

body[data-layout-csx] .tree-close .ui-button.ui-state-focus {
  padding: 0;
}

/*
  TREE BUILD
  Zusammenstellung des Kriterienkataloges
 */
/* <ul> */
body[data-layout-csx] .tree-build .ui-tree-container {
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
  padding: 0 0.3125rem;
  white-space: normal;
}

body[data-layout-csx] .tree-build .ui-tree-container:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
}

body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode {
  padding: 0 !important;
  margin: 0.1875rem 0;
}

/* Kriterienkatalog Item */
body[data-layout-csx] .tree-build .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
  min-height: 1.875rem;
  display: inline-flex;
}

/* Kriterienkatalog Item State Hover */
body[data-layout-csx] .tree-build .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable.ui-state-hover {
  background: #9d9d9d;
  border-radius: 0;
  color: #fff;
  cursor: grabbing;
}

/* Kriterienkatalog Item Highlight angewaehlt */
body[data-layout-csx] .tree-build .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight {
  background-color: #e8e8e8;
  border-radius: 0;
  color: #000;
}

/* Ausblenden der Border */
body[data-layout-csx] .tree-build .ui-treenode-children::before,
body[data-layout-csx] .tree-build .ui-treenode-children .ui-treenode.ui-treenode-parent::before,
body[data-layout-csx] .tree-build .ui-treenode-children .ui-treenode.ui-treenode-leaf::before {
  display: none;
}

/* Toggler */
body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
  border-radius: 0;
  color: #000;
  height: 2rem;
  width: 2rem;
  padding: 0;
}

/* Container fuer den jeweiligen Blattknoten leer oder Toggler*/
body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
  min-width: 2rem;
  min-height: 2rem;
  margin: 0 0.5rem 0 0;
}

/* Toggler Icons */
body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler::before,
body[data-layout-csx] .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
  display: inline-flex;
  align-items: center;
  height: inherit;
  font-family: "icomoon" !important;
  color: #000;
  border-radius: 0;
}

/* PARENT */
/* <li> Parent */
/* <li> Parent <span> */
/* <li> Parent <span> label */
body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode-parent .ui-treenode-label,
body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
  border-radius: 0;
  display: flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 !important;
}

/* Status Icons im Branch */
/* gilt fuer parent & child's */
body[data-layout-csx] .tree-build .ui-tree-container .node-weight-validation,
body[data-layout-csx] .tree-build .ui-tree-container .node-validation {
  display: inline-flex;
  height: 2rem;
  width: 1.625rem;
  margin: 0 0.3125rem 0 0;
  align-items: center;
  justify-content: center;
}

body[data-layout-csx] .tree-build .ui-tree-container .node-weight-validation [fvclass^=icon-],
body[data-layout-csx] .tree-build .ui-tree-container .node-validation [class^=icon-] {
  font-size: 1rem;
}

/* label bezeichnung gilt Parent */
body[data-layout-csx] .ui-inplace .ui-inplace-display {
  padding: 0.5rem;
}

body[data-layout-csx] .tree-build .ui-tree-container .ui-inplace .ui-inplace-display {
  border-radius: 0;
  margin: 0 0.3125rem 0 0;
  font-weight: bold;
}

/* Eingabefeld */
body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode-label .node-weight > .ui-inputgroup {
  display: inline-flex;
  align-items: center;
}

/* Icon, wenn Element kopiert oder ausgeschnitten wird */
body[data-layout-csx] .tree-build .ui-tree-container .node-action-icon {
  margin: 0 0.3125rem;
  font-size: calc(1rem + 0.5rem);
}

body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode-label .node-weight > .ui-inputgroup > .ui-inputnumber .ui-inputfield {
  text-align: right;
  height: 1.625rem;
  min-height: 1.625rem;
  color: #000;
  border-radius: 0 0 0 0;
  width: 3.75rem;
}

/* Placeholder bei Gewichtungen - wenn das Element bsp. Ausschluss etc. keine Gewichtugnen zulaesst */
body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode-label .node-weight > .ui-inputgroup > .node-weight-placeholder {
  align-items: center;
  background-color: #fff;
  border: 0.0625rem solid #000;
  border-radius: 0 0 0 0;
  color: #000;
  display: flex;
  font-weight: bold;
  height: 1.625rem;
  justify-content: center;
  margin: 0 0.3125rem 0 0;
  min-height: 1.625rem;
  text-transform: uppercase;
  width: 5rem;
}

/* Anzeige Punkte oder Prozente */
body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode-label .node-weight > .ui-inputgroup .ui-inputgroup-addon {
  background-color: #f4f4f4;
  border-radius: 0 0 0 0;
  height: 1.625rem;
  min-height: 1.625rem;
  border: 0.0625rem solid #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  font-weight: bold;
  color: #000;
  margin: 0 0.3125rem 0 0;
}

/* Wenn Gewichtung & validierungs an ist + border left */
body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode-label > .node-weight:not(:empty) + .node-validation {
  border-left: 0.125rem solid #000;
  margin: 0 0.625rem 0 0.3125rem;
  padding-left: 0.625rem;
}

/* Gewichtung an 'class: weighting-active'  Style cursor auf 'Grabbing' setzen */
/* Bei Name des Knotens */
body[data-layout-csx] .tree-build .ui-tree.weighting-active .ui-tree-container .ui-inplace .ui-inplace-display {
  /*cursor: grabbing !important;*/
  padding: 0.5rem;
}

/* Eingabefeld + Label focus */
body[data-layout-csx] .tree-build .ui-tree.weighting-active .ui-tree-container .ui-inplace .ui-inplace-display:focus,
body[data-layout-csx] .tree-build .ui-tree-container .ui-treenode-label .node-weight > .ui-inputgroup > .ui-inputwrapper-focus + .ui-inputgroup-addon {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
}

/* CHILDREN */
/* <li> Child */
/* <li> Child <span>*/
/* Parent / Children  label */
body[data-layout-csx] .tree-build .ui-treenode-children .ui-treenode .ui-treenode-content .ui-treenode-label {
  border-radius: 0;
  display: flex;
  align-items: center;
  min-height: 2rem;
}

/* label bezeichnung gilt Childs */
body[data-layout-csx] .tree-build .ui-treenode-children .ui-inplace .ui-inplace-display {
  font-weight: bold;
}

/* Start Drag */
body[data-layout-csx] .ui-draggable.ui-draggable-dragging {
  background-color: #f4f4f4;
  border: 0.125rem dashed #a2a2a2;
  border-radius: 0;
  display: flex;
  align-items: center;
  padding: 0.3125rem;
  width: 15.625rem;
}

body[data-layout-csx] .ui-draggable.ui-draggable-dragging .ui-treenode-leaf-icon {
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  min-width: 2rem;
  font-size: 1.375rem;
}

body[data-layout-csx] .ui-draggable.ui-draggable-dragging .ui-tree-toggler {
  min-height: 2rem;
  min-width: 2rem;
  color: #000;
}

body[data-layout-csx] .ui-draggable.ui-draggable-dragging .ui-treenode-label {
  color: #000;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 12.5rem;
}

/* Ausblenden von Forms */
body[data-layout-csx] .ui-draggable.ui-draggable-dragging .ui-treenode-label .node-weight-validation,
body[data-layout-csx] .ui-draggable.ui-draggable-dragging .ui-treenode-label .node-weight,
body[data-layout-csx] .ui-draggable.ui-draggable-dragging .ui-treenode-label .node-validation {
  display: none;
}

/* Highlighting Branch im Tree */
body[data-layout-csx] .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  background: #e8e8e8;
  border-radius: 0;
  align-items: center;
  display: flex;
  padding: 0;
}

body[data-layout-csx] .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  color: #000;
}

/* Focus */
body[data-layout-csx] .ui-tree .ui-tree-container .ui-treenode-parent .ui-treenode-label.ui-treenode-outline,
body[data-layout-csx] .ui-tree .ui-tree-container .ui-treenode-outline {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  border-radius: 0;
}

/* Anzeige fuer droppable-inactive */
body[data-layout-csx] .ui-tree-droppoint.ui-droppable {
  height: 1rem !important;
}

/* Anzeige fuer droppable-active */
body[data-layout-csx] .ui-tree-draghelper,
body[data-layout-csx] .tree-build .tree.dragging .ui-tree-droppoint {
  background-color: transparent;
  height: 1rem;
  display: flex;
  align-items: center;
  margin: 0.1875rem 0;
  border: 0.0625rem dashed #000;
}

body[data-layout-csx] .tree-build .ui-tree.dragging .ui-tree-droppoint.ui-droppable.ui-state-hover {
  border-bottom: 0.0625rem dashed #000;
  border-top: 0.0625rem dashed #000;
}

body[data-layout-csx] .ui-tree.tree.dash-lines li.ui-tree-droppoint.ui-droppable.ui-droppable-active.ui-droppable-hover.ui-state-hover::after {
  content: "";
  display: flex;
  height: 0.125rem;
  background: #d6d5d9;
  width: 100%;
}

body[data-layout-csx] .ui-tree.tree.dash-lines li.ui-tree-droppoint.ui-droppable.ui-droppable-active.ui-droppable-hover.ui-state-hover::before {
  font-family: "icomoon" !important;
  content: "뀀";
  font-size: 1.25rem;
  color: #d6d5d9;
  border-left: none;
  height: 0.625rem;
  width: 1.25rem;
  display: flex;
  align-items: center;
}

/*
  TREE (KRITERIENKATALOG) TABLE
  Abbildung Kriterienkatalog innerhalb einer Tabelle
  Bsp. "Elemente aus anderen Katalogen"
 */
body[data-layout-csx] table tbody tr.ui-widget-content .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content * {
  flex: initial;
}

/*
  ACCORDION / TOGGLE
 */
body[data-layout-csx] .ui-accordion {
  margin: 0;
  padding: 0;
}

/* Accordion Header focus */
body[data-layout-csx] .ui-accordion .ui-accordion-header:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
}

body[data-layout-csx] .ui-accordion .ui-accordion-header:hover {
  background-color: #9d9d9d;
  color: #fff;
}

/* Accordion Header */
body[data-layout-csx] .ui-accordion .ui-accordion-header {
  border: 0.0625rem solid #dee2e6;
  border-top: none;
  border-radius: 0;
  font-size: 1rem;
  font-family: Arial, sans-serif;
  color: #000;
  background-color: #f4f4f4;
  padding: 0 0.9375rem;
  min-height: 3.125rem;
  align-items: center;
  display: flex;
}

body[data-layout-csx] .ui-accordion .ui-accordion-header:first-child {
  border-top: 0.0625rem solid #dee2e6;
}

/* Accordion Icon */
body[data-layout-csx] .ui-accordion .ui-accordion-header .ui-icon {
  font-size: 1.25rem;
}

/* Badge im Accordean Header */
body[data-layout-csx] .ui-accordion .ui-accordion-header .ui-badge {
  margin-left: 0.3125rem;
}

/* Accordion Content */
body[data-layout-csx] .ui-accordion .ui-accordion-content {
  border: 0.0625rem solid #dee2e6;
  border-top: none;
  border-radius: 0;
  padding: 0.9375rem;
}

/* Accordion Content - Tabelle */
body[data-layout-csx] .ui-accordion .ui-accordion-content .ui-datatable-tablewrapper {
  padding-bottom: 0;
}

body[data-layout-csx] .ui-accordion .ui-accordion-content table {
  box-shadow: none;
}

body[data-layout-csx] .ui-accordion .ui-accordion-content .meta-panel {
  box-shadow: none;
}

body[data-layout-csx] .ui-accordion .action-form {
  box-shadow: none;
  border: none;
  padding: 0;
}

body[data-layout-csx] .ui-accordion .ui-accordion-help-text-button-wrapper {
  display: flex;
  align-items: center;
}

body[data-layout-csx] .ui-accordion .ui-accordion-help-text-button-wrapper .helpTextButton-wrapper {
  margin: 0;
}

/*
  TABS
 */
/* TAB Navigation */
body[data-layout-csx] .ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0;
}

body[data-layout-csx] .ui-tabs .ui-tabs-nav::before {
  border-bottom: 0.0625rem solid #dee2e6;
}

/* Single TAB */
body[data-layout-csx] .ui-tabs .ui-tabs-nav li.ui-tabs-header {
  border: 0.0625rem solid #dee2e6;
  padding: 0;
  margin: 0 0.3125rem 0 0;
}

/* Single TAB href */
body[data-layout-csx] .ui-tabs .ui-tabs-nav .ui-tabs-header a {
  color: #000;
  padding: 0.625rem;
  text-decoration: none;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  hyphens: auto;
}

/* Single TAB href + badge */
body[data-layout-csx] .ui-tabs .ui-tabs-nav .ui-tabs-header a > .ui-badge {
  margin-left: 0.3125rem;
}

/* Single TAB FOCUS */
body[data-layout-csx] .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
}

body[data-layout-csx] .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline a {
  background: #fff;
  color: #000 !important;
}

body[data-layout-csx] .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline a > .ui-badge {
  background: #000 !important;
  color: #fff !important;
}

/* Single TAB HOVER */
body[data-layout-csx] .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
  background-color: #9d9d9d;
}

body[data-layout-csx] .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover > a {
  color: #fff;
}

/* Ausgewaehlter TAB */
body[data-layout-csx] .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-selected.ui-state-active {
  background: #005783;
  border-color: #005783;
}

body[data-layout-csx] .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-selected.ui-state-active > a {
  color: #fff;
}

body[data-layout-csx] .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-selected.ui-state-active > a > .ui-badge {
  background: #fff;
  color: #000;
}

/* TAB Content*/
body[data-layout-csx] .ui-tabs .ui-tabs-panels {
  border: 0.0625rem solid #dee2e6;
  border-top: none;
  border-radius: 0;
  padding: 0.9375rem;
}

/* TAB Content Single TAB*/
body[data-layout-csx] .ui-tabs .ui-tabs-panels .ui-tabs-panel {
  margin: 0;
  padding: 0;
}

/*
  MEDIA-QUERIES
 */
@media screen and (max-width: 40rem) {
  body[data-layout-csx] .ui-tabs .ui-tabs-nav .ui-tabs-header {
    width: 100%;
  }
}

/*
  DASHBOARD
 */
/* ACCORDION | PANEL */
body[data-layout-csx] .dashboard .ui-accordion,
body[data-layout-csx] .dashboard .ui-panel {
  box-shadow: 0 0.3125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 1.5625rem 0;
  padding: 0;
}

/* ACCORDION FILTERUNG NACH AKTENVERANTWORTLICHKEIT */
/* Hack fuer PF Panel Komponente
  padding top fixen
 */
body[data-layout-csx] .filter-responsibility-panel .ui-panel-titlebar {
  padding-bottom: 0;
  padding-top: 0.8125rem;
}

body[data-layout-csx] .dashboard .filter-responsibility {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

body[data-layout-csx] .dashboard .filter-responsibility__status {
  margin: 0;
  padding: 0;
}

/* Filter an */
body[data-layout-csx] .dashboard .filter-responsibility__status .filter-responsibility__status--on {
  background-color: #146140;
}

body[data-layout-csx] .dashboard .filter-responsibility__status-text {
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: normal;
  margin-right: 0.625rem;
}

/* Filterwrapper fuer SelectOneMenu */
body[data-layout-csx] .dashboard .filter-responsibility-select-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

body[data-layout-csx] .dashboard .filter-responsibility-select-wrapper .filter-responsibility-select {
  max-width: 25rem;
  width: 100%;
}

/* Filterwrapper fuer SelectOneMenu - label */
body[data-layout-csx] .dashboard .filter-responsibility-select-wrapper .ui-outputlabel {
  margin: 0 0.9375rem 0 0;
  min-height: 1.875rem;
  display: flex;
  align-items: center;
}

/* Tabelle im filter-responsibility -
   muss umstaendlich eine class auf TD gelegt*/
body[data-layout-csx] table thead th.filter-responsibility-cell {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

body[data-layout-csx] table thead tr:has(th.filter-responsibility-cell)::after {
  content: "";
  min-height: 0 !important;
  height: 0 !important;
}

body[data-layout-csx] table tbody tr.ui-selectonemenu-row > td.filter-responsibility-cell {
  border-bottom: none !important;
  padding: 0 0.9375rem !important;
  height: 2.5rem !important;
}

/* 3. Tabellereihe hervorheben */
body[data-layout-csx] table tbody tr.ui-selectonemenu-row:nth-child(3) > td.filter-responsibility-cell {
  border-bottom: 0.0625rem solid #000 !important;
}

/* First Row sticky */
body[data-layout-csx] table tbody tr.ui-selectonemenu-row:nth-child(1) {
  position: sticky;
  top: 0;
}

/* ACCORDION ALLGEMEINES */
body[data-layout-csx] .dashboard .general-information .user-details {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.9375rem;
}

/* Avatar */
body[data-layout-csx] .dashboard .general-information .user-details .user-avatar {
  border: 0.0625rem solid #ededed;
  padding: 0.3125rem;
  margin-right: 0.3125rem;
  display: inline-flex;
  align-items: center;
}

/* Name */
body[data-layout-csx] .dashboard .general-information .user-details .user-data-name {
  font-size: 0.875rem;
  font-weight: bold;
}

/* Last Login */
body[data-layout-csx] .dashboard .general-information .user-details .user-data-login {
  font-size: 0.6875rem;
  margin-top: 0.3125rem;
  text-transform: uppercase;
}

/* Single Mandant */
body[data-layout-csx] .dashboard .general-information .user-details .user-single-mandator,
body[data-layout-csx] .dashboard .general-information .user-details .user-multi-mandator {
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 0.625rem;
}

/* Multi Mandant */
body[data-layout-csx] .dashboard .general-information .user-details .user-multi-mandator {
  align-items: center;
  display: inline-flex;
  text-decoration: none;
}

body[data-layout-csx] .dashboard .general-information .user-details .user-multi-mandator > .ui-icon {
  text-decoration: none;
  display: inline-block;
  font-size: 1.75rem;
  margin-right: 0.1875rem;
}

body[data-layout-csx] .dashboard .general-information .user-details .user-multi-mandator .user-multi-mandator__text {
  text-decoration: underline;
}

body[data-layout-csx] .dashboard .general-information .user-details .user-multi-mandator:hover .user-multi-mandator__text {
  text-decoration: none;
}

/* PANEL ZULETZT GEOEFFNET */
/* Zuletzt geoeffnete Akten */
body[data-layout-csx] .dashboard .general-information .last-opened-files {
  display: flex;
  flex-direction: column;
}

body[data-layout-csx] .dashboard .general-information .last-opened-files .last-opened-files__header {
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  padding: 0.75rem 0.3125rem;
  justify-content: space-between;
}

body[data-layout-csx] .dashboard .general-information .last-opened-files .last-opened-files__header {
  margin: 0;
  font-size: 0.875rem;
  font-weight: bold;
}

/* Submenue "Neu anlegen" ind "Zuletzt geoeffnet */
body[data-layout-csx] .new-tenderfile-actions-menu {
  min-width: 15rem;
}

/* Zuletzt geoeffnete Akten - Menuebutton Icon ADD */
body[data-layout-csx] .last-opened-files__header .dropdown-toggle-link .icon-add {
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size: 0.875rem !important;
  padding: 0.1875rem;
}

/* Zuletzt geoeffnete Akten - Liste */
body[data-layout-csx] .dashboard .general-information .last-opened-files .last-opened-files-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-layout-csx] .dashboard .general-information .last-opened-files .last-opened-files-list .last-opened-files-list__item {
  padding: 0;
  margin: 0;
}

/* Link Akte oeffnen */
body[data-layout-csx] .dashboard .general-information .last-opened-files .last-opened-files-list .last-opened-files-list__link {
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  min-height: 2.5rem;
  border-bottom: 0.0625rem solid #ededed;
  padding: 0;
  text-decoration: none;
  width: 100%;
}

body[data-layout-csx] .dashboard .general-information .last-opened-files .last-opened-files-list .last-opened-files-list__link:hover {
  background-color: #e8e8e8;
}

body[data-layout-csx] .dashboard .general-information .last-opened-files .last-opened-files-list .last-opened-files-list__link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #1657A8;
  border-radius: 0;
}

/* Link Akte oeffnen - Icons */
body[data-layout-csx] .dashboard .general-information .last-opened-files .last-opened-files-list .last-opened-files-list__link .ui-icon {
  margin-right: 0.3125rem;
  font-size: 1.125rem;
}

/* TNW */
body[data-layout-csx] .dashboard .general-information .last-opened-files .last-opened-files-list .last-opened-files-list__link .last-opened-file-tnw {
  margin-left: auto;
}

/* PANEL HINWEISE */
/* ACCORDION TERMINE - FRISTEN  */
body[data-layout-csx] .dashboard .time-limits-data {
  margin: 0;
  padding: 0;
}

/* Submenue Fristen drucken - exportieren */
body[data-layout-csx] .time-limits-actions-menu {
  min-width: 12.5rem;
}

/* Filterung */
body[data-layout-csx] .dashboard .time-limits-data .time-limits-filter {
  background-color: #f4f4f4;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.9375rem;
  padding: 0 0.625rem;
  justify-content: flex-end;
}

body[data-layout-csx] .dashboard .time-limits-data .time-limits-filter__column {
  display: inline-flex;
  align-items: center;
  margin: 0.3125rem 0.625rem 0.3125rem 0;
}

body[data-layout-csx] .dashboard .time-limits-data .time-limits-filter__column.last--column {
  margin-right: 0;
}

/* Label */
body[data-layout-csx] .dashboard .time-limits-data .time-limits-filter__column .ui-outputlabel {
  margin: 0 0 0 0.3125rem;
}

/* Fristen Farben */
/* Angebotsaufforderung */
/* data-item bei Filterung */
body[data-layout-csx] .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token[data-item-value=DISPATCH_INVITATIONS],
body[data-layout-csx] .dispatchInvitations {
  background-color: #767676;
}

/* Zuschlags- Bindefrist */
body[data-layout-csx] .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token[data-item-value=AWARD_TIMELIMIT],
body[data-layout-csx] .awardTimeLimit {
  background-color: #79792f;
}

/* Angebots- / Teilnahmefrist / Submissionstermin */
body[data-layout-csx] .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token[data-item-value=DEADLINE_FOR_SUBMISSION],
body[data-layout-csx] .deadlineForSubmission {
  background-color: #c55409;
}

/* Tabelle */
body[data-layout-csx] .dashboard .time-limits-data table {
  margin-top: 0.9375rem;
  table-layout: auto;
}

/* Tabellen Header verstecken */
body[data-layout-csx] .dashboard .time-limits-data table thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

body[data-layout-csx] .dashboard .time-limits-data table tbody tr td {
  padding: 0.3125rem 0.9375rem !important;
}

body[data-layout-csx] .dashboard .time-limits-data table tbody tr td:first-child {
  width: 75%;
}

body[data-layout-csx] .dashboard .time-limits-data table tbody tr:first-child td {
  border-top: 0.0625rem solid #ededed !important;
}

/* Letzte Spalte */
body[data-layout-csx] .dashboard .time-limits-data table tbody tr td:last-child {
  text-align: right;
}

/* Ausgbae der Termine/Fristen */
body[data-layout-csx] .time-limits-details-wrapper {
  display: flex;
  align-items: center;
}

body[data-layout-csx] .dashboard .time-limits-details {
  display: flex;
  flex-direction: column;
  width: calc(100% - 2.5rem);
}

/* Ausgabe Datum / Status */
body[data-layout-csx] .dashboard .time-limits__date-wrapper {
  display: flex;
  align-items: center;
  padding-bottom: 0.1875rem;
}

body[data-layout-csx] .dashboard .time-limits__date-wrapper-date {
  font-weight: bold;
  min-width: 5rem;
}

/* Ausgabe Name der Akte */
body[data-layout-csx] .dashboard .time-limits__filename-wrapper {
  display: flex;
  align-items: center;
}

/* Ausgabe Badge ob TNW */
body[data-layout-csx] .dashboard .time-limits__filename-wrapper-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* Art der Frist*/
body[data-layout-csx] .dashboard .time-limits__deadline-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0.3125rem 0;
  height: 100%;
}

/* Art der Frist - Unternehmen - Angebote - Teilnahmeantraege */
body[data-layout-csx] .dashboard .time-limits__company-wrapper {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding-top: 0.1875rem;
}

body[data-layout-csx] .dashboard .time-limits__company-amount {
  align-items: center;
  display: inline-flex;
  font-weight: bold;
  justify-content: center;
  min-width: 1.5625rem;
  padding: 0 0.3125rem;
}

/*
  MEDIA-QUERIES
 */
@media screen and (max-width: 40rem) {
  /* Tabelle 'Termine/Fristen' */
  body[data-layout-csx] .dashboard .time-limits-data table tbody tr:first-child td,
  body[data-layout-csx] .dashboard .time-limits-data table tbody tr td:first-child {
    border-top: none;
    width: 100%;
  }

  body[data-layout-csx] .dashboard .time-limits-data table tbody tr td:last-child {
    text-align: left;
  }
}

/*
  TOASTER | GROWL MESSAGES
  Unterscheidung und Verwendung
  FALL 1: .ui-growl only    (Darstellung - Eine Message)
  FALL 2: #growl_container (Darstellung - Mehrere Messages)
 */
/* Font / size / color */
body[data-layout-csx] .ui-growl-item-container .ui-growl-item .ui-growl-message,
body[data-layout-csx] .ui-message,
body[data-layout-csx] .ui-messages ul > li {
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.75rem;
}

/* FALL 2 */
body[data-layout-csx] #growl_container {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0 !important;
  z-index: 6000 !important;
}

body[data-layout-csx] #growl_container .ui-growl {
  position: relative !important;
  top: auto !important;
  right: 0 !important;
}

/* FALL 2 - 1. NOTIFICATION OHNE TESTSYSTEMBOX ODER PRAESENTATIONSMODUS */
body[data-layout-csx] #growl_container {
  top: 5rem;
}

/* FALL 2 - 2. NOTIFICATION + TESTSYSTEMBOX */
body[data-layout-csx] #testSystemBox ~ #growl_container {
  top: 7.1875rem;
}

body[data-layout-csx] .ui-growl-item-container {
  border-radius: 0;
  opacity: 1;
  margin: 0 0 0.625rem 0;
}

body[data-layout-csx] .ui-growl-item-container .ui-growl-item {
  display: flex;
  align-items: center;
  min-height: 4.375rem;
  padding: 0.3125rem 0;
}

/* Text */
body[data-layout-csx] .ui-growl-item-container .ui-growl-item .ui-growl-message {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 0;
}

body[data-layout-csx] .ui-growl-item-container .ui-growl-item .ui-growl-message .ui-growl-title {
  padding: 0;
  margin: 0;
}

body[data-layout-csx] .ui-growl-item-container .ui-growl-item .ui-growl-message p {
  font-weight: normal;
  padding: 0.125rem 0 0 0;
}

/* Icons */
/* Angabe analog zu badge */
body[data-layout-csx] .ui-growl-item-container.ui-growl-warn,
body[data-layout-csx] .ui-growl-item-container.ui-growl-info,
body[data-layout-csx] .ui-growl-item-container.ui-growl-error {
  background: #fff;
}

body[data-layout-csx] .ui-growl-item-container .ui-growl-image.ui-growl-image-warn,
body[data-layout-csx] .ui-growl-item-container .ui-growl-image.ui-growl-image-info,
body[data-layout-csx] .ui-growl-item-container .ui-growl-image.ui-growl-image-error {
  margin: 0 0.625rem;
  justify-content: center;
  align-items: center;
  min-width: 1.375rem;
  min-height: 1.375rem;
  height: auto;
  width: auto;
  display: inline-flex;
  border-radius: 50%;
  position: relative;
  padding: 0.0625rem;
  cursor: default;
  background-color: #515151;
  font-size: 0.875rem !important;
  font-family: "icomoon" !important;
}

/* SUCCESS WIRD HIER FUER INFO VERBRAUCHT
    ID = #growl-success_container
*/
body[data-layout-csx] #growl-success_container .ui-growl-item-container .ui-growl-image.ui-growl-image-info {
  background: #146140;
  color: #fff;
}

body[data-layout-csx] #growl-success_container .ui-growl-item-container.ui-growl-info {
  border-left: 0.3125rem solid #146140;
}

/* Hier extra Styling fuer Close Button */
body[data-layout-csx] #growl-success_container .ui-growl-item-container .ui-icon.ui-icon-closethick {
  color: #146140;
}

/* WARN
    ID = #growl-warn_container
 */
body[data-layout-csx] #growl-warn_container .ui-growl-item-container .ui-growl-image.ui-growl-image-warn {
  background: #f1c40f;
  color: #000;
}

body[data-layout-csx] #growl-warn_container .ui-growl-item-container.ui-growl-warn {
  border-left: 0.3125rem solid #f1c40f;
}

/* INFO
    ID = #growl-info_container
*/
body[data-layout-csx] #growl-info_container .ui-growl-item-container .ui-growl-image.ui-growl-image-info {
  background: #0D6FBA;
  color: #fff;
}

body[data-layout-csx] #growl-info_container .ui-growl-item-container.ui-growl-info {
  border-left: 0.3125rem solid #0D6FBA;
}

/* ERROR
    ID = #growl-error_container
*/
body[data-layout-csx] #growl-error_container .ui-growl-item-container .ui-growl-image.ui-growl-image-error {
  background: #aa2222;
  color: #fff;
}

body[data-layout-csx] #growl-error_container .ui-growl-item-container.ui-growl-error {
  border-left: 0.3125rem solid #aa2222;
}

/* NOTIFICATION UNTERHALB DER EINGABEFELDER */
body[data-layout-csx] .ui-message {
  border-radius: 0;
  margin: 0 0 0.9375rem 0;
  display: flex;
  padding: 0.625rem 0;
  font-weight: bold;
  align-items: center;
  position: relative;
}

/* WENN mehr Info's als eine <ul> verwendet wird .message-content */
body[data-layout-csx] .ui-message .message-content {
  flex-direction: column;
}

/* LINK in einer MESSAGE */
body[data-layout-csx] .ui-message a {
  color: #000;
}

body[data-layout-csx] .ui-message a:hover {
  text-decoration: none;
}

/* Beschreibung des Fehler's als body[data-layout-csx] in der STATIC Notification */
body[data-layout-csx] .ui-message-error-summary,
body[data-layout-csx] .ui-message-info-summary,
body[data-layout-csx] .ui-message-warn-summary,
body[data-layout-csx] .ui-message-fatal-summary {
  display: none;
}

body[data-layout-csx] .ui-message-error-summary + .ui-message-error-detail,
body[data-layout-csx] .ui-message-info-summary + .ui-message-info-detail,
body[data-layout-csx] .ui-message-warn-summary + .ui-message-warn-detail,
body[data-layout-csx] .ui-message-fatal-summary + .ui-message-fatal-detail {
  padding-top: 0 !important;
  font-weight: bold;
  margin-left: 0;
}

body[data-layout-csx] .ui-message > div {
  display: flex;
}

body[data-layout-csx] .ui-message:empty {
  display: none;
}

/* MESSAGEBOXEN ERROR | INFO | WARN | FATAL */
body[data-layout-csx] .ui-message.ui-message-error .ui-message-error-detail,
body[data-layout-csx] .ui-message.ui-message-info .ui-message-info-detail,
body[data-layout-csx] .ui-message.ui-messages-warn .ui-message-warn-detail,
body[data-layout-csx] .ui-message.ui-messages-fatal .ui-message-fat-detail {
  display: inline-block;
  margin: 0;
  line-height: 1.5;
  padding: 0 0.3125rem 0 0;
}

/* ERROR / INFO / WARNING */
body[data-layout-csx] .ui-message.ui-message-error .ui-message-error-icon,
body[data-layout-csx] .ui-message.ui-message-fatal .ui-message-fatal-icon,
body[data-layout-csx] .ui-message.ui-message-info .ui-message-info-icon,
body[data-layout-csx] .ui-message.ui-message-warn .ui-message-warn-icon,
body[data-layout-csx] .ui-messages .ui-messages-error .ui-messages-error-icon,
body[data-layout-csx] .ui-messages .ui-messages-fatal .ui-messages-fatal-icon,
body[data-layout-csx] .ui-messages .ui-messages-warn .ui-messages-warn-icon,
body[data-layout-csx] .ui-messages .ui-messages-info .ui-messages-info-icon {
  margin: 0 0.625rem;
  justify-content: center;
  align-items: center;
  min-width: 1.375rem;
  min-height: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  display: inline-flex;
  border-radius: 50%;
  position: relative;
  padding: 0.0625rem;
  cursor: default;
  background-color: #515151;
  font-size: 0.875rem !important;
  top: auto;
  font-family: "icomoon" !important;
  border: none;
}

/* FATAL */
body[data-layout-csx] .ui-message.ui-message-fatal {
  background: #fff;
  border-left: 0.3125rem solid #aa2222;
}

/* FATAL ICON */
body[data-layout-csx] .ui-message.ui-message-fatal .ui-message-fatal-icon {
  background: #aa2222;
  color: #fff;
}

/* ERROR */
body[data-layout-csx] .ui-message.ui-message-error {
  background: #fff;
  border-left: 0.3125rem solid #aa2222;
}

/* ERROR ICON */
body[data-layout-csx] .ui-message.ui-message-error .ui-message-error-icon {
  background: #aa2222;
  color: #fff;
}

/* INFO */
body[data-layout-csx] .ui-message.ui-message-info {
  background: #fff;
  border-left: 0.3125rem solid #0D6FBA;
}

/* INFO ICON */
body[data-layout-csx] .ui-message.ui-message-info .ui-message-info-icon {
  background: #0D6FBA;
  color: #fff;
}

/* INFO STANDALONE - BOX STEHT NICHT IM FIELDSET*/
body[data-layout-csx] .standalone-message-info .ui-message.ui-message-info {
  background: rgba(13, 111, 186, 0.1);
}

/* WARNING */
body[data-layout-csx] .ui-message.ui-message-warn {
  background: #fff;
  border-left: 0.3125rem solid #f1c40f;
}

/* WARNING ICON */
body[data-layout-csx] .ui-message.ui-message-warn .ui-message-warn-icon {
  background: #f1c40f;
  color: #000;
}

/* MESSAGES VARIANTE 3 MULTI MESSAGE  */
body[data-layout-csx] .ui-messages {
  border-radius: 0;
  margin: 0 0 0.9375rem 0;
  display: flex;
  padding: 0;
  align-items: center;
  position: relative;
}

body[data-layout-csx] .ui-messages ul {
  list-style: square;
  margin: 0 0 0 1.4375rem;
  padding: 0;
}

body[data-layout-csx] .ui-messages ul > li {
  font-weight: bold;
  padding: 0;
  margin: 0 0 0.3125rem 0;
}

/* WENN NUR EIN LISTENEINTRAG VORLIEGT, KEINEN BULLETPOINT ANZEIGEN */
body[data-layout-csx] .ui-messages ul > li:nth-child(1):last-child {
  list-style-type: none;
  margin-left: -0.9375rem;
}

body[data-layout-csx] .ui-messages ul > li:last-child {
  margin-bottom: 0;
}

body[data-layout-csx] .ui-messages .ui-messages-error,
body[data-layout-csx] .ui-messages .ui-messages-fatal,
body[data-layout-csx] .ui-messages .ui-messages-info,
body[data-layout-csx] .ui-messages .ui-messages-warn {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex: 1;
  margin: 0;
  padding: 0.625rem 0;
}

/* ERROR */
body[data-layout-csx] .ui-messages .ui-messages-error,
body[data-layout-csx] .ui-messages .ui-messages-fatal {
  background: #fff;
  border-left: 0.3125rem solid #aa2222;
}

/* ERROR ICON */
body[data-layout-csx] .ui-messages .ui-messages-error .ui-messages-error-icon {
  background: #aa2222;
  color: #fff;
}

/* FATAL */
body[data-layout-csx] .ui-messages .ui-messages-fatal {
  background: #fff;
  border-left: 0.3125rem solid #aa2222;
}

/* FATAL ICON */
body[data-layout-csx] .ui-messages .ui-messages-fatal .ui-messages-fatal-icon {
  background: #aa2222;
  color: #fff;
}

/* INFO */
body[data-layout-csx] .ui-messages .ui-messages-info {
  background: #fff;
  border-left: 0.3125rem solid #0D6FBA;
}

/* INFO ICON */
body[data-layout-csx] .ui-messages .ui-messages-info .ui-messages-info-icon {
  background: #0D6FBA;
  color: #fff;
}

/* WARNING */
body[data-layout-csx] .ui-messages .ui-messages-warn {
  background: #fff;
  border-left: 0.3125rem solid #f1c40f;
}

/* WARNING ICON */
body[data-layout-csx] .ui-messages .ui-messages-warn .ui-messages-warn-icon {
  background: #f1c40f;
  color: #000;
}

/* Textboxen */
body[data-layout-csx] .ui-messages .ui-messages-error-detail,
body[data-layout-csx] .ui-messages .ui-messages-fatal-detail,
body[data-layout-csx] .ui-messages .ui-messages-warn-detail,
body[data-layout-csx] .ui-messages .ui-messages-info-detail {
  color: #000;
  display: inline-flex;
  line-height: 1.5;
  margin-left: -0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

/* Close Icon in messege */
body[data-layout-csx] .ui-growl .ui-growl-item-container .ui-icon-closethick {
  display: inline-block !important;
}

/*
  TEMPLATING - TEXTVORLAGE
  TEXTAREA U. INPUT TEXT
 */

body[data-layout-csx] .singleFieldTemplating {
  display: flex;
  align-self: flex-start;
}

/* Wenn:
    - Textfeld einzeilig - ui-inputtext
    - Textarea - ui-inputtextarea
    - Select One - ui-selectonemenu
    - Select Many - ui-selectmanymenu
    vorhanden ist, keinen Border */
body[data-layout-csx] .ui-inputgroup:has(.ui-inputtext, .ui-inputtextarea, .ui-selectonemenu, .ui-selectmanymenu) .singleFieldTemplating > .ui-button {
  border-left: none;
}

body[data-layout-csx] .singleFieldTemplating.buttons {
  justify-content: center;
}

/* Fake Dialog - Textvorlage auswaehlen etc. */
body[data-layout-csx] .ui-overlaypanel {
  border-radius: 0;
  padding: 0;
}

body[data-layout-csx] .overlayPanel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #000;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 0.5rem 0.9375rem;
  min-height: 3.125rem;
}

/* Content Templating */
body[data-layout-csx] .ui-overlaypanel-content {
  background: #fff;
  padding: 0;
}

/* Tabelle im Fakedialog */
/* Tabellen Wrapper */
body[data-layout-csx] .singleFieldTemplating.table {
  overflow: auto;
}

/* Tabelle */
body[data-layout-csx] .singleFieldTemplating table {
  box-shadow: none;
  margin: 0;
  table-layout: auto;
}

/* Tabellen Header verstecken */
body[data-layout-csx] .singleFieldTemplating table thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Tabelle tbody */
body[data-layout-csx] .singleFieldTemplating table tbody tr td {
  border-bottom: 0.0625rem dashed #000;
  padding: 0.3125rem 0;
  text-align: left;
}

/* Tabelle tbody content */
/* Eintrag Textvorlage */
body[data-layout-csx] .singleFieldTemplating__entry {
  display: flex;
  flex-direction: column;
  padding: 0.3125rem;
}

/* Beschreibung - Ueberschrift Textvorlage */
body[data-layout-csx] .singleFieldTemplating__entry-description {
  font-weight: bold;
  padding-bottom: 0.3125rem;
}

/* Tabelle letzte Spalte Aktions */
body[data-layout-csx] .singleFieldTemplating table tbody tr td.singleFieldTemplating__action-column {
  text-align: center;
  width: 6rem;
}

/* Tabelle letzte Spalte Aktions Buttons */
body[data-layout-csx] .singleFieldTemplating table tbody tr td.singleFieldTemplating__action-column .ui-button {
  border: none;
  background: none;
  border-radius: 0;
  min-height: 2rem;
  min-width: 2rem;
}

/* Buttons */
body[data-layout-csx] .overlayPanel-header .ui-button {
  border: none;
  background: none;
  padding: 0;
}

body[data-layout-csx] .overlayPanel-header .ui-button.ui-state-hover {
  background: #9d9d9d;
  color: #fff;
}

body[data-layout-csx] .overlayPanel-header .ui-button.ui-state-focus {
  background: #d6d5d9;
  color: #000;
}

body[data-layout-csx] .overlayPanel-header .ui-button .ui-icon {
  display: flex;
}

/* Hover */
body[data-layout-csx] .singleFieldTemplating table tbody tr td.singleFieldTemplating__action-column .ui-button.ui-state-hover {
  background-color: #9d9d9d;
  border-color: #000;
  color: #fff;
}

/* Focus */
body[data-layout-csx] .singleFieldTemplating table tbody tr td.singleFieldTemplating__action-column .ui-button.ui-state-focus {
  background: #d6d5d9;
  color: #000;
}

/* Footer */
body[data-layout-csx] .overlayPanel-footer {
  border-top: 0.0625rem solid #000;
  padding: 0.625rem 0.9375rem;
}

/* Actionform */
body[data-layout-csx] .overlayPanel-footer > .action-form {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

body[data-layout-csx] .overlayPanel-footer .action-form .ui-button {
  border-radius: 0;
  border: 0.0625rem solid !important;
}

/*
  PF-KOMPONENTE TOOLTIP
 */
/* Contentbereich */
body[data-layout-csx] .ui-tooltip-text {
  background: #000;
  color: #fff;
  border-radius: 0.3125rem;
  padding: 0.625rem;
  max-width: 31.25rem;
}

/* Erlauterungen der Gewichtungsmethoden */
body[data-layout-csx] .tooltip-explanations {
  max-width: 25rem;
  z-index: 50000 !important;
}

/* Erlauterungen der Gewichtungsmethoden - Tabelle */
body[data-layout-csx] .tooltip-explanations table.table-explanations {
  table-layout: auto;
  border-collapse: collapse;
  margin: 0;
  width: 100%;
}

body[data-layout-csx] .tooltip-explanations table.table-explanations thead tr th,
body[data-layout-csx] .tooltip-explanations table.table-explanations tbody tr td {
  padding: 0.3125rem !important;
  border: 0.0625rem solid #000;
}

body[data-layout-csx] .tooltip-explanations table.table-explanations tbody tr td {
  font-weight: bold;
  text-align: right;
  min-width: 3.125rem;
}

body[data-layout-csx] .tooltip-explanations table.table-explanations tbody tr td.table-explanations-ordinal-numbers {
  text-align: left;
}

body[data-layout-csx] .tooltip-explanations table.table-explanations tbody tr td.table-explanations-element {
  font-weight: normal;
  text-align: left;
}

/*
  HELPERS | MODIFIER
 */

/*
  AUSRICHTUNGEN
 */
body[data-layout-csx] .valign-items--top {
  align-items: flex-start;
}

body[data-layout-csx] .valign-items--center {
  align-items: center;
}

body[data-layout-csx] .valign-items--bottom {
  align-items: flex-end;
}

body[data-layout-csx] .align-items--left {
  justify-content: flex-start;
}

body[data-layout-csx] .align-items--center {
  justify-content: center;
}

body[data-layout-csx] .align-items--right {
  justify-content: flex-end;
  margin-left: auto;
}

body[data-layout-csx] .align-items--space-between {
  justify-content: space-between;
}

/*
  BOX SHADOW
 */
body[data-layout-csx] .box-shadow--none {
  box-shadow: none !important;
}

/*
  ROTATION
 */
body[data-layout-csx] .rotate-right--90 {
  transform: rotate(90deg);
}

/*
  POSITIONEN
 */
body[data-layout-csx] .position--relative {
  position: relative;
}

/*
  TEXTFORMATIERUNGEN
 */
body[data-layout-csx] .font-weight--bold {
  font-weight: bold;
}

body[data-layout-csx] .text-align--left {
  text-align: left;
  justify-content: flex-start;
}

body[data-layout-csx] .text-align--right {
  text-align: right;
  justify-content: flex-end;
}

body[data-layout-csx] .text-align--center {
  text-align: center;
  justify-content: center;
}

body[data-layout-csx] .text-transform--uppercase {
  text-transform: uppercase;
}

body[data-layout-csx] .white-space--normal {
  white-space: normal;
}

body[data-layout-csx] .white-space--pre {
  white-space: pre;
}

body[data-layout-csx] .white-space--prewrap {
  white-space: pre-wrap;
}

body[data-layout-csx] .white-space--preline {
  white-space: pre-line;
}

/*
 CONTENT BEFORE
 */
body[data-layout-csx] .content-before--display-none::before {
  display: none;
}

body[data-layout-csx] .content-after--display-none::after {
  display: none;
}

/*
 DISPLAY
 */
body[data-layout-csx] .display--none {
  display: none;
}

/*
 FLEX
 */
body[data-layout-csx] .display--style-flex,
body[data-layout-csx] .flex {
  display: flex;
}

body[data-layout-csx] .display--style-inline-flex,
body[data-layout-csx] .inline-flex {
  display: inline-flex;
}

body[data-layout-csx] .flex-wrap--wrap {
  flex-wrap: wrap;
}

body[data-layout-csx] .flex-wrap--no-wrap {
  flex-wrap: nowrap;
}

body[data-layout-csx] .flex-direction--column {
  flex-direction: column;
}

/*
 FLOAT
 */

body[data-layout-csx] .float--left {
  float: left;
}

body[data-layout-csx] .float--right {
  float: right;
}


/*
 ALLGEMEINE MARGINS PADDING#S - HEIGHT - WIDTH
 */
body[data-layout-csx] .margin--all-0 {
  margin: 0 !important;
}

body[data-layout-csx] .margin--bottom-0 {
  margin-bottom: 0 !important;
}

body[data-layout-csx].margin--bottom-auto {
  margin-bottom: auto !important;
}

body[data-layout-csx].margin--top-0 {
  margin-top: 0 !important;
}

body[data-layout-csx].margin--top-auto {
  margin-top: auto !important;
}

body[data-layout-csx] .margin--right-0 {
  margin-right: 0 !important;
}

body[data-layout-csx] .margin--right-auto {
  margin-right: auto !important;
}

body[data-layout-csx] .margin--left-0 {
  margin-left: 0 !important;
}

body[data-layout-csx] .margin--left-auto {
  margin-left: auto !important;
}

body[data-layout-csx] .padding--all-0 {
  padding: 0 !important;
}

body[data-layout-csx] .padding--bottom-0 {
  padding-bottom: 0 !important;
}

body[data-layout-csx] .padding--top-0 {
  padding-top: 0 !important;
}

body[data-layout-csx] .padding--right-0 {
  padding-right: 0 !important;
}

body[data-layout-csx] .padding--left-0 {
  padding-left: 0 !important;
}

body[data-layout-csx] .size--height-0px {
  height: 0;
}

/* MARGINS */
/* margin-all */
body[data-layout-csx] .margin--all-5 {
  margin: 0.3125rem !important;
}

/* margin-bottom */
body[data-layout-csx] .margin--bottom-5 {
  margin-bottom: 0.3125rem !important;
}

/* margin-top */
body[data-layout-csx] .margin--top-5 {
  margin-top: 0.3125rem !important;
}

/* margin-right */
body[data-layout-csx] .margin--right-5 {
  margin-right: 0.3125rem !important;
}

/* margin-left */
body[data-layout-csx] .margin--left-5 {
  margin-left: 0.3125rem !important;
}

/* PADDINGS */
body[data-layout-csx] .padding--all-5 {
  padding: 0.3125rem !important;
}

/* padding-bottom */
body[data-layout-csx] .padding--bottom-5 {
  padding-bottom: 0.3125rem !important;
}

/*  padding-top */
body[data-layout-csx] .padding--top-5 {
  padding-top: 0.3125rem !important;
}

/* padding-right */
body[data-layout-csx] .padding--right-5 {
  padding-right: 0.3125rem !important;
}

/* padding-left */
body[data-layout-csx] .padding--left-5 {
  padding-left: 0.3125rem !important;
}

body[data-layout-csx] .size--height-5px {
  height: 0.3125rem !important;
}

/* MARGINS */
/* margin-all */
body[data-layout-csx] .margin--all-10 {
  margin: 0.625rem !important;
}

/* margin-bottom */
body[data-layout-csx] .margin--bottom-10 {
  margin-bottom: 0.625rem !important;
}

/* margin-top */
body[data-layout-csx] .margin--top-10 {
  margin-top: 0.625rem !important;
}

/* margin-right */
body[data-layout-csx] .margin--right-10 {
  margin-right: 0.625rem !important;
}

/* margin-left */
body[data-layout-csx] .margin--left-10 {
  margin-left: 0.625rem !important;
}

/* PADDINGS */
body[data-layout-csx] .padding--all-10 {
  padding: 0.625rem !important;
}

/* padding-bottom */
body[data-layout-csx] .padding--bottom-10 {
  padding-bottom: 0.625rem !important;
}

/*  padding-top */
body[data-layout-csx] .padding--top-10 {
  padding-top: 0.625rem !important;
}

/* padding-right */
body[data-layout-csx] .padding--right-10 {
  padding-right: 0.625rem !important;
}

/* padding-left */
body[data-layout-csx] .padding--left-10 {
  padding-left: 0.625rem !important;
}

body[data-layout-csx] .size--height-10px {
  height: 0.625rem !important;
}

/* MARGINS */
/* margin-all */
body[data-layout-csx] .margin--all-15 {
  margin: 0.9375rem !important;
}

/* margin-bottom */
body[data-layout-csx] .margin--bottom-15 {
  margin-bottom: 0.9375rem !important;
}

/* margin-top */
body[data-layout-csx] .margin--top-15 {
  margin-top: 0.9375rem !important;
}

/* margin-right */
body[data-layout-csx] .margin--right-15 {
  margin-right: 0.9375rem !important;
}

/* margin-left */
body[data-layout-csx] .margin--left-15 {
  margin-left: 0.9375rem !important;
}

/* PADDINGS */
body[data-layout-csx] .padding--all-15 {
  padding: 0.9375rem !important;
}

/* padding-bottom */
body[data-layout-csx] .padding--bottom-15 {
  padding-bottom: 0.9375rem !important;
}

/*  padding-top */
body[data-layout-csx] .padding--top-15 {
  padding-top: 0.9375rem !important;
}

/* padding-right */
body[data-layout-csx] .padding--right-15 {
  padding-right: 0.9375rem !important;
}

/* padding-left */
body[data-layout-csx] .padding--left-15 {
  padding-left: 0.9375rem !important;
}

body[data-layout-csx] .size--height-15px {
  height: 0.9375rem !important;
}

/* MARGINS */
/* margin-all */
body[data-layout-csx] .margin--all-20 {
  margin: 1.25rem !important;
}

/* margin-bottom */
body[data-layout-csx] .margin--bottom-20 {
  margin-bottom: 1.25rem !important;
}

/* margin-top */
body[data-layout-csx] .margin--top-20 {
  margin-top: 1.25rem !important;
}

/* margin-right */
body[data-layout-csx] .margin--right-20 {
  margin-right: 1.25rem !important;
}

/* margin-left */
body[data-layout-csx] .margin--left-20 {
  margin-left: 1.25rem !important;
}

/* PADDINGS */
body[data-layout-csx] .padding--all-20 {
  padding: 1.25rem !important;
}

/* padding-bottom */
body[data-layout-csx] .padding--bottom-20 {
  padding-bottom: 1.25rem !important;
}

/*  padding-top */
body[data-layout-csx] .padding--top-20 {
  padding-top: 1.25rem !important;
}

/* padding-right */
body[data-layout-csx] .padding--right-20 {
  padding-right: 1.25rem !important;
}

/* padding-left */
body[data-layout-csx] .padding--left-20 {
  padding-left: 1.25rem !important;
}

body[data-layout-csx] .size--height-20px {
  height: 1.25rem !important;
}

/* MARGINS */
/* margin-all */
body[data-layout-csx] .margin--all-25 {
  margin: 1.5625rem !important;
}

/* margin-bottom */
body[data-layout-csx] .margin--bottom-25 {
  margin-bottom: 1.5625rem !important;
}

/* margin-top */
body[data-layout-csx] .margin--top-25 {
  margin-top: 1.5625rem !important;
}

/* margin-right */
body[data-layout-csx] .margin--right-25 {
  margin-right: 1.5625rem !important;
}

/* margin-left */
body[data-layout-csx] .margin--left-25 {
  margin-left: 1.5625rem !important;
}

/* PADDINGS */
body[data-layout-csx] .padding--all-25 {
  padding: 1.5625rem !important;
}

/* padding-bottom */
body[data-layout-csx] .padding--bottom-25 {
  padding-bottom: 1.5625rem !important;
}

/*  padding-top */
body[data-layout-csx] .padding--top-25 {
  padding-top: 1.5625rem !important;
}

/* padding-right */
body[data-layout-csx] .padding--right-25 {
  padding-right: 1.5625rem !important;
}

/* padding-left */
body[data-layout-csx] .padding--left-25 {
  padding-left: 1.5625rem !important;
}

body[data-layout-csx] .size--height-25px {
  height: 1.5625rem !important;
}

/* MARGINS */
/* margin-all */
body[data-layout-csx] .margin--all-30 {
  margin: 1.875rem !important;
}

/* margin-bottom */
body[data-layout-csx] .margin--bottom-30 {
  margin-bottom: 1.875rem !important;
}

/* margin-top */
body[data-layout-csx] .margin--top-30 {
  margin-top: 1.875rem !important;
}

/* margin-right */
body[data-layout-csx] .margin--right-30 {
  margin-right: 1.875rem !important;
}

/* margin-left */
body[data-layout-csx] .margin--left-30 {
  margin-left: 1.875rem !important;
}

/* PADDINGS */
body[data-layout-csx] .padding--all-30 {
  padding: 1.875rem !important;
}

/* padding-bottom */
body[data-layout-csx] .padding--bottom-30 {
  padding-bottom: 1.875rem !important;
}

/*  padding-top */
body[data-layout-csx] .padding--top-30 {
  padding-top: 1.875rem !important;
}

/* padding-right */
body[data-layout-csx] .padding--right-30 {
  padding-right: 1.875rem !important;
}

/* padding-left */
body[data-layout-csx] .padding--left-30 {
  padding-left: 1.875rem !important;
}

body[data-layout-csx] .size--height-30px {
  height: 1.875rem !important;
}

/* MARGINS */
/* margin-all */
body[data-layout-csx] .margin--all-35 {
  margin: 2.1875rem !important;
}

/* margin-bottom */
body[data-layout-csx] .margin--bottom-35 {
  margin-bottom: 2.1875rem !important;
}

/* margin-top */
body[data-layout-csx] .margin--top-35 {
  margin-top: 2.1875rem !important;
}

/* margin-right */
body[data-layout-csx] .margin--right-35 {
  margin-right: 2.1875rem !important;
}

/* margin-left */
body[data-layout-csx] .margin--left-35 {
  margin-left: 2.1875rem !important;
}

/* PADDINGS */
body[data-layout-csx] .padding--all-35 {
  padding: 2.1875rem !important;
}

/* padding-bottom */
body[data-layout-csx] .padding--bottom-35 {
  padding-bottom: 2.1875rem !important;
}

/*  padding-top */
body[data-layout-csx] .padding--top-35 {
  padding-top: 2.1875rem !important;
}

/* padding-right */
body[data-layout-csx] .padding--right-35 {
  padding-right: 2.1875rem !important;
}

/* padding-left */
body[data-layout-csx] .padding--left-35 {
  padding-left: 2.1875rem !important;
}

body[data-layout-csx] .size--height-35px {
  height: 2.1875rem !important;
}

/* MARGINS */
/* margin-all */
body[data-layout-csx] .margin--all-40 {
  margin: 2.5rem !important;
}

/* margin-bottom */
body[data-layout-csx] .margin--bottom-40 {
  margin-bottom: 2.5rem !important;
}

/* margin-top */
body[data-layout-csx] .margin--top-40 {
  margin-top: 2.5rem !important;
}

/* margin-right */
body[data-layout-csx] .margin--right-40 {
  margin-right: 2.5rem !important;
}

/* margin-left */
body[data-layout-csx] .margin--left-40 {
  margin-left: 2.5rem !important;
}

/* PADDINGS */
body[data-layout-csx] .padding--all-40 {
  padding: 2.5rem !important;
}

/* padding-bottom */
body[data-layout-csx] .padding--bottom-40 {
  padding-bottom: 2.5rem !important;
}

/*  padding-top */
body[data-layout-csx] .padding--top-40 {
  padding-top: 2.5rem !important;
}

/* padding-right */
body[data-layout-csx] .padding--right-40 {
  padding-right: 2.5rem !important;
}

/* padding-left */
body[data-layout-csx] .padding--left-40 {
  padding-left: 2.5rem !important;
}

body[data-layout-csx] .size--height-40px {
  height: 2.5rem !important;
}

/* MARGINS */
/* margin-all */
body[data-layout-csx] .margin--all-45 {
  margin: 2.8125rem !important;
}

/* margin-bottom */
body[data-layout-csx] .margin--bottom-45 {
  margin-bottom: 2.8125rem !important;
}

/* margin-top */
body[data-layout-csx] .margin--top-45 {
  margin-top: 2.8125rem !important;
}

/* margin-right */
body[data-layout-csx] .margin--right-45 {
  margin-right: 2.8125rem !important;
}

/* margin-left */
body[data-layout-csx] .margin--left-45 {
  margin-left: 2.8125rem !important;
}

/* PADDINGS */
body[data-layout-csx] .padding--all-45 {
  padding: 2.8125rem !important;
}

/* padding-bottom */
body[data-layout-csx] .padding--bottom-45 {
  padding-bottom: 2.8125rem !important;
}

/*  padding-top */
body[data-layout-csx] .padding--top-45 {
  padding-top: 2.8125rem !important;
}

/* padding-right */
body[data-layout-csx] .padding--right-45 {
  padding-right: 2.8125rem !important;
}

/* padding-left */
body[data-layout-csx] .padding--left-45 {
  padding-left: 2.8125rem !important;
}

body[data-layout-csx] .size--height-45px {
  height: 2.8125rem !important;
}

/* MARGINS */
/* margin-all */
body[data-layout-csx] .margin--all-50 {
  margin: 3.125rem !important;
}

/* margin-bottom */
body[data-layout-csx] .margin--bottom-50 {
  margin-bottom: 3.125rem !important;
}

/* margin-top */
body[data-layout-csx] .margin--top-50 {
  margin-top: 3.125rem !important;
}

/* margin-right */
body[data-layout-csx] .margin--right-50 {
  margin-right: 3.125rem !important;
}

/* margin-left */
body[data-layout-csx] .margin--left-50 {
  margin-left: 3.125rem !important;
}

/* PADDINGS */
body[data-layout-csx] .padding--all-50 {
  padding: 3.125rem !important;
}

/* padding-bottom */
body[data-layout-csx] .padding--bottom-50 {
  padding-bottom: 3.125rem !important;
}

/*  padding-top */
body[data-layout-csx] .padding--top-50 {
  padding-top: 3.125rem !important;
}

/* padding-right */
body[data-layout-csx] .padding--right-50 {
  padding-right: 3.125rem !important;
}

/* padding-left */
body[data-layout-csx] .padding--left-50 {
  padding-left: 3.125rem !important;
}

body[data-layout-csx] .size--height-50px {
  height: 3.125rem !important;
}

/*
  BREITE UND HOEHE
 */
body[data-layout-csx] .width--100-percent {
  width: 100% !important;
}

/*
  IN SCHRITTEN 50px von 100px bis 500
 */
.width--100px {
  width: 6.25rem;
}

.width--150px {
  width: 9.375rem;
}

.width--200px {
  width: 12.5rem;
}

.width--250px {
  width: 15.625rem;
}

.width--300px {
  width: 18.75rem;
}

.width--350px {
  width: 21.875rem;
}

.width--400px {
  width: 25rem;
}

.width--450px {
  width: 28.125rem;
}

.width--500px {
  width: 31.25rem;
}


/*
  ANIMATIONEN
 */
/* Rotation */
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

/*
  DEV, TEST UND FACTSTATE MODE STYLE KENNZEICHNUNG
 */
body[data-layout-csx] .testModeStyle {
  border: 0.125rem solid blue;
}

body[data-layout-csx] .testModeStyle:empty {
  display: none;
}

body[data-layout-csx] .devModeStyle {
  border: 0.125rem solid #aa2222;
}

body[data-layout-csx] .devModeStyle:empty {
  display: none;
}

body[data-layout-csx] .factStateModeStyle {
  border: 0.125rem solid #146140;
  float: left;
}

body[data-layout-csx] .factStateModeStyle:empty {
  display: none;
}

body[data-layout-csx] span.testModeStyle,
body[data-layout-csx] span.devModeStyle,
body[data-layout-csx] span.factStateModeStyle {
  padding: 0.125rem;
}


/*
  WIRD BENOETUG, WENN DIE NEUEN STYLES
  MIT DEN ALTEN VERWENDET WERDEN (z.B. in der Akte)
 */
/***************************************
  !!!! ACHTUNG !!!!
   ABWEICHUNG DER STYLES BEI KRITERIENKATALOG IN DER AKTE
   ANDERES DATA PRAEFIX IN AKTE
 **********/
/* TEXTGROESSEN */
body[data-layout-csx-file] h1 {
  font-size: 1.125rem;
}

body[data-layout-csx-file] h2 {
  font-size: 1rem;
}

body[data-layout-csx-file] h3 {
  font-size: 0.875rem;
}

body[data-layout-csx-file] h4 {
  font-size: 0.8125rem;
}

body[data-layout-csx-file] a:not(.labelTable a),
body[data-layout-csx-file] p,
body[data-layout-csx-file] label,
body[data-layout-csx-file] .ui-tooltip,
body[data-layout-csx-file] .ui-widget,
body[data-layout-csx-file] .ui-outputlabel,
body[data-layout-csx-file] .ui-inputfield,
body[data-layout-csx-file] .ui-inputtextarea,
body[data-layout-csx-file] .ui-selectonemenu-trigger,
body[data-layout-csx-file] .ui-selectcheckboxmenu-label-container,
body[data-layout-csx-file] .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item,
body[data-layout-csx-file] .categorie-selection,
body[data-layout-csx-file] .ui-message,
body[data-layout-csx-file] .ui-messages ul > li,
body[data-layout-csx-file] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-current,
body[data-layout-csx-file] .ui-menu-dynamic .ui-menu-list .ui-menuitem-link .ui-menuitem-text,
body[data-layout-csx-file] .ui-confirm-dialog .ui-dialog-content {
  font-size: 0.75rem;
}

/*
  ICONS STANDARDGRÖSSE (DEFAULT)
 */
body[data-layout-csx-file] .ui-icon {
  font-size: 1rem !important;
}

/*
  SYSTEMBOX HINWEISE AUF UPDATES ETC UEBER DEM HEADER
 */
body[data-layout-csx-file] #testSystemBox {
  min-height: 2.1875rem;
  z-index: 40000;
}

body[data-layout-csx-file] table:not(.tenderFileHeaderTable):not(.browsePages) thead th,
body[data-layout-csx-file] table:not(.tenderFileHeaderTable):not(.browsePages) tbody tr td,
body[data-layout-csx-file] .tree-toggle-switch__text {
  font-size: 0.75rem !important;
}

/* BUTTON */
body[data-layout-csx-file] .ui-button,
body[data-layout-csx-file] .ui-button.ui-button-icon-only,
body[data-layout-csx-file] .ui-button-icon-only,
body[data-layout-csx-file] .ui-fluid .ui-inputgroup .ui-button-icon-only,
body[data-layout-csx-file] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close,
body[data-layout-csx-file] .filter--active .ui-button.filter-button--delete-all,
body[data-layout-csx-file] .tabContent .action-form .ui-button,
body[data-layout-csx-file] .tabContent .tree-toolbar__column .ui-button {
  min-height: 1.5rem;
  min-width: 1.5rem;
  font-size: 0.625rem;
}

/*
   MULTISELECT PANEL (CHECKBOXEN)
   HEADER
*/
body[data-layout-csx-file] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
  background-color: #d9dcc6;
  border: 0.0625rem solid #000;
  border-bottom: none;
}

/* CONTENT */
body[data-layout-csx-file] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
  border: 0.0625rem solid #000;
}

/* MULTISELECT PANEL (CLOSEBUTTON) */
body[data-layout-csx-file] .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
  height: 1.3125rem;
  width: 1.3125rem;
}

/* BUTTON & TEXTE */
body[data-layout-csx-file] .ui-button:not(.helpTextButton) .ui-button-text {
  font-weight: normal;
  font-size: 0.6875rem;
}

body[data-layout-csx-file] .helpTextButton-wrapper > .ui-button.helpTextButton.helpTextButton-empty .ui-button-text {
  font-weight: bold !important;
}

/* BUTTON ALS LINK */
body[data-layout-csx-file] .ui-button-as-link,
body[data-layout-csx-file] .ui-button-as-link:hover {
  background-color: transparent;
  border: none;
  padding: 0;
  text-decoration: underline !important;
}

body[data-layout-csx-file] .ui-button-as-link:hover,
body[data-layout-csx-file] .ui-button-as-link:hover > span.ui-button-text {
  color: #000;
  text-decoration: none !important;
}

body[data-layout-csx-file] .ui-button-as-link.font-weight--bold > span.ui-button-text {
  font-weight: bold;
}

body[data-layout-csx-file] .ui-button-as-link > span.ui-button-text {
  font-size: 0.75rem !important;
}

/* STATUS - FOCUS */
body[data-layout-csx-file] .ui-button.ui-state-focus,
body[data-layout-csx-file] .ui-inputgroup .helpTextButton.ui-state-focus,
body[data-layout-csx-file] .ui-inputgroup .ui-inputfield.ui-state-focus,
body[data-layout-csx-file] .ui-inputgroup .ui-selectonemenu.ui-state-focus,
body[data-layout-csx-file] .ui-inputgroup .ui-inputwrapper-focus,
body[data-layout-csx-file] .ui-inputfield.ui-state-focus,
body[data-layout-csx-file] .ui-selectonemenu.ui-state-focus,
body[data-layout-csx-file] .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider,
body[data-layout-csx-file] .ui-tree .ui-tree-container .ui-treenode-parent .ui-treenode-label.ui-treenode-outline,
body[data-layout-csx-file] .ui-tree .ui-tree-container .ui-treenode-outline,
body[data-layout-csx-file] .filter__group .ui-selectcheckboxmenu.ui-state-focus {
  box-shadow: 0 0 0 0.1875rem #1657A8;
}

/* STATUS - FOCUS IM DIALOG */
body[data-layout-csx-file] .ui-dialog-content .ui-inputfield.ui-state-focus {
  z-index: 50000; /* Muss hoeher liegen als der des Dialoges */
}

/* TAGS */
body[data-layout-csx-file] .ui-tag {
  font-size: 0.625rem;
}

body[data-layout-csx-file] .filter__label,
body[data-layout-csx-file] .filter--active .ui-button .ui-button-text {
  font-size: 0.625rem;
}

body[data-layout-csx-file] .tabContent .ui-fluid--inline-flex {
  display: flex;
  flex-direction: column;
  width: 31.25rem;
}

/* TABELLE */
body[data-layout-csx-file] .ui-datatable-tablewrapper table,
body[data-layout-csx-file] .tabContent .ui-datatable-tablewrapper table {
  margin-bottom: 0 !important;
}

body[data-layout-csx-file] table:not(.tenderFileHeaderTable):not(.browsePages) thead tr th {
  background-color: #d9dcc6;
  border: 0.0625rem solid #000;
  border-bottom: none;
  padding: 0 0.625rem;
  min-height: 2.5rem;
  height: 2.5rem;
}

body[data-layout-csx-file] table:not(.tenderFileHeaderTable):not(.browsePages, [id^="helpTextDialog"]) thead tr th:first-child::after {
  content: "";
  display: table;
  vertical-align: middle;
}

/* SORTIERBARE SPALTE - HOVER - */
body[data-layout-csx-file] table:not(.tenderFileHeaderTable):not(.browsePages) thead tr th.ui-sortable-column.ui-state-hover {
  background-color: #d9dcc6;
}

/* SORTIERBARE SPALTE - NAME - */
body[data-layout-csx-file] table:not(.tenderFileHeaderTable):not(.browsePages) thead tr th.ui-sortable-column .ui-column-title {
  text-decoration: underline;
}

/* SORTIERBARE SPALTE - NAME HOVER - */
body[data-layout-csx-file] table:not(.tenderFileHeaderTable):not(.browsePages) thead tr th.ui-sortable-column.ui-state-hover .ui-icon,
body[data-layout-csx-file] table:not(.tenderFileHeaderTable):not(.browsePages) thead tr th.ui-sortable-column.ui-state-hover .ui-column-title {
  color: #000;
  text-decoration: none;
}

body[data-layout-csx-file] table:not(.tenderFileHeaderTable):not(.browsePages):not(.hideLayoutTable table):not(.monthsTable):not(.labelTable) tbody tr td {
  border: 0.0625rem solid #000;
  padding: 0.625rem;
}

/* datatable Footer siehe VMSWeb/WebRoot/view/tenderFile/expost/vergabebekanntmachung.xhtml */
body[data-layout-csx-file] .ui-datatable .ui-datatable-footer {
  dispaly: block;
  border: 0.0625rem solid #000;
  border-top: none;
  background-color: #d9dcc6;
  border-radius: 0;
  min-height: 2.5rem;
  padding: 0 0.5rem;
  align-content: center;
}

body[data-layout-csx-file] .ui-datatable .ui-datatable-footer a {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
}

/* FORM ELEMENTS*/
body[data-layout-csx-file] .field {
  margin: 0;
  min-height: 2.5rem;
}

/*
  DARSTELLUNG VON ZUSÄTZLICHEN TEXTEN, VOR
  ODER NACH FORMELEMENTEN
  z.B Tage / von-bis / Betrag etc
*/
body[data-layout-csx-file] .field .character-box {
  min-height: 1.5rem;
}

/* BEI READONLY AUSGABE
   MODIFIER "field--readonly"
 */
body[data-layout-csx-file] .field--readonly .character-box__text {
  padding-top: 0.0625rem;
  vertical-align: top;
}

/*
  MEDIA-QUERIES
 */
@media screen and (max-width: 28.125rem) {
  body[data-layout-csx-file] .field-beside .field {
    float: none;
  }
}

/* LABEL */
body[data-layout-csx-file] .ui-outputlabel:not(.checkbox__label, .radiobutton__label) {
  padding-left: 0;
  padding-top: 0.0625rem;
}

/* INPUT GROUPS */
body[data-layout-csx-file] .ui-inputgroup,
body[data-layout-csx-file] .ui-inputgroup .ui-inputgroup-addon,
body[data-layout-csx-file] .ui-inputgroup .ui-inputgroup-addon-checkbox {
  min-width: 1rem;
  min-height: 1rem;
}

/* EINGABE TEXTAREA */
body[data-layout-csx-file] .ui-inputtextarea,
body[data-layout-csx-file] .ui-inputtextarea.ui-state-focus {
  font-size: 0.75rem;
}

/*
   TEXT | DATUM
   RENDERN DER VALUES
*/
body[data-layout-csx-file] .display-value-only-input-text,
body[data-layout-csx-file] .display-value-only-input-textarea,
body[data-layout-csx-file] .display-value-only-input-select,
body[data-layout-csx-file] .display-value-only-input-digit {
  display: inline-block;
  font-size: 0.75rem;
  min-height: 1.5rem;
  min-width: 2rem;
  padding: 0.0625rem 0.3125rem 0 0.3125rem;
  word-break: break-word;
  hyphens: auto;
}

/* EINGABE TEXTFELD */
body[data-layout-csx-file] .ui-inputfield,
body[data-layout-csx-file] .ui-inputfield.ui-state-focus {
  min-height: 1.5rem;
  height: 1.5rem;
}

/* TOGGLE SWITCH */
body[data-layout-csx-file] .ui-toggleswitch-slider {
  transform: scale(0.7);
}

/* FIELDSET & LEGEND */
body[data-layout-csx-file] .ui-fieldset {
  border-radius: 0;
  border: 0.0625rem solid #000;
  box-shadow: none;
  background-color: #f4f4f4;
  margin: 0 0 1.875rem 0 !important;
  padding: 0.625rem;
}

body[data-layout-csx-file] .ui-fieldset-legend {
  border-radius: 0;
  border: 0.0625rem solid #000;
  background-color: #d9dcc6;
  color: #000;
  padding: 0 0.3125rem !important;
  margin: 0 !important;
  user-select: auto;
}

/* RADIOBUTTON & CHECKBOX */
body[data-layout-csx-file] .radiobutton,
body[data-layout-csx-file] .checkbox {
  padding: 0;
}

/* ACTION FORM */
body[data-layout-csx-file] .action-form,
body[data-layout-csx-file] .ui-accordion .action-form {
  margin: 0.625rem 0 1.25rem 0;
  padding-right: 0.625rem;
  border: 0.0625rem solid #000;
  background-color: #f4f4f4;
  box-shadow: none;
}

body[data-layout-csx-file] .tabContent .action-form .ui-button,
body[data-layout-csx-file] .ui-accordion .action-form .ui-button {
  background-color: #d6d5d9;
  border: 0.0625rem solid #000;
  color: #000;
  margin: 0 0.3125rem;
  min-height: 1.3125rem;
  padding: 0 0.3125rem;
  text-transform: uppercase;
}

body[data-layout-csx-file] .tabContent .action-form .ui-button .ui-button-text,
body[data-layout-csx-file] .ui-accordion .action-form .ui-button .ui-button-text {
  font-size: 0.625rem;
  line-height: 1.5em;
  color: #000;
}

body[data-layout-csx-file] .tabContent .action-form .ui-button:hover,
body[data-layout-csx-file] .ui-accordion .action-form .ui-button:hover,
body[data-layout-csx-file] .tabContent .action-form .ui-button.ui-state-hover,
body[data-layout-csx-file] .ui-accordion .action-form .ui-button.ui-state-hover {
  background: #9d9d9d;
  border-color: #000;
  color: #fff;
}

body[data-layout-csx-file] .tabContent .action-form .ui-button.ui-state-hover .ui-button-text,
body[data-layout-csx-file] .ui-accordion .action-form .ui-button.ui-state-hover .ui-button-text {
  color: #fff;
}

/* BEI DETAILANGABE "Erfuellungsgrade" */
body[data-layout-csx-file] .action-form.action-form--tree-details {
  background-color: #f4f4f4;
  border: 0.0625rem solid #000;
  padding: 0.625rem;
  margin-top: 0;
}

body[data-layout-csx-file] .tabContent .action-form.action-form--tree-details {
  background-color: #f4f4f4;
  border: none;
  margin-top: 0;
}

/*
 DETAILANGABE "Erfuellungsgrade Tabelle"
 Letzte Spalte "AKTION" fixe Breite
*/
body[data-layout-csx-file] table.action-last-column--width-150 thead th:last-child {
  width: 9.375rem;
}

/* HELPTEXT IN <h1> */
body[data-layout-csx-file] .headline-wrapper-h1 h1 {
  font-size: 1.125rem;
  margin: 0;
  padding: 0;
}

body[data-layout-csx-file] .ui-inputgroup-addon .helpTextButton-wrapper > .ui-button.helpTextButton.helpTextButton-empty,
body[data-layout-csx-file] .ui-inputgroup-addon .helpTextButton-wrapper > .ui-button.helpTextButton,
body[data-layout-csx-file] .helpTextButton {
  border-width: 0.0625rem;
}

/* ICON SIZE */
body[data-layout-csx-file] legend .helpTextButton-wrapper .helpTextButton .ui-button-text,
body[data-layout-csx-file] .headline-wrapper-h1 .helpTextButton-wrapper .helpTextButton .ui-button-text {
  font-size: 0.875rem;
}

/* HELPTEXTBUTTON / WRAPPER */
body[data-layout-csx-file] .helpTextButton-wrapper,
body[data-layout-csx-file] .helpTextButton-wrapper .helpTextButton {
  min-height: 1.5rem;
  min-width: 1.5rem;
}

/* ICON HELPTEXT BUTTON */
body[data-layout-csx-file] .helpTextButton-wrapper > .helpTextButton > .ui-button-text {
  font-size: 0.875rem;
}


/*  HELPTEXT DIALOG */
body[data-layout-csx-file] .ui-dialog.helpTextDialog-header table tr th .ui-inputfield {
  max-width: 18.75rem;
}

body[data-layout-csx-file] .ui-dialog.helpTextDialog-header table tbody tr td {
  border: none !important;
}

body[data-layout-csx-file] .ui-dialog.helpTextDialog .ui-dialog-content table {
  margin-bottom: 0;
}

body[data-layout-csx-file] .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table thead th {
  padding: 0 0.625rem !important;
}

body[data-layout-csx-file] .ui-dialog.helpTextDialog .action-form {
  background: #f4f4f4;
}

/* AUTOSAVE */
body[data-layout-csx-file] .autosave {
  padding: 0.3125rem 0;
}

body[data-layout-csx-file] .autosave__text {
  font-size: 0.625rem;
}

/* BADGE */
body[data-layout-csx-file] .badge {
  min-width: 1.125rem;
  min-height: 1.125rem;
  padding: 0.0625rem;
  font-size: 0.75rem;
}

/* ICON PFLICHTFLED/OPTIONAL/BEDINGT PFLICHTIG */
body[data-layout-csx-file] .mark-icon {
  float: right;
  margin-top: 0.125rem;
  margin-left: auto;
  height: 0.625rem;
  width: 0.625rem;
}

/* Im Dialog */
body[data-layout-csx-file] .ui-dialog .mark-icon {
  float: none;
  margin-left: 0.3125rem;
}

body[data-layout-csx-file] .mark-icon > i {
  font-size: 0.5rem;
}

/* BADGE innerhalb einer Tabelle */
body[data-layout-csx-file] table td .badge {
  top: auto;
}

body[data-layout-csx-file] .badge > i,
body[data-layout-csx-file] .tree-build .ui-tree-container .node-validation [class^=icon-] {
  font-size: 1rem;
}

/*  TREE PANEL
    Kriterienkatalog innerhalb der Akte
 */
body[data-layout-csx-file] .tree-main-panel .ui-panel-content {
  border: 0.0625rem solid #000;
  border-top: 0;
  border-radius: 0;
  padding: 0.9375rem;
}

body[data-layout-csx-file] .tree-main-panel .ui-panel-titlebar,
body[data-layout-csx-file] .tree-side-panel .ui-panel-titlebar {
  display: flex;
  align-items: center;
  padding: 0 0.3125rem;
  background: #d9dcc6;
  border: 0.0625rem solid #000;
  min-height: 2rem;
}

body[data-layout-csx-file] .tree-main-panel .ui-panel-titlebar .field,
body[data-layout-csx-file] .tree-side-panel .ui-panel-titlebar .field {
  display: grid;
  place-content: center;
}

body[data-layout-csx-file] .tree-main-panel .ui-panel-titlebar .panel-head__row,
body[data-layout-csx-file] .tree-side-panel .ui-panel-titlebar .panel-head__row {
  display: flex;
  flex-wrap: wrap;
  min-height: 2.25rem !important;
}

body[data-layout-csx-file] .tabContent .tree-toggle-switch {
  transform: scale(0.95);
  margin: 0 0.3125rem 0 0.625rem;
}

body[data-layout-csx-file] .tabContent .tree-scroll-wrapper {
  margin-bottom: 0.9375rem;
}

body[data-layout-csx-file] .tabContent .tree-scroll-wrapper .ui-tree {
  width: auto;
}

/* KK in der Akte Toolbar */
body[data-layout-csx-file] .tabContent .tree-toolbar {
  padding-left: 0;
  padding-right: 0;
}

body[data-layout-csx-file] .tabContent .tree-toolbar__column {
  flex-wrap: wrap;
}

body[data-layout-csx-file] .tabContent .tree-toolbar__column .ui-button {
  margin-bottom: 0.625rem;
}

body[data-layout-csx-file] .tabContent .tree-toolbar__column > .ui-button:first-child {
  margin-left: 0;
}

/*
  TREE-NAVIGATION - MENUE
 */
/* LEVEL 1 */
body[data-layout-csx-file] .tree-toolbar-nav .ui-menu-list .ui-menuitem {
  width: auto;
}

body[data-layout-csx-file] .tree-toolbar-nav .ui-menu-list .ui-menuitem > .ui-menuitem-link {
  border-width: 0.0625rem;
  margin: 0 !important;
  padding: 0.125rem 0.625rem;
  width: auto;
}

body[data-layout-csx-file] .tree-toolbar-nav .ui-menu-list .ui-menuitem > .ui-menuitem-link .ui-menuitem-text {
  font-size: 0.75rem;
}

/* LEVEL 2 */
/* SUBMENUE */
body[data-layout-csx-file] .tree-toolbar-nav .ui-menu-list .ui-menu-child.ui-shadow {
  border-width: 0.0625rem;
  min-width: 9.375rem;
  width: auto;
}

body[data-layout-csx-file] .tree-toolbar-nav .ui-menu-list .ui-menu-child.ui-shadow .ui-menuitem {
  margin-right: 0;
}

/* Anzeige Punkte oder Prozente */
body[data-layout-csx-file] .tree-build .ui-tree-container .ui-tree-droppoint.ui-droppable {
  height: 0.3125rem !important;
}

/* Container fuer den jeweiligen Blattknoten leer oder Toggler*/
body[data-layout-csx-file] .tree-build .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
  margin: 0 0.375rem 0 0;
}

body[data-layout-csx-file] .tree-build .ui-tree-container .ui-treenode-label .node-weight > .ui-inputgroup .ui-inputgroup-addon {
  min-width: 1.25rem;
  margin: 0 0.3125rem 0 0;
}

body[data-layout-csx-file] .tree-build .ui-tree-container .ui-treenode-parent .ui-treenode-label,
body[data-layout-csx-file] .tree-build .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
  font-size: 0.75rem;
  min-height: 2rem;
}

body[data-layout-csx-file] .tree-build .ui-tree-container .ui-treenode {
  margin: 0.1875rem 0;
}

body[data-layout-csx-file] .tree-main-panel {
  margin-right: 0;
}

body[data-layout-csx-file] .tree-main-panel .ui-panel-titlebar .panel-head__row {
  min-height: 3.125rem;
}

body[data-layout-csx-file] .tree-main-panel .ui-tree {
  border: 0.125rem dashed #a2a2a2;
  padding: 0.3125rem;
  border-radius: 0;
}

body[data-layout-csx-file] .tabContent .tree-toggle-switch {
  transform: scale(0.95);
  margin: 0 0.3125rem 0 0.625rem;
}

/* Container fuer den KK Tree */
body[data-layout-csx-file] .tabContent .tree-scroll-wrapper {
  margin-bottom: 0.9375rem;
  padding-left: 0;
  padding-right: 0;
}

body[data-layout-csx-file] .tabContent .tree-scroll-wrapper .ui-tree {
  width: auto;
}

body[data-layout-csx-file] .tabContent .tree-toolbar__column {
  flex-wrap: wrap;
}

body[data-layout-csx-file] .tabContent .tree-toolbar__column .ui-button {
  margin-bottom: 0.625rem;
}

body[data-layout-csx-file] .tabContent .tree-build .ui-tree-container .node-validation,
body[data-layout-csx-file] .tabContent .tree-build .ui-tree-container .node-weight-validation {
  height: 2rem;
  width: 1.625rem;
  margin: 0 0.3125rem 0 0;
}

body[data-layout-csx-file] .ui-selectonemenu {
  max-width: 25rem;
}

body[data-layout-csx-file] .ui-selectonemenu .ui-selectonemenu-label {
  padding-right: 3.125rem;
  height: 0.625rem;
}

body[data-layout-csx-file] .ui-selectonemenu .ui-selectonemenu-trigger {
  width: 1.5rem;
  border-radius: 0;
}

body[data-layout-csx-file] .ui-selectonemenu,
body[data-layout-csx-file] .ui-inputfield.ui-state-focus,
body[data-layout-csx-file] .ui-selectonemenu.ui-state-focus,
body[data-layout-csx-file] .tabContent .tree-build .ui-tree-container .ui-treenode-label .node-weight > .ui-inputgroup > .ui-inputnumber .ui-inputfield {
  height: 1.5rem;
  border-radius: 0;
  border-width: 0.0625rem;
}

body[data-layout-csx-file] .tabContent .tree-build .ui-tree-container .ui-treenode-label .node-weight > .ui-inputgroup .ui-inputgroup-addon {
  max-height: 1.5rem;
  min-height: 1.5rem;
  border-radius: 0;
}

/* Container fuer den jeweiligen Blattknoten leer oder Toggler*/
body[data-layout-csx-file] .tabContent .tree-build .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
  margin: 0 0.375rem 0 0;
}

body[data-layout-csx-file] .tabContent .tree-build .ui-tree-container .node-action-icon {
  margin: 0 0.3125rem;
  font-size: 1.5rem;
}

/* Placeholder bei Gewichtungen - wenn das Element bsp. Ausschluss etc. keine Gewichtugnen zulaesst */
body[data-layout-csx-file] .tabContent .tree-build .ui-tree-container .ui-treenode-label .node-weight > .ui-inputgroup > .node-weight-placeholder {
  border: 0.0625rem solid #a8a8a8;
  height: 1.375rem;
  margin: 0 0.3125rem 0 0;
  min-height: 1.375rem;
  width: 5rem;
}

/* Gewichtung Eingabefeld */
body[data-layout-csx-file] .tabContent .tree-build .ui-tree-container .ui-treenode-label .node-weight > .ui-inputgroup > .ui-inputnumber .ui-inputfield {
  height: 1.5rem;
  min-height: 1.5rem;
  width: 3.75rem;
}

body[data-layout-csx-file] .meta-panel__label {
  min-height: 1.25rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.6875rem;
}

/* META PANEL (bsp. Tree) */
body[data-layout-csx-file] .meta-panel__label {
  min-height: 1.25rem;
  font-size: 0.6875rem;
}

body[data-layout-csx-file] .meta-panel__text {
  font-size: 0.75rem;
  min-height: 1.5625rem;
}

/* DIALOGE - THREE DOTS */
body[data-layout-csx-file] .waiting-dialog-wrapper {
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.7);
  border-radius: 0.5rem;
  border: 0.0625rem solid #d4d4d4 !important;
  min-width: 9.75rem;
  min-height: 4.25rem;
}

body[data-layout-csx-file] .waiting-dialog-wrapper .ui-dialog-content {
  min-height: 4.25rem;
}

body[data-layout-csx-file] .waiting-dialog__dot span {
  border-radius: 0.1875rem;
  height: 0.9375rem;
  width: 0.9375rem;
  margin-right: 0.3125rem;
}

body[data-layout-csx-file] .ui-confirm-dialog .ui-dialog-content {
  margin: 0;
  padding: 1.5625rem 0.9375rem !important;
}

body[data-layout-csx-file] .ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message {
  font-size: 0.75rem;
  line-height: 1.5;
}

/* Dialog Content */
body[data-layout-csx-file] .ui-dialog-content,
body[data-layout-csx-file] .ui-confirm-dialog .ui-dialog-content {
  padding: 0.9375rem;
}

body[data-layout-csx-file] .ui-dialog-footer .action-form {
  box-shadow: none;
  border-right: none;
  border-left: none;
  border-bottom: none;
}

/* TEMPLATING - TEXTVORLAGE */
/* Buttton - Aufruf Dialog Wrapper min Hoehe = helpTextButtons */
body[data-layout-csx-file] .singleFieldTemplating {
  min-height: 1.5rem;
}

/* Button zum Aufruf des Dialoges */
body[data-layout-csx-file] .singleFieldTemplating > .ui-button.ui-state-hover {
  background: #9d9d9d;
}

body[data-layout-csx-file] .singleFieldTemplating > .ui-button.ui-state-hover .ui-icon {
  color: #fff;
}

/* Fake Dialog - Textvorlage auswaehlen etc. */
body[data-layout-csx-file] .ui-overlaypanel {
  border: 0.0625rem solid #000;
  box-shadow: 0 0.6875rem .9375rem -0.9375rem rgba(0, 0, 0, 0.2),
  0 1.25rem 1.875rem 0.1875rem rgba(0, 0, 0, 0.2),
  0 0.5625rem 2.875rem 0.5rem rgba(0, 0, 0, 0.2);
}

/* Tabelle */
body[data-layout-csx-file] .singleFieldTemplating.table table tbody tr td:first-child {
  border-left: none !important;
}

body[data-layout-csx-file] .singleFieldTemplating.table table tbody tr td:last-child {
  border-right: none !important;
}

body[data-layout-csx-file] .singleFieldTemplating.table table tbody tr:first-child td {
  border-top: none !important;
}

body[data-layout-csx-file] .singleFieldTemplating.table table tbody tr:last-child td {
  border-bottom: none !important;
}

/* Tabelle letzte Spalte Aktions */
body[data-layout-csx-file] .singleFieldTemplating.table table td.singleFieldTemplating__action-column {
  text-align: center;
  width: 6rem;
}

body[data-layout-csx-file] .ui-dialog,
body[data-layout-csx-file] .singleFieldTemplatingDialog {
  border: none;
}

body[data-layout-csx-file] .ui-dialog-titlebar,
body[data-layout-csx-file] .overlayPanel-header {
  display: flex;
  align-items: center;
  min-height: 2.125rem;
  background: #d9dcc6;
  border: none;
  border-bottom: 0.0625rem solid #000;
  padding: 0 0.625rem;
  margin: 0;
}

body[data-layout-csx-file] .ui-dialog-titlebar .ui-dialog-title,
body[data-layout-csx-file] .overlayPanel-header {
  font-size: 0.875rem;
  font-weight: bold;
}

/* Close Button */
body[data-layout-csx-file] .overlayPanel-header .ui-button,
body[data-layout-csx-file] .overlayPanel-header .ui-button.ui-state-hover,
body[data-layout-csx-file] .overlayPanel-header .ui-button.ui-state-focus {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-image: url("../images/default/wizard/close_normal_16x16.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  padding: 0.0625rem;
}

body[data-layout-csx-file] .overlayPanel-header .ui-button .ui-icon {
  display: none;
}

body[data-layout-csx-file] .ui-overlaypanel-content table {
  margin-bottom: 0 !important;
}

body[data-layout-csx-file] .ui-dialog-footer,
body[data-layout-csx-file] .overlayPanel-footer {
  padding: 0 0.9375rem;
}

body[data-layout-csx-file] .ui-dialog-footer,
body[data-layout-csx-file] .ui-dialog-footer .action-form,
body[data-layout-csx-file] .singleFieldTemplatingDialog .ui-dialog-footer,
body[data-layout-csx-file] .singleFieldTemplatingDialog .ui-dialog-footer .action-form,
body[data-layout-csx-file] .overlayPanel-footer,
body[data-layout-csx-file] .overlayPanel-footer .action-form {
  background: #f4f4f4;
  min-height: 2.625rem;
}

body[data-layout-csx-file] .ui-dialog-footer .ui-button,
body[data-layout-csx-file] .overlayPanel-footer .action-form .ui-button {
  margin-right: 0;
}

body[data-layout-csx-file] .ui-dialog-footer .ui-button:last-child,
body[data-layout-csx-file] .overlayPanel-footer .action-form .ui-button:last-child {
  margin-right: 0 !important;
}

body[data-layout-csx-file] .result-output {
  background-color: #fff;
  min-height: 1.375rem;
  font-size: 0.75rem;
  border: 0.0625rem solid #a8a8a8;
  min-width: 3.125rem;
}

/* TABELLENFILTER */
/* Ausrichtungen und Aussehen, wie bei den alten Filtern */
body[data-layout-csx-file] .filter {
  border: 0.0625rem solid #000;
  border-bottom: none;
  margin-bottom: 0;
  min-height: 5rem;
  padding: 0.5rem 0.3125rem;
}

/* Tabellenfilter innerhalb der Akte - Kriterienkatalog - unterhalb einer Tabelle */
body[data-layout-csx-file] #criteriaCatalogSelection .filter {
  border-bottom: 0.0625rem solid #000;
  min-height: auto;
}

/* Keinen Border im tfooter */
body[data-layout-csx-file] #criteriaCatalogSelection .ui-paginator-bottom .filter {
  border: none;
}

body[data-layout-csx-file] .filter.filter--settings {
  justify-content: flex-end;
}

body[data-layout-csx-file] .filter.filter--settings .filter__column--last-child {
  display: flex;
  align-items: center;
  margin: -0.25rem 0 0 0;
}

@-moz-document url-prefix() {
  body[data-layout-csx-file] .filter.filter--settings .filter__column--last-child {
    margin: 0;
  }
}

body[data-layout-csx-file] .filter.filter--settings .ui-outputlabel {
  font-size: 0.625rem;
  font-weight: normal;
  margin-bottom: 0.375rem;
}

/* Checkboxmenu - auch Verwendung in Filterkomponenten */
body[data-layout-csx-file] .ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple {
  min-height: 1.5rem;
}

body[data-layout-csx-file] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
  height: unset;
  min-height: 1.375rem;
}

body[data-layout-csx-file] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container {
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
}

body[data-layout-csx-file] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container:empty {
  display: flex;
  align-items: center;
  min-height: 1.375rem;
  padding: 0 0 0 0.3125rem;
}

body[data-layout-csx-file] .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
  min-width: 18.75rem;
  max-width: 39.1875rem;
  min-height: auto;
}

body[data-layout-csx-file] .filter .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
  min-width: 10rem;
  max-width: 18.75rem;
}

body[data-layout-csx-file] .ui-selectcheckboxmenu-multiple-container.ui-inputfield .ui-selectcheckboxmenu-emptylabel {
  min-height: 1.125rem;
}

body[data-layout-csx-file] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  background-color: #fff;
  color: #000;
  border-radius: 0;
  border-left: none;
}

/*  AUSGEWAEHLTE FILTER - TAGS */
body[data-layout-csx-file] .filter__group {
  margin-bottom: 0;
}

body[data-layout-csx-file] .filter__group .field {
  margin: 0;
}

/* MESSAGE INNERHALB DER FILTERKOMPONENTE */
body[data-layout-csx-file] .filter__group .field .ui-messages {
  margin-bottom: 0;
}

body[data-layout-csx-file] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token,
body[data-layout-csx-file] .filter__group .ui-selectcheckboxmenu-token {
  font-size: 0.6875rem !important;
  min-height: 1rem;
  border-radius: 0.1875rem;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

body[data-layout-csx-file] .filter__group .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label {
  padding: 0 0 0 0.3125rem;
}

body[data-layout-csx-file] .filter__group .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon,
body[data-layout-csx-file] .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
  font-size: 0.625rem !important;
  margin: 0 0.3125rem;
}

/* WRAPPER TABELLE PAGING OLD */
body[data-layout-csx-file] .tablePagingBox {
  margin-top: -3.0625rem;
}

body[data-layout-csx-file] table.browsePages td {
  padding: 0;
}

/* TABELLE PAGING  */
body[data-layout-csx-file] table.browsePagesCurrentPageTable {
  margin-bottom: 0 !important;
}

/* AKTUELLE SEITE IST EINE TD */
body[data-layout-csx-file] table.browsePagesCurrentPageTable tbody tr td.browsePagesCurrentPageTableData {
  background: #ff6600 !important;
  height: 1.25rem !important;
  padding: 0 !important;
}

body[data-layout-csx-file] table.browsePagesCurrentPageTable tbody tr td.browsePagesCurrentPageTableData + td.showWaitingDialogInChildAOnly a {
  margin-left: 0.1875rem;
}

body[data-layout-csx-file] table.browsePagesCurrentPageTable tbody tr > td.browsePagesCurrentPageTableData:last-child {
  margin-right: 0.1875rem;
}

/* WEITERE SEITEN */
body[data-layout-csx-file] table.browsePagesCurrentPageTable tbody tr,
body[data-layout-csx-file] table.browsePagesCurrentPageTable tbody tr td.showWaitingDialogInChildAOnly {
  background: transparent !important;
  border: none !important;
  height: 1.125rem !important;
  padding: 0 !important;
}

/* TABELLE */
body[data-layout-csx-file] .ui-datatable-tablewrapper table,
body[data-layout-csx-file] .filter--settings {
  box-shadow: none;
}

/* PAGINATOR NEU VERSION PF */
body[data-layout-csx-file] .ui-datatable .ui-paginator.ui-paginator-bottom {
  border: 0.0625rem solid #000;
  border-top: none;
  background-color: #d9dcc6;
  min-height: 2.5rem;
  height: max-content;
  padding: 0 0.5rem;
}

body[data-layout-csx-file] .ui-datatable-tablewrapper table tbody tr:hover td {
  background: transparent;
}

/* PAGING BUTTONS SEITEN 1,2,3 etc. */
body[data-layout-csx-file] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-pages .ui-paginator-page:not(.ui-state-active),
body[data-layout-csx-file] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-pages .ui-paginator-page:not(.ui-state-active).ui-state-hover {
  background: none;
  border: none;
  color: #000;
  text-decoration: underline;
}

body[data-layout-csx-file] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-pages .ui-paginator-page:not(.ui-state-active).ui-state-hover {
  background: #cccc99;
}

/* ACTIVE PAGE */
body[data-layout-csx-file] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-pages .ui-state-active,
body[data-layout-csx-file] .ui-datatable .ui-paginator.ui-paginator-bottom .ui-paginator-pages .ui-state-active:hover {
  border: 0.0625rem solid #000;
  background-color: #ff6600;
  color: #000;
  font-size: 0.75rem;
}

/* PAGINATOR - BUTTONS */
body[data-layout-csx-file] .ui-paginator .ui-paginator-page,
body[data-layout-csx-file] .ui-paginator .ui-paginator-next,
body[data-layout-csx-file] .ui-paginator .ui-paginator-last,
body[data-layout-csx-file] .ui-paginator .ui-paginator-first,
body[data-layout-csx-file] .ui-paginator .ui-paginator-prev {
  font-size: 0.75rem;
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  min-height: 1.25rem !important;
  padding: 0 !important;
}

body[data-layout-csx-file] .ui-paginator .ui-paginator-next.ui-state-hover,
body[data-layout-csx-file] .ui-paginator .ui-paginator-last.ui-state-hover,
body[data-layout-csx-file] .ui-paginator .ui-paginator-first.ui-state-hover,
body[data-layout-csx-file] .ui-paginator .ui-paginator-prev.ui-state-hover {
  background: #cccc99 !important;
  color: #000 !important;
}

body[data-layout-csx-file] .ui-paginator .ui-paginator-page::before,
body[data-layout-csx-file] .ui-paginator .ui-paginator-next::before,
body[data-layout-csx-file] .ui-paginator .ui-paginator-last::before,
body[data-layout-csx-file] .ui-paginator .ui-paginator-first::before,
body[data-layout-csx-file] .ui-paginator .ui-paginator-prev::before {
  font-size: 0.75rem !important;
}

/* Bei Detailangabe "Erfuellungsgrade" */
body[data-layout-csx-file] .ui-datatable-tablewrapper {
  overflow: hidden;
  padding-bottom: 0;
  width: 100%;
}

body[data-layout-csx-file] .filter--active {
  background-color: #f4f4f4;
  padding-bottom: 0.9375rem;
  padding-top: 0.625rem;
}

/* NAVIGATION MENUE */
body[data-layout-csx-file] .ui-menu-dynamic .ui-menu-list {
  width: auto;
  max-width: 15.625rem;
}

body[data-layout-csx-file] .ui-menu-dynamic .ui-menu-list .ui-menuitem {
  width: auto;
  background: #fff;
}

body[data-layout-csx-file] .ui-menu-dynamic .ui-menu-list .ui-menuitem .ui-menuitem-link {
  display: flex;
  align-items: center;
  width: auto;
}

body[data-layout-csx-file] .ui-menu-dynamic .ui-menu-list,
body[data-layout-csx-file] .ui-menu-dynamic .ui-menu-list .ui-menu-child.ui-shadow {
  border: 0.0625rem solid #000;
  border-radius: 0;
}

body[data-layout-csx-file] .ui-menu-dynamic .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon {
  color: #000;
  display: inline-flex;
  margin-left: auto;
}

/* PF-KOMPONENTE TOOLTIP */
/* Contentbereich */
body[data-layout-csx-file] .ui-tooltip-text {
  border-radius: 0.3125rem;
  padding: 0.625rem;
  max-width: 31.25rem;
}

/* Erlauterungen der Gewichtungsmethoden */
body[data-layout-csx-file] .tooltip-explanations {
  max-width: 37.5rem;
}

/* Erlauterungen der Gewichtungsmethoden - Tabelle */
body[data-layout-csx-file] .tooltip-explanations table.table-explanations thead tr th,
body[data-layout-csx-file] .tooltip-explanations table.table-explanations tbody tr td {
  padding: 0.3125rem !important;
  border: 0.0625rem solid #000;
}

body[data-layout-csx-file] .tooltip-explanations table.table-explanations tbody tr td {
  min-width: 3.125rem;
}

body[data-layout-csx-file] .tooltip-explanations table.table-explanations tbody tr td.table-explanations-element {
  min-width: 5rem;
}

/* ANMERKUNGEN */
body[data-layout-csx-file] .annotation__headline {
  margin: 0.625rem 0;
  padding: 0;
}

body[data-layout-csx-file] .annotation__subline {
  margin-bottom: 0.3125rem;
  min-height: 1.5625rem;
}

/* NOTIFICATION - MESSAGEBOXEN */
body[data-layout-csx-file] .ui-message {
  /* max-width: 33.125rem; */
}

/* TOASTER NOTIFICATION INNHERHALB DER AKTE */
body[data-layout-csx-file].bodyTenderFile #growl_container {
  top: 5.625rem;
}

/* TOASTER NOTIFICATION INNHERHALB DER AKTE + PRAESENTATIONSMODUS */
body[data-layout-csx-file].bodyTenderFile #DemoModeForm ~ #growl_container {
  top: 6.875rem;
}

/* TOASTER NOTIFICATION INNHERHALB + TESTSYSTEMBOX DER AKTE */
body[data-layout-csx-file].bodyTenderFile #testSystemBox ~ #growl_container {
  top: 7.8125rem;
}

/* TOASTER NOTIFICATION INNHERHALB DER AKTE + TESTSYSTEMBOX + PRAESENTATIONSMODUS */
body[data-layout-csx-file].bodyTenderFile #testSystemBox ~ #DemoModeForm ~ #growl_container {
  top: 8.75rem;
}

/*
  ACCORDION / TOGGLE
 */
body[data-layout-csx-file] .ui-accordion .ui-accordion-header,
body[data-layout-csx-file] .ui-accordion .ui-accordion-header:hover {
  background: #d9dcc6;
  border: 0.0625rem solid #000;
  border-top: none;
  color: #000;
  min-height: 2.375rem;
  font-size: 0.75rem;
}

body[data-layout-csx-file] .ui-accordion .ui-accordion-header:first-child {
  border-top: 0.0625rem solid #000;
}

body[data-layout-csx-file] .ui-accordion .ui-accordion-content {
  border: 0.0625rem solid #000;
  border-top: none;
}

body[data-layout-csx-file] .ui-accordion h1,
body[data-layout-csx-file] .ui-accordion h2,
body[data-layout-csx-file] .ui-accordion h3,
body[data-layout-csx-file] .ui-accordion h4 {
  padding-left: 0;
}

body[data-layout-csx-file] .ui-accordion .infoAdvancedContainer {
  background-position: 0 0.0625rem;
  padding-left: 1.5625rem;
}

/*
 DATEPCIKER
 */
/* Eingabefeld NUR Datum*/
body[data-layout-csx-file] .staticAnker .p-datepicker {
  margin: 0;
}

body[data-layout-csx-file] .staticAnker .p-datepicker .ui-inputfield {
  padding: 0 0.1875rem;
  text-align: right;
  width: 4.6875rem;
}

body[data-layout-csx-file] .staticAnker .p-datepicker .ui-inputfield.ui-state-focus {
  z-index: 2;
}

/* Date Button Icon Kalender */
body[data-layout-csx-file] .staticAnker .p-datepicker .ui-datepicker-trigger.ui-button {
  border-radius: 0;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.5rem;
}

body[data-layout-csx-file] .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar::before {
  content: "";
}

/* Kalender */
body[data-layout-csx-file] .ui-datepicker {
  background: #fff;
  color: #000;
  padding: 0 !important;
}

body[data-layout-csx-file] .ui-datepicker .ui-datepicker-group {
  padding: 0;
}

body[data-layout-csx-file] .ui-datepicker .ui-datepicker-header {
  border-bottom: 0.0625rem solid #000;
  background: #d9dcc6;
  padding: 0.375rem 0.625rem !important;
}

/* Select Monat/Jahr */
body[data-layout-csx-file] .ui-datepicker .ui-datepicker-title select {
  width: 4.875rem !important;
  margin: 0 !important;
}

/* Kalender Tabelle */
body[data-layout-csx-file] .ui-datepicker table.ui-datepicker-calendar {
  margin: 0;
}

/* Table Head */
body[data-layout-csx-file] .ui-datepicker table.ui-datepicker-calendar thead tr th {
  background: #fff;
  border: none;
  font-size: 0.75rem;
  padding: 0.5rem 0.3125rem !important;
}

/* Table Body */
body[data-layout-csx-file] .ui-datepicker table.ui-datepicker-calendar tbody tr td {
  padding: 0 !important;
  height: 1.875rem;
  width: 1.875rem;
  border: none !important;
}

/* Buttons im body */
body[data-layout-csx-file] .ui-datepicker table.ui-datepicker-calendar tbody tr td a {
  border-radius: 0;
  align-items: center;
  display: inline-flex;
  height: 1.25rem;
  justify-content: center;
  padding: 0;
  width: 1.25rem;
}

/* Button Heute */
body[data-layout-csx-file] .ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-highlight {
  color: #000;
}

/* Spalte KW */
body[data-layout-csx-file] .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-datepicker-weeknumber > span.ui-state-disabled {
  background: none !important;
  font-weight: bold !important;
  color: #000 !important;
}

/* Button fuer die Monate */
body[data-layout-csx-file] .ui-datepicker .ui-datepicker-prev,
body[data-layout-csx-file] .ui-datepicker .ui-datepicker-next {
  padding-top: 0.3125rem;
  top: 1.0625rem !important;
}

body[data-layout-csx-file] .ui-datepicker .ui-datepicker-next::before,
body[data-layout-csx-file] .ui-datepicker .ui-datepicker-prev::before {
  content: "";
}

/* Buttons - heute - loeschen */
body[data-layout-csx-file] .ui-datepicker .ui-datepicker-buttonbar {
  background: #f4f4f4;
  border-top: 0.0625rem solid #000;
  margin-top: 0.625rem;
  padding: 0.125rem 0;
}

body[data-layout-csx-file] .ui-datepicker .ui-datepicker-buttonbar .ui-g-6 {
  text-align: center;
}

/*
   TOOLTIP
 */
body[data-layout-csx-file] .tooltipBoxContent h1 {
  color: #fff;
  font-size: 0.6875rem;
  margin: 0;
  padding: 0.125rem 0.1875rem;
}


/*
  PRINT STYLES
 */
@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    box-shadow: none !important;
  }

  html,
  body {
    height: 99%;
  }

  body {
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    color: #000;
  }

  .tree-view-splitter {
    flex-direction: column;
  }

  .tree-side-panel {
    max-width: 100% !important;
    margin: 0 !important;
  }

  .layout-wrapper {
    display: inline-block !important;
    background-color: #fff !important;
    min-height: auto !important;
    overflow: auto;
    width: auto;
  }

  .header,
  .ui-growl,
  .back2top,
  .testModeStyle,
  #testSystemBox,
  .ui-datatable-reflow > .ui-reflow-label,
  .ui-datatable-reflow > .ui-reflow-label + .ui-reflow-dropdown {
    display: none !important;
  }

  .content {
    margin: 0 !important;
    border: none !important;
    height: auto !important;
    padding: 0 !important;
    position: relative !important;
    overflow: auto !important;
    overflow-x: hidden !important;
  }

  .main {
    padding: 0 !important;
  }

  .footer {
    margin-top: 0.5cm;
    position: relative !important;
  }

  /* Button Icon Only */
  .ui-button.ui-button-icon-only .ui-icon {
    display: inline-block !important;
    font-size: 1rem !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin-top: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
}

/*******************************/
/* JAVASCRIPT-ERROR-BOX  DEBUG */
/*******************************/
body[data-layout-csx] .jsErrorBox {
  background-color: #ff0000;
  color: #fff;
  position: fixed;
  z-index: 99999999;
  width: 43.75rem;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  display: inline-block;
  min-height: 3.75rem;
  max-height: 9.375rem;
  min-width: 5rem;
  padding: 0.75rem;
  vertical-align: middle;
}