@CHARSET "ISO-8859-1";

/* Siehe auch: @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700"); */
@font-face{
font-family:GravurCodensed-Regular;src:url(/customFiles/fonts/GravurCodensed-Regular.woff)
}

@font-face{
font-family:GravurCodensed-Bold;src:url(/customFiles/fonts/GravurCodensed-Bold.woff)
}

@font-face{
font-family:GravurCodensed-Light;src:url(/customFiles/fonts/GravurCodensed-Light.woff)
}

@font-face{
font-family:AGaramondPro-Regular;src:url(/customFiles/fonts/StempelGaramondW02-Roman.woff)
}

@font-face{
font-family:AGaramondPro-Bold;src:url(/customFiles/fonts/StempelGaramondW02-Bold.woff)
}

@font-face{
font-family:AGaramondPro-Italic;src:url(/customFiles/fonts/StempelGaramondW02-Italic.woff)
}


/* Katalog-PDF ausblenden. Die wird zwar generiert für eine Einmalige Ausgabe, soll aber den Nutzern nicht angezeigt werden allein weil die ganzen Sichtbarkeiten nicht berücksichtigt werden */
#pdf-catalogue-download{
	display: none;
}

:root {
	--fc-event-bg-color: #7bcfd8;
}

 body {
	font-family: GravurCodensed-Regular!important;
}

h1, h2, h3, h4 {
	font-family: GravurCodensed-Regular !important;
}

/* In der Sprachauswahl das Icon nicht anzeigen*/
#navbarLanguageDropdown i{
	display:none;
}

/* Die Mitarbeiterfunktionen / Login im Popup ohne Text */
#HeaderPartnerFunctions a.openPopupLogon span.d-md-inline{
	display:none!important;
}

/*Ordnerkacheln anders animieren, damit mehr Text sichtbar ist */
@media only screen and (min-width: 992px) {
.ecadia-folder-card:hover .card-body {
	transform: translate(0, -205px);
	}
	.ecadia-folder-card .card-body {
	bottom: -206px;
	}
}
.ecadia-folder-card .card-body {
	height: 252px;
}
/* Das Ordnerbild wird beim Hover nicht vergrößert um etwas Ruhe reinzubringen */
.ecadia-folder-card:hover img {
	transform: none;
}

/* Der Counter bei den Ordnern wird nicht vom hochfahrenden Text überdeckt */
div.ecadia-folder-card div.ecadia-count-circle{
	z-index: 1;
}

/* Hintergrundbild der Startseite */
.contentArea_home:before {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("https://learning.giz.de/customFiles/GIZ-Bonn-Campus-Forum-Foyer-neu-logo-wand_EXPORRT2.jpg"); 
	background-size:cover;
    width: 100%;
    height: 100%;
    opacity : 0.7;
}

/* Hintergrundbild des Dashboards für Mitarbeiter*innen */
.dashboard-grid.learner:before {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("https://learning.giz.de/customFiles/background/AIZ_background_dashboard_lerner.jpg"); 
	background-size:cover;
    width: 100%;
    height: 100%;
    opacity : 1;
}

/* Hintergrundbild des Dashboards für Manager*innen */
.dashboard-grid.manager:before {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("https://learning.giz.de/customFiles/background/AIZ_background_dashboard_manager.jpg"); 
	background-size:cover;
    width: 100%;
    height: 100%;
    opacity : 1;
}


/* ecadia login */
#sso-saml2-area {
	position: relative;
	border: 4px solid rgba(200, 15, 15, 1);
	// margin-left: -25px;
	// margin-right: -25px;
	// margin-top: -25px;
	margin-left: -24px;
    margin-right: -24px;
    margin-top: -16px;
}
#sso-saml2-description{
	line-height: normal;
	padding-right:100px;
	padding-left: 20px;
	margin-top: 32px;
}
#sso-saml2-area #sso-saml2-description br{
    line-height: normal;
}

#ecadiaCredentialsLogonDescription{
	line-height: normal;
}

#ecadiaCredentialsLogonDescription br{
	line-height: normal;
}

#sso-saml2-area img[name="brandLogo"] {
	width: 70px;
	position: absolute;
	top: 15px;
	right: 15px;
}

.gizColor{
	color: rgba(200, 15, 15, 1);
}

