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

/*
Name, Datum: MO, 11.09.2025
Ort der Verwendung: userQuery, Rückfragen Anfrage 335218
Verwendungszweck: Textausrichtung innerhalb der h2, für Chrome erforderlich*/
.userQuery h2 strong {
	vertical-align: baseline;
}

/*
Name, Datum: MO, 11.03.2025
Ort der Verwendung: neuer Studienplaner
Verwendungszweck:	Farbiger Submit-Button in Overlay in Tabelle erhählt weiße Textfarbe anstelle der Standardfarbe.
*/
@media screen and (max-width: 768px) {
  table.table td:first-child .submit_highlighted span {
	  color:var(--contrastFontColor);
  }
  
   table.table td:first-child .submit_highlighted:hover span, table.table td:first-child .submit_highlighted:focus span{
	  color:var(--basicFontColor);
  }
}

/*
Name, Datum: Oguz Önbas, 05.09.2024

Ort der Verwendung: Bewerbungsdaten zur Aufbewahrung konfigurieren
Verwendungszweck:   Fieldsetmessage icon ist verrtuscht, wenn man es mit texten mit p Element verwendet (Angular).

Wenn das global gefixed wird, dann kann diese Klasse entfernt werden.
*/

.app_fieldset_message_with_p_tag {
    margin-top: 8px;
    margin-bottom: 8px;
}

.app_fieldset_message_with_p_tag > p {
    margin-top: 0;
    margin-bottom: 0;
}

/*
Name, Datum: Sebastian Grimm, 22.11.2024

Ort der Verwendung: (RES) Projektmittel bearbeiten Overlay
Verwendungszweck: Darstellung des Label-textes "Gesammtsumme" rechtsbündig.
*/

.resResearchContractTotalFundsTextAlignRight {
    text-align: right;
}

/*
Name, Datum: Sebastian Grimm, 22.11.2024

Ort der Verwendung: (RES) Projektänderungsanträge Änderungsinformation
Verwendungszweck: Finanzen Mittelherkünfte Informationsbox Änderungen für Mittelherkunft
*/

.resBudgetSourceInformationBox {
    border: 1px solid gray;
    width: 500px;
    padding: 5px;
}

/*
Name, Datum: Sebastian Grimm, 22.11.2024

Ort der Verwendung: (RES) Projektänderungsanträge und Drittmittelanzeigen Genehmigungsfelder
Verwendungszweck: Genehmigungs-(AutoComplete)-felder für Projektänderungsanträge und Drittmittelanzeigen 
*/

.resApprovalStatusAutoComplete > span > ul > li > input {
    width: 0px;
}

/*
Name, Datum: Sebastian Grimm, 22.11.2024

Ort der Verwendung: (RES) Finanzen von Projekte und Drittmittelanzeigen
Verwendungszweck: Tabellen zur Anzeige von Finanzmitteln
*/

.resResearchContractFundsOverflowTable {
   overflow-x: auto;
}

/*
Name, Datum: Sebastian Grimm, 22.11.2024

Ort der Verwendung: (RES) Projektänderungsanträge
Verwendungszweck: Darstellung von geänderten oder gelöschten Werten
*/

.resChangedValuesTextUnderlined {
    text-decoration: underline;
}

.resChangedValuesTextLineThrough {
    text-decoration: line-through;
}

/*
Name, Datum: Oenbas, 08.04.2025

Ort der Verwendung: (APP) Bewerbungen sichten
Verwendungszweck: Design nach größeren Oberflächenänderungen abrunden
*/

.app_requestDates_icon {
   margin-left: 8px;
}

.applicationEditor_request_container {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

/*
Name, Datum: Marcell Salvage, 22.09.2025

Ort der Verwendung: Service > Anträge > Beendigung eines Studiengangs/-fachs 
Verwendungszweck: Radio-Buttons kein Border, da sonst an der linken Seite Striche angezeigt werden, insbesondere mit disableChildren im Fieldset.
*/
.input_readonly:has(input[type="radio"]) {
	border: None;
}

/* Name, Datum: Monente 8.1.2026
  Zweck:  Tabs Portal Gestaltung

.notloggedin.onStartpage .tabsAsDropdown.mikronavi_submit button{
	border-radius: 3px;
    width: 70px;
    height: 70px;
    font-size: 80%;
    padding: 4px 2px 2px 2px;
    hyphens: auto;
    white-space: normal;
    line-height: 1em;
    text-align: center;    
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    box-shadow: var(--highlightShadow);
    border:none;
}

.notloggedin.onStartpage .tabsAsDropdown.mikronavi_submit button span{
   margin-top: 4px;
   font-size: 12px;
   text-align: center;
}

.notloggedin.onStartpage .tabsAsDropdown.mikronavi_submit{
	border-bottom:none;
}

.notloggedin.onStartpage .tabsAsDropdown.mikronavi_submit button::before {	
    font-family: "HISinOneIcons" !important;
    font-size: 21px;
    line-height: 24px;
    color: var(--accentFontColor) ;
}

.notloggedin.onStartpage .tabsAsDropdown.mikronavi_submit button.active::before {
    color: var(--contrastFontColor) ;
    background-color: var(--backgroundColor1);
}

.notloggedin.onStartpage button.tabButton[id$="panelTab_0_TabBtn"]::before{
	content: "\e94f" / "";
}
.notloggedin.onStartpage button.tabButton[id$="panelTab_1_TabBtn"]::before{
	content: "\e94c" / "";
}
.notloggedin.onStartpage button.tabButton[id$="panelTab_2_TabBtn"]::before{
	content: "\e949" / "";
}
.notloggedin.onStartpage button.tabButton[id$="panelTab_3_TabBtn"]::before{
	content: "\e944" / "";
}
.notloggedin.onStartpage button.tabButton[id$="panelTab_4_TabBtn"]::before{
	content: "\e948" / "";
}
.notloggedin.onStartpage button.tabButton[id$="panelTab_5_TabBtn"]::before{
	content: "\e911" / "";
}
.notloggedin.onStartpage button.tabButton[id$="panelTab_6_TabBtn"]::before{
	content: "\e923" / "";
}
.notloggedin.onStartpage button.tabButton[id$="panelTab_7_TabBtn"]::before{
	content: "\ea4f" / "";
}*/