.fade-enter-active, .fade-leave-active {
    transition: opacity .2s
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0
}


.grow-enter-to, .grow-leave {
    opacity: 1;
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.grow-enter, .grow-leave-to {
    opacity: 0;
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
}

.grow-enter-active, .grow-leave-active {
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}


.slide-enter-active, .slide-leave-active {
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
 }
 
 .slide-enter-to, .slide-leave {
    height: 180px;
    overflow: hidden;
 }
 
 .slide-enter, .slide-leave-to {
    overflow: hidden;
    height: 0;
 }
 
 
 .slidemenuadmin-enter-active, .slidemenuadmin-leave-active {
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
 }
 
 .slidemenuadmin-enter-to, .slidemenuadmin-leave {
    height: 30px;
    overflow: hidden;
 }
 
 .slidemenuadmin-enter, .slidemenuadmin-leave-to {
    overflow: hidden;
    height: 0;
 }
 
 
 .slidemenu-enter-active, .slidemenu-leave-active {
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.slidemenu-enter-to, .slidemenu-leave {
    overflow: hidden;
}

.slidemenu-enter, .slidemenu-leave-to {
    overflow: hidden;
    transform: translateX(100%);
}


.slideOutIn-up, .slideOutIn-down {
    overflow:hidden
  }
  .slideOutIn-up > div, .slideOutIn-down > div {
    margin-top: -25%;
    transition: margin-top 0.4s ease-in-out;
  }
  .slideOutIn-down > div {            
    margin-top: 0;
  }