.school-district-wrapper {
  display: none; }

.btn-select-course {
  margin-top: 1rem;
  background-image: none; }
  .btn-select-course:hover {
    cursor: pointer;
    background-image: none;
    background-color: #ca591b; }

section.registration-progress {
  height: 150px; }

ul.progress-bar-step-list {
  width: 100%;
  position: relative;
  list-style-type: none;
  padding-left: 0;
  background-repeat: repeat-x;
  background-position: center center;
  height: 40px;
  margin-top: 2rem; }
  @media screen and (min-width: 786px) {
    ul.progress-bar-step-list {
      height: 60px; } }
  ul.progress-bar-step-list li.progress-bar-step-list-item {
    position: absolute;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 3px solid #9f0101;
    color: #9f0101; }
    ul.progress-bar-step-list li.progress-bar-step-list-item.completed:before {
      font-family: FontAwesome;
      content: "\f00c";
      color: green;
      position: absolute;
      bottom: 3.7rem;
      font-size: 1.5rem;
      left: 1.1rem; }
      @media screen and (max-width: 786px) {
        ul.progress-bar-step-list li.progress-bar-step-list-item.completed:before {
          display: none; } }
    @media screen and (min-width: 786px) {
      ul.progress-bar-step-list li.progress-bar-step-list-item {
        width: 60px;
        height: 60px;
        background-color: #9f0101;
        border: none; } }
    ul.progress-bar-step-list li.progress-bar-step-list-item span.step-number {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      color: #9f0101;
      font-weight: bold; }
      @media screen and (min-width: 786px) {
        ul.progress-bar-step-list li.progress-bar-step-list-item span.step-number {
          color: #fff; } }
    ul.progress-bar-step-list li.progress-bar-step-list-item.active {
      background-color: #ca591b;
      width: 60px;
      height: 60px;
      background-color: #ca591b;
      border: none;
      color: #fff;
      bottom: -10px; }
      @media screen and (min-width: 786px) {
        ul.progress-bar-step-list li.progress-bar-step-list-item.active {
          bottom: 0; } }
      ul.progress-bar-step-list li.progress-bar-step-list-item.active span.step-number {
        color: #fff; }
    ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-1 {
      left: 0; }
      ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-1:after {
        content: "Student Info";
        position: absolute;
        top: 4rem;
        width: 150px;
        left: -2.7rem;
        font-weight: 700;
        text-align: center;
        color: #9f0101; }
        @media screen and (max-width: 786px) {
          ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-1:after {
            display: none; } }
    ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-2 {
      left: 33.333%; }
      ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-2:after {
        content: 'Student Courses';
        position: absolute;
        top: 4rem;
        width: 150px;
        left: -2.7rem;
        font-weight: 700;
        text-align: center;
        color: #9f0101; }
        @media screen and (max-width: 786px) {
          ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-2:after {
            display: none; } }
    ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-3 {
      left: 66.666%; }
      ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-3:after {
        content: "Parent & Emergency Contact Info";
        position: absolute;
        top: 4rem;
        width: 150px;
        left: -2.8rem;
        font-weight: 700;
        color: #0a2e40;
        text-align: center;
        line-height: 1.2rem; }
        @media screen and (max-width: 786px) {
          ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-3:after {
            display: none; } }
    ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-4 {
      left: 100%; }
      ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-4:after {
        content: 'Payment';
        position: absolute;
        top: 4rem;
        width: 150px;
        left: -2.8rem;
        font-weight: 700;
        color: #0a2e40;
        text-align: center;
        line-height: 1.2rem; }
        @media screen and (max-width: 786px) {
          ul.progress-bar-step-list li.progress-bar-step-list-item#progress-bar-4:after {
            display: none; } }