.question-answer-wrapper {
  background: #eee;
  border-top: solid 1px gray;
  padding-left: 5px;
  position: relative;
  padding-bottom: 8px;

  .fieldset-legend {
    font-weight: 700;
    color: #000;
  }
  .field--name-body {
    margin-top: 24px !important;
  }
  .quiz-report-score-container {
    border-right: solid 1px gray;
    border-left: solid 1px gray;
    border-bottom: solid 1px gray;
    /* float: right; */
    padding: 4px 6px;
    width: max-content;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ffcccc;
  }
}

.quiz-result-table {
  margin-bottom: 50px !important;
  table-layout: fixed;
  width: 85% !important;
  td:first-child {
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  td{
        background: #eee !important;
        border-bottom: 1px solid #ccc;
        padding: 10px;
  }
  .quiz-result-cell-solution,
  thead,
  .quiz-result-cell-score {
    display: none !important;
  }

  tr.user-chosen-option {
    td:first-child {
      position: relative;
      &::before {
        content: " ";
        height: 2rem;
        width: 2rem;
        display: block;
        background: url(../images/user-chosen-wrong.png) no-repeat;
        background-position: center;
        /* margin-left: 0.3rem; */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      img {
        display: none;
      }
    }
  }
  tr.correct-option {
    .quiz-result-cell-attempt {
      position: relative;
      &::before {
        content: " ";
        height: 2rem;
        width: 2rem;
        display: block;
        background: url(../images/correct-option.png) no-repeat;
        background-position: center;
         position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      img {
        display: none;
      }
    }
  }

  tr.user-choosed-correct {
    .quiz-result-cell-attempt {
      position: relative;
      &::before {
        content: " ";
        height: 2rem;
        width: 2rem;
        display: block;
        background: url(../images/user-choosed-correct.png) no-repeat;
        background-position: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      img {
        display: none;
      }
    }
  }
}