.lesson-link {
  font-size: 14px;
  color: var(--primary);
  border-radius: 5px;
}

.lesson-link:hover {
  background-color: var(--tertiary);
}

#lesson-title {
  max-width: 100%;
  text-wrap: pretty;
}

@media (min-width: 991.98px) {
  #lesson-title {
    max-width: 80%;
    text-wrap: pretty;
  }
}

.circle-size {
  font-size: 10px;
}

.circle-completed {
  color: var(--circleIsCompleted);
}

.circle-uncompleted {
  color: var(--circleIsUncompleted);
}

#platform-settings .fa-check {
  background-color: green!important;
}

.btn-sidebar {
  width: 36px;
  height: 36px;
  background-color: var(--tertiary);
  color: var(--primary);
  border: none;
  border-radius: 50%;
  left: 15.8%;
  top: 85px;
  position: fixed;
}

.btn-sidebar-position {
  /*left: 3rem;*/
  left: .5%;
}

.btn-sidebar:hover {
  background-color: var(--primary)!important;
  color: var(--secondary);
  opacity: 1;
}

.course-name {
  font-size: 16px;
}

.col-left {
  transition: all .2s ease-in-out;
}

#platform-header-fluid .navbar .nav-link:hover {
  background-image: none;
  background-repeat: no-repeat;
  background-size: 100% 0.7em;
  background-position: 0 68%;
  font-weight: inherit;
}