/*****************************************************************************/
/*                      HINWEIS                                              */
/*****************************************************************************/
/*
Um bei den CSS-Dateien von HISinOne Unübersichtlichkeit und mehrfaches
Entwickeln von gleichen Styles zu vermeiden, gilt folgendes Verfahren für das
Einchecken von CSS-Styles:

- Neue Styles dürfen nur in die Datei 'HISinOneExperimental.css' eingecheckt werden

- Styles sind performant auszubilden und müssen valide sein. Näheres siehe Validator: http://csslint.net/

- Für jeden Style sollen folgende Informationen in einem darüberliegendem Kommentar
  ergänzt werden:
  - Name des Verfassers,
  - Datum der Erstellung,
  - Ort der Verwendung,
  - Verwendungszweck,
  - Begründung, warum kein vorhandener Style verwendet werden konnte

- Diese neuen Styles werden rechtzeitig vor den HISinOne Releases durch die
  Projektgruppe Styleguide  geprüft, ggf. freigegeben und in die regulären
  CSS-Dateien übernommen.

 */
/*****************************************************************************/
/*               BEISPIEL STYLE                                              */
/*****************************************************************************/
/*
Name, Datum: Otto Müller, 2015-07-28

Ort der Verwendung: Alle Formulare mit <input type="submit">-Buttons,
					die nicht durch eine andere Klasse formatiert sind
Verwendungszweck:	Default Submit-Button
Grund für Neuanlage:	Einheitliche Gestaltung der Default-Submit Buttons,
						bisher kein Style vorhanden
*/
/*
input.submit, input[type='submit'] {	
	border: 1px solid;	
}
*/


/**
 * Author: Ostendorf
 * Datum: 12.04.2024
 * Zweck: Icons in tabable-link mit Abstand zum Linktext setzen
 */
.tabable-link a img {
	margin-right: 5px;
}

/**
 * Author: Monente-Helber, Ostendorf
 * Datum: 05.05.2023
 * Zweck: Überschriften von Collapsable-Fieldsets auch beim Oberflächentexte-Bearbeiten sichtbar machen
 */
.titleCollapseArea[style*="var(--uiEditFontColor)"] {
	display: none !important;
}

/**
 * Author: Maura Monente-Helber
 * Datum: 13.03.2023
 * Zweck: Text Overflow mit Pünktchen - funktioniert nur bei reinen Texten
 */
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	/* IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+*/
	text-overflow: ellipsis;
	/*for Opera 9 & 10*/
	-o-text-overflow: ellipsis;
}

/**
 * Author: Maura Monente-Helber
 * Datum: 13.03.2023
 * Zweck: Text Overflow Hidden 
 */
.overflowHidden {
	white-space: nowrap;
	overflow: hidden;
}

/**
 * Author: Maura Monente-Helber
 * Datum: 13.03.2023
 * Zweck: Text Umbruch - erzwungener Umbruch, nicht dudengerecht
 */
.wortumbruch {
	word-wrap: break-word;
}

/**
 * Author: Sebastian Krug
 * Datum: 27.04.2023
 * Zweck: Text Overflow mit einem vollausfüllenenden Fieldset
 */
.overflowFullSize {
	display: block;
	width: 100%;
}

/************************************
 * Name, Datum: Maura Monente-Helber, 13.12.2013
 * Zweck:Attributwerte
 */
/*Ende*/
/* .logoPortal[id$="logoTest"] {
	border-right:3px solid green;} */
/*Enthält Zeichenkette*/
/* .logoPortal[id*="_logo"] {
	border-left:3px solid red ;} */
/*Anfang*/
/* .logoPortal[id^="otto"] {
	padding:40px;} */
/*Attribut ist gleich*/
/* .logoPortal[id="otto_logoTest"] {
	border-bottom:3px solid black;}	 */
/*Zeichenkette, die durch Leerzeichen getrennt ist //geht nicht bei ID*/
/* .logoPortal[id~="otto"] {
	border-top:3px solid yellow;} */
/*Zeichenkette am Anfang, die durch Leerzeichen vom Rest getrennt ist //geht nicht bei ID*/
/* .logoPortal[id|="otto"] {
	border-bottom:3px dotted black;}
 */

/*
Name, Datum: Fürhoff, Monente
Ort der Verwendung: Paginator PF Tabelle
Verwendungszweck:	Neue Tabelle PF
Grund für Neuanlage:	Styleguide Testseite
*/
.ui-paginator-next, .ui-paginator-last, .ui-paginator-page,
	.ui-paginator-prev, .ui-paginator-first {
	text-decoration: none;
	min-width: 2.357rem;
	min-height: 2.357rem;
	margin: .143rem;
}

