mapo-core/MP-TAB3/Components/CheckControls.razor.css

.flashingPurple {
  animation-duration: 0.75s;
  animation-timing-function: steps(2);
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running;
  animation-name: flsBlue;
  transform: translateZ(0);
}
@keyframes flsBlue {
  from {
    color: #ffc107;
    background-color: #7623c8;
    /*border: 5px solid #dc3545;*/
  }
  to {
    color: #FFF;
    background-color: #00b1ec;
    /*border: 5px solid #ffc107;*/
  }
}
.flashingRed {
  animation-duration: 0.75s;
  animation-timing-function: steps(2);
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running;
  animation-name: flsRed;
  transform: translateZ(0);
}
@keyframes flsRed {
  from {
    color: #ffc107;
    background-color: #c82332;
    /*border: 5px solid #dc3545;*/
  }
  to {
    color: #FFF;
    background-color: #ecb100;
    /*border: 5px solid #ffc107;*/
  }
}
.flashingBlue {
  animation-duration: 0.75s;
  animation-timing-function: steps(2);
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running;
  animation-name: flsBlue;
  transform: translateZ(0);
}
@keyframes flsBlue {
  from {
    color: #ffc107;
    background-color: #2323c8;
    /*border: 5px solid #dc3545;*/
  }
  to {
    color: #FFF;
    background-color: #00b1ec;
    /*border: 5px solid #ffc107;*/
  }
}