header h1 {
  font-size: 5em;
  border-bottom: 1px solid gray;
}

label {
  font-family: monospace;
}

a.test-disabled {
  pointer-events: none;
  cursor: default;
  color: gray;
}

.fa-check {
  color: forestgreen;
}

.fa-pencil-alt {
  color: royalblue;
}

.fa-hand-paper {
  color: orangered;
}

@import url("https://fonts.googleapis.com/css?family=Source+Serif+Pro");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");

.container-fluid.no-gutters {
  padding: 0;
}

.homepage-nav {
  height: 100vh;
}

.homepage-nav-header {
  font-family: "Source Serif Pro";
  font-weight: bold;
  padding: .5em;
}

.navbar-brand {
  font-family: "Source Serif Pro";
  font-weight: bold;
}

.homepage-nav-header a {
  color: black;
  text-decoration: none;
}

.homepage-nav-link {
  border-color: #DCDDDE;
  border-left: none;
  border-right: none;
  font-family: "Open Sans";
  font-weight: bold;
}

.homepage-nav-link:last-of-type {
  border-bottom: 1px solid #DCDDDE;
}

.homepage-nav-link a {
  color: black;
  display: block;
  height: 100%;
  text-decoration: none;
}

.homepage-nav-link:hover,
.homepage-nav-link.active
{
  border-color: #DCDDDE;
  border-left: none;
  border-right: none;
  background-color: black;
}

.homepage-nav-link:hover a,
.homepage-nav-link.active a{
  color: silver;
}

.homepage-header {
  font-family: "Source Serif Pro";
  font-weight: bold;
}

.no-gutters .homepage-main {
  font-family: "Open Sans";
  min-height: 100vh;
  padding: 1em 2em;
}

.homepage-background-image {
  min-height: 100vh;
  background-image: url("/image/home/homepage.jpg");
  background-repeat: no-repeat;
}

.homepage-background-well {
  background-color: #F1F2F2;
  border: 1px solid black;
  border-radius: 1em;
  padding: 2em;
  margin-top: 30vh;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

.homepage-background-title {
  font-family: "Source Serif Pro";
  font-size: 4em;
  font-weight: bold;
}

@media (max-width: 840px) {
  .homepage-background-title {
    font-size: 3em;
  }
}

@media (max-width: 640px) {
  .homepage-background-title {
    font-size: 2em;
  }
}

@media (max-width: 500px) {
  .homepage-background-title {
    font-size: 1.5em;
  }
}

.homepage-background-subtitle {
  font-family: "Source Serif Pro";
  font-size: 1.5em;
}

.homepage-arrow-well {
  background-color: #F1F2F2;
  border: 1px solid black;
  border-radius: 1em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  padding-bottom: 1em;
  padding-top: 1em;
  width: 40%;
}

.homepage-background-even {
  background-color: #F1F2F2;
}

.homepage-background-odd {
  background-color: #EBF6F1;
}

.qualifications-list li {
  font-weight: bold;
  margin-bottom: 1em;
}

.testpage-nav {
  background-color: #E6E7E8;
}

.testpage-nav-header {
  font-family: "Source Serif Pro";
  font-weight: bold;
  padding: 1em;
}

.list-group-item:first-child,
.list-group-item:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.testpage-nav-item {
  background-color: inherit;
  border: none;
  // border-color: gray;
  // border-left: none;
  // border-right: none;
  font-family: "Open Sans";
  font-weight: bold;
}

.progress-diagram {
  height: 100px;
  width: 100px;
}

.progress-arc {
  stroke: black;
  stroke-width: 2;
  fill-opacity: 0;
}

.progress-circle {
  fill: none;
  stroke: gray;
  stroke-width: 1;
}

.plant-background {
  background-image: url("/image/store/2.png");
  background-repeat: round;
}

.testpage-main {
  background-color: #F1F2F2;
  padding-top: 3em;
}

.testpage-title {
  font-family: "Source Serif Pro";
  font-weight: bold;
}

.testpage-subtitle {
  font-size: .5em;
}

.testpage-column {
  margin-top: 1em;
  padding-left: 3.5em;
  padding-right: 3.5em;
}

.testpage-tests-section {
  border-top: 1px solid silver;
  padding-bottom: 3em;
}

.testpage-tests-heading {
  font-family: "Source Serif Pro";
  font-weight: bold;
  padding: .5em 1em .25em 1em;
}

.testpage-tests-dropitem {
  cursor: pointer;
  margin-bottom: 0;
  margin-left: 1.25em;
  margin-right: 1.25em;
  margin-top: 1em;
  padding: .25em;
}

.testpage-tests-dropitem:first-of-type {
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}

.testpage-tests-dropitem:last-of-type:not(.ui-state-active) {
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}

.testpage-tests-dropitem:nth-of-type(1) {
  background-color: #CBD5CA;
  margin-top: 0;
}

.testpage-tests-dropitem:nth-of-type(2) {
  background-color: #C0D1BE;
}

.testpage-tests-dropitem:nth-of-type(3) {
  background-color: #B6D6B4;
}

.testpage-tests-dropitem:nth-of-type(4) {
  background-color: #ACCAA6;
}

.testpage-tests-dropitem:nth-of-type(5) {
  background-color: #A1C69A;
}

.testpage-tests-dropitem:nth-of-type(6) {
  background-color: #93C28B;
}

.testpage-tests-dropitem:nth-of-type(7) {
  background-color: #89C182;
}

.testpage-tests-dropdown {
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  background-color: #E1E2E2;
  // background-color: #F1F2F2;
  font-family: "Open Sans";
  font-weight: bold;
  margin-left: 2.5em;
  margin-right: 2.5em;
  padding: 1em;
}

.testpage-step-heading {
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0;
}

.testpage-step-heading:not(:first-child) {
  margin-top: .5em;
}