#logonArea *{
	font-weight: 300;
}

#logonArea #partingline{
	display:none;
}

#loginSSORequest{
	/*border: 2px solid rgba(200, 15, 15, 1); */
	background: rgba(200, 15, 15, 1);
    color: white;
	margin-left: 20px;
	margin-bottom: 32px;
	/*font-weight: 700!important;*/
}

#loginSSORequest img[name="loginSSOLogo"] {
    height: 60px !important;
}

#loginSSORequest span[name="loginSSOText"]{
    line-height: initial;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 45%;
}
#loginSSORequest span[name="loginSSOText"] br{
    line-height: normal;
}

#openRequestPasswordArea{
	margin-top: -20px;
    margin-bottom: -20px;
}

/* ecadia Login */


/* -----------  Onboarding ------------------------ */

.contentArea_onboardingOverview {
    background-color: #f9f9f9;
    border-radius: 8px;	
}

#OnboardingLegend {
	border: 2px solid #999999;
	padding: 4px;
	box-shadow: 3px 3px 3px silver;
	border-radius: 5px;
	margin: 3px;
}

div#OnboardingLegend.container {
	border: none;
	box-shadow: none;
}

#OnboardingLegend #disclaimerContainer {
	display: none;
}

.onboardingOverview .headerText {
	font-weight: 600;
}

#OnBoardingOverview div.onboardingitem {
	border-radius: 5px;
}

#OnBoardingOverview .employeeSelf,
#OnBoardingOverview .WBTOnlyCompetence {
	.competenceInfo {
		color: #555555;	
	}
}

#OnBoardingOverview .DefaultCompetence,
#OnBoardingOverview .responsibleRelative-20 {
	.competenceInfo, .enrollStatus {
		color: #222222;
	}
}

#MobiletodoInfoContainer_FloatContainertodoPopupButtonContainer {
	button {
		background-color: #e5e5e5;
		color: black;
		border: 1px solid #aaaaaa;
	}
	button#MobiletodoInfoContainer_ButtoncloseToDoButton i {
		color: green;
	}
	button#MobiletodoInfoContainer_ButtoninProgressToDoButton i {
		color: #00786b;
	}
	button#MobiletodoInfoContainer_ButtonrejectToDoButton i {
		color: red;
	}
}

/* RS, 06.12.2021: Farben wieder auf die Werte wie 4.10 eingestellt */
/* ToDo Weitere */
a.onboardingitem, a.onboardingitem:hover, #legendArea #legendeTodoElse {
    background-color: #eac4d5 !important;
}

/* ToDo für Manager */
a.onboardingitem.responsibleRelative-20, #legendArea .responsibleRelative-20 {
	/* orange */
	background-color: green !important;
}

/* ToDo Mitarbeiter */
a.onboardingitem.employeeSelf, #legendArea .employeeSelf {
    background-color: orange !important;
}

#OnBoardingOverview .employeeSelf {
	color: black !important;
}

/* Präsenztraining */
a.onboardingitem.DefaultCompetence, #legendeTodoTraining {
    background-color: #5d89a7  !important;
}

/* WBT Training */
a.onboardingitem.WBTOnlyCompetence, #legendeTodoTrainingDigital {
    background-color: #bfe5ff  !important;
}

/* das sind die Buchungen, die vom Customizing dazukommen */
div.onboardingitem.enrollitem {
	display: block;
	padding: 4px;
	margin: 4px;
	border-radius: 5px !important;
	box-shadow: 2px 2px #efefef;
	border: 2px solid #bbbbbb !important;
	background-color: #eef6e5 !important ;
} 

table.subtable td img {
	width: 24px;
	
}

/* der untere Text */
a.onboardingitem > span > p {
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	color:#666666;
	text-align: left;
}

/* der obere Text */
a.onboardingitem > span > p.TrainingTitle, a.onboardingitem > span > p.ToDOTitle {
	font-size: 1em;
	max-width: 300px; /* ein guter Wert, damit der Text nicht in die 2. Zeile rutscht */
}

.onboardingitem.enrollitem td {
	background-color: #eef6e5 !important ;
	border: 0 !important;
	color: black; /* Sonst ist das mit dem Hintergrund nicht gut sichtbar  https://helpdesk.ecadia.de/giz/giz-akryl/-/issues/62*/
} 


