/*
 * animations css stylesheet
 */

/* animate ngRepeat in phone listing 

.phone-listing.ng-enter,
.phone-listing.ng-leave,
.phone-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;
}

.phone-listing.ng-enter,
.phone-listing.ng-move {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.phone-listing.ng-move.ng-move-active,
.phone-listing.ng-enter.ng-enter-active {
  opacity: 1;
  height: auto;
}

.phone-listing.ng-leave {
  opacity: 1;
  overflow: hidden;
}

.phone-listing.ng-leave.ng-leave-active {
  opacity: 0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
*/
/* cross fading between routes with ngView */

.view-container {
  position: relative;
  min-height:220px;
}

.view-frame.ng-enter,
.view-frame.ng-leave {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right:0;
}

.view-frame.ng-enter {
  -webkit-animation: 1.5s fade-in;
  -moz-animation: 1.5s fade-in;
  -o-animation: 1.5s fade-in;
  animation: 1.5s fade-in;
  z-index: 100;
}

.view-frame.ng-leave {
  -webkit-animation: 1.5s fade-out;
  -moz-animation: 1.5s fade-out;
  -o-animation: 1.5s fade-out;
  animation: 1.5s fade-out;
  height:100%;
  z-index: 99;
}

@keyframes fade-in {
  0% { opacity: 0; left:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;max-height:250px;}
  50% {opacity: 0;}
  100% { opacity: 1; left:0;white-space: normal;max-height:auto;}
}
@-moz-keyframes fade-in {
  0% { opacity: 0; left:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;max-height:250px;}
  50% {opacity: 0;}
  100% { opacity: 1; left:0;white-space: normal;max-height:auto;}
}
@-webkit-keyframes fade-in {
  0% { opacity: 0;left:100%; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;max-height:250px;}
  50% {opacity: 0;}
  100% { opacity: 1; left:0;white-space: normal;max-height:auto;}
}

@keyframes fade-out {
  0% { opacity: 1; left:0;white-space: normal;max-height:auto;}
  50% {opacity: 0;}
  100% { opacity: 0; left:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;max-height:250px;}
}
@-moz-keyframes fade-out {
  0% { opacity: 1; left:0;white-space: normal;max-height:auto;}
  50% {opacity: 0;}
  100% { opacity: 0; left:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;max-height:250px;}
}
@-webkit-keyframes fade-out {
  0% { opacity: 1; left:0;white-space: normal;max-height:auto;}
  50% {opacity: 0;}
  100% { opacity: 0; left:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;max-height:250px;}
}