.badge-name, .badge-status {
  display: inline-block;
  color: #fff;
  font-family: Verdana, DejaVu Sans, sans-serif;
  font-size: 11px;
  letter-spacing: 0px;
  text-shadow: 0px 1px rgba(1,1,1,0.3);
}

.uptime-badge-container {
  height: 22px;
}

.uptime-badge-container a:hover,
.uptime-badge-container a:focus,
.uptime-badge-container a:active {
  text-decoration: none;
}

.badge-name {
  background: rgb(95,95,95);
  background: linear-gradient(180deg, rgba(95,95,95,1) 0%, rgba(78,78,78,1) 100%);
  border-radius: 3px 0px 0px 3px;
  padding: 2px 4px 2px 6px;
}

.badge-name:last-of-type {
  border-radius: 3px;
  padding: 2px 6px;
}

.badge-status {
  border-radius: 0px 3px 3px 0px;
  padding: 2px 6px 2px 4px;
}

.badge-status.green {
  background: rgb(223,179,23);
  background: linear-gradient(180deg, rgba(85,202,48,1) 0%, rgba(62,183,17,1) 100%);
}

.badge-status.yellow {
  background: rgb(223,179,23);
  background: linear-gradient(180deg, rgba(223,179,23,1) 0%, rgba(206,162,6,1) 100%);
}

.badge-status.orange {
  background: rgb(247,132,71);
  background: linear-gradient(180deg, rgba(247,132,71,1) 0%, rgba(228,113,49,1) 100%);
}

.badge-status.red {
  background: rgb(221,103,81);
  background: linear-gradient(180deg, rgba(221,103,81,1) 0%, rgba(201,84,61,1) 100%);
}