@charset "UTF-8";

/******** Ab hier in Theme verschieben**/

/* im chrome verschiebt sich sonst der Datumsbutton */
button.ui-datepicker-trigger.ui-button-icon-only .ink{
	display: none;
}
/* im chrome verschiebt sich sonst der Datumsbutton */
button.ui-datepicker-trigger.ui-button-icon-only .ripple-animate{
	animation: none;
}

body .languageChooser .ui-inputfield {
	padding-top: 0px;
}

/**** Nur für Portal relevant*/
body .fas, body .far {
  	font-size: 12pt;
	  padding-top: 2px;
}
/* Fontawesome icon in Inputgroups an Primeicon anpassen*/
body .ui-inputgroup .ui-button-icon-only .ui-icon.far, body .ui-inputgroup .ui-button-icon-only .ui-icon.fas {
	margin-left: -8.5px!important;
}
body .ui-inputgroup .ui-linkbutton a:focus .ui-icon:before{
	outline: none;
}
body .ui-inputgroup .ui-linkbutton a:focus .ui-icon {
	outline: var(--fsu-focus-input-color) 2px solid;
	border-radius: 10px;
	transition: outline var(--animation);
}

/* Focus Icons in Tabellenheader*/
body .ui-datatable th.header-icon:focus .ui-column-title {
	background: none;
	outline: white solid 2px;
	outline-offset: 2.5px;
	border-radius: 15px;
	transition: outline var(--animation);
}
body .ui-datatable .header-icon em {
	min-width: 20px;
	text-align: center;
}

/* Datatable-Buttons und deren Focus*/
body .ui-datatable .ui-button,
body .ui-datatable .ui-button .ui-icon, 
body .ui-treetable-data .ui-button, 
body .ui-treetable-data .ui-button .ui-icon {
	color: var(--fsu-textSecondaryColor);
	background-color: transparent;
 	box-shadow: none;
}

body .ui-datatable .ui-button-icon-only:focus .ui-icon,
body .ui-datatable .ui-button-icon-only:hover .ui-icon,
body .ui-treetable-data .ui-button-icon-only.ui-state-focus .ui-icon, 
body .ui-treetable-data .ui-button-icon-only.ui-state-hover .ui-icon {
	color: var(--fsu-focus-input-color);
	outline: var(--fsu-focus-input-color) 2px solid;
	border-radius: 15px;
	outline-offset: 2px;
	transition: outline var(--animation);
}

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

/* Farbe und Rahmen der Tooltipps bspw. OpratorDetails Loginfehler*/
body .ui-tooltip .ui-tooltip-text {
	color: black;
	background-color: white;
	padding: 0px;
}
body .ui-tooltip .ui-tooltip-text .ui-datalist-content .ui-datalist-data {
	padding-left: 10px;
	margin: 0px;
}

/** Dialoge **/
/* nicht dynamische Dialoge mit Card bsp. Passwortzurücksetzen auf in Selbstauskunft*/
body .cardeddialog .ui-dialog-content {
	padding: 17px;
	background-color: #F5F5F5;
	width: 100%!important;
	height: 100%!important;
}
/* 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;
}
/* Infotext in Wizards primär in Dialogen*/
body .ui-outputlabel.infotext {
	font-size: 11pt;
	font-style: normal;
	color: black;
	white-space: normal;
}

/* Operatortable anpssen ggf. nur mit css Klasse */
body .limitHeight .ui-datatable-tablewrapper, body .limitHeight .ui-treetable-tablewrapper{
	/*Hoehe der Tabelle beschränken und scrollbar anzeigen*/
	height: 55vh !important;
}

/* Passwortvorschlag IE */
.classNoReveal::-ms-reveal {
	display: none;
}

/* Passwortinfopanel fuer Erklärungen der PWD Regel anzeigen*/
body .pwdInfo, body .labelInfo{
	display:flex; 
	flex-direction: row; 
	justify-content: left; 
	align-items: center;
}
body .pwdInfo .ui-outputlabel, body .labelInfo .ui-outputlabel {
	width: auto;
	padding-right: 2px;
}
body .pwdInfo .infoIcon, body .labelInfo .infoIcon{
	padding: 0px;
	margin-bottom: 1px;
}

body .infoIcon.right {
	margin-left: auto;
	margin-right: 5px;
}

