.led-box {
  margin: 0 auto;
  padding:5px;
  float: right;

}

.led-box p {
  font-size: 20px;
  text-align: center;
  margin: 1em;
}

.led-red-blink {
  margin: 0px auto;
  width: 20px;
  height: 20px;
  background-color: #f00;
  border: solid 1px gray;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 7px 1px, inset #c00 0px 0px 2px, #f00 0 0px 12px;
  -webkit-animation: blinkRed 0.5s infinite;
  -moz-animation: blinkRed 0.5s infinite;
  -ms-animation: blinkRed 0.5s infinite;
  -o-animation: blinkRed 0.5s infinite;
  animation: blinkRed 0.5s infinite;
}

@-webkit-keyframes blinkRed {
    from { background-color: #F55; }
    50% { background-color: #600;box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #f33 0 0px 5px, #f88 0 0px 15px;}
    to { background-color: #f55; }
}
@-moz-keyframes blinkRed {
    from { background-color: #F55; }
    50% { background-color:#600;box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #f33 0 0px 5px, #f88 0 0px 15px;}
    to { background-color: #F55; }
}
@-ms-keyframes blinkRed {
    from { background-color: #F55; }
    50% { background-color: #600;box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #f33 0 0px 5px, #f88 0 0px 15px;}
    to { background-color: #F55; }
}
@-o-keyframes blinkRed {
    from { background-color: #F55; }
    50% { background-color: #600;box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #f33 0 0px 5px, #f88 0 0px 15px;}
    to { background-color: #F55; }
}
@keyframes blinkRed {
    from { background-color: #600; }
    50% { background-color: #F55; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #f33 0 0px 5px, #f88 0 0px 10px;}
    to { background-color: #600; }
}

.led-yellow-blink {
  margin: 0 auto;
  width: 20px;
  height: 20px;
  background-color: #FF0;
  border: solid 2px #ccc;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 02 2px 0px;
  -webkit-animation: blinkYellow 1s infinite;
  -moz-animation: blinkYellow 1s infinite;
  -ms-animation: blinkYellow 1s infinite;
  -o-animation: blinkYellow 1s infinite;
  animation: blinkYellow 1s infinite;
}

@-webkit-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #550; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 0px 5px, #FF0 0 0px 12px; }
    to { background-color: #FF0; }
}
@-moz-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #990; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 0px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-ms-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #990; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-o-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #990; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@keyframes blinkYellow {
    from { background-color: #550; }
    50% { background-color: #FF0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 0px 5px,#FF0 0 0px 15px;  0 2px 12px; }
    to { background-color: #550; }
}

.led-green-on {
  margin: 0px auto;
  width: 20px;
  height: 20px;
  background-color: #ABFF00;
  border: solid 1px gray;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #204701 0 0px 5px, #ff5 0px 0px 12px;
}
  .led-green-off {
  margin: 0px auto;
  border: solid 2px gray;
  width: 20px;
  height: 20px;
  background-color: #040;
  border-radius: 50%;
}

.led-blue {
  margin: 0px auto;
  width: 20px;
  height: 20px;
  background-color: #20E0FF;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #3F8CFF 0 2px 14px;
}
  .led-red-off {
  margin: 0px auto;
  border: solid 1px gray;
  width: 20px;
  height: 20px;
  background-color: #400;
  border-radius: 50%;
}
.led-red-on {
  margin: 0px auto;
  width: 20px;
  height: 20px;
  background-color: #F00;
  border: solid 2px gray;
  border-radius: 50%;
  box-shadow: rgba(80, 3, 3, 0.2) 0 -1px 7px 1px, inset #5a0202 0 -1px 9px, #fee 0 2px 20px;
}
.led-yellow-on {
  margin: 0 auto;
  width: 20px;
  height: 20px;
  background-color: #ff5;
  border: solid 1px gray;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 0px 5px, #FF5 0 0px 15px;
}