.view-animate-container {
  position:relative;
  height:100px!important;
  position:relative;
  background:white;
  border:1px solid black;
  height:40px;
  overflow:hidden;
}
.view-animate.ng-enter, .view-animate.ng-leave {
  -webkit-transition:all 0.4s;
  transition:all  0.4s;
  position:absolute;
}
.view-animate.ng-enter {
  top:100%;
  right:0px;
  left:0px;
}
.view-animate.ng-enter.ng-enter-active {
  top:0;
  left:0px;
}
.view-animate.ng-leave.ng-leave-active {
  top:-100%;
  left:0px;
}

.view-animate-route-container {
  position:relative;
  height:100px!important;
  position:relative;
  background:white;
  border:1px solid black;
  height:40px;
  overflow:hidden;
}
.view-animate-route.ng-enter, .view-animate-route.ng-leave {
  -webkit-transition:all 0.4s;
  transition:all  0.4s;
  position:absolute;
}
.view-animate-route.ng-enter {
  top:100%;
  right:0px;
  left:180px;
}
.view-animate-route.ng-enter.ng-enter-active {
  top:60px;
  left:180px;
}
.view-animate-route.ng-leave.ng-leave-active {
  top:-100%;
  left:180px;
}