.course-toc {
  margin: 10px;
}

.course-toc h2 {
  font-size: 24px;
}

.course-toc a {
  clear: both;
  display: block;
  border: 1px solid #1d9d74;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 5px;
 color: #1d9d74;
}

.course-toc i.fa-check-circle {
  float: right;
  font-size: 25px;

}

.course-toc a.active {
  background: #eee;
  text-decoration: underline;
}

.course-toc i {
  margin-right: 5px;
}

.course-toc .course-toc-section-title {
  color: #777;
  margin-bottom: 10px;
  margin-top: 10px;
  cursor: pointer;
} 

.course-toc a.completed {
  background: #1d9d74;
  color: #fff;
}

.course-title {
  font-size: 24px;
  margin-bottom: 15px;
  color: #777;
}

.course-content {
  padding: 20px;
  border: 3px solid #ccc;
  margin-top: 20px;
  background: #f6f6f6;
  border-radius: 5px;
}

.course-support {
  padding: 20px;
  border: 1px solid #ccc;
  margin-top: 20px;
  background: #f6f6f6;
  border-radius: 5px;
  margin-right: 15px;
}

.course-support ul li {
  margin: 10px;
  color: #777;

}

.course-controls {
  margin-top: 10px;
}

.course-controls a {
  font-size: 20px;
}

.course-video {

}

ul.menu {
  display: none;
}

.course-video iframe {
  border: 2px solid #ccc;
}

.course-controls a.btn-default {
  color: #aaa;
}

.course-controls a.btn-success {
  background: #1d9d74;
}

.course-completed-indicator {
  background: #1d9d74;
  position: fixed;
  top: 40%;
  left: 50%;
  color: #fff;
  font-size: 100px;
  width: 200px;
  height: 210px;
  padding: 30px;
  border-radius: 10px;
  z-index: 1000;
  text-align: center;
  margin-left: -100px;
}

.action-reset-progress {
  color: #ccc;
  margin: 10px;
}

.course-logo {
  text-align: center;
  margin-top: 15px;
  
}

.header {
  margin-top: 0px;
}
 
.course-progress {
 height: 20px;
  border: 3px solid #ccc;
  margin-top: 15px;
  border-radius: 5px;
  background: #f6f6f6;
  overflow: hidden;
}

.course-progress-bar {
  background: #1d9d74;
  height: 20px;
  width: 30px;
}