#light {
  background-color: #f2f7fd;
  overflow: hidden;
  padding: 15px 0 15px;
  width: 75px;
  border-radius: 15px;
  margin: 0 auto;
  //position: absolute;
  //top: -50px;
  //right: 50px;
}

#light span {
  border-radius: 50px;
  display: block;
  height: 30px;
  margin: 5px auto 0;
  opacity: .35;
  width: 30px;
}

/*! Light colours */
#red {
  background-color: $red;
}

#orange {
  background-color: $orange;
}

#green {
  background-color: $green;
}

/*! Active states */
#light span.active {
  opacity: 1;
}