/*
.fade {
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
    background-color: lightblue;
    height: 100%;
}

/*
.ng-hide {
    height: 0;
}

/*
.fade.ng-show {
    -ms-opacity: 1;
    opacity: 1;
}


.fade-anim {
    opacity: 0;
}

.fade-anim.ng-move,
.fade-anim.ng-enter,
.fade-anim.ng-leave {
  transition:all linear 0.5s;
}

.fade-anim.ng-enter
.fade-anim.ng-enter.ng-enter-active {
    opacity: 1;
}

.fade-anim.ng-leave {
    opacity: 0;
}
    */

.animation-fade {
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

.animation-fade.ng-hide,
.animation-fade.ng-enter,
.animation-fade.ng-leave.ng-leave-active {
    -ms-opacity: 0;
    opacity: 0;
}

.animation-fade.ng-show,
.animation-fade.ng-enter.ng-enter-active,
.animation-fade.ng-leave {
    -ms-opacity: 1;
    opacity: 1;
}