.student-enrolled {
    display: block;
    text-align: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;

    .panel-default > .panel-heading {
      text-align: center;
      background-color: grey;
      color: #fff;

      .panel-title {
        margin-top: 0px;
        margin-bottom: 3px;
        background-color: grey;
        color: #fff;
        text-align: center;
        padding: 3px;
      }

      p {
        margin-top: 2px;
        margin-bottom: 0px;
        padding-bottom: 10px;
        text-align: center;
      }
    }

    .panel-body {
      padding-bottom: 5px;

      .order-summary {
        margin-top: 10px;
        padding: 10px;
        background-color: #18224c;
        color: #fff;
        font-weight: 600;
        font-size: 1rem;
      }

      .pkg-body {
        background-color: #2e66ac;
        padding-bottom: 2px;
        font-weight: 400;

        .pkg-head {
          padding: 10px 5px;
          color: #fff;

          .pkg-item {
            display: inline-block;
            padding-right: 15px;
            line-height: 1.5;
          }
        }
      }
    }

    .package-empty {
      .panel-body {
        background-color: #265690;
        color: #fff;
        h3 {
          padding: 15px;
          text-align: center;
        }
      }
    }
    .en-nocourse {
      text-align: center;
      color: #d81718;
    }

    pre {
      text-align: left;
    }
    table {
      width: 100%;
    }
    tr {
      height: 20px;
      border-bottom: solid 2px gray;
    }

    td {
      width: 30%;
    }

    .course-header h4,
    .en-date,
    .en-title {
      padding-top: 15px;
      padding-bottom: 5px;
    }

    .en-date,
    .en-cert {
      text-align: center;
    }
    .course-header,
    .course-sum {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-column-gap: 5px;
      grid-template-areas: "title title date cert";
      padding-left: 8px;
    }

    .en-title {
      grid-area: title;
      border-right: solid 1px grey;
    }
    .en-date {
      grid-area: date;
      border-right: solid 1px grey;
    }

    .en-cert {
      min-height: 2em;
      grid-area: cert;
    }

    .en-cert .btn {
      margin-top: 15px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 0px;
    }

    a.course-expose {
      cursor: pointer;
    }

    .student-course {
      width: 100%;
      border-bottom: solid 2px #333;
    }

    .course-header {
      border-bottom: solid 2px #333;
    }

    .course-header .en-title,
    .course-header .en-date {
      text-align: center;
      padding-top: 0px;
    }

    .row .student-course,
    .student-course .row {
      margin-right: 0px;
      margin-left: 0px;
    }

    .course-det .col-sm-2 {
      text-align: center;
    }

    .course-det form {
      border: solid 2px #d81718;
      border-radius: 5px;
      margin: 2px;
    }

    .date-pur,
    .date-elg,
    .date-cmp,
    .date-cert {
      padding-left: 5px;
      padding-right: 5px;
    }

    .student-score input,
    .date-pur input,
    .date-elg input,
    .date-cmp input,
    .date-cert input {
      width: 100%;
      border: 0px;
      background-color: lightgrey;
      padding: 8px;
      border-radius: 5px;
      color: navy;
    }

    .form-row {
      display: grid;
      grid-template-columns: auto;
      grid-template-areas: "pur pur elg elg comp comp score cert cert agree";
      grid-column-gap: 5px;
    }

    .form-row .col-sm-2 {
      background-color: grey;
      border-radius: 5px;
      color: lightgray;
      padding-bottom: 5px;
      margin-bottom: 5px;
    }

    .form-group {
      padding-right: 5%;
    }

    .student-score {
      width: 5em;
    }

    .date-pur {
      grid-area: pur;
    }

    .date-elg {
      grid-area: elg;
    }
    .date-cmp {
      grid-area: comp;
    }

    .course-det .vdp-datepicker__calendar {
      background-color: #333;
    }

    .student-score {
      grid-area: score;
      display: block;
    }

    .student-score input {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }

    .date-cert {
      grid-area: cert;
    }

    .student-agree {
      grid-area: agree;
    }

    .student-agree p {
      font-weight: bold;
      margin-top: 0px;
      margin-bottom: 2px;
    }

    .student-agree label {
      width: 100%;
      text-align: left;
      font-size: 1em;
    }

    .trans-submit {
      text-align: center;
      padding-bottom: 10px;
    }

    .v-btn__content {
      color: #fff;
      font-weight: bold;
    }
  }