/*	Active progressbar	*/
.my-courses-dropdown .course-progressbar-active {
  margin-top: 3px;
}

/* course pgrressbar */
.course-progressbar-active {
  position: relative;
  width: 100%;
  height: 4px;
  /* margin-top: 3px; */
  border-radius: 8px;
  background-color: #e6e8ec;
}

.course-progressbar-active .course-progressbar-filler {
  position: absolute;
  top: -1px;
  left: 0;
  right: -1px;
  bottom: -1px;
  height: auto;
  background-color: #17b5d2;
  border-radius: 8px;
}

/* coure progressbar in resume card */
.course-card-resume .course-progressbar-active {
  margin: 6px 0 0 -13px;
  margin-bottom: -10px;
  width: 113%;
  border-radius: 0px 0px 16px 16px;
  height: 6px !important;
}

/*	Incomple progressbar	*/
.my-courses-dropdown .course-progressbar-incomplete {
  margin-top: 3px;
}

/* course pgrressbar */
.course-progressbar-incomplete {
  position: relative;
  width: 100%;
  height: 4px;
  /* margin-top: 3px; */
  border-radius: 8px;
  background-color: #e6e8ec;
}

.course-progressbar-incomplete .course-progressbar-filler {
  position: absolute;
  top: -1px;
  left: 0;
  right: -1px;
  bottom: -1px;
  height: auto;
  background-color: #d2174b;
  border-radius: 8px;
}

/* coure progressbar in resume card */
.course-card-resume .course-progressbar-incomplete {
  margin: 6px 0 0 -13px;
  margin-bottom: -10px;
  width: 113%;
  border-radius: 0px 0px 16px 16px;
  height: 6px !important;
}