course-header.css

/* Top header */

.iena-course-header-top {
	margin-bottom: 1.6rem;
}

.iena-course-h-total,
.iena-course-h-attendance,
.iena-course-h-message .btn {
	border-radius: 0.15rem;
}
.iena-course-h-group,
.iena-course-h-attendance,
.iena-course-h-message {
    margin-bottom: 0.8rem;
}

.iena-course-h-attendance,
.iena-course-h-message,
.iena-course-h-group {
	float: right;
	margin-left: 0.5rem;
}

/* teacher message dropdown */

.iena-course-h-message .dropdown-menu {
	max-height: 16.5rem;
	overflow-y: scroll;
}

/* group select */

.iena-course-h-group label {
	border-radius: 0.15rem 0 0 0.15rem;
}

.iena-course-h-group select {
	border-radius: 0 0.15rem 0.15rem 0;
}

/* course total button */

.iena-course-h-total {
	font-weight: 600;
	color: #009085;
	border-color: #009085;
}
.iena-course-h-total:hover {
	border-color: #009085;
	background-color: #009085;
}
.iena-course-h-total:active {
	border-color: #009085 !important;
	background-color: #10aa95 !important;
	box-shadow: none !important;
}
.iena-course-h-total:focus {
	border-color: #009085;
	background-color: #10aa95;
	color: #ffffff;
	box-shadow: none;
}

/* Bottom header */

.iena-course-header-bottom {
	margin-bottom: 1.6rem;
}

/* Toggler */

.iena-course-header-toggler {
	text-align: center;
}

.iena-course-header-toggler hr {
	border: 0.5px solid #999;
}

.iena-course-header-toggler a {
	position: relative;
	top: -1.9rem;
	background-color: #ffffff;
	padding: 0rem 1rem;
}

/* Progress detail */

.iena-h-prog-sect h2 {
	margin-bottom: 1rem;
}

.iena-h-clear {
	clear: both;
}

/* Section progression block */

/* Section progression name and % */
.iena-h-prog-name {
	color: #009085;
	border-color: #009085;
	border-radius: 0.15rem;
	max-width: 300px;
	overflow: hidden;
	position: relative;
	margin-bottom: 0.5rem;
	float: left;
	clear: left;
	min-width: 300px;
	text-align: left;
}
.iena-h-prog-name:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(90deg, rgba(255, 255, 255, 0) 245px, rgba(255, 255, 255, 1) 289px);
}
.iena-h-prog-name:hover,
.iena-h-prog-name:active {
	background-color: #ffffff !important;
	color: #009085 !important;
	border-color: #009085 !important;
}
.iena-h-prog-name:focus:before {
	background:linear-gradient(90deg, rgba(255, 255, 255, 0) 245px, #009085 289px);
}
.iena-h-prog-name:focus {
	box-shadow: none !important;
	background-color: #009085 !important;
	color: #ffffff !important;
	border-color: #009085 !important;
}

/* Represent a course module link as a bullet */
.iena-h-prog-mod-item {
	border-radius: 1.5rem;
	float: left;
	min-width: 1.5rem;
	min-height: 1.5rem;
	position: relative;
	margin-left: 0.25rem;
	margin-top: 0.4rem;
}
/* .iena-h-prog-mod-item.iena-g-prog-done {
	background-color: #009085;
	border-color: 1px solid red;
}
.iena-h-prog-mod-item.iena-g-prog-todo {
	background-color: rgba(0, 143, 132, 0.23);
}
.iena-h-prog-mod-item.iena-g-prog-late {
	background-color: rgba(214, 141, 1, 0.4);
} */

.iena-h-prog-mod-item.iena-g-prog-0 {
	background-color: rgba(0, 143, 132, 0.23);
}
.iena-h-prog-mod-item.iena-g-prog-1 {
	background-color: #009085;
}
.iena-h-prog-mod-item.iena-g-prog-2 {
	background-color: #009085;
}
.iena-h-prog-mod-item.iena-g-prog-3 {
	background-color: rgba(214, 141, 1, 0.4);
}

/* Course module name in a bubble */
.iena-h-prog-mod-item span {
	display: none;
	position: absolute;
	top: -3rem;
	left: -85px;
	background-color: #333;
	color: #fafafa;
	padding: 0 15px;
	width: 200px;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 0.15rem;
	font-size: 1rem;
	text-align: center;
	overflow: hidden;
}
.iena-h-prog-mod-item:hover span {
	display: inline;
}
.iena-h-prog-mod-item span:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(90deg, rgba(51, 51, 51, 0) 160px, rgba(51, 51, 51, 1) 185px);
}

/* Group select */

.iena-editing .orange-bg {
	background: #d68d01;
    color: white;
    border-color: #d68d01;
}