html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background: #fff;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
  text-align: center;
  padding-top: 21px;
  color: #777;
}

svg {
  display: block;
  margin: auto;
}

.land-boundary {
  fill: grey;
}

.state-boundary {
  fill: none;
  stroke: white;
  stroke-width: 0.25;
}

.label.units {
  font-size: 14px;
  cursor: pointer;
}

.navbar-brand>img {
    margin-top: -15px;
    vertical-align: -18px;
    display: inline-block;
}

.stroke {
  fill: none;
  stroke: #000;
  stroke-width: 3px;
}

.fill {
  fill: #fff;
}

.graticule {
  fill: none;
  stroke: #777;
  stroke-width: .5px;
  stroke-opacity: .5;
}

.country {
  fill: grey;
}

.boundary {
  fill: none;
  stroke: white;
  stroke-width: 0.25;
}

.fa-stop-circle{
  color: grey;
  cursor: pointer;
}

.fa-stop-circle.on{
  color: rgba(200,47,47,1);
  cursor: pointer;
}

.fa-play-circle{
  color: grey;
  cursor: pointer;
}
.fa-play-circle.on{
  color: rgba(73,163,127,1);
  cursor: pointer;
}
@-webkit-keyframes pulsate{0%{-moz-transform:scale(.3);opacity:.2}100%{-moz-transform:scale(1.1);opacity:1}}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(.3);opacity:.2}100%{-webkit-transform:scale(1.1);opacity:1}}@keyframes pulsate{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:.2}100%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}}.SmartStatus-container{max-width:165px;display:flex}.SmartStatus-iconContainer{padding:2px;flex:0 1 auto}.SmartStatus--success{color:#5CB85C;margin-bottom:20px;padding:0}.SmartStatus--failed{color:#D9534F;margin-top:20px;padding:0}.SmartStatus--running{color:#848992;margin-top:10px;padding:0;-webkit-animation:pulsate 1.5s linear infinite alternate;-moz-animation:pulsate 1.5s linear infinite alternate;animation:pulsate 1.5s linear infinite alternate}.SmartStatus-tooltip{text-align:left;max-width:250px;padding:10px;line-height:22px}.SmartStatus-tooltip--successful,.SmartStatus-tooltip--success{color:#5CB85C;padding-left:5px;padding-right:0;text-shadow:-1px -1px 0 #FFFFFF,1px -1px 0 #FFFFFF,-1px 1px 0 #FFFFFF,1px 1px 0 #FFFFFF}.SmartStatus-tooltip--failed{color:#D9534F;padding-left:5px;padding-right:0;text-shadow:-1px -1px 0 #FFFFFF,1px -1px 0 #FFFFFF,-1px 1px 0 #FFFFFF,1px 1px 0 #FFFFFF}.SmartStatus-tooltip--running{color:#161B1F;padding-left:5px;padding-right:0;text-shadow:-1px -1px 0 #FFFFFF,1px -1px 0 #FFFFFF,-1px 1px 0 #FFFFFF,1px 1px 0 #FFFFFF;-webkit-animation:pulsate 1.5s linear infinite alternate;-moz-animation:pulsate 1.5s linear infinite alternate;animation:pulsate 1.5s linear infinite alternate}
.running {
	font-size: 15px;
	animation: pulsate 1.5s linear infinite alternate;
	color: rgba(73,163,127,1);
  cursor: pointer;
  padding-right: 5px;
}
.stopped {
	font-size: 15px;
	color: rgba(200,47,47,1);
  cursor: pointer;
  padding-right: 5px;
}
.running:before, .stopped:before {
  content: "\f111"
}