a.onboardingitem:hover {
	border: 2px solid #777777 !important;
}
	
a.onboardingitem {
	border: 2px solid #bbbbbb !important;
	border-radius: 5px !important;
	box-shadow: 2px 2px #efefef;
}

div.legendSquare {
	width: 24px;
	height: 24px;
	border: 1px solid #bbbbbb !important;
	border-radius: 2px !important;	
}
img.legendImg {
	width: 24px;	
}

#legendeMandatory {
	width: 24px;
	height: 24px;	
}

legendAreaPiktogramm > div > span, #legendArea > div > span {
    padding-top: 2px;
	padding-left: 4px;
}

div.legendSquare {
	margin-right: 0;
}

#legendAreaPiktogramm > div > span, #legendArea > div > span {
    padding-top: 2px;
    padding-left: 4px;
}

/** "To-do, Bearbeitung eilt" ausblenden */
div:has(> img#legendeClosed_) {
	display: none;
}

.onboardingOverview .toDoIsLate {
	background: none;
}

/** ------------ Product Page CSS --------------- */
.contentArea {

}

.dataDetails {
  	display: flex;
}

/** Home **/
.aiz-home-menu-row {
    display: flex;
    justify-content: center;
	align-items: center;
}

.aiz-action-item {
    width: 358px;
    height: 256px;
    margin: 14px;
}

/** Allgemeine Kacheln */
.action-item {
    min-height: 220px;
}
@media (min-width: 992px) {
    .row-cols-lg-4>* {
        width: 33%;
    }
}


.ecadia-card .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;

    .home-title {
        display: flex;
	   	flex-direction: column;
    	align-items: center;
    }

	.card-title {
		font-size: 1.5rem;
        font-weight: 500;
	}

	.card-text {
		font-size: 1rem;
	}
	.aiz-card-button {
	        font-size: 18px;
        	height: 50px;
        	padding: 12px 56px 12px 56px;
        	border-radius: 4px;
        	color: #ffffff;
       		background-color: #00786B;
        	width: 215px;
        	text-align: center;
	    	bottom: 0px;
   			position: absolute;
    		margin: 26px 0px;
	}
}
/* 29.4.25 NMA
Der Button zum Starten des WBTs beim WBT auf der Produktseite selbst an das Akryl-Layout angepasst
*/
.dataDetails .runWBT {
	color: #00786B;
	background:none;
	border: none; /*Fragwürdig, zieht sich aber durch, dass Buttons kein Bordr haben */
}


/* NMA 12.11.21
 * Funktion in der QP-Matrix ausblenden, da wir die bisher nicht aufschlüsseln können
 * Dazu dann auch die Borders der Zellen ausblenden
*/
.qpMatrix_colFunktion {
	width: 0px;
	border-left:none;
	div {
    	display: none;
	}
}
.qpMatrix_col2Fixed{
	width: auto!important;
}

.qpMatrix_colName {
	border-right:none!important;
}
.ecadia-card:hover {
	color: black !important;
}

/** Alle Kacheln? */
.ecadia-card {
	background-color: #F0F7E6;
	color: black;
	.card-title {
		color: black;
	}
}
.ecadia-card:hover {
	background-color: #F9FFF1;
	color: black;
	.card-title {
		color: black;
	}
}
.ecadia-card .card-icon {
	border: none!important;
	background-color: transparent;
}
.aiz-item-login .ecadia-card {
	background-color: #F0F7E6;
	color: black;
	h2 {
		color: black;
	}
}
.aiz-item-login .ecadia-card:hover {
    background-color: #F9FFF1;
	color: black;
}

.aiz-item-news .ecadia-card {
	background-color: #F3F3F3;
	color: black;
	.home-title {
		display: flex;
    	flex-direction: row;
	}
	
	h2 {
		color: black;
	}
	.card-title {
		font-size: 1.25rem;
		margin-bottom: 0px;
	}
	.aiz-news-headline {
		font-size: 1.25rem;
	}
	
}
.aiz-item-news .ecadia-card:hover {
	background-color: #FFFFFF;
	color: black;
}

.aiz-item-guestlogin .ecadia-card {
	background-color: #CCE7F9;
	color: black;
	h2 {
		color: black;
	}
}
.aiz-item-guestlogin .ecadia-card:hover {
    background-color: #ddf7ff;
	color: black;
}