.ui-paginator-next::before {
	content: "\e9b8";
	display: inline;
	font-family: "HISinOneIcons" !important;
	color: #6c757d;
	font-size: 120%;
	font-weight: normal;
}

.ui-paginator-last::before {
	content: "\e9b7";
	display: inline;
	font-family: "HISinOneIcons" !important;
	color: #6c757d;
	font-size: 120%;
	font-weight: normal;
}

.ui-paginator-prev::before {
	content: "\e9b9";
	display: inline;
	font-family: "HISinOneIcons" !important;
	color: #6c757d;
	font-size: 120%;
	font-weight: normal;
}

.ui-paginator-first::before {
	content: "\e9b5";
	display: inline;
	font-family: "HISinOneIcons" !important;
	color: #6c757d;
	font-size: 120%;
	font-weight: normal;
}

/*
Name, Datum: Monente-Helber, 19.12.2022
Ort der Verwendung: Styleguide
Verwendungszweck:	PrimeFaces Breadcrumb
Grund für Neuanlage:	Verwendung bei responsiver Baumansicht im Entwurf auf der Seite Tree Table Tiles PrimeFaces (Prototyp) 
*/
body .ui-breadcrumb {
	background: #fff;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	padding: 1rem;
}

.ui-breadcrumb .ui-breadcrumb-items {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
}

body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home {
	font-family: "HISinOneIcons" !important;
	color: var(- -accentFontColor);
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	background: none;
	margin: 0;
}

body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home::before {
	content: "\e94f";
	font-family: "HISinOneIcons" !important;
	color: var(- -accentFontColor);
	font-size: 120%;
}

body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link {
	transition: background-color .2s, color .2s, border-color .2s,
		box-shadow .2s, opacity .2s;
	border-radius: 4px;
	margin: 0;
}

.ui-breadcrumb .ui-menuitem-link {
	text-decoration: none;
}

body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron)::before {
	content: "\e901";
	font-family: "HISinOneIcons" !important;
	color: var(- -accentFontColor);
	/*   font-size: 140%;  */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-indent: 0 !important;
	background-image: none !important;
	margin: 0 .5rem 0 .5rem;
}

@media screen and (min-width : 768px) {
	.ui-breadcrumb {
		display: none;
	}

	.tilesDesign .ui-breadcrumb {
		display: block;
	}
}

@media screen and (max-width : 768px) {
	.ui-breadcrumb .ui-breadcrumb-items {
		display: grid;
	}
}

/*
Name, Datum: Oenbas, 16,03,2023
Ort der Verwendung: Bewerbungen sichten - Statusanmerkungen anzeigen - vordefinierte Statusanmerkungen
Verwendungszweck:   Damit soll gezeigt werden, dass ein Text ein title Attribut hat
Grund für Neuanlage: Beibehaltung des Sytles nach Umstrukturierung.  
*/
.app_dottedUnderline {
	text-decoration: underline dotted;
}

/*
Name, Datum: Oenbas, 20.03.2023
Ort der Verwendung: Bewerbungen sichten - Studiengangsdetails anzeigen - icon popup
Verwendungszweck:   Einheitliches Layout in der Tabelle
Grund für Neuanlage: Einheitliches Layout in der Tabelle  
*/
.app_allignItemsCenter {
	align-items: center;
	display: flex;
}

/*
    Styles eines buttons übersteuert dieses Attribut, hier muss noch nach einer eleganteren Lösung gesucht werden
*/
.app_noMarginRight {
	margin-right: 0px !important;
}

/*
Name, Datum: Oenbas, 28.07.2023
Ort der Verwendung: Bewerbungen sichten - Fieldsets für Gruppierung der Bewerbungsbestandteile
Verwendungszweck:   Verbesserung der UX und Barrierefreiheit
Grund für Neuanlage: Verbesserung der UX und Barrierefreiheit

*/
.app_kanbanBorder {
	border-radius: 8px;
	border: 1px solid;
	border-color: transparent;
}

.app_padding8px {
	padding: 8px;
}

