/*  
 *  LEDs as "clock ok" indicators
 *  
 *  https://codepen.io/fskirschbaum/pen/MYJNaj 
 */

.led {
  margin: 0 auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

.led.off {
  background-color: #DDD;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px inset 
}


.led.red {
  background-color: #F00;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #F00 0 1px 12px;
}

.led.yellow {
  background-color: #ffdd00;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #ffdd00 0 1px 12px;
}

.led.green {
  background-color: #0F0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #0F0 0 1px 12px;
}