.aiz-item-explorer .ecadia-card {
	background-color: #CCE7F9;
	color: black;
	h2 {
		color: black;
	}
}
.aiz-item-explorer .ecadia-card:hover {
    background-color: #ddf7ff;
	color: black;
}
.aiz-card-icon {
	background-size: cover;
	background-repeat: no-repeat;
	margin: 22px;
	width: 40px;
    height: 40px;
	&.aiz-icon-giz-login {
		background-image: url(/customFiles/gifMobile/homeIcons/AIZ_icon_GIZ_login.svg);
	}
	&.aiz-icon-guest-login {
		background-image: url(/customFiles/gifMobile/homeIcons/AIZ_icon_user_login.svg);
	}
	&.aiz-icon-news {
		background-image: url(/customFiles/gifMobile/homeIcons/AIZ_icon_Aktuelles.svg);
	}
	&.aiz-icon-catalogue {
		background-image: url(/customFiles/gifMobile/homeIcons/AIZ_icon_Bildungskatalog.svg);
		width: 42px;
	}
}
/** Home End **/

.trainingProductSubtitle {
	color: black;
}

.dataDetails {
	h2 {
		color: #00786B;
		display: flex;
		align-items: center;
		gap: 8px;
		border-bottom: none !important;
		font-size: 1.5rem;
	}
}

.ui-block-a {
  	padding-right: 30px !important;

	.ui-body { 
		padding: 10px;
	}
}

/** ------ Linker unterer Teil  ---------  */
.aiz-block-d {
	margin-top: 16px;
	column-count: 2;
	.card {
		
        background-color: #FFF5AC75;
		width: 100%;
		break-inside: avoid-column;
	}
}

.aiz-block-contact{
	 background-color: #FFF5AC75;
}
.aiz-card-yellow {
	background-color: #FFF5AC75;
	padding: 20px;
	margin-bottom: 20px;
    border-radius: 10px;
}

.dataDetails {
	/* Auf Produkt und Veranstaltungsseite wollen wir keine Border */
	.card {
		border: none;
	}
	.btn {
		color: #00786B;
		font-weight: 600 !important;
	}
	/* Die Buttons zum weiterleiten, vormerken und PDF-Druck beim produkt */ 
	.aiz-block-buttons {
		background-color: #F0F0F0;

		.aiz-buttons {
			display: flex;
			flex-direction: row;
			justify-content: space-evenly;
			align-items: center;
			
			.btn, .btn:focus {
				display: flex;
				background-color: #F0F0F0;
				border: none;
				width: fit-content;
			}
			
			div { /* Das div um die Buttons darf von Bootstrap auch nicht die 100% bekommen */
				border: none;
				width: fit-content;
			}
		}
	}
	/*Das sind die Überschriften vor Ausklappbaren Elementen / Akkordions, da wollen wir den Standardabstand den wir haben nicht */
	h2.accordion-header{
		padding-bottom:0px!important; 
	}
	
	.aiz-block-events, .aiz-block-wbt {
		background-color: #DCEDC775;
	}
}

/** <p> für Auskünkfte ausblenden */
.aiz-block-contact {
	#contactPersonArea p, h5 {
		display: none;	
	}
}

/** Veranstaltungen */
.dataDetails {
	.expandAreaReduced:before {
		display: none;
	}
	
	.accordion-button {
		padding: 8px;
		border-radius: 5px !important;
		background-color: 	var(--color-bg-primary);
		.eventExpandButton {
			color: white;
		}
		.fa-cart-shopping { 
			color: white;
		}
	}
	
	.accordion-button.collapsed {
		background-color: #00786B;
	}

	.accordion-button.collapsed:hover, .accordion-button:hover  {
		background-color: var(--color-bg-primary-hover) !important;
	}
	
	.accordion-item {
		margin-bottom: 2px !important;
	}

	.accordion-item .accordion-button::after {
		background-color:  #00000000;
		color: white;
	}

	.accordion-body {
		.eventDetailsArea {
			padding: 8px;
			margin-bottom: 8px;
		}
	}

	.expandButton {
		color: black;
		border-color: black;
		background-color: white;
		margin-right: 3px;
    	margin-bottom: 3px;
	}
	
	.btn-secondary {
		background-color: var(--color-bg-primary);
		color: var(--color-text-primary);
	}
	
	.btn-secondary:hover {
		background-color: var(--color-bg-primary-hover);
	}
}

