/*--------------------------------------------------------------------
  layout styles (overriding / extending the default CD Bund style)
---------------------------------------------------------------------- */
#breadcrumb {
	margin-bottom: 10px;
	padding: 3px 5px 3px 10px;
	font-size: 0.9em;
	height: 23px;
	background-color: var(--bluegray-100);
}

#breadcrumb .lastBreadcrumb {
	font-weight: bold;
}

#breadcrumb img {
	border: 0;
	float: right;
}

/*--------------------------------------------------------------------
   navigation purpose
---------------------------------------------------------------------- */
.navLevel1 {
	padding: 4px 0 0 15px;
	margin-top: 0;
	margin-left: 0;
	text-align: left;
	border-top: 1px solid #CCC;
	height: 16px;
}

/*--------------------------------------------------------------------
   table styles
---------------------------------------------------------------------- */
/*--------------------------------------------------------------------
   master table is the grid for a form table , the need is because the grids can be nested
---------------------------------------------------------------------- */
.masterTable td {
	padding: 0;
}

.masterTable td.paddingCell {
	padding: 2px 0 2px 0;
	vertical-align: top;
}

td.bottom,th.bottom {
	vertical-align: bottom;
}

td.top,th.top {
	vertical-align: top;
}

.col10 {
	width: 10px;
}

.col20 {
	width: 20px;
}

.col25 {
	width: 25px;
}

.col50 {
	width: 50px;
}

.col75 {
	width: 75px;
}

.col90 {
	width: 90px;
}
.col100 {
	width: 100px;
}

.col107 {
	width: 107px;
}

.col110 {
	width: 110px;
}

.col140 {
	width: 140px;
}

.col150 {
	width: 150px;
}

.col170 {
	width: 170px;
}

.col170min {
	width: 170px;
	min-width: 170px;
}

.col200 {
	width: 200px;
}

.col210 {
	width: 210px;
}

.col220 {
	width: 220px;
}

.col230 {
	width: 230px;
}

.col240 {
	width: 240px;
}

.col250 {
	width: 250px;
}

.col270 {
	width: 270px;
}

.col300 {
	width: 300px;
}

.col350 {
	width: 350px;
}

.col360 {
	width: 360px;
}

.col400 {
	width: 400px;
}

.col425 {
	width: 425px;
}

.col450 {
	width: 450px;
}

.col470 {
	width: 470px;
}

.col480 {
	width: 480px;
}

.col500 {
	width: 500px;
}

.col600 {
	width: 600px;
}

.col800 {
	width: 800px;
}

.colAuto {
	width: auto;
}

.colIcon {
	width: 25px;
}

.tableScrollArea {
	max-height: 600px;
	overflow: auto;
}

.data-table .content-row:hover,.data-table .content-row:hover td.highlight
{
	background-color: #DDDDDD;
}

.data-table th.highlight {
	background-color: #BBBBBB;
}

.data-table td.highlight {
	background-color: #EEEEEE;
}

.ui-paginator {
	font-weight: bold;
}

.ui-paginator-first.ui-state-default.ui-corner-all,
.ui-paginator-prev.ui-state-default.ui-corner-all,
.ui-paginator-next.ui-state-default.ui-corner-all,
.ui-paginator-last.ui-state-default.ui-corner-all {
	margin-top: 1px;
}

.ui-paginator-current {
	margin-top: 2px !important;
}

select.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
	margin-top: 0;
}

html body .ui-datatable.data-table .ui-datatable-data > tr > td {
	padding: 0.4rem 0.4rem;
	border: 1px solid rgba(0, 0, 0, .08);
}

html body .ui-datatable.data-table > div > table > thead > tr > th {
	text-align: center;
	vertical-align: top;
}

.noHeader.ui-datatable table thead tr {
	display: none;
}

.fullWidth {
	width: 100%;
}

.fullWidthSeparator {
	width: 100%;
	margin-bottom: 12px;
}

/*--------------------------------------------------------------------
   filter panel (shown above the dataGrid, for instance on partner listing)
---------------------------------------------------------------------- */
.filterPanel {
	padding: 0;
}

