.admin-item {

}
.admin-item.ng-hide {
  opacity:0;
}

.admin-item.ng-hide-add-active {
   -webkit-transition:all linear 0.0s;
  	transition:all linear 0.0s;
  	transition-delay: 0.2s;
}

.admin-item.ng-hide-remove-active {
   -webkit-transition:all linear 1.0s;
  transition:all linear 1.0s;
  transition-delay: 0.2s;
}


/*** These are not being used yet ****/
/* The starting CSS styles for the enter animation */
.fade.ng-enter {
  transition:0.5s linear all;
  opacity:0;
}

/* The finishing CSS styles for the enter animation */
.fade.ng-enter.ng-enter-active {
  opacity:1;
}

/* there is no need to define anything inside of the destination
CSS class since the keyframe will take charge of the animation */
.fade.ng-leave {
  animation: my_fade_animation 0.5s linear;
  -webkit-animation: my_fade_animation 0.5s linear;
}

@keyframes my_fade_animation {
  from { opacity:1; }
  to { opacity:0; }
}

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

.animate-show.ng-hide-add, .animate-show.ng-hide-remove {
    transition: all linear 1.5s;
    display: block !important;
}

.animate-show.ng-hide-add.ng-hide-add-active, .animate-show.ng-hide-remove {
    opacity: 0;
}

.animate-show.ng-hide-add, .animate-show.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}

.animate-slower.ng-hide-add, .animate-slower.ng-hide-remove {
    transition: all linear 2.5s;
    display: block !important;
}

.animate-slower.ng-hide-add.ng-hide-add-active, .animate-slower.ng-hide-remove {
    opacity: 0;
}

.animate-slower.ng-hide-add, .animate-slower.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}