.dataDetails .btn-secondary {
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
}


/** Dokumente */
.DocumentListFrame .list-item-block-withIcon {
	display: flex;
    flex-direction: row;
    padding: 8px;
	word-break: break-all;
	i {
		margin-left: 0px !important;
	}
	h5 {
		display: none;
	}
}

/** Onboarding */
#tile-onboardingPortal.dashboard-tile--inner {
	background-color: #CCE7F9;
}

/** ProductPage Unterer Teil */
.aiz-ui-block-c {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 25px;

	.aiz-body-c {
		border-radius: 6px;
		padding: 12px;
		margin-bottom: 0px;

		.accordion-button {
			background-color: var(--color-bg-primary);
			color: white;
			font-size: 18px;
			justify-content: center;
		}
		.accordion-button:hover {
			background-color: var(--color-bg-primary-hover) !important;
			color: white !important;
			box-shadow: none;
		}
		.accordion-button::after {
			position: absolute;
			right: 20px;
			color: white;
			background: none;
		}
	}
}

/** header styling */
:root {
    --header-height: 15px;
    --header-inner-height: 155px;
    /**--nav-width: 68px;*/
    /**--nav-open-padding: 200px;*/
}

.header {
    position: relative;
}

nav.bg-ecadia-navbar {
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
}

.nav_logo img {
	width: 100%;
	max-height: 75px;
	max-width: 100%;
}

.navbar #HeaderSearchForm {
	margin-left: 20px !important;
}

.navbar-nav {
	justify-content: center;
	min-width: inherit;
}

.navbar-nav .nav-item {
	display: flex;
    	align-items: center;
}

@media (max-width: 992px) {
	.nav_logo img {
		max-width: 400px;
	}
}

@media (max-width: 767px) {
	.nav_logo img {
		width: 80%;
		max-height: 45px;
		max-width: 100%;
	}
}

@media (max-width: 680px) {
	.navbar {
		height: 60px !important;
	}

	.navbar-nav {
		gap: 25px
	}
	
	.nav_logo img {
		content: url(/customFiles/Logos/giz_simple_logo.svg);
	}
}

#navbarLanguageDropdown {
	color: black;
	margin-top: 4px;
}

div#HeaderLogoArea {
	padding-right: 15px;
}

#HeaderPartnerFunctions {
	.openPopupLogon {
		color: #060606 !important;
		display: flex;
		i {
			width: 30px;
			height: 30px;
			background-image: url(/customFiles/gifMobile/homeIcons/AIZ_icon_user_login.svg);
			background-size: cover;
			background-repeat: no-repeat;
		}
		.fa-right-to-bracket::before {
			display: none;
		}
	}
}
/** header styling end */

#burgerMenuBtn {
	width: 47px;
	height: 47px;
	border: 1px solid black;
    border-radius: 9px;
    text-align: center;
	color: black;
	background: rgba(0, 0, 0, .05);
	display: flex;
    justify-content: center;
    align-items: center;
	i#openMenuIcon {
		font-weight: 700;
		font-size: 25px;
	}
}
/** 
NMA 25.3.25 wieder eingeblendet
 https://helpdesk.ecadia.de/giz/giz-akryl/-/issues/54
*/
#homeMenuBtn.nav-link {
	/*display: none;*/
}

#nav-bar * {
	font-size: 1.1rem;
}
#nav-bar .accordion-body .nav_link {
	padding-left: 2em;
}

.navbar-left {
	z-index: 1001;
}

.ecadia-card {
	border-radius: 10px;
}

.icon24 {
	filter: opacity(0.5) drop-shadow(0 0 0 #00786B);
}
/** .contentArea_trainingproduct, .contentArea_selfStudyProgram Global because of MobileView */
img.icon24 {
	width: 30px;
	max-width: 30px;
	height: 24px;
	max-height: 24px;
	margin-bottom: 0px;
}

.ui-btn {
	color: #00786B;
	font-weight: 600 !important;
}

.dashboard-tile--inner {
	background: #f0f7e6;
}

.dashboard-tile--inner:after {
    background-image: none;
}

/** remove background and border for dashboard list items */
.dashboard-tile ul li.list-group-item {
	background: none;
	border: none;
}

/** Bildungskatalog Button im Dashboard */
.aiz-catalog-button {
	width: 240px;
	border-radius: 4px;
	/* border: 6px solid #f0f7e6; */
	margin-bottom: 25px;
	a {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--color-bg-primary);
		color: white;
		height: 40px;
	}
	a:hover {
		background-color: var(--color-bg-primary-hover);
		color: var(--color-text-primary-hover) !important;
	}
}

