/*
    Animation css used by ngAnimate ngAnimate används inte längre
    ----------------------------------------------
    */

/*
    animate - Tror inte att detta används nånstans
    ----------------------------------------------
    */
.animate-enter, 
.animate-leave { 
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
} 
 
.animate-leave.animate-leave-active,
.animate-enter {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    height: 0px;
    opacity: 0;
}
 
.animate-enter.animate-enter-active,
.animate-leave {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    height: 30px;
    opacity: 1;
}

/*
    animate-repeat
    ----------------------------------------------
    */
  .animate-repeat {
    line-height:40px;
    list-style:none;
    box-sizing:border-box;
  }

  .animate-repeat.ng-move,
  .animate-repeat.ng-enter,
  .animate-repeat.ng-leave {
    -webkit-transition:all linear 0.5s;
    transition:all linear 0.5s;
  }

  .animate-repeat.ng-leave.ng-leave-active,
  .animate-repeat.ng-move,
  .animate-repeat.ng-enter {
    opacity:0;
    max-height:0;
  }

  .animate-repeat.ng-leave,
  .animate-repeat.ng-move.ng-move-active,
  .animate-repeat.ng-enter.ng-enter-active {
    opacity:1;
    max-height:40px;
  }
	
/*
    animate-show, a slide in animate
    ----------------------------------------------
    */
.animate-show {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;



  line-height:20px;
  opacity:1;
  padding:8px 0 8px 0;
  /*border:1px solid black;*/
  background:white;


}
 
.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
  display:block!important;
}
 
.animate-show.ng-hide {
  line-height:0;
  opacity:0;
  padding:0 5px;


}
 
.check-element {
  padding:5px;
  border:1px solid black;
  background:white;
}


/*animate v3*/

.slider-container {
  overflow: hidden;
}

.slider-container.open {
    height: auto;
}

.slider-container-closed {
    height: 0;
}

.slider {
    height:100%;
}

.slider.slider-opened { 
    -webkit-transition:-webkit-transform .5s ease;
    -moz-transition:   -moz-transform .5s ease;
    -ms-transition:    -ms-transform .5s ease;
    transition:        transform .5s ease;

  transform: translateY(0);
}
.slider.slider-closed { 
     -webkit-transition:-webkit-transform .5s ease;
    -moz-transition:   -moz-transform .5s ease;
    -ms-transition:    -ms-transform .5s ease;
    transition:        transform .5s ease;

    transform: translateY(-100%);
}