.animate-show {
  -webkit-transition:all ease-out 0.5s;
  -moz-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition:all ease-out 0.5s;
  max-height:800px;
}

.animate-show-large {
  max-height:2000px;
}

.animate-show.ng-hide {
  /* Animate max height*/
  max-height: 0;
}

.animate-show.ng-hide-add,
.animate-show.ng-hide-remove{
  /* Needed to override display:none which cannot be animated */
  display:block!important;
  overflow-y: hidden;
}

.animate-repeat.ng-enter,
.animate-repeat.ng-leave,
.animate-repeat.ng-move {
  .transition(.3s linear all);
}

.animate-repeat.ng-enter {
  opacity:0;
}

.animate-repeat.ng-enter.ng-enter-active {
  opacity: 1;
}

.animate-repeat.ng-leave {
  opacity:1;
}

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

.animate-repeat.ng-enter {
  .transition(0.3s linear all);
  opacity:0;
}

.animate-repeat.faded {
  opacity: 0.3 !important;
}