.login-body .login-card {
	width: 330px;
}

.login-body .login-card form {
	width: 100%;
}

.login-body, .login-body.large {
	align-items: baseline;
}

.login-body .login-card {
	margin-top: 10vh;
}

.login-body.large .login-card {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 80%;
	padding-left: 20px;
	padding-right: 20px;
}

.login-body.large .login-card .content {
	text-align: left;
}


.layout-topbar-colored .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions {
	flex-grow: unset;
}

.layout-topbar-colored .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions>li>ul>li>a
	{
	justify-content: flex-start;
	width: 100%;
}

.layout-breadcrumb {
	padding-left: 20px;
}

.layout-content {
	padding: 5px 15px;
}

.layout-footer {
	padding-left: 60px;
	padding-right: 60px;
}

.layout-config .layout-config-content .layout-config-button {
	top: 5px;
}

.layout-config .layout-config-content .layout-config-button i {
	font-size: 20px;
}

.nopad-top {
	padding-top: 0
}

.nopad-bottom {
	padding-bottom: 0
}

.nopad-left {
	padding-left: 0
}

.nopad-right {
	padding-right: 0
}

/* sonst gibts z.T. weisse Frabe auf weissen Grund */
body a.ui-link.link {
	color: inherit;
}

/* fix für FontAwesome-Icons im Menu */
.menu-wrapper .layout-menu-container .layout-menu li>a i.fa.fa-fw {
	width: 14px;
}

/* Context-Info */
.menu-wrapper .layout-menu-container .context-info {
	color: #f8fafc;
}

.menu-wrapper .layout-menu-container .context-info>div:first-child {
	margin-top: 10px;
	padding: 10px;
	border-bottom: #f8fafc 1px solid;
}

body .menu-wrapper .layout-menu-container .context-info .ui-panelgrid .ui-panelgrid-cell
	{
	color: #f4f7f9;
}

body .ui-button.ui-button-icon-only {
	height: 2.357rem;
}

body .ui-button.ui-button-text-only.text-button .ui-button-text {
	padding-top: 0px;
	padding-bottom: 0px;
}

body .ui-button.ui-button-text-only.text-button.small .ui-button-text {
	padding-left: 5px;
	padding-right: 5px;
}

body .ui-button.rounded-button.ui-button-icon-only.smallButton {
	width: 24px;
	height: 24px;
}

body .ui-button.text-button.small {
	width: auto;
	text-align: left;
}

body .ui-button.text-button.small.smallHeight {
	vertical-align: middle;
	height: 22px;
}

body .ui-button.ui-button-text-icon-left.small .ui-icon {
	left: 0px
}

body .ui-button.ui-button-text-icon-left.small .ui-button-text {
	padding-left: 1.5rem;
	padding-top: 0px;
	padding-bottom: 0px;
}

