/**
**
** ANIMATIONS ??!?!?
**
**/

/*.item {
  transition: all .25s linear !important;
  -webkit-transition: all .25s linear !important;
  -moz-transition: all .25s linear !important;
  -o-transition: all .25s linear !important;
}



.item.ng-leave.ng-leave-active:not(#weatherlist), .item.ng-enter:not(#weatherlist) {
  opacity: 0 !important;
}
.item.ng-leave:not(#weatherlist), .item.ng-enter.ng-enter-active:not(#weatherlist) {
  opacity: 1 !important;
}
*/


/*@keyframes fade-in,*/
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    bottom: -40px;
     }
  100% {
    opacity: 1;
    bottom: -40px;
    transform: translate3d(0px, -40px, 0px);
    /*bottom: 0; */
  }
}


.dashbuttonshell {
	opacity: 0;
	position: relative;
	animation-name: fade-in;
	-webkit-animation-name: fade-in;
	        animation-delay: 0.85s;
    -webkit-animation-delay: 0.85s;
	        animation-duration: 1.1s;
	-webkit-animation-duration: 1.1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

.dashbuttonshell:nth-child(2) {
            animation-delay: 1s;
    -webkit-animation-delay: 1s;
}
.dashbuttonshell:nth-child(3) {
            animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
}
.dashbuttonshell:nth-child(4) {
            animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}
.dashbuttonshell:nth-child(5) {
            animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
}
.dashbuttonshell:nth-child(6) {
            animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
}
.dashbuttonshell:nth-child(7) {
            animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}
.dashbuttonshell:nth-child(8) {
            animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
}
.dashbuttonshell:nth-child(9) {
            animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
}
.dashbuttonshell:nth-child(10) {
            animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s;
}
.dashbuttonshell:nth-child(12) {
            animation-delay: 1.9s;
    -webkit-animation-delay: 1.9s;
}



/***************
List stagger
*/

/*@keyframes fade-in and zoom,*/
@-webkit-keyframes fade-in-zoom {
  0% {
    opacity: 0;
    height: 0;
    /*left: -40px;*/
    min-height: 0;
     }
  100% {
    opacity: 1;
    height: 0;
    left: 0;
    min-height: 100px;
     }
}


.listanimation.ng-enter-stagger
, .listanimation.ng-leave-stagger
/*.listanimation.ng-move-stagger*/
 {
  /* 200ms will be applied between each sucessive enter operation */
/*   -webkit-transition-delay:0.2s;
   transition-delay:0.2s;*/
           animation-delay: .1s;
    -webkit-animation-delay: .1s;
   /* this is here to avoid accidental CSS inheritance */
   -webkit-transition-duration:0;
   transition-duration:0;
   -webkit-animation-duration: 0;
   animation-duration: 0;
}


.listanimation.ng-enter
/*.listanimation.ng-leave,*/
/*.listanimation.ng-move*/
 {
  /*background: red !important;*/
  opacity: 0;
  /*position: relative;*/
  animation-name: fade-in-zoom;
  -webkit-animation-name: fade-in-zoom;
          animation-delay: 0s;
    -webkit-animation-delay: 0s;
          animation-duration: .3s;
  -webkit-animation-duration: .3s;

  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.listanimation.ng-enter {
}

.listanimation.ng-enter.ng-enter-active {
}

.listanimation.ng-leave {
  /*opacity: 1;*/
  animation-name: fade-in-zoom;
  -webkit-animation-name: fade-in-zoom;
          animation-delay: 0s;
    -webkit-animation-delay: 0s;
          animation-duration: .3s;
  -webkit-animation-duration: .3s;

  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-direction: reverse;  animation-direction: reverse;
}

.listanimation.ng-leave-active {


}

.fade-in-not-out.ng-leave,
.fade-in-not-out .ng-leave {
  display: block;
}