/** Bildungskatalog Card #template */
#template.dashboard-tile {
	#tile-template {
		padding: 0px;
		display: flex;
	    flex-direction: column;
		background-color: #00786b;

		.tile-title {
			margin: 1rem;
			background: #00786b;
	    	color: white !important;
		}
		.dashboard-tile--inner {
			background-image: url('/customFiles/cards/dashboard_bg_katalog_veranstaltung_blau2.jpg'); 
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			background-color: #CCE7F9;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 32px;
		}
	}
}
/** Sticky Service Button */
.button-contact-container {
	border: 4px solid #007B6B;
	border-radius: 0px 0px 10px 10px;
	background-color: #007B6B;
    display: block;
    padding: 2px 18px;
    position: fixed;
    top: 60%;
    transform: rotate(90deg);
    transform-origin: 100% 0 0;
    transition: right 1s ease 0.1s, opacity 1s ease 0.1s, height 0.1s ease 0s, line-height 0.1s ease 0s;
    z-index: 101;
    opacity: 1;
    right: 0;
}

.button-contact-container h2 a{
	color:#fff;
}
.button-contact-container :hover{
	color:#eee!important;
}

/** tileNameInfo removed for now TODO */
.tileNameInfo {
	display: none;
}

/** -- ecadia cards -- */
.ecadia-folder-card {
	border-color: #00786b;
}

.ecadia-folder-card-no-img {
	background-color: #00786b;
}

.ecadia-folder-card-bodyecadia-folder-card-always-expanded {
	background-color: #ffffff;
}

/** Mein Profil */
div#tile-myProfile.dashboard-tile--inner {
	background-color: #CCE7F9;
	display: flex;
	flex-direction: column;
	div.container {
		flex: 1 1 auto;
	    display: flex;
	    align-items: center;
		div.row {
			width: 100%;
			margin-left: 7%;
		}
	}
}

#tile-myWBT, #tile-mytraining, #tile-myCertificates,
#tile-myEmployeeExpiringCompetence,
#tile-myEmployeeGroups,
#tile-myReports, #tile-participantHotel, #tile-myProfile, #tile-onboardingPortal, 
#tile-qpMatrix, #tile-employeeAll, #tile-enrolllist, #tile-employeeResourceCalendar {
	h2.tile-title {
		background: #00786b;
	    color: white !important;
	    margin: -16px -16px 16px -16px;
	    padding: 16px;
	}	
}


div#tile-newsTicker, div#tile-trainingPathChart, div#tile-pieChartLearningDuration, 
#tile-qpMatrix, #tile-employeeAll, #tile-enrolllist, #tile-employeeResourceCalendar  {
	background-color: #fffada;
}

div#tile-text {
	background-color: #d1e6f8;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 0px;
}

#tile-text h2 {
	color: #33766b;
	padding-left: 33px;
	padding-right: 15px;
	padding-top: 40px;
	display: flex;
    align-items: center;
}

@media (max-width: 1200px) {
	#tile-text h2 {
		padding-top: 0px;
	}
}

#tile-text i {
	width: 70px;
	height: 70px;
	background-image: url(/customFiles/gifMobile/Welcome_Icon.png);
	background-size: cover;
	background-repeat: no-repeat;
}

div#tile-default {
	background-color: #fffada;
}

div#tile-newsTicker {
	.list-group-item.listDivider {
		color: black;
	}
	.list-group-item.listDivider h5 {
		color: black;
	}	
}
div#tile-myEmployeeExpiringCompetence, div#tile-myEmployeeGroups, div#tile-myReports {
	background-color: #fffada;
}

#tile-myWBT .mobile-list-spacing li {
	margin-bottom: 0;
}

#tile-myWBT .tile-moreInfo {
	margin-bottom: -8px;
}

