.login-body .login-card {
	width: 330px;
	text-align: left;
	margin-top: 10vh;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 24px;
}

.login-body .login-card .ui-message {
	text-align: center;
}

.login-body .login-card .login-header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: start;
}


.login-body .login-card .login-header h1 {
	font-size: 20px;
	color: #191a1c;
	margin: 0;
}

.login-body .login-card .login-header h1>span {
	color: #65686a;
}

.login-body.large .login-card .login-header h1>span {
	padding-left: 15px;
}

body.login-body .login-card .login-header .ui-button.ui-button-text-only.text-button .ui-button-text {
	padding-right: 0px;
}

.login-body, .login-body.large {
	align-items: baseline;
}

.login-body .login-card .login-content .infotext {
	color: #65686a;
	margin-bottom: 8px;
	display: block;
}


.login-body .login-card .login-content > .infotext {
	margin-top: 12px;
	margin-bottom: 20px;
}



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



body.login-body .ui-button.ui-button-text-only.smallPadding .ui-button-text {
	padding-right: 0px;
	padding-left: 0px;
}



.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, body .ui-button.ui-button-text-only.outlined-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, body .ui-panelgrid.showPanel.normalPadding .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,
body .ui-datatable .ui-filter-column .ui-column-customfilter .ui-selectcheckboxmenu-multiple,
body .ui-datatable .ui-filter-column .ui-column-customfilter .ui-selectcheckboxmenu {
	width: 100%;
	min-width: initial !important;
	vertical-align: top;
}

body .ui-datatable .ui-filter-column .ui-column-customfilter .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	font-weight: normal;
}



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

/* Brandbot */

body .ui-button.ui-button-text-icon-left .ui-icon.brandbot,
.icon.brandbot,
.layout-menuitem-icon.brandbot {
	background-image: url("/suite/javax.faces.resource/bgs/images/brandbot.svg.jsf");
	background-size: cover;

}

body .ui-button.ui-button-text-icon-left .ui-icon.brandbot {
	width: 30px;
	height: 22px;
	top: 40%;
}

.icon.brandbot {
	width: 30px;
	height: 22px;
	display: inline-block;
	vertical-align: bottom;
}

.icon.brandbot.animated {
	opacity: 0.6;
	width: 110px;
	height: 80px;
	animation-name: shake;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	transform-origin: 46.234375% 100%;
}

@keyframes shake {
	0% {
		scale: 1;
	}

	14% {
		rotate: 10deg;
	}

	28% {
		rotate: -10deg;
	}

	42% {
		rotate: 10deg;
	}

	50% {
		scale: 1.25;
	}

	56% {
		rotate: -5deg;
	}

	70% {
		rotate: 5deg;
	}

	84% {
		rotate: -5deg;
	}

	100% {
		rotate: 0;
		scale: 1;
	}
}

.layout-menuitem-icon.brandbot {
	width: 18px;
	height: 14px;
}

body .ui-scrollpanel.brandbotAntwort {
	height: 350px;
	border-left: none;
	border-right: none;
	border-bottom: none;	
	padding: 0.5rem;
	margin-top: 10px;
}


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