.schoolsearch table {
  position: relative;
  margin-top: 0vw;
  border: 0vw solid black;
}

.schoolsearch td {
  text-align: left;
  /* display:inline-block; */
  max-width: 100%;
  padding: .21vw 0vw;
  .21vw 0vw;
  color: var(--main-gray-text);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  /* vertical-align: top; */
}

.schoolsearch h3 {
  color: black;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.schoolsearch .clear-all {
  color: blue;
  cursor: pointer;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.schoolsearch input,
.schoolsearch select {
  text-align: left;
  color: var(--main-site-color);
  /* var(--select-input-text-color); */
  border: 0vw;
  outline: 0;
  background: transparent;
  border-bottom: .052vw solid var(--select-input-text-color);
  /* width: 100%; */
  font-size: var(--font-size-s);
}

#school_comparison_table td {
  border-top: .052vw black solid;
  border-bottom: .052vw black solid;
  padding: .52vw;
  0vw .52vw;
  0vw;
}

.school_comparison_table_row_header {
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  color: var(--main-site-color);
}

.school_comparison_table_row {
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  color: var(--main-gray-text);
}


.communication-page .email-buttons td {
  padding: .26vw;
}

.assessments-page {
  position: relative;
}

.assessments-page .assessment-link-grpup {
  align-items: center;
  background: white;
  border-radius: 1.82vw;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  display: flex;
  flex-direction: column;
  min-height: 40vh;
  padding: .833vw 0vw;
  width: 20.83vw;
  margin: 0vw 0vw 2.5vw 0vw;
  position: relative;
}

.assessments-page .assessment-container {
  align-items: center;
  background-color: var(--universal--white--ffffff);
  border: .052vw black solid;
  border-radius: 1.04vw;
  display: flex;
  flex-direction: column;
  padding: 0vw 0vw;
  width: 18.125vw;
  height: 6.25vw;
}

.assessments-page .assessment-img {
  object-fit: cover;
  height: 154px;
  width: 19.17vw;
}

.assessment-1 {
  letter-spacing: 1.00px;
  line-height: 1.67vw;
  margin-left: .104vw;
  margin-top: .573vw;
  min-height: 1.82vw;
  min-width: 13.125vw;
  text-align: center;
  white-space: nowrap;
}

.assessments-page .assessment-text {
  letter-spacing: max(.0328vw, .4px);
  line-height: 1.04vw;
  margin-left: .104vw;
  margin-top: 1.15vw;
  min-height: 1.15vw;
  text-align: center;
  width: 18.48vw;
  color: var(--main-gray-text);
}

.assessments-page .button-row {
  display: flex;
  position: absolute;
  width: 18.125vw;
  bottom: 0vw;
  padding: 0vw 0vw 1.25vw 0vw;
}

.assessments-page .grade {
  position: relative;
  width: 20%;
  color: black;
  padding: .52vw;
}

.assessments-page .assessment-button {
  position: relative;
  width: 100%;
  padding: .52vw;
}

.assessments-page input,
.assessments-page select,
.communication-page input[type=text],
.communication-page select {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: .052vw solid var(--select-input-text-color);
  width: 20.83vw;
  color: var(--select-input-text-color);
  font-size: .94vw;
}

.assessments-page-line {
  width: 100%;
  border-bottom: .052vw solid var(--main-gray-text);
}

.ext-assessment {
  position: relative;
  width: 19.17vw;
  height: 6.15vw;
}

.ext-assessment-img {
  display: inline;
  vertical-align: middle;
  text-align: center;
  width: 12vw;
  height: auto;
  object-fit: contain;
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  left: 50%;
  transform: translateX(-50%);
}

.schoolsearch details>summary {
  list-style-type: none;
  cursor: pointer;
  nowrap;
}

.schoolsearch details[open]>summary {
  list-style-type: none;
  cursor: pointer;
  nowrap;
}

.schoolsearch details>p {
  padding: 0px;
  margin: 0;
}

.schoolsearch .row {
  padding: 0vw;
}

.schoolsearch .column {
  width: 50%;
  text-align: left;
  float: left;
}

.schoolsearch .column_third {
  width: 33%;
  text-align: left;
  float: left;
}

.schoolsearch .table {
  height: auto;
  float: left;
  width: 100%;
}

.schoolcomparisontable tr:not(:first-child) {
  border-top: .052vw black solid;
  border-bottom: .052vw black solid;
  height: 100%;
}

.schoolcomparisontable td {
  padding: .52vw;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.school_comp_link {
  color: var(--main-site-color);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  letter-spacing: max(.0328vw, .4px);
  line-height: 1.04vw;
  text-align: left;
}

.school_comp_link:hover {
  color: var(--main-site-color);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  letter-spacing: max(.0328vw, .4px);
  line-height: 1.04vw;
  text-align: left;
  text-decoration: underline;
  cursor: pointer;
}

a.school_comp__navlink {
  display: inline-block;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  font-style: normal;
  color: var(--light-gray);
  margin: 0 .52vw;
  0 .52vw;
  cursor: pointer;
}

a.school_comp__navlink.active {
  /* background-color: var(--main-site-color); */
  color: var(--main-site-color);
  font-weight: bold;
}


.alphabet-links a {
  color: var(--light-gray);
  font-weight: 400;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  letter-spacing: max(.0328vw, .4px);
  line-height: 1.04vw;
  cursor: pointer;
}

.alphabet-links a.active {
  color: var(--main-site-color);
  font-weight: 800;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  letter-spacing: max(.0328vw, .4px);
  line-height: 1.04vw;
}

.pay-for-college-school-link {
  color: var(--main-site-color);
  font-weight: 400;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-);
  letter-spacing: max(.0328vw, .4px);
  line-height: 1.04vw;
}

.pay-for-college-presentation {
  width: 66vw;
  height: 39vw;
}

@media only screen and (max-width: 999px) {
  .assessments-page select {
    font-size: var(--font-size-s);
  }

  .assessments-page .button-row {
    padding: 0vw 1vw 1.25vw;
    width: 100%;
  }

  .assessments-page .button-row .assessment-button .btn-outline-info-full-width {
    font-size: var(--font-size-xs);
    text-align: center;
    padding: 6px 0 5px;
  }

  .assessments-page .assessment-link-grpup {
    width: 28vw;
  }

  .assessments-page .assessment-link-grpup .assessment-text {
    line-height: var(--font-size-m);
  }

  .assessments-page .assessment-text.self-assessment {
    line-height: var(--font-size-m);
    font-size: var(--font-size-m);
    word-break: break-word;
    padding: 0 1vw;
    width: 100%;
  }

  .assessments-page input {
    font-size: var(--font-size-l) !important;
  }

  .pay-for-college-presentation {
    width: 100%;
    height: 60vw;
  }
}

@media only screen and (max-width: 600px) {
  .assessments-page input.full-width {
    width: 100%;
  }

  .assessments-page .button-row {
    flex-direction: column;
  }

  .schoolsearch #major h3 {
    word-break: break-word;
  }

  .assessment-1 {
    white-space: break-spaces;
    line-height: var(--font-size-mml);
    font-size: var(--font-size-l);
  }

  .assessments-page input {
    font-size: var(--font-size-m) !important;
  }

  .schoolsearch input,
  .schoolsearch select {
    width: auto;
    display: inline-flex;
    max-width: 40%;
  }

  .assessments-page .assessment-link-grpup {
    min-height: 28vh;
  }
}