@keyframes blinkGreen {
    0%   { background-color: #a5d6a7; }
    50%  { background-color: #ffffff; }
    100% { background-color: #a5d6a7; }
}

@keyframes blinkOrange {
    0%   { background-color: #ffcc80; }
    50%  { background-color: #ffffff; }
    100% { background-color: #ffcc80; }
}

@keyframes blinkRed {
    0%   { background-color: #ef9a9a; }
    50%  { background-color: #ffffff; }
    100% { background-color: #ef9a9a; }
}

@keyframes blinkBlue {
    0%   { background-color: #90caf9; }
    50%  { background-color: #ffffff; }
    100% { background-color: #90caf9; }
}

@keyframes blinkGrey {
    0%   { background-color: #B0BEC5; }
    50%  { background-color: #ffffff; }
    100% { background-color: #B0BEC5; }
}

.highlight-animation.highlight-green td {
    animation: blinkGreen 2s ease-in-out 3;
}

.highlight-animation.highlight-orange td {
    animation: blinkOrange 1s ease-in-out 6;
}

.highlight-animation.highlight-red td {
    animation: blinkRed 1s ease-in-out 6;
}

.highlight-animation.highlight-blue td {
    animation: blinkBlue 2s ease-in-out 3;
}

.highlight-animation.highlight-grey td {
    animation: blinkGrey 2s ease-in-out 3;
}

@keyframes shake {
    0% { transform: rotate(0deg); }
    20% { transform: rotate(10deg); }
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(10deg); }
    80% { transform: rotate(-10deg); }
    100%{ transform: rotate(0deg); }
}

.shake-animation {
    animation: shake 0.9s infinite;
}