.ticketcard.ng-enter {
  transition:0.5s linear all;
  opacity:0;
}


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

.ticketcard.ng-leave {
  transition:0.5s linear all;
  opacity:1;
}
.ticketcard.ng-leave.ng-leave-active {
  opacity:0;
}

/*.ticketcard.ng-enter-stagger,
.ticketcard.ng-leave-stagger {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
}*/


@keyframes slide-in {
    0% {
        transform: translate3d(-100%, 0, 0);
        margin-bottom: -97px;
    }

    60% {
        transform: translate3d(3%, 0, 0);
    }

    83% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
        margin-bottom: 15px;
    }
}

@-webkit-keyframes slide-in {
    0% {
        transform: translate3d(-100%, 0, 0);
        margin-bottom: -97px;
    }

    60% {
        transform: translate3d(3%, 0, 0);
    }

    83% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
        margin-bottom: 15px;
    }
}

@keyframes slide-out {
    0% {
        transform: translate3d(0, 0, 0);
        margin-bottom: 15px;
    }

    23% {
        transform: translate3d(3%, 0, 0);
    }

    83% {
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
        margin-bottom: -97px;
    }
}

@-webkit-keyframes slide-out {
    0% {
        transform: translate3d(0, 0, 0);
        margin-bottom: 15px;
    }

    23% {
        transform: translate3d(3%, 0, 0);
    }

    83% {
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
        margin-bottom: -97px;
    }
}