@charset "UTF-8";
/* line 3, /app/app/assets/stylesheets/training.scss */
.main-container {
  margin-top: -3rem;
  background-color: #fff;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: auto;
  padding-bottom: 8rem;
}
/* line 11, /app/app/assets/stylesheets/training.scss */
.main-container .content-container {
  width: 80%;
}
@media (min-width: 1024px) {
  /* line 11, /app/app/assets/stylesheets/training.scss */
  .main-container .content-container {
    width: 60%;
  }
}
/* line 18, /app/app/assets/stylesheets/training.scss */
.main-container .content-container.modal-container {
  margin: auto;
}
/* line 21, /app/app/assets/stylesheets/training.scss */
.main-container .content-container.modal-container .text-input-module-detail .add-info {
  width: 100%;
  height: auto;
  padding: .5rem;
  min-height: 7rem;
}
/* line 32, /app/app/assets/stylesheets/training.scss */
.main-container .content-container.clinician-training {
  width: 95%;
}
@media (min-width: 1024px) {
  /* line 32, /app/app/assets/stylesheets/training.scss */
  .main-container .content-container.clinician-training {
    width: 75%;
  }
}
/* line 38, /app/app/assets/stylesheets/training.scss */
.main-container .content-container.clinician-training table th, .main-container .content-container.clinician-training table td {
  margin: auto;
}
/* line 43, /app/app/assets/stylesheets/training.scss */
.main-container .content-container.clinician-training table thead tr th {
  text-align: center;
}
/* line 45, /app/app/assets/stylesheets/training.scss */
.main-container .content-container.clinician-training table thead tr th.modules-heading {
  padding-left: 7rem;
}
/* line 51, /app/app/assets/stylesheets/training.scss */
.main-container .content-container.clinician-training table tbody {
  font-size: 1.25rem;
}
/* line 54, /app/app/assets/stylesheets/training.scss */
.main-container .content-container.clinician-training table tbody tr td {
  vertical-align: middle !important;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
/* line 58, /app/app/assets/stylesheets/training.scss */
.main-container .content-container.clinician-training table tbody tr td.modules {
  text-align: left;
  padding-left: 7rem;
}
/* line 62, /app/app/assets/stylesheets/training.scss */
.main-container .content-container.clinician-training table tbody tr td.completed {
  text-align: center;
}
/* line 65, /app/app/assets/stylesheets/training.scss */
.main-container .content-container.clinician-training table tbody tr td.button-column {
  text-align: right;
  padding-right: 7rem;
}

/* line 85, /app/app/assets/stylesheets/training.scss */
.btn-default {
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
  justify-content: center;
  align-items: center;
  padding: 8px 37px;
  background: #5CB85C;
  border: 1px solid #4B954B;
  border-radius: 12px;
  margin: 33px 0px;
}

/* line 101, /app/app/assets/stylesheets/training.scss */
.btn-default.review {
  font-size: 1.5rem;
  font-weight: bold;
  color: black;
  justify-content: center;
  align-items: center;
  padding: 8px 37px;
  background: white;
  border: 1px solid black;
  border-radius: 12px;
  margin: 33px 0px;
}

/* line 117, /app/app/assets/stylesheets/training.scss */
h1 {
  font-size: 2.5rem !important;
  font-weight: 800 !important;
}
@media (min-width: 1024px) {
  /* line 117, /app/app/assets/stylesheets/training.scss */
  h1 {
    font-size: 3rem !important;
  }
}

/* line 128, /app/app/assets/stylesheets/training.scss */
.heading-background {
  width: 100vw;
  background-color: #F5F5F5;
  padding-bottom: 1rem;
  margin-bottom: 4rem;
  display: flex;
  justify-content: center;
}
/* line 135, /app/app/assets/stylesheets/training.scss */
.heading-background .heading {
  width: 80%;
  text-align: center;
}
/* line 138, /app/app/assets/stylesheets/training.scss */
.heading-background .heading p {
  font-size: 1.25rem;
}
/* line 139, /app/app/assets/stylesheets/training.scss */
.heading-background .heading p .bold-span {
  font-weight: 800;
}
@media (min-width: 1024px) {
  /* line 138, /app/app/assets/stylesheets/training.scss */
  .heading-background .heading p {
    font-size: 1.5rem;
  }
}

/* line 154, /app/app/assets/stylesheets/training.scss */
.video-container {
  margin: 4rem 0;
}
/* line 156, /app/app/assets/stylesheets/training.scss */
.video-container .embedded-video {
  margin: auto;
  border: 1px solid black;
  padding: .5rem;
  width: 100%;
  min-height: fit-content;
}

/* line 165, /app/app/assets/stylesheets/training.scss */
.rating-module {
  margin: 1rem 0;
}
/* line 167, /app/app/assets/stylesheets/training.scss */
.rating-module fieldset.rating {
  flex-direction: row-reverse;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 173, /app/app/assets/stylesheets/training.scss */
.rating-module fieldset.rating p {
  margin-bottom: 0;
  padding-right: 1rem;
}

/* line 183, /app/app/assets/stylesheets/training.scss */
.fa-star, .fa-star-o, .fa-star-half-o {
  color: gold;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
/* line 190, /app/app/assets/stylesheets/training.scss */
.rating:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}

/* line 196, /app/app/assets/stylesheets/training.scss */
.rating:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 .1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  line-height: 1.2;
  color: #ddd;
  text-shadow: 1px 1px #bbb, 2px 2px #666, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
}

/* line 209, /app/app/assets/stylesheets/training.scss */
.rating:not(:checked) > label:before {
  content: '★ ';
}

/* line 213, /app/app/assets/stylesheets/training.scss */
.rating > input:checked ~ label {
  color: #f70;
  text-shadow: 1px 1px #c60, 2px 2px #940, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
}

/* line 218, /app/app/assets/stylesheets/training.scss */
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: gold;
  text-shadow: 1px 1px goldenrod, 2px 2px #B57340, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
}

/* line 224, /app/app/assets/stylesheets/training.scss */
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
  color: #ea0;
  text-shadow: 1px 1px goldenrod, 2px 2px #B57340, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
}

/* line 233, /app/app/assets/stylesheets/training.scss */
.rating > label:active {
  position: relative;
  top: 2px;
  left: 2px;
}