/** 
 *  Diese Datei wurde initial vom HIS Web-Setup-Assistenten erzeugt.
 *  Sie können diese Datei auch weiter für Ihre eigenen Ein-
 *  stellungen nutzen. Diese Datei wird nur durch ein erneutes Aus-
 *  führen des Web-Setup-Assistenten überschrieben.
 *  Nehmen Sie Änderungen niemals in der ausgelieferten Original-
 *  datei vor. Nutzen Sie immer ein Spezialmodul, bspw. dieses! 
 */ 

/* Schmaler Tabelle (Leist. bearbeiten pro Studierend.) */
body .ui-treetable > table > thead > tr > th {
     white-space: normal;
   }

/* Zeile zum PWA installieren nicht mehr anzeigen */

#pwaInstallContainer { display:none; }

/* Alert Banners */
.tuil-alert {
  padding: 1rem;
  border-radius: 0.25rem;
  margin: 0.5rem auto 1rem;
  display:inline-block;
}

.tuil-alert-success {
  background-color: #34a4a4;
  color: #fff;
}

.tuil-alert-success::before {
  margin-right: 0.5rem;
  content: "\2705"; /* Check mark */
}

.tuil-alert-danger {
  background-color: #FF7900;
  color: #fff;
  content: "\26A0"; /* Warning sign */
}

.tuil-alert-danger::before {
  margin-right: 0.5rem;
  content: "\26A0"; /* Warning sign */
}

.tuil-alert-warning {
  background-color: #f7b570;
}

.tuil-alert-warning::before {
  margin-right: 0.5rem;
  content: "\26A0"; /* Warning sign */
}

.tuil-alert-info {
  background-color: #d0e5e4;
}

.tuil-alert-info::before {
  margin-right: 0.5rem;
  content: "\2139"; /* Information */
}


/* Hindergrundfarbe Quicklinks   */