body .popupInfoPanel .ui-overlaypanel-content{
	font-size: 14px;
	color: var(--info-text-color);
	filter: brightness(90%);
	white-space: normal;
	font-style: italic;
	padding: 0px;
}
body .popupInfoPanel .ui-overlaypanel-content ul{
	padding-left: 20px;
}

/* 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 .p-field .ui-outputlabel, body .printTANContent .p-field .ui-outputlabel{
		font-size: 11pt;
	}
	
	body .printPinContent .p-field > label, body .printTANContent .p-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;
	}
}


/* Login bei langen Fehlertexten nicht zu breit werden lassen*/
#login, #respwdm {
	max-width: 300px;
}

/* Bei nur einer Card keinen Platz unten verschwenden */
body .card:last-child {
	margin-bottom: 0px;
}
.layout-wrapper .layout-main .layout-content {
	padding-bottom: 17px;
}

/* Election-Link*/
body .ui-link.election-link {
	color:  hsla(3, 100%, 50%, 1);
	font-weight: bold;
	text-decoration: underline;
}

/* Combobox passend zu den anderen Feldern*/
body .p-field .ui-selectonemenu {
	padding: 4px 8px;
}
body .p-field .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	margin-top: 4px;
}

body .ui-selectonemenu {
	padding: 2px!important;
}

/** Validierung, Messages **/
/*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;
}
/* Messages am unteren Rand weniger Platz bspw. auf Passwortrücksetzungsseite*/
body .ui-messages-info, .ui-messages-warn, body .ui-messages-error, .ui-messages-fatal{
	margin: 2px 0;
}

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

/** Farben **/
/*Status Icons Farben*/
body .colored-sign .notBlocked, body .colored-sign .REGISTERED {
	color: var(--fsu-ok-color);
}
body .colored-sign .blocked, body .colored-sign .NOT_REGISTERED  {
	color: var(--fsu-error-color);
}
body .colored-sign .partlyBlocked  {
	color: var(--warn-bg-color);
}

body .colored-sign.partlyBlocked, body .colored-sign.partlyBlocked .ui-icon, body .colored-sign.partlyBlocked.ui-state-focus {
	background-color: var(--warn-bg-color);
	color: var(--fsu-primary-text-color-invers);
}
body .colored-sign.blocked, body .colored-sign.blocked .ui-icon, body .colored-sign.blocked.ui-state-focus {
	background-color: var(--fsu-error-color);
	color: var(--fsu-primary-text-color-invers);
}
body .colored-sign.notBlocked, body .colored-sign.notBlocked .ui-icon {
	background-color: var(--fsu-ok-color);
	color: var(--fsu-primary-text-color-invers);
}
body .colored-sign.notPartlyBlocked, body .colored-sign.notPartlyBlocked .ui-icon {
	background-color: var(--fsu-primary-text-color-invers);
	color: var(--fsu-input-value-color);
}


/* 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-bg-color) !important;
}

/* disable für Sperrstatusbutton ewas mehr Farbe default ist 60% */
body .ui-button.ui-state-disabled.blocked, body .ui-button.ui-state-disabled.notBlocked {
	opacity: 85%;
}

/* AttributeTable Anstriche bei Multivalue mehr als 1*/
body .attributeTable .ui-datalist-item:not(:only-child) {
	display: list-item;
	list-style-type: disc; 
	margin: 0px 12px; 
}

/* Aktive/Abgelaufene Rollen anders kennzeichnen */
body .activeRole .ui-panel-title {
	font-weight: bold;
}
body .expiredRole .ui-widget {
	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);
}

/* Anzeige des URZ-Loginkennzeichens bei Registrierung fett*/
#register\:uidField\:uid  {
	font-weight: bold;
}

/* Link in Bibliografie als schreibgeschütztes Feld darstellen */
body .ui-linkfield {
  padding-top: 5px;
  width: 100%;
  padding-left: .5em;
}

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

body .ui-fieldset .labelInfo{
 font-style: italic;
}

body .biblioEntry .ui-linkfield.icon {
	width: auto;
}

body .biblioEntry .ui-linkfield > img {
	margin-top: 2px;
	height:16px;
}



body .myScrollable > .ui-datatable-tablewrapper {
	overflow: auto;
    height: 500px;
}
body .myScrollable > .ui-datatable-tablewrapper > table > thead {
    position: sticky;
    top: 0;
    z-index: 1;
}