@charset "UTF-8";

/* Passwortinfopanel fuer Erklaerungen der PWD Regel anzeigen*/
body .pwdInfo, body .labelInfo {
	display: flex;
	flex-direction: row;
	justify-content: left;
}
body .pwdInfo .ui-outputlabel, body .labelInfo .ui-outputlabel {
	width: auto;
}
body .pwdInfo .infoIcon, body .labelInfo .infoIcon {
	padding: 0px 1px 0px 1px;
}
body .popupInfoPanel .ui-overlaypanel-content {
	font-size: 14px;
	color: var(--info-text-color);
	filter: brightness(90%);
	white-space: normal;
	font-style: italic;
	padding: 10px;
}
body .popupInfoPanel .ui-overlaypanel-content ul {
	padding-left: 20px;
	margin-bottom: 5px;
}

/*Profile (Selbstauskunft) Displayname Validierung Anzeige der Stelle des falschen Patterns*/
body .patternValid {
	color: black;
}
body .patternInvalid {
	border: 1px solid hsla(3, 100%, 60%, 0.8);
	border-radius: 4px;
}
/* Border bei registrieren*/
body #register .ui-scrollpanel {
	border: 1px solid #e0e0e0;
}
/* Abstand Infotext überschrift*/
body #register .infotext p{
	padding-bottom: 10px;
}
/* Anzeige des URZ-Loginkennzeichens bei Registrierung fett*/
#register\:uidField\:uid {
	font-weight: bold;
}
body .fas, body .far {
	padding-top: 1px;
}
/*Hoehe der Tabelle beschränken und scrollbar anzeigen*/
body .limitHeight .ui-datatable-tablewrapper, body .limitHeight .ui-treetable-tablewrapper, body .limitHeight .ui-datatable-scrollable-body {
	height: 55vh !important;
}
@media screen and (max-height: 1080px) {
 	body .limitHeight .ui-datatable-tablewrapper, body .limitHeight .ui-treetable-tablewrapper, body .limitHeight .ui-datatable-scrollable-body {
		height: 40vh !important;
	}
}
@media only screen and (min-height: 1081px) and (max-height: 1180px) {
 	body .limitHeight .ui-datatable-tablewrapper, body .limitHeight .ui-treetable-tablewrapper, body .limitHeight .ui-datatable-scrollable-body {
		height: 47vh !important;
	}
}

body .limitHeight.fullPage .ui-datatable-tablewrapper, body .limitHeight.fullPage .ui-treetable-tablewrapper, body .limitHeight.fullPage .ui-datatable-scrollable-body {
	height: 72vh !important;
}
@media screen and (max-height: 1080px) {
 	body .limitHeight.fullPage .ui-datatable-tablewrapper, body .limitHeight.fullPage .ui-treetable-tablewrapper, body .limitHeight.fullPage .ui-datatable-scrollable-body {
		height: 55vh !important;
	}
}
@media only screen and (min-height: 1081px) and (max-height: 1180px) {
 	body .limitHeight.fullPage .ui-datatable-tablewrapper, body .limitHeight.fullPage .ui-treetable-tablewrapper, body .limitHeight.fullPage .ui-datatable-scrollable-body {
		height: 64vh !important;
	}
}

/* Datatable Operator - gepserrte Datensätze rot*/
body .ui-datatable-even.blocked, body .ui-datatable-odd.blocked, 
body .ui-treetable-data.ui-widget-content .blocked	{
	color: var(--fsu-error-color) !important;
}
body .ui-datatable-even.partlyBlocked, body .ui-datatable-odd.partlyBlocked,
body .ui-treetable-data.ui-widget-content .partlyBlocked {
	color: var(--warn-text-color) !important;
}

/* Passwortvorschlag IE */
.classNoReveal::-ms-reveal {
	display: none;
}
/* Multifield-Icon wird sonst rechts abgeschnitten BiblioID*/
body .multifield.field .ui-outputlabel {
	padding-right: 1px;
}
/* Election-Link*/
body .ui-link.election-link {
	color: hsla(3, 100%, 50%, 1);
	font-weight: bold;
	text-decoration: underline;
}
/* Schrift Uploadbutton auch bei Mobile anzeigen ElectionAdmin*/
@media screen and (max-width:40em) {
	body .ui-fileupload.uploadElection .ui-fileupload-buttonbar .ui-button .ui-button-text
		{
		display: block;
		margin-top: -12px;
	}
	body .ui-fileupload.uploadElection .ui-fileupload-buttonbar .ui-button {
		display: inline-block;
		height: 30px;
	}
}
body .ui-button.ui-state-focus {
	  white-space: nowrap;
}

body #basic_footer, body #basic_footer2 {
	border-top: 1px solid lightgrey;
	border-radius: 0px;
}
body .linehightlarge {
	line-height: 2.5;
}
/* Buttons bei Scrolling weiterhin sichtbar bspw Operator*/
.ui-sticky {
	padding-left: 10px;
}
/* disabked Button in Tabelle mit trensparentem Background*/
body tr td .ui-button.ui-state-default.ui-state-disabled {
  background-color: transparent !important;
}

