body {
  font-size: 16px;
}
.navbar .navbar-header .navbar-brand {
  height: 70px;
}
.navbar .navbar-header .navbar-toggle {
  background-color: white;
  border: 2px solid grey;
}
.navbar .navbar-header .navbar-toggle span {
  background-color: grey;
}
@media (min-width: 768px) {
  .navbar .navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.navbar .navbar-nav > li.active > a {
  background-color: #eee;
}
nav.navbar-fixed-top {
  background-color: white;
  border-bottom: 2px solid #eee;
}
nav.navbar-fixed-top.affix .navbar-brand {
  height: 50px;
  padding: 5px;
}
nav.navbar-fixed-top.affix .navbar-brand img {
  height: 100%;
}
@media (min-width: 768px) {
  nav.navbar-fixed-top.affix .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.panel-heading {
  cursor: pointer;
}
.panel.figures-panel > .panel {
  margin-bottom: 0;
}
form.form-horizontal .form-group.has-feedback .form-control {
  padding-right: 12px;
}
form.form-horizontal .tooltip-arrow,
form.form-horizontal .white-tooltip + .tooltip > .tooltip-inner {
  background-color: #fff;
  color: black;
  border: 1px solid #444;
}
form.form-horizontal .tooltip.top .tooltip-arrow {
  border-color: #fff transparent;
}
form.form-horizontal .tooltip-inner {
  max-width: 400px;
}
@media (max-width: 768px) {
  form.form-horizontal .tooltip-inner {
    max-width: 250px;
  }
}
form.form-horizontal .target-value-ok a {
  margin-left: 20px;
  float: right;
}
form.form-horizontal .has-error .help-block.with-errors {
  color: black;
}
form.form-horizontal .has-error .help-block.with-errors a {
  margin-top: 10px;
}
.intro a {
  text-decoration: none;
}
.intro a:hover {
  text-decoration: none;
}
@media (min-width: 1024px) {
  #sop-overlay .modal-dialog {
    width: 800px;
    margin: 30px auto;
  }
}
#sop-overlay .modal-dialog .modal-header,
#sop-overlay .modal-dialog .modal-footer {
  background-color: #eee;
}
/* front page equal height columns */
.row.intro > div .panel {
  min-height: 250px;
  padding-bottom: 30px;
  position: relative;
}
@media (max-width: 992px) {
  .row.intro > div .panel {
    min-height: inherit;
  }
}
.row.intro > div .panel .btn {
  display: block;
  position: absolute;
  bottom: 10px;
  width: 70%;
  left: 15%;
}
.rationale {
  padding: 20px;
}
.rationale a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed #000;
}
ul.sops li {
  border-bottom: 1px solid #ddd;
  padding-top: 8px;
  padding-bottom: 10px;
}
ul.sops li.sops-title {
  border-bottom: none;
  font-weight: bold;
}
ul.sops li:last-child {
  border-bottom: none;
}
ul.sops ul {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .navbar-collapse {
    background-color: white;
    border-bottom: 2px solid grey;
  }
}