.filterPanel div.ui-helper-clearfix:before, .filterPanel div.ui-helper-clearfix:after {
	display: inline;
}

/*--------------------------------------------------------------------
   form
---------------------------------------------------------------------- */
.field30 {
	width: 30px;
}

.field35 {
	width: 35px;
}

.field50 {
	width: 50px;
}

.field70 {
	width: 70px;
}

.field120 {
	width: 120px;
}

.field170 {
	width: 170px;
	min-width: 170px !important;
}
.field210 {
	width: 210px;
}
.field240 {
	width: 240px;
}

.field260 {
	width: 260px;
}

.field270 {
	width: 270px;
	min-width: 270px !important;
}

.field340 {
	width: 340px;
}

.field370 {
	width: 370px;
	min-width: 370px !important;
}

.field440 {
	width: 440px;
}

.field470 {
	width: 470px;
}

.field540 {
	width: 540px;
}

.field625 {
	width: 625px;
}

input {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	padding: 2px;
}

select,textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
}

select {
	height: 28px;
}

.filter-input {
	width: 90%;
}

input.checkbox {
	border: none;
}

.ui-selectbooleancheckbox.ui-chkbox.ui-widget.checkbox {
	padding-left: 4px;
	padding-right: 4px;
}

/*--------------------------------------------------------------------
   custom styles
---------------------------------------------------------------------- */
.outputField {
	background-color: var(--bluegray-50) !important;
	border: 1px dashed #999999 !important;
	height: 15px;
	padding: 2px 3px 2px 3px;
	min-width: 30px;
	display: block;
	float: left;
	overflow: hidden;
	opacity: 1 !important;
	filter: Alpha(Opacity=100) !important;
}

.outputField.two-lines {
	height: 30px;
}

.noStyle {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
}

.whiteSpaceNoWrap {
	white-space: nowrap;
}

.pointer {
	cursor: pointer;
}

.errorMsg {
	background-color: #FFECE5;
}