.contentArea_mytraining .accordion-button {
	font-size: 1.3rem;
	color: #00786b;
}

/** footer */
.aiz-footer {
	height: 64px;
	margin: 30px 0px;
	padding: 0px 10px;
	
	.aiz-footer-container {
		display: flex;
		padding: 10px 0px;
		
		div {
			padding: 10px;
			width: 50%;
		}
		
		div.aiz-footer-right {
			display: flex;
			justify-content: flex-end;
			gap: 8px;
		}
	}
}

/** Katalog */
/** Search-Icon ersetzen */
.explorer-search {
	.search-icon {
		width: 28px;
		height: 28px;
		top: 15px;
		left: 14px;
		background-image: url(/customFiles/gifMobile/AIZ_icon_Suche.svg);
		background-size: cover;
		background-repeat: no-repeat;
	}

	.fa-search:before {
		display: none;
	}
}
/** Produkt-Liste und Icons */
.list-item-block-withIcon {
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mobileWidget.mobile-list .list-group-item .img-thumbnail.font-icon {
	background-color: transparent;
	border: none;
}

/** Main Buton */
.btn-success {
background-color: #007B6B;
border-color: #007B6B;
}
.btn-success:hover{
	background-color:#007B6B!important;
	border-color: #007B6B!important;
}

/**
Die Admin-Bar für das Dashboard wieder klickbar machen
NMA 29.1.25 keine Ahnung wieso die bei der GIZ meinst static zu sein
**/
div#dashboardAdminArea button{
	position:relative;
	z-index: 1;
}

.jspNameInfo {
	display: none;
}


@media (min-width: 1200px) {
	.container {
		max-width:  1220px;	
	}
}

@media (min-width: 768px) {
	.container {
		max-width:  1220px;	
	}
	
	.ui-block-a {
  		width: 67%;
	}
	
	.ui-block-b {
  		width: 33%;
	}
	
	.aiz-ui-block-c {
		flex-direction: row;
		.aiz-body-c {
			width: 50%;
		}
	}
	
	/** Übersicht Mitarbeiterqualifizierung */
	.contentArea_employeeGroupCockpit {
		.pageHeader {
			margin-bottom: 1.5rem;
		}
	}

}

@media (max-width: 767px) {
	.dataDetails {
  		display: block;
	}
	
	.container {
		max-width:  767px;	
	}
	
	.aiz-home-menu-row {
		flex-direction: column;
		.mobile-list .card {
        	min-height: 100% !important;
    	}
	}
	
	.ui-block-b {
		margin-top: 16px;
	}
}

@media (max-width: 680px) {
	a {
  		word-wrap: break-word;
	}	

	.aiz-block-d {
		column-count: initial;
	}
	
	.aiz-home-menu-row {
	   .card {
	        min-height: 100%;
	    }	
	}
}


/* NMA 13.2.25, Dem zurück-button wieder einen Text geben */
a#navigateBackButton span.d-none{
	display: block!important;
	margin-top: 4px;
}


/*HACK: NMA 24.2.25 Den Button zum Hinzufügen eigener Mitarbeitergruppen ausblenden 
https://helpdesk.ecadia.de/giz/giz-akryl/-/issues/30
Sollte ausgeblendet werden sobald man die Kachel wirklich rauskonfigurieren kann
*/
div#employeeGroupList div.col:not(.showCountInListItem):last-child{
	display: none;
}


a#navigateBackButton .fa-arrow-left {
	display: none;	
}

/* qpMatrix Edits */
.qpMatrix_offen {
	background-color: #f2a48c!important;
}
.qpMatrix_terminiert {
	background-color: #FFE0B2!important;
}
.qpMatrix_geplant {
	background-color: #FFF5AB!important;
}
.qpMatrix_teilgenommen {
	background-color: #DBEDC7!important;
}
.qpMatrix_manuell {
	background-color: #DBEDC7!important;
}
.competenceOptional {
	background-color: #e0e0e0!important;
}
.KompetenzMatrix td.QPMatrixCell a div, td.qpMatrix_keinBedarf, td.qpMatrix_geplant, td.qpMatrix_teilgenommen, td.qpMatrix_offen, td.qpMatrix_terminiert, td.qpMatrix_nichtTerminiert, td.qpMatrix_manuell, td.qpMatrix_bedarfInakiv {
	font-size:11px;
	line-height: 15px;
}
td.qpMatrix_teilgenommen, td.qpMatrix_teilgenommen a, td.qpMatrix_manuell a, td.qpMatrix_manuell {
	color: #000000;
}