/** Dialoge **/
/* Dialoge fur kleine Screens schrumpfen */
body .ui-dialog.registerDialog, body .ui-dialog.forgotPasswordDialog, body .ui-dialog.personSearchDialog {
	max-width: 100%;
}
/* nicht dynamische Dialoge mit Card bsp. Passwortzurücksetzen auf in Selbstauskunft*/
body .cardeddialog .ui-dialog-content {
	background-color: #F5F5F5;
}
/* Dialoge über die Kopfzeile legen */
body .ui-dialog.ui-widget {
	z-index: 999998 !important;
}
/* Overlaypanel in Dialogen über die Kopfzeile legen */
body .ui-overlaypanel {
	z-index: 999999 !important;
}
/* Dialog ausgrauen, wenn das loading image angezeigt wird */
#opaque {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	display: block;
	background-color: lightgrey;
	opacity: 0.4;
}
/* center loaderDialog image*/
#loaderDialog div {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Multivalue bei Bibliographische IDs mehr Platz nach unten bei einspaltiger Darstellung*/
@media screen and (max-width: 1200px) {
	body .lg\:col-4.multifield {
		margin-bottom: 30px;
	}
	body .multifield.last {
		margin-bottom: 0px;
	}
}

/* Styles fuer Dialoge PIN/TAN zum Druck fuer Operatoren */
@media print {
	body {
		background-color: white;
	}
	body .printPinContent .ui-inputfield, body .printTANContent .ui-inputfield
		{
		font-size: 14pt;
	}
	body .printPinContent .field .ui-outputlabel, body .printTANContent .field .ui-outputlabel
		{
		font-size: 11pt;
	}
	body .printPinContent .field>label, body .printTANContent .field>label
		{
		margin-bottom: 0px;
	}
	body .printPinContent .printAddress, body .printPinContent .printContent,
		body .printTANContent .printAddress, body .printTANContent .printContent
		{
		margin-top: 15px;
		font-size: 10pt;
		display: block;
	}
	body .printPinContent, body .printTANContent {
		padding: 0px;
		font-size: 12pt;
		color: black;
	}
	body .printLogo {
		margin-left: auto;
		display: block;
		margin-right: 0;
		height: 8vh;
	}
	body .printPinText1, body .printTANText1 {
		margin-top: 0px;
		display: block;
	}
	body .printPinText2, body .printTANText2 {
		margin-top: 15px;
		display: block;
	}
	body .ui-panel {
		border: 1.5px solid lightgrey;
		box-shadow:  none;
	}
}

/*Status Icons Farben und Boolean-Buttons*/
body .colored-sign.colored-sign .notBlocked, body .colored-sign.colored-sign .REGISTERED {
	color: var(--fsu-ok-color);
}
body .colored-sign.colored-sign .blocked, body .colored-sign.colored-sign .NOT_REGISTERED {
	color: var(--fsu-error-color);
}
body .colored-sign.colored-sign .partlyBlocked {
	color: var(--warn-text-color);
}
body .colored-sign.colored-sign.ui-state-active:hover,
body .colored-sign.colored-sign.ui-state-active:hover .ui-icon{
	color: var(--primaryTextColor);
}

body .colored-sign.colored-sign.partlyBlocked, 
body .colored-sign.colored-sign.partlyBlocked .ui-icon,
body .colored-sign.colored-sign.partlyBlocked.ui-state-focus,
body .colored-sign.colored-sign.partlyBlocked:hover, 
body .colored-sign.colored-sign.partlyBlocked:hover .ui-icon {
	background-color: var(--warn-text-color)!important;
	color: var(--primaryTextColor)!important;
}
body .colored-sign.colored-sign.blocked, 
body .colored-sign.colored-sign.blocked .ui-icon, 
body .colored-sign.colored-sign.blocked.ui-state-focus,
body .colored-sign.colored-sign.blocked:hover, 
body .colored-sign.colored-sign.blocked:hover .ui-icon {
	background-color: var(--fsu-error-color)!important;
	color: var(--primaryTextColor)!important;
}
body .colored-sign.colored-sign.notBlocked {
	background-color: var(--fsu-ok-color)!important;
	color: var(--primaryTextColor)!important;
}
body .colored-sign.colored-sign.notBlocked .ui-icon {
	color: var(--primaryTextColor)!important;
}
body .colored-sign.colored-sign.notPartlyBlocked, 
body .colored-sign.colored-sign.notPartlyBlocked .ui-icon	{
	background-color: var(--primaryTextColor)!important;
	color: var(--inputValueColor)!important;
}
/* disable für Sperrstatusbutton etwas mehr Farbe default ist 60% */
body .ui-button.ui-state-disabled.blocked, body .ui-button.ui-state-disabled.notBlocked {
	opacity: 85%;
}

