@use "../../../010-settings/" as *;
@use "../../../030-tools/_tool_browser-prefixes" as *;

/* Modules/Course */

.ilValignTop {
	vertical-align: top;
}

.halfWidth {
	width: 50%;
}

.ilInheritBGColor {
	background-color: inherit;
}

td.option_value_details {
	background: none white;
	color: $il-text-color;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}
td.option_value_center_details {
	background: none #ffe4e4;
	color: $il-text-color;
	padding: 3px;
	vertical-align: top;
	text-align: center;
}

ul.noStyle {
	list-style: none;
}

li.smallPad {
	padding: 1px;
}

.listIndent {
	padding: 0 0 20px;
}

.ilCrsObjAcc {
	margin-bottom: 10px;
}


.ilCourseObjectiveAccResults {
	padding-top: 10px;
}


.ilCourseObjectiveAccResult {
	font-size: $il-font-size-small;
}

.ilCourseObjectiveAccSummary {
	font-size: $il-font-size-large;
	padding-top: 15px;
}

.ilCourseObjectiveProgressBarContainer .text-comparision {
	display: none;
}

.ilCourseObjectiveProgressBarContainer {
	float: right;
	max-width: 200px;
	padding: 20px;
}


/* LOK progress bars */

.ilCourseObjectiveProgressBar {
	padding-right: 5px;
	float: right;
}

.ilCourseObjectiveProgressBarContainer > .progress {
	margin: 5px 0 0;
	border: 1px solid #bbb;
	background-color: white;	
}

.ilCourseObjectiveProgressBarContainer > .progress  > .progress-bar {
	@include box-shadow(none);
}

.ilCourseObjectiveProgressBarLimit {
	float: right;
	position: relative; 
	border-right: 2px dotted $il-neutral-light-color; 
	height: 20px;
	margin-top: -17px;
}

.ilCourseObjectiveProgressBarNeutral {
	background-color: $il-neutral-light-color;
}

.ilCourseObjectiveProgressBarCompleted {
	background-color: #60b060;
}

.ilCourseObjectiveProgressBarFailed {
	background-color: #b06060;
}

div.editLink {
	padding-right: 1em;
}