.data-reports-page .report-link-grpup {
  background: white;
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  min-height: 27.34vw;
  width: 95%;
  padding: 2.5vw 2.5vw 2.5vw 2.5vw;
  position: relative;
  text-align: center;
  margin: 0vw 0vw 2.5vw 0vw;
}

.data-reports-page .report-legend {
  position: relative;
  width: 100%;
  /* text-align: justify; */
  border: 0vw black solid;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-xxs);
  margin: 1.82vw 0vw 0vw 0vw;
}

.data-reports-page .report-legend-item {
  height: 1.04vw;
  width: 1.04vw;
  border-radius: 50%;
  display: inline-block;
  margin: 0vw 0vw 0vw .26vw;
  vertical-align: middle;
}

.data-reports-page .report-legend .realistic {
  background-color: var(--riasec-realistic-color);
}

.data-reports-page .report-legend .investigative {
  background-color: var(--riasec-investigative-color);
}

.data-reports-page .report-legend .artistic {
  background-color: var(--riasec-artistic-color);
}

.data-reports-page .report-legend .social {
  background-color: var(--riasec-social-color);
}

.data-reports-page .enterprising {
  background-color: var(--riasec-enterprising-color);
}

.data-reports-page .conventional {
  background-color: var(--riasec-conventional-color);
}

.report-link-grpup .report-header-row {
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-ml);
  padding: 0vw 0vw 1.04vw 0vw;
}

.report-link-grpup select {
  text-align: left;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  color: var(--select-input-text-color);
  border: 0vw;
  outline: 0;
  background: transparent;
  border-bottom: .052vw solid var(--select-input-text-color);
  width: 100%;
}

.data-reports-page select,
.data-reports-page input {
  text-align: left;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  color: var(--select-input-text-color);
  border: 0vw;
  outline: 0;
  background: transparent;
  border-bottom: .052vw solid var(--select-input-text-color);
  width: 90%;
}


.piechart {
  margin-top: 2.5vw;
  margin-left: calc(50% - 7.8125vw);
  display: block;
  position: relative;
  width: 15.625vw;
  height: 15.625vw;
  border-radius: 50%;
  background-image: conic-gradient(var(--riasec-realistic-color) 0deg 100deg,
      var(--riasec-investigative-color) 100deg 120deg,
      var(--riasec-artistic-color) 120deg 240deg,
      var(--riasec-social-color) 240deg 280deg,
      var(--riasec-enterprising-color) 280deg 320deg,
      var(--riasec-conventional-color) 320deg);
}

.progress-chart {
  margin-top: 2.5vw;
  margin-left: calc(50% - 7.8125vw);
  display: block;
  position: relative;
  width: 15.625vw;
  height: 15.625vw;
  border-radius: 50%;
  background-image: conic-gradient(#ffd38d 0deg 216deg,
      #f5f5f5 216deg);
}

.progress-chart-center {
  margin-top: calc(50% - 6.51vw);
  margin-left: calc(50% - 6.51vw);
  padding: 9.26vh 0vw 9.26vh 0vw;
  display: block;
  position: relative;
  width: 13vw;
  height: 13vw;
  border-radius: 50%;
  background-image: conic-gradient(white 0deg 360deg);
  vertical-align: middle;
}

@media only screen and (max-width: 999px) {
  .data-reports-page .report-legend {
    font-size: var(--font-size-s);
    margin: 1.82vw 0vw 0vw 0vw;
    line-height: var(--font-size-l);
  }

  .data-reports-page .report-legend-item {
    height: 2.04vw;
    width: 2.04vw;
  }

  .progress-chart-center {
    padding: 5vw 0vw 5.26vw 0vw;
  }
}