@charset "utf-8";

/* view animation*/
.view-container {
    position: relative;
}

.view-frame.ng-enter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.view-frame.ng-enter {
  -webkit-animation: 0.5s fade-animation-enter;
  animation: 0.5s fade-animation-enter;
}

.view-frame.ng-leave {
  display: none;
}

@keyframes fade-animation-enter {
  from {
    z-index:100;
    opacity:0;
  }
  to {
    top:0;
    opacity:1;
  }
}

@keyframes fade-animation-leave {
  from {
    z-index:101;
    top:0;
    opacity:1;
  }
  to {
    top:-600px;
    opacity:0;
  }
}

@-webkit-keyframes fade-animation-enter {
  from {
    z-index:100;
    opacity:0;
  }
  to {
    top:0;
    opacity:1;
  }
}

@-webkit-keyframes fade-animation-leave {
  from {
    z-index:101;
    top:0;
    opacity:1;
  }
  to {
    top:-600px;
    opacity:0;
  }
}

.view-frame.ng-enter, .view-frame.ng-leave {
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.view-frame.ng-enter {
  -webkit-animation: 0.5s fade-in;
  -moz-animation: 0.5s fade-in;
  -o-animation: 0.5s fade-in;
  animation: 0.5s fade-in;
  z-index: 100;
}
.view-frame.ng-leave {
  -webkit-animation: 0.5s fade-out;
  -moz-animation: 0.5s fade-out;
  -o-animation: 0.5s fade-out;
  animation: 0.5s fade-out;
  z-index:99;
}
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-moz-keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-webkit-keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}
@-moz-keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}
@-webkit-keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* ng-repeat animation */
.repeated-item.ng-enter, .repeated-item.ng-move {
  transition: all 0.5s linear;
  opacity: 0;
}
.repeated-item.ng-enter.ng-enter-active,
.repeated-item.ng-move.ng-move-active {
  opacity: 1;
}
.repeated-item.ng-leave {
  animation: 0.5s rpt-fade-animation;
}
@keyframes rpt-fade-animation {
  from { opacity:1; }
  to { opacity:0; }
}

/* ng-show ng-hide */
.animate-show-hide.ng-hide {
    opacity: 0;
}

.animate-show-hide.ng-hide-remove {
    transition: all linear 1s;
}

/*.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
    transition: all linear 1s;
}*/

.check-element {
    border: 1px solid black;
    opacity: 1;
    padding: 10px;
}