/*
Name, Datum: Oenbas, 17.08.2023
Ort der Verwendung: Bewerbungen sichten - Bewerbungsbestandteil hinzufügen icon
Verwendungszweck:   Vereinheitlichung der Größe der Icons, so wie vereinheitlichung der Icongröße bei Mehrfach-Anträgen
Grund für Neuanlage: Vereinheitlichung der Größe der Icons, so wie vereinheitlichung der Icongröße bei Mehrfach-Anträgen

________________________________________________
Wahrscheinlich 

#applicationEditor\:selectedTerm\:applicationsRequestsAndSubjectsTable\:applicationsRequestsAndSubjectsTableTable\:1\:createApplicationContentInputBtn > img {
    width: 23px;
    height: 23px;
}

in HisInOnecomponents nicht mehr nötig

Wenn die oben raus fliegt, dann wird das hier wahrscheinlich auch nicht mehr benötigt, da standardgröße
*/
#applicationEditor\:selectedTerm\:applicationsRequestsAndSubjectsTable\:applicationsRequestsAndSubjectsTableTable\:1\:createApplicationContentInputBtn>img
	{
	width: var(- -imageSizeStandard) !important;
	height: var(- -imageSizeStandard) !important;
}

/* ENDE Breadcrumb CSS*/
.showOnPrint {
	display: none;
}

@media print {
	.showOnPrint {
		display: block;
	}
}

/*
Name, Datum: Deicke, 18.08.2023
Ort der Verwendung: 'collapsibleFieldset'-Komponente
Verwendungszweck: Layout des Fieldset-Kopf-Bereichs
Grund für Neuanlage: Layout
*/
.layoutFieldsetTableFlex {
	align-items: center;
}

.layoutFieldsetTitle {
	display: flex;
	align-items: center;
}

/*
<<<<<<< master
Name, Datum: Goschka, 28.08.2023
Ort der Verwendung: 'res-project-vcard'-Komponente
Verwendungszweck: Layout des Projektlogos auf der Projektdetailseite
Grund für Neuanlage: Layout-Änderungen
*/
.project-main-logo > img {
    max-width: 180px;
    max-height: 180px;
    object-fit: contain; /*Seitenverhältnis wird beibehält*/
    width: auto;
    height: auto;
    text-align: right;
}
.vcard-logo-header {
   display: flex;
   justify-content: space-between; /* Das wird den Raum zwischen h1 und dem Logo maximieren */
   align-items: start; /* Dies sorgt dafür, dass die Elemente oben ausgerichtet sind */
}

/*
Ort der Verwendung: 'res-project-view-details'-Komponente
Verwendungszweck: Layout des sonstige Projektlogos auf der Projektdetailseite
*/
.other-project-logo-container {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.other-project-logo-container img {
    max-width: 180px;
    max-height: 180px;
    object-fit: contain;
    width: auto;
    height: auto;
    display: block; /* Stellt sicher, dass jedes Bild als Block-Element gerendert wird */
  	margin-bottom: 10px; /* Fügt unten an jedem Bild einen Abstand von 10px hinzu */
}   


/*
Name, Datum: Meinhardt, 29.08.2023
Ort der Verwendung: onlineRequestsPageData.xhtml
Verwendungszweck: Abgrenzung von Elementen in der Übersichtsseite von gestellten Anträgen
Grund für die Neuanlage: Layout
*/
.online-requests-overview-divider {
	margin-top: 15px;
}

/**
Name, Datum: Wahrendorff, 7.12.2023
Ort der Verwendung: functionalAuditView.xhtml 
Verwendungszweck: erweiterbarer einfacher flex container und parent styles für label
Grund für die Neuanlage: Undurchdringbarer wirrwarr an HTML und nicht zueinander passenden CSS-Klassen.
Bitte display flex nur an Containern verwenden deren Inhalt stets bekannt und kompatibel ist.
**/

/* ein einfacher flex Container der wrapped. Muss ggf. für neue children erweitert werden */
.flex-container{
    display: flex;
    flex-wrap: wrap;
}
.flex-container div{
    display: flex;
    flex: 1 1 0px; 
    flex-grow: 1;
} 
.flex-container div input[type='checkbox']{
    flex-shrink: 0;
    display: inline-block;
}

/**
 * längere labels auch vom parent panelFormLayout oder plam aus stylen können. Man hat nicht immer Zugriff auf das label oder muss die Klasse zig mal setzen.
 */
.label_250 label, label.label_250 {
    min-width: 250px;
} 

/**
 * Quilljs Testeinbindung
 */
.hisquill.textarea_standard{
    width: 100%;
}

/**
 *Name, Datum: Wahrendorff, 7.12.2023
Ort der Verwendung: highlight.xhtml 

Wird für die highlight Komponente verwendet um Text zu highlighten. 
 */
.highlightSearch .searchMenuHighlight {
    color: var(--backgroundColor2);
    background-color: var(--accentFontColor);
}

/*
Name, Datum: Oenbas, 11.01.2024
Ort der Verwendung: Bewerbungen sichten - Bewerbungsbestandteil meldungen für fehlende Bewerbungsbestandteile
Verwendungszweck:   Verbesserung der UX und Barrierefreiheit
Grund für Neuanlage: Verbesserung der UX und Barrierefreiheit

*/
.app_fillParent {
	width: 100%;
}

.app_spaceBetween {
	justify-content: space-between;
}

.app_center {
	justify-content: center;
}

.app_missingAciFieldsetMessageText {
	margin: 0;
}

/*
Name, Datum: Oenbas, 18.01.2024
Ort der Verwendung: Bewerbungen sichten - Uhr popup unter dem Dialogheader (recentlyViewedApplicantPopup)
Verwendungszweck:   Ausirchtung des Buttons damits diese auf einer Linie mit den anderen Buttons steht

Grund für Neuanlage: 

Man könnte auch das alte css entfernen bzw. anpassen

#applicationEditor\:dialogHeader\:recentlyViewedApplicantPopup\:showPopup {
    padding: 7px;
    margin-top: -0.5px;
}

*/

#applicationEditor\:dialogHeader\:recentlyViewedApplicantPopup\:showPopup {
	margin: 2px 1px !important;
}

