article.verify-class-assessment div.layout__region--first {
  margin-top: 32px;
  margin-bottom: 32px;
}

article.verify-class-assessment div.layout__region--second {
  padding-top: 50px;
}

article.verify-class-assessment .copy-button {
  margin-left: 18px;
}

div.score-result-legend {
  display: inline;
  float: right;
  margin-bottom: 16px;
}

div.score-result-legend .swatch {
  float: left;
  margin-left: 2px;
  margin-top: 1px;
  margin-right: 4px;
  width: 20px;
  height: 20px;
}

div.score-result-legend .legend-label {
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
}

div.score-result-legend .swatch .pass {
  background-color: #82cddb;
}

div.execution-results-right a.view-details {
  margin-bottom: 16px;
}

ul.question-analysis {
  list-style: none;
  margin-right: -15px;
  margin-left: -15px;
  padding-bottom: 20px;
  padding-left: 0;
  background-color: rgb(247, 247, 247);
}

/* Offset according padding */
div.ui-accordion-content ul.question-analysis {
  margin-left: -2.2em;
  margin-right: -2.2em;
}

div.ui-accordion-content ul.question-analysis li.question {
  /* Match left alignment of accordion label. */
  padding-left: 1.05em;
}

ul.question-analysis li {
  height: 41px;
  background-color: rgb(255, 255, 255);
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ul.question-analysis li abbr {
  text-decoration: none;
  cursor: default;
}

ul.question-analysis li.question {
  float: left;
  width: 6.33333333%;
  min-height: 1px;
  padding: 10px 4px 10px 0;
}

ul.question-analysis li.description {
  float: left;
  width: 30%;
  min-height: 1px;
  padding: 10px 8px 10px 0;
}

ul.question-analysis li.standard {
  float: left;
  width: 15.66666663%;
  min-height: 1px;
  padding: 10px 4px 10px 4px;
}

ul.question-analysis li.header-label {
  background-color: transparent;
}

ul.question-analysis li.chart.header-label {
  padding-top: 10px;
}

@media (min-width: 768px) {
  ul.question-analysis li.question {
    float: left;
    width: 6.3333%;
  }
}

@media (min-width: 992px) {
  ul.question-analysis li.question {
    float: left;
    width: 6.33%;
  }
}

ul.question-analysis li.chart {
  float: left;
  width: 48%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  ul.question-analysis li.chart {
    float: left;
    width: 48%;
  }
}

@media (min-width: 992px) {
  ul.question-analysis li.chart {
    float: left;
    width: 48%;
  }
}

/* Question analysis legend. */
ul.legend li.box div {
  min-width: 15px;
  min-height: 15px;
}

ul.legend li.box div.correct {
  background-color: rgb(26, 179, 148);
}

ul.legend li.box div.correct-in-multiple-attempts {
  background-color: rgb(35, 198, 200);
}

ul.legend li.box div.partially-correct {
  background-color: rgb(248, 172, 89);
}

ul.legend li.box div.incorrect {
  background-color: rgb(237, 85, 101);
}

/* Legend wrapper. */
div.legend-wrapper {
  background-color: rgb(250, 250, 250);
  padding: 24px 15px;
}

/* Offset according padding */
div.ui-accordion-content div.legend-wrapper {
  margin: -1em -2.2em;
}

/* Header styling in execution detail view */
.assessment-review-header {
  margin-top: 40px;
  margin-bottom: 40px;
}

.student-sign-in-refresh {
  margin-top: 1em;
}