.header {
  color: #c9c9c9;
  margin-bottom: 8px;
  background-color: #272727;
  height: 71px;
  width: 100%;
  border-bottom: 1px solid #232323;
}
.header h1 {
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.87);
}
.header h1 a {
  color: white;
  text-decoration: none;
}
.header .header-link {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.header .header-link a {
  color: #b3b3b3;
}
.header .header-link a:hover {
  color: white;
}
.header .header-link-text {
  display: inline;
  top: -5px;
  position: relative;
}
.header .tagline {
  color: #a0adc0;
  font-size: 16px;
  margin-top: -11px;
  margin-right: -91px;
}
.header a.MuiButton-root:hover {
  color: white;
}
.feedback-text-area {
  width: 100%;
  padding: 7px;
}
body {
  background-color: #3a3a3a !important;
}
.help-page {
  color: #c9c9c9;
}
.help-page .box {
  padding: 20px;
  box-shadow: 0px 0px 4px black;
  background-color: #2e2d2d;
}
.help-page ol li {
  margin-bottom: 10px;
}
.help-page h2,
.help-page h5 {
  color: #7ab7e4;
}
.help-page .img-small {
  width: 10%;
  margin: 3px;
}
.help-page .cta-button {
  text-align: center;
}
.help-page .cta-button a:hover {
  color: white;
}
.help-page .table-of-contents .toc-link {
  padding-left: 8px;
  border-left: 3px solid transparent;
  color: #b3b3b3;
}
.help-page .table-of-contents .toc-link.active {
  border-left: 3px solid white;
  color: #f4ab2f;
}
.help-page .table-of-contents .toc-link:hover {
  border-left: 3px solid grey;
  color: white;
}
.help-page .table-of-contents a:hover {
  border-left: 3px solid grey;
  text-decoration: none;
}
.emph {
  font-weight: bold;
  color: white;
}