.catalogDataBox {
	background-color: rgba(0, 114, 164, 0.1);
	padding: 0.5em;
	margin-bottom: 1em;
}

*:not(i) {
	font-family: Calibri;
}


.fas, .fa-classic, .fa-solid, .far, .fa-regular, .fal, .fa-light, .fat, .fa-thin {
    font-family: "Font Awesome 6 Pro" !important;
}


.mobileWidget.mobile-list .list-group-item .img-thumbnail.font-icon:before {
	color: black !important;
}

#accordionEvents .accordion-item {
	margin-bottom: 1em;
}

.accordion-item .accordion-button {
    color: var(--color-text-quaternary) !important;
    background-color: var(--color-bg-quaternary) !important;
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item .accordion-button:hover {
    color: var(--color-text-quaternary-hover) !important;
    background-color: var(--color-bg-quaternary-hover) !important;
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}


/* beim hover für h5 aber die hover-Farbe und nicht die header-Farbe nehmen */
.list-group-item:hover h5, .list-group-item:hover .h5  {
	color: var(--color-header-quaternary-hover);
}

.mobileWidget.mobile-list .list-group-item .img-thumbnail.font-icon {
    height: 38px; /* soll ja ein quadratisches Icon sein */
    background-color:  var(--color-bg-body);
    color: var(--color-text) !important; /* auch bei hiver in dieser Farbe bleiben */
}

.ecadia-card {
    transition: none;
}

/* wegen der Lernunterlagen, damit die etwas Abstand haben */
.DocumentListFrame {
	margin-bottom: 2em;
}


/* Anpassungen Veranstaltungskalender */

#calendarList .eventlist-dayHeader {
	background: none;
	border: none;
}

#calendarList .eventlist-dayHeader h5 {
    color: var(--color-header-1);
	font-size: 1.2em;
}

#calendarList .list-item-subtitle-right, #calendarList .list-item-title-right {
	display: none;	
}

#calendarList .traffic-light-tooltip  {
	display: none;
}

#calendarList i {
	display: none;
}

/* weil das Icon entfernt wurde etwas Platz zum Rand */
#calendarList .list-group-item:not(.eventlist-dayHeader) {
	padding-left: 1em;
}

/* aktuellen Monat sichtbar machen */
#monthList .list-group-item.active {
    color: var(--color-text-quaternary-hover) !important;
    background-color: var(--color-bg-quaternary-hover) !important;	
} 

/* Checkboxen sind standardmäßig --color-bg-primary, was hier sehr hell ist */
.form-check .form-check-input {
    border-color: var(--color-bg-primary-hover);
    color: var(--color-text-primary-hover);
    background-color:var(--color-bg-primary-hover);
}

.form-check .form-check-input:checked {
    border-color: var(--color-bg-primary-hover);
    background-color: var(--color-bg-primary-hover);
}

#employeeCompetenceContainer .tooltip-icon i {
	color:  #ababab;
}

a:not(.nav-link):not(.btn):not(.dropdown-item):not(.nav_link) {
    color:black;
    text-decoration: underline;
}

/* Der Text "Pflicht in orange */
.deliveryModeText1 {

	background-color: #E29B2A !important;

}

.PflichtTrainingMarker, .PflichtTrainingMarkerAllesOK {
	position: absolute;	
	background-color: #E29B2A;
	
	top: 10px;
	right: 0;
	height: 30px;
	display: block;
	width: 50px;
	text-align: center;
	padding-top: 2px;
}

.PflichtTrainingMarkerAllesOK {
	background-color: green;
	color: white;
	
}

.qpMatrix_tpHeader {
	position: relative;
}

.qpMatrix_MandatoryTypeText {
	
	/* 11.02.2025: erstmal abgeschaltet, weil nicht die Pflichtprodukte berücksichtigt werden */
	display: none !important; 
	
	position: absolute;
	bottom: 0;
	right: 32px; /* braucht man leider damit das nach rechts in die Ecke kommt */
	text-decoration: none;
	background-color: #E29B2A !important;
	 /*display: inline-block !important; */
	padding: 5px;
}

/* #766 Hinweistext für fehlende Konfiguration */
.infoMissingConfiguration p {
	display: none;
}


/*ALDB Petrol*/
#loginSSORequest-oidc{
	background-color: rgb(0,110,150);
	
}