.innerBreadcrumb {
	margin-bottom: 10px;
	display: block;
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	line-height: 25px;
	text-align: left;
	padding-left: 10px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

/*--------------------------------------------------------------------
   this style is used for the panel around the tooltip message graphic
---------------------------------------------------------------------- */
p.tooltipEntry {
	margin-top: 4px;
	margin-bottom: 4px;
}

.tooltipSummary {
	font-weight: bold;
}

.tooltipIcon {
	display: inline-block;
	margin-left: 2px;
	position: relative; /* workaround - parts of the icon weren't visible in some cases */
}

.noBorderPanel .ui-panel,
.noBorderPanel .ui-panel-content,
.noBorderPanel .ui-panel-titlebar {
	border: none !important;
	box-shadow: none !important;
}

.unisys-left-margin-5 {
	margin-left: 5px !important;
}

/*--------------------------------------------------------------------
   datatable
---------------------------------------------------------------------- */
a.unisys-sort-arrow-default,a.unisys-sort-arrow-asc,a.unisys-sort-arrow-desc {
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
}

a.unisys-sort-arrow-default {
	background-image: url(../images/sort-arrow-default.gif);
}

a.unisys-sort-arrow-asc {
	background-image: url(../images/sort-arrow-asc.gif);
}

a.unisys-sort-arrow-desc {
	background-image: url(../images/sort-arrow-desc.gif);
}

td.center, th.center, .ui-datatable td.center, .ui-datatable th.center {
	text-align: center;
}

td.left,th.left {
	text-align: left;
}

td.right, th.right, .right {
	text-align: right;
}

html body .ui-datatable.data-table .ui-datatable-data .ui-widget-content.ui-datatable-odd {
	background-color: var(--bluegray-50);
}

/*--------------------------------------------------------------------
   picklist
---------------------------------------------------------------------- */
.unisys-picklist {
	width: 140px;
}

.unisys-picklist-controls {
	width: 120px;
	padding-left: 8px;
	padding-right: 8px;
}

.unisys-picklist-caption {
	margin-left: 15px;
}

.unisys-picklist-controls a,.unisys-picklist-controls a:hover,.unisys-picklist-controls a:visited,.unisys-picklist-controls a:active
{
	color: #000000;
	text-decoration: none;
}

/*--------------------------------------------------------------------
   images
---------------------------------------------------------------------- */
.image-button {
	border: 0;
}

/*--------------------------------------------------------------------
   command link image buttons
---------------------------------------------------------------------- */
.action-bar {
	margin: 10px 0;
	text-align: right;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

/**--------------------------------------------------------------------
/* Buttons
/*---------------------------------------------------------------------*/
.ui-fileupload-simple > .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only,
.ui-picklist-buttons .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left,
.ui-autocomplete-dropdown.ui-button.ui-widget.ui-state-default.ui-corner-right.ui-button-icon-only {
	background-color: var(--bluegray-500);
	border-color: var(--bluegray-500);
}

.ui-picklist-buttons-cell {
	padding-right: 6px;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left {
	margin-left: 4px;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-button-success,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-button-secondary {
	margin-left: 0;
}

.button-margin-left-right {
	margin-left: 4px !important;
	margin-right: 4px !important;
}

.button-margin-left {
	margin-left: 4px !important;
}

/*--------------------------------------------------------------------
   Messages
---------------------------------------------------------------------- */
.nabodat-messages dt,div.nabodat-messages {
	padding: 5px;
}

.nabodat-messages-fatal {
	background-color: #FFECE5;
}

.nabodat-messages-error {
	background-color: #FFECE5;
}

.nabodat-messages-warn {
	background-color: #FFECE5;
}

.nabodat-messages-info {
	background-color: #EEEEEE;
}

.nabodat-messages-marker {
	margin-right: 5px;
}

/*--------------------------------------------------------------------
   tables
---------------------------------------------------------------------- */
.horizonte-detail-table {
	width: 100%;
}

.horizonte-detail-table-cell {
	padding: 2px 4px 2px 4px;
}

tr.table-row-even {
	background-color: transparent;
}

tr.table-row-odd {
	background-color: #EEEEEE;
}

td.highlightedRow {
	background-color: #F1EEE9;
}

/*--------------------------------------------------------------------
   tooltip
---------------------------------------------------------------------- */
.ui-tooltip-text {
	background-color: var(--blue-500) !important;
	border: 3px solid var(--blue-500) !important;
	color: #ffffff !important;
	font-weight: bold !important;
}

/*--------------------------------------------------------------------
   ajax
---------------------------------------------------------------------- */
.ajaxStatus {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	z-index: 999;
	background-color: #ffffff;
	border: 3px solid #C4C0C9;
}

.ajaxStatus img {
	margin-left: 9px;
	margin-top: 9px;
}

/*--------------------------------------------------------------------
   queryengine
---------------------------------------------------------------------- */
.attributeGroup {
	margin: 5px 5px 0 0;
}

.queryCompositionContainer {
	width: 100%;
	border: 0;
}

.queryCompositionContainer td {
	border: 0;
	padding-left: 0;
}

.queryCompositionBlockContainer {
	border: 0;
}

.queryCompositionBlockContainer td.border {
	border: 1px solid #CCCCCC;
}

.queryCompositionBlockContainer td {
	border: 0;
	padding-left: 0;
	vertical-align: top;
}

.queryCompositionBlockContainer .row-odd {
	background-color: #EEEEEE;
}

 .header-label {
	 font-weight: bold;
	 background-color: #f0f0f0;
	 padding: 4px;
	 border-radius: 3px;
	 display: block;
	 margin-bottom: 8px;
	 text-align: center;
 }

/*--------------------------------------------------------------------
   standort/projekt header
---------------------------------------------------------------------- */
.object-header-panel {
	padding: 5px;
	background-color: var(--bluegray-50);
	margin-bottom: 10px;
}

body .object-header-panel.ui-panel .ui-panel-content {
	background-color: var(--bluegray-50);
}

body .object-header-panel .ui-panelgrid .ui-panelgrid-cell {
	background-color: var(--bluegray-50);
}

/*--------------------------------------------------------------------
   datascreening
---------------------------------------------------------------------- */
.data-screening-panel {
	margin-bottom: 10px;
}

.data-screening-panel .ui-accordion-header {
	display: flex;
	align-items: center;
}

.data-screening-panel .ui-accordion-header, .quality-result-listing .ui-datatable-tablewrapper th {
	background-color: #FFECE5 !important;
}

/*--------------------------------------------------------------------
   misc
---------------------------------------------------------------------- */
.hidden {
	display: none;
}

.height25 {
	height: 25px;
}

.height32 {
	height: 32px;
}

.messwertTableHeader {
	font-weight: bold;
	margin-bottom: 5px;
}

.methodenTableHeader {
	font-weight: bold;
	margin-top: 5px;
}

.buttonNext {
	float: right;
}

.buttonBack {
	float: left;
}

.searchButton {
	background-color: var(--blue-500) !important;
	border-color: var(--blue-500) !important;
}

.level2Text {
	font-size: 0.9em;
}
.kartePanel>img {
	max-width: 1160px;
}

.no-border-class {
	border: none !important;
}

/* override primefaces grid.css */
.ui-grid {
	clear: none;
}
.ui-grid::after {
	clear:none;
}

/* add some spacing between fieldsets */
fieldset.ui-fieldset {
	margin-bottom: 20px;
}

/* make textboxes larger */
input, textarea {
	box-sizing: content-box;
}

div.ui-selectonemenu {
	height: 28px;
}

/* Reduce spacing */
.ui-panelgrid .ui-panelgrid-cell {
	padding: 2px 4px !important;
}

/* Rahmen anzeigen bei Tabs */
body .ui-tabs.ui-tabs-top>.ui-tabs-panels {
	border-bottom-width: 1px !important;
	border-bottom-style: solid;
	border-bottom-color: #dee2e6;
	border-right-width: 1px !important;
	border-right-style: solid;
	border-right-color: #dee2e6;
	border-left-width: 1px !important;
	border-left-style: solid;
	border-left-color: #dee2e6;
}

.hint2ndColumn {
	color: black;
}

.inlineBlock100px {
	display: inline-block;
	width: 100px;
}

html body .ui-panelgrid .ui-panelgrid-cell:empty {
	background-color: transparent;
	pointer-events: none;
}

.ui-selectonemenu-items-wrapper {
	max-height: 500px !important;
}

.flex1 {
	flex: 1;
}

/* same border for tabs in scrollable tabView */
body .ui-tabs.ui-tabs-top>.ui-tabs-navscroller>.ui-tabs-nav li.ui-tabs-header,
body .ui-tabs.ui-tabs-top>.ui-tabs-navscroller>.ui-tabs-navscroller-btn {
	border-bottom: 2px solid #dee2e6;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-navscroller>.ui-tabs-nav li.ui-tabs-header.ui-state-active {
	border-color: var(--blue-500);
}

/**--------------------------------------------------------------------
/* Change font color and family START
/*---------------------------------------------------------------------*/
body .ui-widget,
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text,
body .ui-panelgrid .ui-panelgrid-cell,
body .ui-datatable tbody td,
body .ui-datatable .ui-datatable-data>tr {
	font-family: arial, helvetica, sans-serif !important;
	color: black !important;
}
body .ui-button,
body .ui-button.ui-button-help,
body .ui-splitbutton.ui-button-help>.ui-button,
body .ui-menubutton.ui-button-help>.ui-button {
	color: white !important;
	white-space: nowrap;
}
body .ui-commandlink,
body .ui-link {
	color: var(--blue-500) !important;
	transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, opacity .2s;
}
/* END
/*---------------------------------------------------------------------*/

.ui-state-disabled {
	/* Ermögliche als read-only definierten Text in die Zwischenablage zu kopieren */
	pointer-events: auto;
}

.ui-trigger-calendar {
	display: flex;
	align-items: center;
}

.ui-datepicker-trigger {
	margin-right: 4px !important;
}

.unisys-calendar-input-width {
	width: 62px;
}

.unisys-date-col-width {
	width: 60px;
}