/* LED Alert CSS */

.led-red {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #F00;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
    -webkit-animation: blinkRed 1.5s infinite;
    -moz-animation: blinkRed 1.5s infinite;
    -ms-animation: blinkRed 1.5s infinite;
    -o-animation: blinkRed 1.5s infinite;
    animation: blinkRed 1.5s infinite;
}

@-webkit-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-moz-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-ms-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-o-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}

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

@-webkit-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; 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; }
}
@-moz-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; 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; }
}
@-ms-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; 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: #AA0; 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: #FF0; }
    50% { background-color: #AA0; 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; }
}

.led-blue {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #24E0FF;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #24E0FF 0 2px 12px;
    -webkit-animation: blinkBlue 1.5s infinite;
    -moz-animation: blinkBlue 1.5s infinite;
    -ms-animation: blinkBlue 1.5s infinite;
    -o-animation: blinkBlue 1.5s infinite;
    animation: blinkBlue 1.5s infinite;
    }

@-webkit-keyframes blinkBlue {
    from { background-color: #24E0FF; }
    50% { background-color: #3F8CFF; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #24E0FF 0 2px 0; }
    to { background-color: #24E0FF; }
}
@-moz-keyframes blinkBlue {
    from { background-color: #24E0FF; }
    50% { background-color: #3F8CFF; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #24E0FF 0 2px 0; }
    to { background-color: #24E0FF; }
}
@-ms-keyframes blinkBlue {
    from { background-color: #24E0FF; }
    50% { background-color: #3F8CFF; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #24E0FF 0 2px 0; }
    to { background-color: #24E0FF; }
}
@-o-keyframes blinkBlue {
    from { background-color: #24E0FF; }
    50% { background-color: #3F8CFF; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #24E0FF 0 2px 0; }
    to { background-color: #24E0FF; }
}
@keyframes blinkBlue {
    from { background-color: #24E0FF; }
    50% { background-color: #3F8CFF; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #24E0FF 0 2px 0; }
    to { background-color: #24E0FF; }
}

.led-green {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #259f41;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #259f41 0 2px 12px;
    -webkit-animation: blinkGreen 1.5s infinite;
    -moz-animation: blinkGreen 1.5s infinite;
    -ms-animation: blinkGreen 1.5s infinite;
    -o-animation: blinkGreen 1.5s infinite;
    animation: blinkGreen 1.5s infinite;
    }

@-webkit-keyframes blinkGreen {
    from { background-color: #259f41; }
    50% { background-color: #125822; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #259f41 0 2px 0; }
    to { background-color: #259f41; }
}
@-moz-keyframes blinkGreen {
    from { background-color: #259f41; }
    50% { background-color: #125822; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #259f41 0 2px 0; }
    to { background-color: #259f41; }
}
@-ms-keyframes blinkGreen {
    from { background-color: #259f41; }
    50% { background-color: #125822; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #259f41 0 2px 0; }
    to { background-color: #259f41; }
}
@-o-keyframes blinkGreen {
    from { background-color: #259f41; }
    50% { background-color: #125822; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #259f41 0 2px 0; }
    to { background-color: #259f41; }
}
@keyframes blinkGreen {
    from { background-color: #259f41; }
    50% { background-color:#125822; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #259f41 0 2px 0; }
    to { background-color: #259f41; }
}

.led-orange {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #efbe66;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #efbe66 0 2px 12px;
    -webkit-animation: blinkOrange 1.5s infinite;
    -moz-animation: blinkOrange 1.5s infinite;
    -ms-animation: blinkOrange 1.5s infinite;
    -o-animation: blinkOrange 1.5s infinite;
    animation: blinkOrange 1.5s infinite;
    }

@-webkit-keyframes blinkOrange {
    from { background-color: #efbe66; }
    50% { background-color: #f5af2d; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #efbe66 0 2px 0; }
    to { background-color: #efbe66; }
}
@-moz-keyframes blinkOrange {
    from { background-color: #efbe66; }
    50% { background-color: #f5af2d; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #efbe66 0 2px 0; }
    to { background-color: #efbe66; }
}
@-ms-keyframes blinkOrange {
    from { background-color: #efbe66; }
    50% { background-color: #f5af2d; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #efbe66 0 2px 0; }
    to { background-color: #efbe66; }
}
@-o-keyframes blinkOrange {
    from { background-color: #efbe66; }
    50% { background-color: #f5af2d; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #efbe66 0 2px 0; }
    to { background-color: #efbe66; }
}
@keyframes blinkOrange {
    from { background-color: #efbe66; }
    50% { background-color:#f5af2d; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #efbe66 0 2px 0; }
    to { background-color: #efbe66; }
}

.led-violet {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #bb82ff;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #bb82ff 0 2px 12px;
    -webkit-animation: blinkViolet 1.5s infinite;
    -moz-animation: blinkViolet 1.5s infinite;
    -ms-animation: blinkViolet 1.5s infinite;
    -o-animation: blinkViolet 1.5s infinite;
    animation: blinkViolet 1.5s infinite;
    }

@-webkit-keyframes blinkViolet {
    from { background-color: #bb82ff; }
    50% { background-color:#885ebb; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #bb82ff 0 2px 0; }
    to { background-color: #bb82ff; }
}
@-moz-keyframes blinkViolet {
    from { background-color: #bb82ff; }
    50% { background-color: #885ebb; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #bb82ff 0 2px 0; }
    to { background-color: #bb82ff; }
}
@-ms-keyframes blinkViolet {
    from { background-color: #bb82ff; }
    50% { background-color: #885ebb; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #bb82ff 0 2px 0; }
    to { background-color: #bb82ff; }
}
@-o-keyframes blinkViolet {
    from { background-color: #bb82ff; }
    50% { background-color: #885ebb; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #bb82ff 0 2px 0; }
    to { background-color: #bb82ff; }
}
@keyframes blinkViolet {
    from { background-color: #bb82ff; }
    50% { background-color: #885ebb; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #bb82ff 0 2px 0; }
    to { background-color: #bb82ff; }
}

.led-grey {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #9f9ea0;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #9f9ea0 0 2px 12px;
    -webkit-animation: blinkGrey 1.5s infinite;
    -moz-animation: blinkGrey 1.5s infinite;
    -ms-animation: blinkGrey 1.5s infinite;
    -o-animation: blinkGrey 1.5s infinite;
    animation: blinkGrey 1.5s infinite;
    }

@-webkit-keyframes blinkGrey {
    from { background-color: #9f9ea0; }
    50% { background-color:#343435; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #9f9ea0 0 2px 0; }
    to { background-color: #9f9ea0; }
}
@-moz-keyframes blinkGrey {
    from { background-color: #9f9ea0; }
    50% { background-color: #343435; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #9f9ea0 0 2px 0; }
    to { background-color: #9f9ea0; }
}
@-ms-keyframes blinkGrey {
    from { background-color: #9f9ea0; }
    50% { background-color: #343435; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #9f9ea0 0 2px 0; }
    to { background-color: #9f9ea0; }
}
@-o-keyframes blinkGrey {
    from { background-color: #9f9ea0; }
    50% { background-color: #343435; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #9f9ea0 0 2px 0; }
    to { background-color: #9f9ea0; }
}
@keyframes blinkGrey {
    from { background-color: #9f9ea0; }
    50% { background-color: #343435; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #9f9ea0 0 2px 0; }
    to { background-color: #9f9ea0; }
}

.led-white {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #ffffff 0 2px 12px;
    -webkit-animation: blinkGrey 1.5s infinite;
    -moz-animation: blinkGrey 1.5s infinite;
    -ms-animation: blinkGrey 1.5s infinite;
    -o-animation: blinkGrey 1.5s infinite;
    animation: blinkGrey 1.5s infinite;
    }

@-webkit-keyframes blinkGrey {
    from { background-color: #ffffff; }
    50% { background-color:#e0e0e0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #ffffff 0 2px 0; }
    to { background-color: #ffffff; }
}
@-moz-keyframes blinkGrey {
    from { background-color: #ffffff; }
    50% { background-color: #e0e0e0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #ffffff 0 2px 0; }
    to { background-color: #ffffff; }
}
@-ms-keyframes blinkGrey {
    from { background-color: #ffffff; }
    50% { background-color: #e0e0e0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #ffffff 0 2px 0; }
    to { background-color: #ffffff; }
}
@-o-keyframes blinkGrey {
    from { background-color: #ffffff; }
    50% { background-color: #e0e0e0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #ffffff 0 2px 0; }
    to { background-color: #ffffff; }
}
@keyframes blinkGrey {
    from { background-color: #ffffff; }
    50% { background-color: #e0e0e0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #ffffff 0 2px 0; }
    to { background-color: #ffffff; }
}


/* Button Refresh */