.student-course-status {
  opacity: 1;
  color: #000;
  background-color: #fff;

  .v-application--wrap {
    min-height: auto;
  }

  .student-message {
    padding: 5px;
    color: orange;
    opacity: 0;
    background-color: #fff;
  }
  .result-row {
    display: block;

    h3 {
      text-align: center;
    }
    ul {
      text-align: left;
      list-style: none;
      li {
        padding-left: 5px;
      }
    }
  }
  .status-col {
    display: inline-block;
    font-size: 0.9em;
    text-align: center;
    border: solid 1px #18224c;

    .checked,
    .chapter {
      display: block;
      font-size: 0.9em;
      font-weight: bold;
      border-bottom: solid 1px #18224c;
    }

    .checked {
      background-color: #A49D9C;
      color: #A49D9C;
    }

    .score {
      font-size: 0.9em;
      min-height: 1em;
      display: inline-block;
      width: 100%;
    }
    .score.checked {
      color: #fff;
      font-weight: bold;
    }
  }
  .status-results {
    display: grid;
    padding: 0.5em 1em;
    // border-top: solid 1px darkgray;
  }
  .status-row {
    width: 100%;
    display: grid;
    .status-list {
      display: inline;
      /* lex-basis: auto;*/
    }
  }
  .msg-row {
    text-align: center;
    h3 {
      padding: 0;
    }
    .msg-body {
      p {
        // width: 75%;
        display: inline-block;
        text-align: right;
        font-size: 1rem;
        padding-right: 10%;
      }
      .msg-active {
        display: inline-block;
        // width: 25%;
        text-align: left;
        .close-btn {
          padding: 5px 10px;
          height: auto;
          width: 30px;
          /*      float: right;
                margin-top: 5px;
                margin-right: 1em;*/
        }
      }
    }
  }
  .activeRow {
    text-align: center;
  }
  #course-status {
    width: 80%;
    margin-left: auto;
    margin-right: auto;

    .result-row {
      border: solid 2px #18224c;
      // padding: 3px;
      margin-bottom: 1em;

      .status-header {
        h3 {
          background-color: #18224c;
          color: #fff;
        }
        p {
          margin-bottom: 0px;
          padding: 5px 10px;
        }
      }

      .close-btn {
        padding: 5px 10px;
        height: auto;
        width: 30px;
        float: right;
        margin-top: 5px;
        margin-right: 1em;
      }
    }

  }
}