/* Chrome, Safari, Opera */
@-webkit-keyframes pulse {
  0% {
    background: transparent; }
  20% {
    background: #FCDE7F; }
  30% {
    background: transparent; }
  100% {
    background: transparent; } }
/* Standard syntax */
@keyframes pulse {
  0% {
    background: transparent; }
  20% {
    background: #FCDE7F; }
  30% {
    background: transparent; }
  100% {
    background: transparent; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/tmp\/gulp-ruby-sass\/animations\.scss}line{font-family:\0000319}}
.yellow_pulse {
  background: transparent;
  -webkit-animation: pulse 5s;
  /* Chrome, Safari, Opera */
  animation: pulse 5s; }

/*This animation has been added by Jacob Sebastian. THis is to show or hide the error messages on registrations page.*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/tmp\/gulp-ruby-sass\/animations\.scss}line{font-family:\0000330}}
.validation-messages {
  min-height: 1.2em;
  margin-top: .5em; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/tmp\/gulp-ruby-sass\/animations\.scss}line{font-family:\0000335}}
.validation-animation {
  line-height: 1em;
  opacity: 1;
  position: absolute; }
  @media (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/tmp\/gulp-ruby-sass\/animations\.scss}line{font-family:\0000335}}
    .validation-animation {
      margin-top: .5em !important;
      position: relative; } }
  @media (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/tmp\/gulp-ruby-sass\/animations\.scss}line{font-family:\0000335}}
    .validation-animation {
      margin-top: .5em !important;
      position: relative; } }

@media -sass-debug-info{filename{font-family:file\:\/\/\/tmp\/gulp-ruby-sass\/animations\.scss}line{font-family:\0000349}}
.validation-messages-mobile {
  margin-top: .5em;
  position: relative; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/tmp\/gulp-ruby-sass\/animations\.scss}line{font-family:\0000354}}
.validation-animation.ng-hide-add,
.validation-animation.ng-leave,
.validation-animation.ng-inactive {
  transform: translateZ(0);
  animation: validationShowHide .25s reverse;
  -moz-animation: validationShowHide .25s reverse;
  /* Firefox */
  -webkit-animation: validationShowHide .25s reverse;
  /* Safari and Chrome */ }

@media -sass-debug-info{filename{font-family:file\:\/\/\/tmp\/gulp-ruby-sass\/animations\.scss}line{font-family:\0000362}}
.validation-animation.ng-hide-remove,
.validation-animation.ng-enter,
.validation-animation.ng-active {
  transform: translateZ(0);
  animation: validationShowHide 0.25s;
  -moz-animation: validationShowHide 0.25s;
  /* Firefox */
  -webkit-animation: validationShowHide 0.25s;
  /* Safari and Chrome */ }

@keyframes validationShowHide /* Firefox */ {
  from {
    line-height: 0em;
    opacity: 0; }
  40% {
    opacity: 0;
    line-height: 1em; }
  60% {
    opacity: 0;
    line-height: 1em; }
  to {
    line-height: 1em;
    opacity: 1; } }
@-moz-keyframes validationShowHide /* Firefox */ {
  from {
    line-height: 0em;
    opacity: 0; }
  40% {
    opacity: 0;
    line-height: 1em; }
  60% {
    opacity: 0;
    line-height: 1em; }
  to {
    line-height: 1em;
    opacity: 1; } }
@-webkit-keyframes validationShowHide /* Safari and Chrome */ {
  from {
    line-height: 0em;
    opacity: 0; }
  40% {
    opacity: 0;
    line-height: 1em; }
  60% {
    opacity: 0;
    line-height: 1em; }
  to {
    line-height: 1em;
    opacity: 1; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/tmp\/gulp-ruby-sass\/animations\.scss}line{font-family:\00003125}}
.some-message {
  transition: 1s linear all; }

/*# sourceMappingURL=animations.css.map */