﻿body {
  color: #666666;
}
h1 {
  color: #4d4d4d;
}
a {
  color: #00a4e4;
}
ul.list-style-arrow li {
  list-style: none;
  position: relative;
}
ul.list-style-arrow li:before {
  color: #00a4e4;
  content: "\25ba";
  counter-increment: list;
  position: absolute;
  left: -40px;
}
.body-content {
  border-top: 15px solid #002d5b;
}
.navbar-arrow {
  color: #00a4e4;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #00a4e4;
}
.navbar-default .navbar-toggle .icon-text {
  color: #002d5b;
}
.control-group .btn-group .btn.active {
  background-color: #00a4e4;
  color: #ffffff;
}
.btn.btn-primary {
  color: #ffffff;
  background-color: #00a4e4;
  font-size: 20px;
  padding: 6px 18px;
}
.btn-primary:hover {
  background-color: #0092cb;
}
.navigation-link {
  color: #00a4e4;
}
.navigation-link a,
.navigation-link a:hover {
  color: #00a4e4;
}
.noUi-horizontal.noUi-extended {
  background-color: #999999;
  border-radius: 0;
  box-shadow: none;
  border: none;
  height: 5px;
  margin: 20px 0;
  padding: 0 8px;
}
.noUi-horizontal .noUi-handle {
  border: none;
  box-shadow: none;
  background: transparent;
  margin-top: 0;
  padding-top: 0;
  top: -12px;
}
.noUi-horizontal .noUi-handle:before {
  background: transparent;
  width: 0;
  height: 0;
  top: 3px;
  left: 8px;
  border-style: solid;
  border-width: 12px 0 12px 25px;
  border-color: transparent transparent transparent #00a4e4;
}
.noUi-horizontal .noUi-handle:after {
  display: none;
}
.infographic .infographic-title {
  color: #002d5b;
}
.infographic .infographic-text .standout {
  color: #00a4e4;
}
.block-heading {
  color: #ffffff;
  background-color: #00a4e4;
}
.results-table-header {
  background-color: #002d5b;
}
.qtip {
  background-color: #c7eafb;
  border: 2px solid #ffffff;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav > li > .navbar-menu-item:hover {
    background-color: #00a4e4;
  }
  .navbar-default .navbar-nav > li.active > .navbar-menu-item {
    background-color: #00a4e4;
  }
  .navbar-collapse {
    background-color: #00a4e4;
  }
}
@media (min-width: 768px) {
  .popout-box {
    border: 2px solid #00a4e4;
  }
}
@media (min-width: 768px) {
  .banner-content .navbar-nav > li.active > a,
  .active > div {
    border-bottom: 5px solid #00a4e4;
  }
}
