@media (max-width: 615px) {
  .course-dropdown > .cn-dropdown > .cn-dropdown-container {
    right: 10px;
  }
}

.course-dropdown .cn-dropdown a {
  text-decoration: none;
}

.course-dropdown .cn-dropdown-anchor .dropdown-anchor-icon {
  vertical-align: bottom;
}

.course-dropdown .cn-dropdown-anchor .dropdown-anchor-text {
  display: inline-block !important;
}

@media (max-width: 992px) {
  .course-dropdown .cn-dropdown-anchor .dropdown-anchor-text {
    display: none !important;
  }
  .course-dropdown .cn-dropdown-anchor .dropdown-anchor-icon {
    display: inline-block !important;
  }
}

.course-dropdown .cn-dropdown-botton-group a {
  color: #262626;
}

.course-dropdown .cn-dropdown-container .create-course {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
}

.course-dropdown .cn-dropdown-container-slot {
  width: 100%;
  height: auto;
  overflow-y: scroll;
  max-height: 300px;
}

@media (max-width: 575.98px) {
  .course-dropdown .cn-dropdown-container-slot {
    height: calc(100vh - 64px - 44px);
    max-height: unset;
  }
}

.course-dropdown .cn-dropdown-container-slot > ul li a {
  color: #262626;
}

.course-dropdown .cn-dropdown-container ul > li .course-name {
  display: inline-block;
  width: 75%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}

/*# sourceMappingURL=http://127.0.0.1/css/components/course/course-dropdown.css.map */