.fade {
  transition:0.5s linear all;
}

.fade.ng-enter {
  opacity:0;
}

.fade.ng-enter.ng-enter-active {
  opacity:1;
}

.zoom {
  transition:0.5s linear all;
  position:relative;
}

.zoom.ng-enter {
  left:-200px;
  opacity:0;
}

.zoom.ng-enter.ng-enter-active {
  opacity:1;
  left:0;
}

.zoom.ng-leave {
  left:0;
  opacity:1;
}

.zoom.ng-leave.ng-leave-active {
  left:400px;
  opacity:0;
}

.repeat-animation { transition:0.5s linear all; }
.repeat-animation.ng-enter { opacity:0; }
.repeat-animation.ng-enter.ng-enter-active { opacity:1; }

.repeat-animation.ng-leave { opacity:1; }
.repeat-animation.ng-leave.ng-leave-active { opacity:0; }

.repeat-animation.repeat-stagger.ng-enter-stagger,
.repeat-animation.repeat-stagger.ng-leave-stagger {
  transition-delay:0.1s;
  transition-duration:0s;
  -webkit-transition-delay:0.1s;
  -webkit-transition-duration:0s;
}

.show-hide-animation {
  transition:1s linear all;
}
.show-hide-animation.ng-hide {
  opacity:0;
}

.show-infinite {
  animation: rotate 1s infinite;
  -webkit-animation: rotate 1s infinite;
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@-webkit-keyframes rotate {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}