$session-background-color: #effbff;

.session-details {
  background-color: $session-background-color;
  border-color: $header-grey;
  border-style: solid;
  border-top: 0;
  border-width: 0 2px 2px;
  font-size: $base-font-size;

  .detail-objectives,
  .detail-learningmaterials,
  .detail-taxonomies,
  .detail-mesh {
    @include detail-container($text-blue);
  }

  .collapse-objectives,
  .collapse-taxonomies {
    @include collapsed-container($text-blue);
  }

  table thead {
    background-color: $text-blue;
    color: $white;
  }
}

$session-background-color: $active-background-color;

.session-details {
  background-color: $session-background-color;
  border-color: $header-grey;
  border-style: solid;
  border-top: 0;
  border-width: 0 2px 2px;
  font-size: $base-font-size;

  .detail-learnergroups,
  .detail-instructors,
  .detail-objectives,
  .detail-learningmaterials,
  .detail-taxonomies,
  .detail-mesh,
  .collapsed-objectives,
  .collapsed-taxonomies,
  .collapsed-learnergroups,
  .session-offerings {
    background-color: $session-background-color;
    border-bottom: 1px dotted $text-blue;
  }

  table thead {
    background-color: $text-blue;
    color: $white;
  }
}

Fix session details backgrounds and borders
Fix session details backgrounds and borders

These are styled differently from the course detail elements