/*
Name, Datum: Oenbas, 19.01.2024
Ort der Verwendung: Aufnahmeprüfungen planen (APP)
Verwendungszweck: Erzeugt einen Rahmen, der bei Kontrastmodi mit hohem Kontrast angezeigt wird

Grund für Neuanlage: Entfernen der inline Styleattribute
*/

.app_dialogHeader {
	border: 1px solid transparent;
}


/*
Name, Datum: Oenbas, 19.01.2024
Ort der Verwendung: Bewerbungen sichten
Verwendungszweck: Ausrichtung der Inhalte 

Grund für Neuanlage: Bisher gibt es keine Ausrichtung
*/

.app_applicationContent_heading {
	margin: 0.1em 0 0.1em 0;
}

#applicationEditor .box_content .buttonsRight {
	margin-top: 0px;
	margin-right: 2px;
}

#applicationEditor td {
	vertical-align: middle;
}


/*
Name, Datum: Oenbas, 26.02.2024
Ort der Verwendung: Bewerbungen sichten - Bewerbungsbestandteile - label für Eingaben
Verwendungszweck: bugfix

Grund für Neuanlage: Darf bestehende css nicht anpassen

.labelApplicationSubject .box_content div label - besteht schon, löschen sollte wahrschenlich ausreichen,
dann braucht man beide css nicht mehr.

*/

.labelApplicationSubject .box_content div label {
	text-align: right;
}

/*
Name, Datum: Reh, 23.04.2024
Ort der Verwendung: Bewerbungen sichten, Bewerbungen bearbeiten 
- applicationContentInputViewOnly.xhtml, applicationContentEdit.xhtml
Verwendungszweck: bugfix  205514

Grund für Neuanlage: Zeilenumbruch in Standardtextfeldern bisher nicht möglich, keine entsprechende css-Klasse für JSF

*/
.applicationContentTextLineBreak {
	white-space: pre-line;
	display: block;
	width: auto;
}

/*
Name, Datum: Reh, 23.04.2024
Ort der Verwendung: Bewerbungen sichten, Online Application 
- applicationContentInputViewOnly.xhtml, facelet-components/his/app/applicationContentEdit.xhtml
Verwendungszweck: bugfix  205514

Grund für Neuanlage: Darf bestehende css nicht anpassen - htmlOutput 

*/

.applicationContentTextOverflow {
	overflow: scroll;
	max-height: 200px;
	min-width: 100px;
	padding: 0 20px;
}


/*
Name, Datum: Reh, 23.04.2024
Ort der Verwendung: Bewerbungen sichten, Bewerbungen bearbeiten 
- applicationContentInputViewOnly.xhtml, applicationContentEdit.xhtml
Verwendungszweck: bugfix  205514

Grund für Neuanlage: Zeilenumbruch in Standardtextfeldern bisher nicht möglich, keine entsprechende css-Klasse für JSF

*/
.applicationContentTextLineBreak{
	white-space: pre-line; 
	display: block; 
	width: auto; 
}

/*
Name, Datum: Reh, 23.04.2024
Ort der Verwendung: Bewerbungen sichten, Online Application 
- applicationContentInputViewOnly.xhtml, facelet-components/his/app/applicationContentEdit.xhtml
Verwendungszweck: bugfix  205514

Grund für Neuanlage: Darf bestehende css nicht anpassen - htmlOutput 

*/

.applicationContentTextOverflow{
	overflow: auto;
	max-height: 200px;
	min-width: 100px;
	padding: 0 20px;
}