body .ui-treetable .ui-treetable-data>tr.ui-state-highlight .ui-button.text-button
	{
	color: #f8fafc;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.danger-button .ui-menuitem-icon
	{
	color: #E83E22;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.success-button .ui-menuitem-icon
	{
	color: #3C9462;
}

.layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo>img.logoImage
	{
	height: 45px;
	max-width: 200px;
	margin-top: 4px;
}

.layout-topbar .topbar-item.user-profile .username {
	float: left;
	color: white;
	margin-right: 5px;
	margin-top: 10px;
}

img.logoImage {
	height: 45px;
	max-width: 200px;
}

.ui-tooltip {
	max-width: 500px;
}

body .ui-tooltip.html .ui-tooltip-text {
	background: #f8fafc;
	color: #4B576F;
	border: 1px solid black;
	padding: 7px;
}

.infotext.html ul, .infotext.html ol {
	margin-top: 5px;
}

.icon {
	margin-left: 5px;
	margin-right: 5px;
}

.TexAlCenter {
	text-align: center;
}

.TexAlRight {
	text-align: right;
}

.ui-dialog.kriterienkatalogFrage, .ui-dialog.antwortkatalogAntwort {
	right: 20px !important;
	left: auto !important;
	position: absolute;
	width: 60% !important;
}

.ui-dialog.kriterienkatalogFrage .ui-texteditor .ql-container .ql-editor
	{
	min-height: 63px;
	max-height: 120px;;
}

.ui-dialog.antwortkatalogAntwort .ui-texteditor .ql-container .ql-editor
	{
	min-height: 70px;
	max-height: 200px;;
}

@media ( max-width : 1300px) {
	.ui-dialog.kriterienkatalogFrage, .ui-dialog.antwortkatalogAntwort {
		width: 70% !important;
	}
}

@media ( max-width : 800px) {
	.ui-dialog.kriterienkatalogFrage, .ui-dialog.antwortkatalogAntwort {
		width: 85% !important;
	}
}

@media ( max-width : 640px) {
	.ui-dialog.kriterienkatalogFrage, .ui-dialog.antwortkatalogAntwort {
		width: 100% !important;
		right: 0px !important;
	}
}

body .ui-dialog .ui-dialog-content {
	padding: 0 1rem;
}

.Fright {
	float: right;
}

.bold, .ui-widget-content .ui-inputfield.bold, .ui-menu .ui-menuitem-link.bold
	{
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.card {
	margin-bottom: 1rem;
}

.card .card-header h4 {
	margin: 0;
}

.card .smallHeader {
	margin-top: 0.7rem;
	width: 100%;
	opacity: 0.8;
}

.card .smallHeader h5 {
	margin-bottom: 0.5rem;
}

.card .smallHeader h5 .infotext {
	margin-left: 10px;
	font-size: 14px;
	font-style: italic;
}

.card .card-header+hr {
	margin-top: 0;
	margin-bottom: 0.5rem;
	border-color: #DFE3EA;
}

.card .card-header.smallBottomMargin+hr, .login-card .card-header.smallBottomMargin+hr {
	margin-bottom: 0.25rem;
}

body .ui-widget+.ui-message, body .ui-widget .ui-message, body .ui-messages
	{
	padding: 0;
	margin: 0;
	display: block;
}

body .editPanel .ui-message.ui-message-error, body .editPanel .ui-message.ui-message-info
	{
	background-color: transparent;
	border: 0 none;
}

body .ui-panelgrid.editPanel .ui-panelgrid-cell {
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

body .ui-panelgrid.editPanel .ui-panelgrid-cell.label {
	padding-right: 0px;
	word-wrap: break-word;
	display: flex;
	padding-top: 10px;
}

body .ui-panelgrid.editPanel .ui-panelgrid-cell.label.noLeftPadding {
	padding-left: 0px;
}


body .ui-panelgrid.editPanel.noPadding .ui-panelgrid-cell, body .ui-panelgrid.showPanel.noPadding .ui-panelgrid-cell
	{
	padding: 0;
}



body .ui-panelgrid.editPanel.largePadding .ui-panelgrid-cell, body .ui-panelgrid.showPanel.largePadding .ui-panelgrid-cell
	{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

body .ui-panelgrid.editPanel .ui-panelgrid-cell.input .ui-chkbox.mitLabel
	{
	width: auto;
	margin-top: 7px;
	margin-bottom: 7px;
}

body .ui-panelgrid.editPanel .ui-panelgrid-cell.input .ui-chkbox.mitLabel .ui-chkbox-label
	{
	margin-top: 1px;
}

body .ui-panelgrid.editPanel .ui-panelgrid-cell.input .ui-selectonemenu.noInput label.ui-selectonemenu-label
	{
	padding: 0;
}

body .ui-panelgrid.editPanel .ui-panelgrid-cell.input .ui-selectonemenu.noInput
	{
	border: none;
}


body .ui-panelgrid.editPanel .ui-panelgrid-cell.input table.ui-selectoneradio.flex tr td {
	display: flex;
}


body .ui-panelgrid.showPanel .ui-panelgrid-cell {
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

body .ui-panelgrid.showPanel .ui-panelgrid-cell.label {
	font-weight: lighter;
	min-width: 9.5em;
	padding-right: 0;
}


body .ui-panelgrid.noVerticalPadding .ui-panelgrid-cell, body .ui-panelgrid.noVerticalPadding.showPanel .ui-panelgrid-cell
	{
	padding-top: 0px;
	padding-bottom: 0px;
}



body .ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-cell {
	background: none;
}

.panel-buttons {
	margin-top: 10px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token
	{
	margin-top: 2px;
	margin-bottom: 2px;
}

body .ui-datatable.noheader table thead {
	display: none;
}

body .ui-datatable .ui-datatable-header, body .ui-treetable .ui-treetable-header
	{
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 0.5rem;
}

body .ui-datatable .ui-datatable-header .TableHeader, body .ui-treetable .ui-treetable-header .TableHeader
	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

body .ui-datatable .ui-datatable-header .TableHeader .TableHeaderButtons .ui-button,
	body .ui-treetable .ui-treetable-header .TableHeader .TableHeaderButtons .ui-button
	{
	margin-left: 10px;
}

body .ui-datatable .ui-filter-column .ui-column-customfilter .ui-selectonemenu
	{
	width: 100%;
	min-width: initial !important;
	vertical-align: top;
}

body .ui-datatable thead th.ColumnIcon, body .ui-datatable tbody td.ColumnIcon
	{
	text-align: center;
	width: 40px;
}

body .ui-datatable thead th.ColumnIcon-2, body .ui-datatable tbody td.ColumnIcon-2
	{
	width: 80px;
}

body .ui-datatable tbody td.ColumnIcon-2 {
	text-align: right;
}

body .ui-datatable thead th.ColumnBoolean, body .ui-datatable tbody td.ColumnBoolean
	{
	width: 80px;
}

body .ui-datatable tbody td.ColumnBoolean {
	text-align: center;
}

body .ui-datatable thead th.ColumnBoolean.HeaderCenter {
	text-align: center;
}


body .ui-datatable thead th.ColumnBooleanLarge, body .ui-datatable tbody td.ColumnBooleanLarge
	{
	width: 130px;
}

body .ui-datatable tbody td.ColumnBooleanLarge {
	text-align: center;
}

body .ui-datatable thead th.ColumnDate, body .ui-datatable tbody td.ColumnDate
	{
	width: 100px;
}

body .ui-datatable thead th.ColumnEditDate, body .ui-datatable tbody td.ColumnEditDate
	{
	width: 130px;
}

body .ui-datatable thead th.ColumnTimestamp, body .ui-datatable tbody td.ColumnTimestamp
	{
	width: 150px;
}

body .ui-datatable thead th.ColumnEditTimestamp, body .ui-datatable tbody td.ColumnEditTimestamp
	{
	width: 220px;
}

body .ui-datatable tbody td.ColumnNumber {
	text-align: right;
}

body .ui-datatable thead th.ColumnWaehrung, body .ui-datatable tbody td.ColumnWaehrung
	{
	width: 100px;
}

body .ui-datatable thead th.ColumnLosnummer, body .ui-datatable tbody td.ColumnLosnummer
	{
	width: 80px;	
}

body .ui-datatable tbody td.ColumnLosnummer, body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td.ColumnLosnummer {
	text-align: right;
	padding-right: 15px;
}


body .ui-datatable.prozessSchritte thead th.ColumnSchritt, body .ui-datatable.prozessSchritte tbody td.ColumnSchritt {
	width: 25%;
}

body .ui-datatable thead th.ColumnExportOnly, body .ui-datatable tbody td.ColumnExportOnly {
	display: none;
}

.ui-datatable tbody td.ColumnAlignTop {
	vertical-align: top;
}


body .ui-datatable.noLastBottomBorder .ui-datatable-data>tr:last-child>td
	{
	border-bottom: none;
}

body .ui-treetable.ui-treetable-sticky.ui-widget.ui-shadow.ui-sticky {
	top: 60px !important;
}

body .ui-treetable.ui-treetable-sticky.ui-widget {
	left: 30px !important;
	right: 30px !important;
	width: auto !important;
}

body .layout-static.layout-static-active .ui-treetable.ui-treetable-sticky.ui-widget
	{
	left: 270px !important;
}

body .ui-treetable tbody td.ColumnWrapText {
	white-space: normal;
}

body .ui-treetable thead th.ColumnHierarchie, body .ui-treetable tbody td.ColumnHierarchie
	{
	width: 160px;
}

body .ui-treetable.bewertungen thead th.ColumnHierarchie2, body .ui-treetable tbody td.ColumnHierarchie2
	{
	width: 104px;
}

body .ui-treetable.bewertungen thead th.ColumnHierarchie3, body .ui-treetable tbody td.ColumnHierarchie3
	{
	width: 130px;
}

body .ui-treetable.ui-treetable-sm.bewertungen .ui-treetable-data > tr > td.ColumnHierarchie2, body .ui-treetable.ui-treetable-sm.bewertungen .ui-treetable-data > tr > td.ColumnHierarchie3 {
	padding-right: 0px;
}

body .ui-treetable.bewertungen .ui-treetable-data > tr > td .ui-treetable-toggler {
	width: 22px;
	margin-right: 0px;
}


body .ui-treetable thead th.ColumnNumber, body .ui-treetable tbody td.ColumnNumber
	{
	width: 75px;
}

body .ui-treetable tbody td.ColumnNumber {
	text-align: right;
}

body .ui-treetable tbody td {
	width: 100%;
}

body .ui-treetable thead th.ColumnIcon {
	width: 40px;
}

body .ui-treetable tbody td.ColumnIcon {
	text-align: right;
	width: 40px;
}

body .ui-treetable thead th.ColumnSmallIcon {
	width: 30px;
}

body .ui-treetable tbody td.ColumnSmallIcon {
	width: 30px;
}

body .ui-treetable thead th.ColumnIcon-2 {
	width: 70px;
}

body .ui-treetable tbody td.ColumnIcon-2 {
	text-align: right;
	width: 70px;
}


body .ui-treetable.kriterienkatalog .ui-treetable-data>tr.TITEL_MUSS.ui-state-highlight td,
body .ui-treetable.kriterienkatalog .ui-treetable-data>tr.TITEL_ZUSCHLAG.ui-state-highlight td,
body .ui-treetable.kriterienkatalog .ui-treetable-data>tr.TITEL_PREIS.ui-state-highlight td {
	color: black;
	opacity: 0.5;	
}

body .ui-treetable.kriterienkatalog .ui-draggable:hover {
	cursor: move;
}

body .ui-treetable.kriterienkatalog .possibleDrop {
	border-top: 3px solid #e5e5e5;
}

body .ui-treetable.kriterienkatalog .dragOver {
	border-top: 3px solid black;
}

body .ui-treetable.kriterienkatalog.bewertungen thead th.ColumnNumber,
	body .ui-treetable.kriterienkatalog.bewertungen tbody td.ColumnNumber {
	width: 85px;
}

body .ui-treetable.kriterienkatalog.bewertungen .ui-treetable-data>tr.TITEL_ROOT
	{
	font-weight: bold;
}

body .ui-treetable.kriterienkatalog.bewertungen .ui-treetable-data>tr.FRAGE
	{
	vertical-align: top;
}

body .ui-treetable.kriterienkatalog.bewertungen .ui-treetable-data>tr>td.ColumnBewertung,
	body .ui-treetable.kriterienkatalog.bewertungen  thead  th.ColumnBewertung
	{
	border-left: 1px solid black;
}

body .ui-datatable.konsolidierungDetail .ui-datatable-data>tr>td {
	vertical-align: top;
}

body .ui-datatable.konsolidierungDetail .ui-datatable-data>tr.NotAktuell
	{
	opacity: 0.7;
}

body .ui-datatable.konsolidierungDetail .ui-datatable-data>tr>td.ColumnBewertung,
	body .ui-datatable.konsolidierungDetail thead th.ColumnBewertung {
	border-left: 1px solid black;
}

/*  2-Stufige Taxonimie (selectonebutton mit Icons */
body .ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-2.taxonomieZweistufig div.ui-button
	{
	height: 1.8rem;
	width: 1.8rem;
	border-radius: 20px;
	margin-right: 10px;
}

body .ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-2.taxonomieZweistufig div.ui-button.ui-corner-right {
	margin-right: 5px;
}

body .ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-2.taxonomieZweistufig div.ui-button.ui-state-disabled
	{
	opacity: 1;
}

body .ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-2.taxonomieZweistufig div.ui-button.ui-state-active
	{
	color: #f8fafc;
}

body .ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-2.taxonomieZweistufig div.ui-button:nth-child(1).ui-state-active
	{
	background: #E83E22;
	border-color: #E83E22;
}

body .ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-2.taxonomieZweistufig div.ui-button:nth-child(2).ui-state-active
	{
	background: #3C9462;
	border-color: #3C9462;
}

body .ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-2.taxonomieZweistufig div.ui-button.ui-state-focus
	{
	box-shadow: none;
}

body .ui-selectonebutton.ui-buttonset.ui-buttonset-2.taxonomieZweistufig div.ui-button span.ui-button-text
	{
	font-family: 'primeicons';
	text-transform: none;
	line-height: 1;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.45rem;
	margin-left: -0.55rem;
	font-size: 0.9rem;
	padding: 0;
}

body .ui-selectonebutton.ui-buttonset.ui-buttonset-2.taxonomieZweistufig div.ui-button:nth-child(1) span.ui-button-text:before
	{
	content: "\e90b"; /* pi-times */
}

body .ui-selectonebutton.ui-buttonset.ui-buttonset-2.taxonomieZweistufig div.ui-button:nth-child(2) span.ui-button-text:before
	{
	content: "\e909"; /* pi-check */
}

.ui-datalist.Simple .ui-datalist-content {
	border: none;
	background: none;
	padding: 0;
}

.ui-datalist.Simple .ui-datalist-data {
	padding: 0;
	margin: 0;
}

.ui-datalist.Simple .ui-datalist-data .ui-datalist-item {
	margin-bottom: 5px;
}

.ui-datalist.Simple .ui-datalist-data .ui-datalist-item:last-child {
	margin-bottom: 0px;
}

.ui-datalist.Simple.StatusList .ui-datalist-data .ui-datalist-item {
	padding-bottom: 3px;
	background: #e8e8e8;
}

.ui-datalist.Simple.StatusList .ui-datalist-data .ui-datalist-item:first-child
	{
	background: none;
}

.ui-datalist.Simple.StatusList .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-titlebar
	{
	background: none;
	border: none;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.ui-datalist.Simple.StatusList .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon
	{
	float: left;
	margin-left: 0;
	margin-right: 3px;
	width: 12px;
}

.ui-datalist.Simple.StatusList .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon
	{
	font-size: 12px;
}

.ui-datalist.Simple.StatusList .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon.ui-icon-closethick
	{
	background-position: -16px -80px;
}

.ui-datalist.Simple.StatusList .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-content
	{
	background: none;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 0;
	padding-bottom: 3px;
	border: none;
}

/*  
Prozess-Anzeige
*/
.pricing-card.prozess {
	box-shadow: none;
	background: none;
	margin: 0;
}

.pricing-card.prozess .pricing-header .upper-title {
	font-size: 13px;
}

.pricing-card.prozess .pricing-header>h6 {
	font-weight: bold;
	margin-bottom: 0;
}

.pricing-card.prozess .pricing-content {
	padding: 4px;
}

.pricing-card.prozess .pricing-content .ui-menu {
	border: none;
	width: 100%
}

.pricing-card.prozess .pricing-content .ui-menu .ui-menuitem {
	border-bottom: 1px solid #DBE0E5;
}

.pricing-card.prozess .pricing-content .ui-menu .ui-menuitem:last-child
	{
	border-bottom: none;
}

.pricing-card.prozess .pricing-content .ui-menu .ui-menuitem .ui-menuitem-link
	{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.pricing-card.prozess .pricing-content .ui-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon
	{
	float: right;
	font-size: 18px;
	margin-right: 0px;
}

.pricing-card.prozess .pricing-content .ui-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-text
	{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: 18px;
	margin-right: 26px;
}

.pricing-card.prozess.NICHT_VERFUEGBAR {
	border: 1px solid #bfbfbf;
}

.pricing-card.prozess.NICHT_VERFUEGBAR .pricing-header {
	background: #bfbfbf;
}

.pricing-card.prozess .pricing-content .ui-menu .ui-menuitem .ui-menuitem-link.NICHT_VERFUEGBAR .ui-menuitem-icon
	{
	color: #bfbfbf;
}

.pricing-card.prozess.BEREIT {
	border: 1px solid #299dbf;
}

.pricing-card.prozess.BEREIT .pricing-header {
	background: #299dbf;
}

.pricing-card.prozess .pricing-content .ui-menu .ui-menuitem .ui-menuitem-link.BEREIT.editierbar
	{
	font-weight: bold;
}

.pricing-card.prozess .pricing-content .ui-menu .ui-menuitem .ui-menuitem-link.BEREIT .ui-menuitem-icon
	{
	color: #299dbf;
}

.pricing-card.prozess.ERLEDIGT {
	border: 1px solid #7dcd9e;
}

.pricing-card.prozess.ERLEDIGT .pricing-header {
	background: #7dcd9e;
}

.pricing-card.prozess .pricing-content .ui-menu .ui-menuitem .ui-menuitem-link.ERLEDIGT .ui-menuitem-icon
	{
	color: #7dcd9e;
}

.pricing-card.prozess.unterprozess .pricing-content {
	padding: 0;
}

.pricing-card.prozess.unterprozess .pricing-content .ui-menu {
	padding: 0 0;
}

.pricing-card.prozess.unterprozess .pricing-content .ui-menu .ui-menuitem .ui-menuitem-link
	{
		padding: 0.3rem 0;
}

.ui-tabmenu.prozess .ui-tabmenuitem .ui-menuitem-link.ERLEDIGT .ui-menuitem-icon
	{
	color: #7dcd9e;
}


body .ui-tabmenu.prozess .ui-tabmenu-nav .ui-tabmenuitem {
	padding: 0rem;
}

body .ui-tabmenu.prozess .ui-tabmenu-nav .ui-tabmenuitem a {
	height: 42px;
	padding-top: 14px;
	padding-left: 1rem;
	padding-right: 1rem;
}

/*  
Prozess-Schritte bei Detailseiten (Steps-Menu)
*/
body .ui-steps {
	margin-bottom: 1rem;
}

body .ui-steps::before {
	top: 23%
}

body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
	margin-top: 0;
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1rem;
}

.ui-steps .ui-steps-item .ui-menuitem-link.BEREIT .ui-steps-number {
	background: #81cde4;
	border-color: #81cde4;
	color: white;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link.BEREIT .ui-steps-number
	{
	background: #299dbf;
	border-color: #299dbf;
}

.ui-steps .ui-steps-item .ui-menuitem-link.ERLEDIGT .ui-steps-number {
	background: #7dcd9e;
	border-color: #7dcd9e;
	color: white;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link.ERLEDIGT .ui-steps-number
	{
	background: #40a56a;
	border-color: #40a56a;
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
	color: #4cb7e0;
}

/*  
Prozess-Schritte als Datalist
*/
.ui-datalist.prozessSchritte .schritt .icon {
	float: right;
	font-size: 18px;
	margin-right: 20px;
}

.ui-datalist.prozessSchritte .schritt.NICHT_VERFUEGBAR {
	opacity: 0.6;
}

.ui-datalist.prozessSchritte .schritt.ERLEDIGT .icon {
	color: #7dcd9e;
}

/* file-upload Simple: nur 1 Button anzeigen  */
body .ui-fileupload.Simple .ui-fileupload-content {
	/* wird in uploadDokument.xml per js auf table gesetzt, wenn hier auf table gesetzt wird, flackert es beim Seiten-Oeffnen, weil zuerst eine leere Fehlermeldung angezeigt wird (ev PF-Fehler) */
	display: none;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 999;
}

body .ui-fileupload.Simple .ui-fileupload-content .ui-fileupload-files {
	margin: 0px;
}

body .ui-fileupload.Simple .ui-fileupload-buttonbar {
	background: none;
	border: none;
	padding: 0;
	display: table;
}

body .ui-fileupload.Simple .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose
	{
	margin-right: 0;
	height: 2.357rem;
}

body .ui-fileupload.Simple.icon-only .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose
	{
	width: 2.357rem;
}

body .ui-fileupload.Simple.replace .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon
	{
	left: 0.65rem;
}

body .ui-fileupload.Simple.replace .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon::before
	{
	content: "\e958"; /* pi-file */
}


body .ui-messages>div.ui-fileupload-messages {
	padding: 0;
}


.dokumentPreview .image {
	width: 100%;
	max-width: 300px;
}

body .ui-panel.smallPadding .ui-panel-content {
	padding: .5em 1em
}



body .ui-staticmessage.largePadding {
	padding: 8px;
}

/* Timeline */
.fristen .vis-timeline .vis-item.vis-box {
	text-align: left
}

.fristen .vis-timeline .vis-item.vis-box.termin, .fristen .vis-timeline .vis-item.vis-range.termin {
	background: #e4e4e7;
	border-color: #c9c9cf;
}

.fristen .vis-timeline .vis-item.vis-range.bewertungsphase {
	background: #d5eef6;
	border-color: #81cde4;	
}


/* WTO-Publikation */
body .ui-datatable.publikationen .ui-datatable-data > tr.abgelaufen {
	background: #e8e8e8;
}


@media ( max-width : 991px) {
	.login-body.large .login-card {
		width: 90%
	}
	.login-body .login-card {
		margin-top: 5vh;
	}	
	.layout-topbar-colored .layout-topbar {
		height: 60px;
	}
	.layout-topbar-colored .layout-topbar .layout-topbar-wrapper {
		padding: 0px;
	}
	.layout-topbar-colored .layout-topbar .layout-topbar-wrapper .layout-topbar-left
		{
		padding-left: 16px;
	}
	.layout-main {
		padding-top: 60px;
	}
	body .layout-static.layout-static-active .ui-treetable.ui-treetable-sticky.ui-widget
		{
		left: 30px !important;
	}
  	.layout-topbar-colored .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions {
    	justify-content: flex-end; 	/*  Anpassung, weil vom Layout hier space-between angegeben ist */
  	}
  	.layout-topbar-colored .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
		padding-right: 10px;
  	}
  	
	.layout-topbar-colored .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul {
    	top: 60px;
    	width: auto;
    	left: auto;
    	position: absolute;
    	padding: 0 0 6px;
  }  	
  		
}

@media ( max-width : 640px) {
	.login-body.large .login-card {
		width: 95%
	}
	.login-body .login-card {
		margin-top: 1vh;
	}		
	.layout-topbar .topbar-item.user-profile .username {
		display: none;
	}
	body .ui-panelgrid.editPanel .ui-grid-responsive .ui-grid-row {
		border-top: none;
	}
	body .ui-panelgrid.editPanel .ui-panelgrid-cell.label {
		padding-bottom: 0px;
	}
	body .ui-panelgrid.editPanel .ui-panelgrid-cell.input {
		padding-top: 0px;
	}
	body .ui-panelgrid.showPanel .ui-grid-responsive .ui-grid-row {
		border-top: none;
	}
	body .ui-panelgrid.showPanel .ui-panelgrid-cell.label {
		padding-bottom: 0px;
	}
	body .ui-panelgrid.showPanel .ui-panelgrid-cell.output {
		padding-top: 0px;
	}
}