[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}
.glyphicon-refresh-animate {
    animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.slide, .slide-right {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide.ng-enter, .slide-right.ng-enter
.slide.ng-leave, .slide-right.ng-leave {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.slide.ng-enter {
    left: 100%;
    opacity: 0
}
.slide.ng-enter-active {
    left: 0;
    opacity: 1.0
}


.slide.ng-leave {
    left: 0;
    opacity:1.0;
}
.slide.ng-leave-active {
    left: -100%;
    opacity: 0;
}

.fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 1;
}
.fade.ng-enter,
.fade.ng-leave {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.fade.ng-enter {
    opacity: 0;
}
.fade.ng-enter-active {
    opacity: 1;
}
.fade.ng-leave {
    opacity: 1;
}
.fade.ng-leave-active {
    opacity: 0;
}


.slide.ng-enter,
.slide.ng-leave, .slide-right.ng-enter,
.slide-right.ng-leave {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.slide-right.ng-enter {
    left: -100%;
    opacity:0;
}
.slide-right.ng-enter-active {
    left: 0;
    opacity: 1
}
.slide-right.ng-leave {
    left: 0;
    opacity: 1
}
.slide-right.ng-leave-active {
    left: 100%;
    opacity: 0
}