/* Rollenfarben Titel abweichend vom theme-standard*/
body .ui-dataview .ui-panel .ui-panel-titlebar .ui-panel-title,
body .ui-dataview .ui-panel .ui-panel-titlebar {
	background-color: transparent;
	color: #212121;
}
/* Aktive/Abgelaufene Rollen anders kennzeichnen */
body .ui-dataview .ui-panel .ui-panel-titlebar .ui-panel-title .ui-outputlabel.activeRole {
	font-weight: bold;
	color: var(--primaryColor);
}
body .ui-dataview .ui-panel.expiredRole .ui-widget, 
body .ui-dataview .expiredRole .ui-dataview .ui-dataview-content, 
body .ui-dataview .ui-panel.expiredRole .ui-panel-titlebar .ui-panel-title, 
body .ui-dataview .ui-panel.expiredRole .ui-panel-titlebar .ui-panel-title .ui-outputlabel {
	color: dimgray;
}
/*Rollentypenfarben*/
/*orange*/
body .attributeRoleGrid .Student .ui-panel-content {
	background-color: hsla(20, 100%, 50%, 0.05);
}

body .attributeRoleGrid .Student .ui-panel-titlebar {
	background-color: hsla(20, 100%, 50%, 0.15) !important;
	color: hsla(20, 100%, 50%, 1) !important;
}

body .Student .ui-inputfield {
	background-color: hsla(20, 100%, 100%, 0.05);
}

/*rot*/
body .attributeRoleGrid .Gaststudent .ui-panel-content {
	background-color: hsla(0, 100%, 50%, 0.08);
}

body .attributeRoleGrid .Gaststudent .ui-panel-titlebar {
	background-color: hsla(00, 100%, 50%, 0.15) !important;
	color: hsla(00, 100%, 50%, 1) !important;
}

body .Gaststudent .ui-inputfield {
	background-color: hsla(0, 100%, 100%, 0.08);
}

/*gruen*/
body .attributeRoleGrid .Klinikumsmitarbeiter .ui-panel-content {
	background-color: hsla(90, 100%, 50%, 0.10);
}

body .attributeRoleGrid .Klinikumsmitarbeiter .ui-panel-titlebar {
	background-color: hsla(90, 100%, 50%, 0.20) !important;
	color: hsla(110, 100%, 50%, 1) !important;
}

body .Klinikumsmitarbeiter .ui-inputfield {
	background-color: hsla(90, 100%, 100%, 0.10);
}

/*gelb*/
body .attributeRoleGrid .Bibliotheksbenutzer .ui-panel-content {
	background-color: hsla(50, 100%, 50%, 0.08);
}

body .attributeRoleGrid .Bibliotheksbenutzer .ui-panel-titlebar {
	background-color: hsla(50, 100%, 50%, 0.15) !important;
	color: hsla(50, 100%, 50%, 1) !important;
}

body .Bibliotheksbenutzer .ui-inputfield {
	background-color: hsla(50, 100%, 100%, 0.08);
}

/*hellblau*/
body .attributeRoleGrid .Mitarbeiter .ui-panel-content {
	background-color: hsla(210, 100%, 50%, 0.08);
}

body .attributeRoleGrid .Mitarbeiter .ui-panel-titlebar {
	background-color: hsla(210, 100%, 50%, 0.20) !important;
	color: hsla(210, 100%, 50%, 1) !important;
}

body .Mitarbeiter .ui-inputfield {
	background-color: hsla(210, 100%, 100%, 0.08);
}

/*blau*/
body .attributeRoleGrid .Gastmitarbeiter .ui-panel-content {
	background-color: hsla(240, 100%, 50%, 0.08);
}

body .attributeRoleGrid .Gastmitarbeiter .ui-panel-titlebar {
	background-color: hsla(240, 100%, 50%, 0.15) !important;
	color: hsla(240, 100%, 50%, 1) !important;
}

body .Gastmitarbeiter .ui-inputfield {
	background-color: hsla(240, 100%, 100%, 0.08);
}

/*lila*/
body .attributeRoleGrid .Doktorand .ui-panel-content {
	background-color: hsla(283, 100%, 50%, 0.08);
}

body .attributeRoleGrid .Doktorand .ui-panel-titlebar {
	background-color: hsla(283, 100%, 50%, 0.15) !important;
	color: hsla(283, 100%, 50%, 1) !important;
}

body .Doktorand .ui-inputfield {
	background-color: hsla(283, 100%, 100%, 0.08);
}

/*TermsOfUse*/
.termsOfUse {
	padding-left: 5px;
}

.termsOfUse ol>li {
	counter-increment: item;
}

.termsOfUse ol>li:first-child {
	counter-reset: item;
}

.termsOfUse ol>li {
	display: block;
	padding-top: 10px;
}

.termsOfUse ol>li:before {
	content: "(" counters(item, ".") ") ";
	margin-left: -20px;
}

.termsOfUse li ol>li {
	counter-increment: item2;
}

.termsOfUse li ol>li:first-child {
	counter-reset: item2;
}

.termsOfUse li ol>li {
	display: block;
	padding-top: 0px;
}

.termsOfUse li ol>li:before {
	content: "" counters(item2, "") ". ";
	margin-left: -20px;
}