@keyframes highlight {
  0% {
    background:rgb(255,87,34);
    color:white;
  }
  80% {
    background:rgb(255,87,34);
    color:white;
  }
  100% {
    background:white;
    color:black;
  }
}

.selectedEvent {
   animation: highlight 2s 1; 
}


/** ===== FADE ===== **>

/* The starting CSS styles for the enter animation */
.animate-fade.ng-enter {
  transition:0.2s linear all;
  animation-duration: 0.3s;
  opacity:0;
}

/* The finishing CSS styles for the enter animation */
.animate-fade.ng-enter.ng-enter-active {
  opacity:1;
}

/* now the element will fade out before it is removed from the DOM */
.animate-fade.ng-leave {
  transition:0.1s linear all;
  opacity:1;
}
.animate-fade.ng-leave.ng-leave-active {
  opacity:0;
}

.animate-fade.ng-enter-stagger {
	transition-delay: 0.1s;
}

/** ===== UP-AND-LEFT ===== **> **/


.animate-up-and-left.ng-enter {
  transition:0.3s ease all;
  transition-duration: 0.5s;
  transform: translateY(100px);
  transition-delay: 0.2s;
  opacity:0;
}

.animate-up-and-left.ng-enter.ng-enter-active {
	transform: translateY(0);
  opacity:1;
}

.animate-up-and-left.ng-enter-stagger {
	transition-delay: 0.1s;
}

.animate-up-and-left.ng-leave {
  transform: translateY(0);
  opacity:1;
}
.animate-up-and-left.ng-leave.ng-leave-active {
  transition:0.3s ease all;
  transform: translateY(100px);
  opacity:0;
}

.animate-up-and-left.ng-leave-stagger {
  transition-delay: 0.2s;
}