/*@success-color: #51a351;*/
.menu-link--current {
  background-color: #fbb450;
  color: #fff;
}
@media (min-width: 750px) {
  .menu-link--current {
    border-bottom: 2px solid #fbb450;
    padding-bottom: 0;
    color: #222;
    background-color: transparent;
  }
}
select {
  max-width: 100%;
}
@media (max-width: 750px) {
  .table--responsive td {
    min-height: 36px;
  }
}
.details-list__row ul {
  margin-bottom: 0;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
/* Class Schedule
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.class-schedule__section {
  margin-bottom: 5.5rem;
}
@media (min-width: 750px) {
  .class-schedule__section > :not(h2) {
    margin-left: 2.5rem;
  }
}
.class-date {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.05rem;
  font-family: 'Questrial', sans-serif;
  margin-bottom: 2.0rem;
}
@media (min-width: 750px) {
  .class-date {
    font-size: 2.4rem;
  }
}
.class-list {
  margin-bottom: 3rem;
  border: 1px solid #c1c1c1;
  border-radius: 2px;
}
.class-list .class-list__time:not(:last-child) {
  border-bottom: 1px solid #d1d1d1;
}
.class-list__time {
  background-color: #fff;
}
.class-list__time-display {
  font-weight: 600;
  padding: 6px 15px 0;
}
.class-list__class:hover {
  background-color: #fff;
}
.class-list__class a {
  text-decoration: none;
  display: block;
  padding: 6px 15px;
  color: #222;
}
.class-list__class a:hover {
  background-color: #e5e5e5;
}
@media (min-width: 750px) {
  .class-list__class a {
    display: flex;
  }
  .class-list__class a div {
    width: 50%;
    padding-right: 5px;
  }
}
.class-list__class--enrolled {
  background-color: #fbb450;
}
.class-list__class--enrolled a:hover {
  background-color: #fa9f1e;
}
.class-list__class:not(:last-child) {
  border-bottom: 1px dotted #d1d1d1;
}
@media (min-width: 750px) {
  .class-list__classes {
    border-left: 1px solid #d1d1d1;
  }
}
.card--link {
  padding: 0;
  display: flex;
}
.card--link a {
  padding: 1rem;
  display: block;
  color: #222;
  display: inline-block;
}
.card--link a:hover {
  background: #e5e5e5;
}
.card--link a + a {
  border-left: 1px solid #d1d1d1;
}
@media (min-width: 390px) {
  .card--link {
    display: inline-block;
  }
}
.card--link__container:last-child .card--link {
  margin-bottom: 0;
}
/* Class Search
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-card {
  margin-bottom: 2.5rem;
}
.search-card:last-child {
  margin-bottom: 1rem;
}
@media (min-width: 750px) {
  .search-card {
    display: flex;
  }
  .search-card__details {
    margin-left: 4rem;
  }
}
@media (max-width: 750px) {
  .search-card > .label {
    margin-left: 0;
  }
  .search-card > .label ~ .label {
    margin-left: 1rem;
  }
}
/* Class Details
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.class-date--edit-link,
.class-date--edit-link:hover {
  float: right;
  color: #222;
}
.success-check-mark {
  color: #2CC8B1;
}
/* Class Edit
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.class-edit-checklist--complete a:after {
  font-family: FontAwesome;
  content: "\f00c ";
  color: #2CC8B1;
  margin-left: 0.5rem;
}
.class-edit-checklist--incomplete a:after {
  font-family: FontAwesome;
  content: "\f06a";
  color: #d32c46;
  margin-left: 5px;
  font-style: normal;
}
.class-edit-checklist__instruction {
  font-style: italic;
  margin-left: 1.5rem;
}
.review-section {
  margin-bottom: 3.5rem;
}
@media (min-width: 750px) {
  .review-section {
    margin-bottom: 4.8rem;
  }
}
/* Compensation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.add-compensation {
  border: 1px solid #c1c1c1;
  border-radius: 2px;
  background-color: #fff;
  padding: 1rem;
  margin: 1rem 0;
}
.add-compensation ul {
  list-style: none;
  margin-bottom: 0;
}
.add-compensation__hr {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
button[disabled=disabled],
button:disabled,
.button.button--danger:disabled,
.button.button--danger[disabled=disabled],
input:disabled,
input[disabled=disabled],
select:disabled,
select[disabled=disabled] {
  background-color: #e1e1e1;
  color: #777;
}
button[disabled=disabled]:hover,
button:disabled:hover,
.button.button--danger:disabled:hover,
.button.button--danger[disabled=disabled]:hover,
input:disabled:hover,
input[disabled=disabled]:hover,
select:disabled:hover,
select[disabled=disabled]:hover {
  cursor: not-allowed;
}
/* Class Edit Navigation View
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.class-nav__container {
  margin-bottom: 2rem;
  color: #222;
}
.class-nav__container ol {
  list-style: none;
  border-bottom: 1px solid #c1c1c1;
}
@media (min-width: 750px) {
  .class-nav__container ol {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
  }
}
.class-nav__item:first-child {
  border-top: none;
}
.navigation-link {
  color: #222;
  display: inline;
  padding: 0;
}
.navigation-link:hover {
  color: #222;
}
@media (max-width: 750px) {
  .navigation-link--action-needed:after {
    font-family: FontAwesome;
    content: "\f06a";
    color: #d32c46;
    margin-left: 5px;
    font-style: normal;
  }
}
@media (min-width: 750px) {
  .navigation-link--action-needed:before {
    font-family: FontAwesome;
    content: "\f06a";
    color: #d32c46;
    margin-right: 5px;
    font-style: normal;
  }
}
.navigation-link--disabled {
  /*background-color: #e1e1e1;*/
  color: #777 !important;
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
.navigation-link--error {
  font-family: 'Comic Sans MS';
  color: red;
  font-weight: bold;
}
.navigation-link--active a {
  font-style: italic;
  font-weight: bold;
}
/* Labels
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.heading-container {
  display: flex;
  align-items: flex-start;
}
.label {
  padding: .2em .6em .3em;
  color: #fff;
  border-radius: 2px;
  transition: all 0.5s ease;
  display: inline-block;
  margin-left: 1rem;
}
.label--inactive {
  background-color: #595959;
}
.label--inactive:before {
  content: "Draft";
}
.label--active {
  background-color: #e08505;
}
.label--active:before {
  content: "Live";
}
.label--online {
  background-color: #595959;
}
.label--online:before {
  content: "Online";
}
.label--enrolled {
  background-color: #e08505;
}
.label--enrolled:before {
  content: "Enrolled";
}
.label--instructor {
  background-color: #e08505;
}
.label--instructor:before {
  content: "Instructor";
}
.label--approved {
  background-color: #e08505;
}
.label--approved:before {
  content: "Approved";
}
.label--pending {
  background-color: #595959;
}
.label--pending:before {
  content: "Pending";
}
.label--denied {
  background-color: #d32c46;
}
.label--denied:before {
  content: "Denied";
}
.label--tag {
  background-color: #333;
  color: #fff;
  align-self: baseline;
}
.label--tag a,
.label--tag a:hover {
  color: #fff;
}
.inline-block {
  display: inline-block;
}
/* Instructors
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.instructor-card {
  position: relative;
}
.instructor-card:hover {
  background: #e5e5e5;
}
@media (min-width: 750px) {
  .instructor-card {
    max-width: 25%;
  }
}
.instructor-card__link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #222;
}
.instructor-card__link:hover {
  color: #222;
}
/* Animations and Transitions
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.slider {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  -moz-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
/*Implement this for each element based on height
.slider.slider--open {
    max-height: 64px;
}
*/
/* Organization
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feedback-card {
  margin-bottom: 2.5rem;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
}
.feedback-card__title {
  color: #fff;
  padding: 1rem;
}
.feedback-card__content {
  margin: 1rem;
}
.feedback-card__content ol:last-child,
.feedback-card__content ul:last-child,
.feedback-card__content li:last-child,
.feedback-card__content p:last-child {
  margin-bottom: 1rem;
}
.feedback-card--danger {
  border: 1px solid #d32c46;
}
.feedback-card--danger .feedback-card__title {
  background-color: #d32c46;
}
.feedback-card--success {
  border: 1px solid #2CC8B1;
}
.feedback-card--success .feedback-card__title {
  background-color: #2CC8B1;
}
/*Submenu*/
.submenu__container {
  margin-bottom: 2rem;
  color: #222;
}
.submenu__container ul {
  list-style: none;
  border-bottom: 1px solid #c1c1c1;
}
@media (min-width: 750px) {
  .submenu__container ul {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
  }
}
.submenu__item:first-child {
  border-top: none;
}
.eval-question {
  margin-bottom: 4rem;
}
.eval-question textarea {
  margin-bottom: 0;
}
.eval-question__response {
  width: 100%;
  max-width: 500px;
}
/*Star Ratings*/
.rating__star {
  font-family: FontAwesome;
  font-size: 16px;
  font-size: 3rem;
  unicode-bidi: bidi-override;
  direction: rtl;
  padding-right: 1rem;
}
.rating__star:before {
  content: '\f006';
}
.rating__star:hover:before,
.rating__star:hover ~ .rating__star:before {
  content: '\f005';
  color: #fbb450;
  cursor: pointer;
}
.rating__star--selected:before,
.rating__star--selected ~ .rating__star:before {
  content: '\f005';
  color: #fbb450;
}
/*Printing*/
.print-only {
  display: none;
}