/*Redundant mit progressBar.css für komponentenbasierte Fortschrittsbalken: bei Bedarf beide Dateien anpassen!*/
.progress {
	width: 100%;
	min-width: 6em;
	background-color: #999;
	border-radius: 2px;
	height: 20px;
	position: relative;
	line-height: 20px;
}

@media screen and (max-width: 768px) {
  table.table td > div.progress {
    display: block;
  }
}

.progress div.progress-bar {
	border-radius: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;	
	background: var(--backgroundColor10);
	}

.progress div.progress-bar-text {
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color:var(--contrastFontColor);
}

.progress div.progress-bar.finished {
	background: var(--backgroundColor13);
}

.progress div.progress-bar.exceeded {
	background: var(--backgroundColor7); 
}

.progress.disabled div.progress-bar {
	background: #787878; 
}

#progressBar .progressBarText {
	font-family: var(--font) !important;
	font-size: var(--fontSize5);
}

#progressBar {
	border: var(--border2);	
}

#progressBar .progressBarText {
	font-family: var(--font) !important;
	font-size: var(--fontSize5);
}

#progressBar {
	border: var(--border2);	
}

#progressBar .progressBarText {
	font-family: var(--font) !important;
	font-size: var(--fontSize5);
}

#progressBar {
	border: var(--border2);	
}