.view-my-courses .views-row {
  position: relative;
}

.view-my-courses .view-content {
  margin-top: 32px;
}

.voyager-course-registration-status,
.view-my-courses .views-field-field-course-registration-status {
  background: var(--bt-blue-80);
  position: absolute;
  top: 32px;
  padding: 0px 16px;
  left: 1px;
  color: var(--star-dust);
  line-height: 24px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.better-accordion.current-courses h2.ui-accordion-header,
.better-accordion.past-courses h2.ui-accordion-header {
  background: url(/themes/custom/voyager_bootstrap/images/my-course-icon.svg) no-repeat 10px center;
  padding-left: 48px;
}

.label_value_offset {
  margin-top: 3px;
}

.verify_class_links.dropdown-menu > li > a {
  padding: 3px 20px;
  text-align: left;
  padding-left: 20px !important;
}

.verify_class_links.dropdown-menu > li > .glyphicon {
  padding-top: 3px;
}

.verify_class_links.dropdown-menu > li > span.glyphicon + a {
  padding-left: 0px !important;
}

.field--name-field-course-materials .field--item {
  display: block;
  padding: 24px;
  background: var(--star-dust);
  margin-top: 20px;
  font-size: 100%;
  border-radius: 8px;
}

.field--name-field-course-materials .file {
  font-size: 100%;
}

.field--name-field-course-materials .field--item:nth-child(1) {
  margin-top: 0;
}

.field--name-field-course-materials .field--item a:active,
.field--name-field-course-materials .field--item a:focus {
  background: inherit;
}

.field--name-field-course-materials .field--item span.file-link:hover + span.file-size,
.field--name-field-course-materials .field--item span.file-link:active + span.file-size,
.field--name-field-course-materials .field--item span.file-link:focus + span.file-size {
  text-decoration:underline;
  color:#000;
}

.field--name-field-course-materials .field--item span.file-link + span.file-size {
  color:var(--space-purple);
}