.tile_one {
  background-color: #e4f6ff;  
  border: 2px solid #003359;
}
.tileLink.tile_one::after {
    background: linear-gradient( to left, #e4f6ff 25%, transparent 25% );
}

.tile_two {
  background-color: #fbcfa1;
  border: 2px solid #003359;
}
.tileLink.tile_two::after {
    background: linear-gradient( to left, #fbcfa1 25%, transparent 25% );
}

.tile_three {
  background-color: #fff;
  border: 2px solid #003359;
}
.tileLink.tile_three::after {
    background: linear-gradient( to left, #fff 25%, transparent 25% );
}

.tile_four {
  background-color: #c4c7d8;
  border: 2px solid #003359;
}
.tileLink.tile_four::after {
    background: linear-gradient( to left, #c4c7d8 25%, transparent 25% );
}

.tile_five {
  background-color: #d0e5e4;
  border: 2px solid #003359;
}
.tileLink.tile_five::after {
    background: linear-gradient( to left, #d0e5e4 25%, transparent 25% );
}

.tile_six {
  background-color: #FBAA61;
  border: 2px solid #003359;
}
.tileLink.tile_six::after {
    background: linear-gradient( to left, #FBAA61 25%, transparent 25% );
}
 

.tileLink {
  color: #003359;
  }
:root {
	/* Hintergrundfarbe - Header, Footer, Rollenauswahl, Sprachauswahl und Tabellenzeile in Tabelle */
  --headerFooterBG: #e4f6ff;
  --accentFontColor:#003359;
  /*Allgemeine Schriftfarbe*/
  --basicFontColor: #003359;
}




.boxStandard .box_title_yellow{
	background-color:var(--backgroundColor2) !important;	
}
.fieldsetBgYellow, .fieldsetDottedLinesBgYellow, .text_yellow{	
	background-color:var(--backgroundColor2);
}

div.moduleinfobox20_c2 div.tableHeader {
	background-color:var(--backgroundColor2) !important;	
}

/*  Farbe Login-Schaltfläche */

.submit_login {
  color: var(--contrastFontColor);
  font-weight: bold;
  background-color: #003359;
}



/* Farbe aktive Registerkarte */

button.active, .btn.active {
  /* background: var(--backgroundColor1); */
  background: #003359;
  /* AB: folgende 2 Zeile verhindern, dass das Bild (1) mehrfach ausgegeben und (2) vergrößert wird */
  /*     gilt für Buttons in Tabs / Registerkarten mit class="active" */
  background-repeat: no-repeat;
  background-size: var(--backgroundImagesSize);
}

/* HISinOneFieldsets.css.faces | https://c-campus.tu-ilmenau.de/qisserver/javax.faces.resource/HISinOneFieldsets.css.faces?ln=css/cs/sys/common&v=eb034458e5856c59b8af2f2e5f11dd14 */
/*Hintergrundfarbe Portlets */


.boxStandard, .box_standard_without_headline, .box_noheader_bg_white, .box_green_bg_grey, .box_grey_bg_darkgrey, .box_blue_bg_white, .box_red_bg_grey, .boxImageGraph {
  background-color: #ffffff; 
  /*background-color: #f6f6f6;*/
}

/* EXA: Farben von Elemente im Studienplan*/
/* 1. Group "Modul" logic: evaluated once per row */
tr:not(:hover):has(img[alt="Modul"], img[alt="Module"]):not(:has(table img[alt="Modul"], table img[alt="Module"])) {
  background-color: #EFFFE9 !important;

  /* If the row above matches AND it is even, override the color */
  &.listRowEven {
    background-color: #d9ffcb !important;
  }
}

/* 2. Group "Konto" logic: evaluated once per row */
tr:not(:hover):has(img[alt="Konto"], img[alt="Account"]):not(:has(table img[alt="Konto"], table img[alt="Account"])) {
  background-color: #FFEDD1 !important;

  &.listRowEven {
    background-color: #ffe2b4 !important;
  }
}

/* Banner im Header */

/*#logoAndServicesHeader {
    background-image: url("/HISinOne/images/screenshots/Banner_bis zweite Flagge inkl Logo_TUIL.png");
}*/

/* Icon Haus in weiß 
.homeIconlink::before {
  color: #FFFFFF;
}
*/
/* Icon Aufklappen in weiß 
#logoAndServicesHeader .navbar-toggle::before {
  color: #FFFFFF;
}
*/
/* Icon Lesezeichen (Stern) in weiß

.iconfont-bullet_star_blue::before{
  color: #FFFFFF;
}
*/
/*
.iconfont-pencil_one_color::before {
  color: #FFF;
}
*/
/*
.iconfont-pencil_one_color_delete::before {
    color: #FFF;
}
*/
/*
.iconfont-bell::before {
  color: #FFF;
}


.iconfont-cog::before {
  color: #FFF;
}

.iconfont-user::before {
  color: #FFF;
}

.iconfont-checkbox::before {
  color: #FFF;
}

.iconfont-exit::before {
  color: #FFF;
}


#sessionCounter {
  color: #FFF;
}
*/

/*Logo unsichtbar machen 
.logoPortal {display:none !important;} 
*/

/*Höhe des Headers ändern

#logoAndServicesHeader.gridWrap, .gridWrap {
  gap: 20x 0px;
}
*/

[id^='widgetRender\:'][id$=':collapsibleHeaderActionFrom\:overlaySessionTimeout\:sessionTimeoutShowButton']
{
        position: absolute;
    top: 8px;
    width: 2.5em;
    height: 2em;
}


.boxStandard, .box_standard_without_headline, .box_noheader_bg_white, .box_green_bg_grey, .box_grey_bg_darkgrey, .box_blue_bg_white, .box_red_bg_grey {
  /* border: var(--borderColor1); */
  border: 1px solid #EDEDED;
  /*PZ geändert 23.2.24 border: 1px solid #fff; */
}

/* Größe Logo anpassen*/

.logoLink img {
  /* height: auto; */
  /* width: auto; */
  /* max-width: 100%; */
  height: 70%;
  width: 70%;
  max-width: 70%;
}
/* keine Farbe beim Klicken auf Logo

.editNavigationframe .gridElement, .gridElement * {
    pointer-events: none;
}
*/

/* Eigene Icons nach Update auf 2022.06 wieder einbinden
 erst nach Releaswechsel nutzen*/
.buttonBewerber a::before,.bigImageLinkBewerber a::before,
.buttonStudierende a::before,.bigImageLinkStudierende a::before,
.buttonDoktoranden a::before, .bigImageLinkDoktoranden a::before,
.buttonMitarbeiter a::before, .bigImageLinkMitarbeiter a::before,
.buttonAlumni a::before, .bigImageLinkAlumni a::before,
.buttonForschung a::before,
.portalDoktorandMitAccount a::before,
.portalDoktorandOhneAccount a::before,
.buttonOutputRequestGroup a::before,
.buttonInteressierte a::before{
	content:none;
}	
 
.buttonBewerber a,.bigImageLinkBewerber a{
	background: url('/HISinOne/images/icons/Bewerben_56_TUIL.png') no-repeat;
}	
 
.buttonStudierende a,.bigImageLinkStudierende a{
	background: url('/HISinOne/images/icons/Studieren_56_TUIL.png') no-repeat;
}		
 
.buttonDoktoranden a, .bigImageLinkDoktoranden a{
	background: url('/HISinOne/images/icons/Promotion_56_TUIL.png') no-repeat;
}	
 
.buttonMitarbeiter a, .bigImageLinkMitarbeiter a{
	background: url('/HISinOne/images/icons/Lehren_56_TUIL.png') no-repeat;
}

.leistungenIcon a, .bigImageLinkLeistungen a{
	background-image: url('/HISinOne/images/icons/LeistungenButton_TUIL.svg') !important;
}		
 
.buttonAlumni a, .bigImageLinkAlumni a{
	background: url('/HISinOne/images/icons/Alumni_56_TUIL.png') no-repeat;
}	
 
.buttonForschung a{	
	background: url('/HISinOne/images/icons/Forschen_56_TUIL.png') no-repeat;
}
.buttonOutputRequestGroup a {	
background: url('/HISinOne/images/icons/Registrieren_56_TUIL.png') no-repeat;	
}
.buttonInteressierte a, .bigImageLinkInteressierte a {
background: url('/HISinOne/images/icons/Login_56_TUIL.png') no-repeat;
}
.portalDoktorandOhneAccount a{
background: url('/HISinOne/images/icons/User-Search-01-WF-56_TUIL.png') no-repeat;
}
.portalDoktorandMitAccount a{	
background: url('/HISinOne/images/icons/Data-Find-56_TUIL.png') no-repeat;
}

/* bootstrap-grid.css.faces | https://c-campus.tu-ilmenau.de/qisserver/javax.faces.resource/bootstrap-grid.css.faces?ln=bower_components/bootstrap/dist/css&v=b984fe4d92d55441254df45517fa503f */

*, ::before, ::after {
  border-color: #fff;
}

/* Farbe von Buttons im Studienplaner*/

.tuil_green{
	background-color: #00747A !important;
	color: #ffffff !important;
}
.tuil_green:hover, .tuil_green:focus{
	background-color: #b6d8d7 !important;
	color: var(--basicFontColor) !important;
}

.tuil_orange{
	background-color:#FF7900 !important;
	color: #ffffff !important;
}
.tuil_orange:hover, .tuil_orange:focus{
	background-color:#fcdbb8 !important;
	color: var(--basicFontColor) !important;
}

.tuil_blue{
	background-color:#003359 !important;
	color: #ffffff !important;
}
.tuil_blue:hover, .tuil_blue:focus{
	background-color:#c4c7d8 !important;
	color: var(--basicFontColor) !important;
}

.tuil_red{
	background-color:#a82141 !important;
	color: #ffffff !important;
}

.tuil_red:hover, .tuil_red:focus{
	background-color:#f3c1cd !important;
	color: var(--basicFontColor) !important;
}

/* Disables the system information for students */
.CURRENT_ROLE_student #systemInformationCenterElement{
	display:none;
}

/* EXA: Buttons für die Freigabe bei "Noten eingeben" ausblenden*/
button#assessmentForm\:navigationTop\:discloseGradesButton{
	display:none;
}

button#assessmentForm\:navigationTop\:revokeGradeDisclosureButton{
	display:none;
}

button#assessmentForm\:navigationTop\:preliminarilyDiscloseGradesButton{
	display:none;
}


/* EXA: Belegungen, leere "Aktionen" ausblenden*/
#studentOverviewForm\:enrollmentsDiv\:infoBoxDiv{
	display:none
}

/* Base styles for the full-width table (Desktop) */
.tuil_table {
  width: 100%;
  border-collapse: collapse;
}

.tuil_table th,
.tuil_table td {
  padding: 2px 8px;
  border: 1px solid #ccc;
  text-align: left;
  vertical-align:middle;
}

.tuil_table th{
	position:sticky;
	top:0;
	padding: 8px;
	border-bottom: 2px solid #000 !important;
}

@media screen and (min-width: 768px){ 
	/* Zebra striping */
	.tuil_table .tuil_rowOdd {
	  background-color: var(--backgroundColor2);
	}
	.tuil_table .tuil_rowEven {
	  background-color: var(--backgroundColor31);
	}
	
	.tuil_table td {
    height:40px;
	}
	
	.tuil_action_cell {
	  /* 1. Enable Flexbox layout for the cell */
	  display: flex;
	  
	  /* 2. Center content horizontally */
	  justify-content: space-evenly;
	  
	  /* 3. Center content vertically (useful if the cell height varies) */
	  align-items: center;
	}
}

/* ------------------------------------------------ */
/* --- Mobile-Specific Styles (max-width: 768px) ---*/
/* ------------------------------------------------ */
@media screen and (max-width: 768px) {
  /* Force table components to block display */
  .tuil_table,
  .tuil_table thead,
  .tuil_table tbody,
  .tuil_table th,
  .tuil_table td,
  .tuil_table tr {
    display: block;
    border: none;
  }

  /* Hide the header completely */
  .tuil_table thead {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  /* Make rows act as "cards" */
  .tuil_table tr {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 0;
  }

  /* Data Cells: Establish layout for card structure */
  .tuil_table td {
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 10px; /* Base padding */
    text-align: right;
  }

  /*
   * 1. Target only <td> elements that HAVE a 'title' attribute.
   * 2. This is applied to all data columns (Abk., Version, etc.).
   */
  .tuil_table td[title] {
    padding-left: 40%; /* Create space for the label */
  }

  /*
   * 3. Generate the label using the content of the 'title' attribute.
   * This only runs for columns targeted by step 1.
   */
  .tuil_table td[title]::before {
    content: attr(title); /* Pulls the localized header text (e.g., "Abk.") */
    
    position: absolute;
    left: 10px;
    width: 35%;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    color: #333;
  }
  
  /* Final cleanup: remove bottom border on the last cell */
  .tuil_table tr td:last-child {
      border-bottom: none;
  }

  /*
   * Action Column Handling:
   * Assumes action columns are the only ones without a 'title' attribute
   * and we want them to take up the full width/space available.
   */
  .tuil_table tr td:not([title]) {
    /* If there's only one action column (1st cell), it takes the full width. */
    width: 100%; 
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #eee;
  }

}