/**
* 25.03.25 - HACK, eigentlich sollte ecadia da einfach die zwei Texte nicht kollidieren https://helpdesk.ecadia.de/giz/giz-akryl/-/issues/50  Im Dashboard für Zertifikate dem Titel etwas weniger Platz geben, damit der Veranstaltungstitel nicht mit dme Datum kollidiert
*/
ul#DashboardCertificateList .list-item-text-block {
	max-width: 85%;
}

/**
* 8.04.25 NMA
* Der Custom-Button um den Mitarbeiterkalender aus dem Onboarding zu öffnen auch grün machen
* https://helpdesk.ecadia.de/giz/giz-akryl/-/issues/62
*/
a[name="SQCatalogLink"] {
	background-color: #eef6e5;
}


/**
* 15.4.25 NMA
* Die Statistik zur Lerndauer nicht zu groß
* https://helpdesk.ecadia.de/giz/giz-akryl/-/issues/48
*/
div#tile-pieChartLearningDuration div.tile-innerPart{
	max-height: 85%;
}

/**
* 15.4.25 NMA
* Die QP-Matrix soll gesammt scrollen und nicht nur der innere Bereich mit den Personen
* https://helpdesk.ecadia.de/giz/giz-akryl/-/issues/63
*/
div#QPMatrix div#KompetenzMatrixParentDiv{
	height: unset!important;
}

/**
* 25.4.25 NMA
* In der Dashboardkachel "meine aktuellen WBTs", soll der Button für die Lernmappen nicht als Button gerendert werden
* https://helpdesk.ecadia.de/giz/giz-akryl/-/issues/72
*/
a[name='subscriptionInfoButton']{
	border: none;
	background:none;
	color: var(--color-text-quaternary);
}
a[name='subscriptionInfoButton']:hover{
	border: none;
	background:var(--color-bg-quaternary-hover); /** SO passt das am besten zu den Listeneinträgen darüber */
	color: var(--color-text-quaternary);
}



div.eventAccordion {
	/**
	* 28.5.25 NMA
	* Die preisliste innerhalb der Ausklappbaren Veranstaltungen bei einem Produkt
	* #2629 
	*/
	div.PriceListTable{
		grid-template-columns: auto min-content; /** Die Rechten Spalten mit den eigentlichen Preisen möglichst klein */
		
		/* Der Kommentar zum Preis */
		div.priceInfoCol {
			grid-column: 1 / 3; /* Der Kommentar zum Preis geht über die komplette Breite */
		}
	}
	
	
}

/**
Kann mit der 5.6 vermutlich raus, wenn die Funktion dann über den Kern geliefert wird
 * Diese Buttons müssen erst über eine Systemvariable showNextNextMonthButton aktiviert werden.
 * Wir wollen aber, dass die Icons speziell aussehen, das machen wir dann hier
 */
#monthList .navigationOnlyItem .img-thumbnail {
	background-color: unset; /* Die sollen wie Fließtext aussehen */
	border: none; /* Die sollen wie Fließtext aussehen */
	font-size: var(--bs-body-font-size);
	height: auto; /*sonst wird die Buttonbar höher als die vorher war / muss */
}

/**
Kann mit der 5.6 vermutlich raus, wenn die Funktion dann über den Kern geliefert wird
 * Diese Buttons müssen erst über eine Systemvariable showNextNextMonthButton aktiviert werden. Sind ohne diese Einstellung viel zu breit
 */
#monthList .navigationOnlyItem  {
	width: auto;
}

#completeHotelBookingOverview {
	/**
	 * NMA 11.6.25
	 * In der Erfassung der eigenen Hotelbuchungen die Farben etwas gedeckter
	 */ 
    div#calendarContainer .acommodation.noHotelChoosen {
    	background-color: rgb(237 64 57 / 32%)!important;
	}
	
   .acommodation_background {
   		background-color: rgb(237 64 57 / 32%)!important;
	}
	
	.training_background, .training_background, .type-bul.event {
    	background-color: var(--fc-event-bg-color)!important;
	}
}