body {
  background: #fafafa;
  color: #333333;
  margin-top: 5rem;
}

h1, h2, h3, h4, h5, h6 {
  color: #444444;
}

ul {
  margin: 0;
}

a {
  color: #2D3C92;
}

.bg-steel {
  background-color: #47B8B8; /*color is uptime logo*/
}

.site-header .navbar-nav .nav-link {
  color: #cbd5db;
}

.site-header .navbar-nav .nav-link:hover {
  color: #ffffff;
}

.site-header .navbar-nav .nav-link.active {
  font-weight: 500;
}

.content-section {
  background: #ffffff;
  padding: 10px 20px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 20px;
}

.article-title {
  color: #444444;
}

a.article-title:hover {
  color: #47B8B8;
  text-decoration: none;
}

.article-content {
  white-space: pre-line;
}

.article-img {
  height: 125px;
  width: auto;
  margin-right: 16px;
}

.article-metadata {
  padding-bottom: 1px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e3e3e3
}

.article-metadata a:hover {
  color: #333;
  text-decoration: none;
}

.article-svg {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.account-img {
  max-height: 125px;
  width: auto;
  margin-right: 20px;
  margin-bottom: 16px;
}

.account-heading {
  font-size: 2.5rem;
}

.provider-container{
  width: 150px;
  height: 150px;
}

.provider-container img {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 25px;
  
}

.logo-img{
  height: 28px;
  width: auto;
  padding-right: 5px;
  padding-bottom: 2px;
}

.pill-color{
  background-color: #47B8B8;
}

.home-logo-img{
  height: 150px;
  width: auto;
  padding-bottom: 10px;
}

.filter-form-height{
  height: 50px;
}

.icon-color{
  color: #FFFFFF;
}

.card-bg{
  background-color: #1D507F;
}

/* Global dashboard summary cards: compact so 5 cards fit beside the map
   in the height 4 default-size cards used (~86px each instead of ~108px). */
.card-body.card-bg{
  padding: .75rem 1.25rem;
}

.card-bg .fa-4x{
  font-size: 3em;
}

.card-bg h3{
  font-size: 1.5rem;
  margin-bottom: .25rem;
}

#regions_div {
height:450px;
overflow:hidden;
}

#regions_div svg {
margin-top:-80px;
}

#google-visualization-errors-0 span {
  background-color: transparent;
}
.table-wrapper {

  overflow-x: scroll;
}

table.datavalidate {
  width: 100%;
  font-family: arial, sans-serif;
  border: thin solid #dddddd;
    border-collapse: collapse;

}

td, th {
  border: 1px solid #000000;
  text-align: left;
  padding: 8px;
}
th.dark {
  background-color: #dddddd;
  border: 1px solid #000000;
}

th.lightfont {
  text-align: left;
  border: 1px solid #000000;
  font-weight: normal;
  padding: 8px;
}

tr.dark {
  background-color: #dddddd;
  font-weight: bold;
}
tr.light {
  background-color: #FFFFFF;
}

td.insight {
  background-color: #dddddd;

}

td.marked {

  font-weight: bold;
}

td.warning {
  background-color: #FFFF00;
}

td.critical {
  background-color: #FF0000;
}