@keyframes flash {
    0% {
        background-color: #CCCCCC;
        opacity: .50;
    }

    50% {
        background-color: #DDDDDD;
        opacity: .50;
    }

    100% {
        background-color: #EEEEEE;
        opacity: .50;
    }
}


/*@keyframes PulseBlue
{
    0% {
        background-color: #3C5A89;
        opacity: .60;
    }

    100% {
        background-color: #3C5A89;
        opacity: 1.0;
    }
}*/

@keyframes PulseBlue {
    0% {
        background-color: #E7F0FD;
        opacity: .25;
    }

    100% {
        /*background-color: #ADCDFF;*/
        background-color: #72A9FF;
        opacity: .75;
    }
}


.BluePulse {
    animation: PulseBlue 0.5s infinite;
    /*animation-name: flash;
    animation-duration: 5s*/;
}


@keyframes PulseRed {
    0% {
        background-color: #FAFAFA;
        border-color: #FFEFF2;
        opacity: .25;
    }

    100% {
        background-color: #FF0000;
        border-color: #FFEFF2;
        opacity: .75;
    }
}


.RedPulse {
    animation: PulseRed 0.5s infinite;
    /*animation-name: flash;
    animation-duration: 5s*/;
}



@keyframes PulseYellow {
    0% {
        background-color: #FEEBA9;
        opacity: .50;
    }

    100% {
        background-color: #CA9F02;
        opacity: .50;
    }
}


.YellowPulse {
    animation: PulseYellow 1s infinite;
    /*animation-name: flash;
    animation-duration: 5s*/;
}




.TestAnimation {
    animation: flash 1s infinite;
    /*animation-name: flash;
    animation-duration: 5s*/;
}