.view-container {
  position: relative;
}
 
.view-frame.ng-enter, .view-frame.ng-leave {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
         
.view-frame.ng-enter {
  -webkit-animation: 0.3s fade-in;
  -moz-animation: 0.3s fade-in;
  -o-animation: 0.3s fade-in;
  animation: 0.3s fade-in;
  z-index: 100;
}
                   
.view-frame.ng-leave {
  -webkit-animation: 0.3s fade-out;
  -moz-animation: 0.3s fade-out;
  -o-animation: 0.3s fade-out;
  animation: 0.3s fade-out;
  z-index:99;
}
                             
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@-moz-keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@-webkit-keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
                                         
@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@-moz-keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

  @-webkit-keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}



.transac-listing.ng-enter,
.transac-listing.ng-leave,
.transac-listing.ng-move {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
}
         
.transac-listing.ng-enter,
.transac-listing.ng-move {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
               
.transac-listing.ng-move.ng-move-active,
.transac-listing.ng-enter.ng-enter-active {
  opacity: 1;
  height: 120px;
}
                   
.transac-listing.ng-leave {
  opacity: 1;
  overflow: hidden;
}
                       
.transac-listing.ng-leave.ng-leave-active {
  opacity: 0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}