.fade-in-out.ng-enter,
.fade-in-out.ng-leave,
.fade-in-out.ng-move {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
}

.fade-in-out.ng-enter,
.fade-in-out.ng-move {
  opacity: 0;
  /*height: 0;*/
  overflow: hidden;
}

.fade-in-out.ng-move.ng-move-active,
.fade-in-out.ng-enter.ng-enter-active {
  opacity: 1;
  /*height: 120px;*/
}

.fade-in-out.ng-leave {
  opacity: 1;
  overflow: hidden;
}

.fade-in-out.ng-leave.ng-leave-active {
  opacity: 0;
  /*height: 0;*/
  padding-top: 0;
  padding-bottom: 0;
}

/*****************
** LOADING SPINNER
*****************/
.spinner {
  height:60px;
  width:60px;
  margin:0px auto;
  position:relative;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left:6px solid rgba(255,127,0,.15);
  border-right:6px solid rgba(255,127,0,.15);
  border-bottom:6px solid rgba(255,127,0,.15);
  border-top:6px solid rgba(255,127,0,.8);
  border-radius:100%;
}

.spinner.spinner-mini{
  display: inline-block;
  height: 20px;
  width: 20px;
}

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

@-moz-keyframes rotation {
  from {-moz-transform: rotate(0deg);}
  to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
  from {-o-transform: rotate(0deg);}
  to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
  from {transform: rotate(0deg);}
  to {transform: rotate(359deg);}
}
/*********************
** END LOADING SPINNER
*********************/