body {
    font-family: 'Open Sans', sans-serif;
    background: black;
    color: white;
}
.animate.ng-enter {
	  transition:all .5s ease-in-out;
	opacity: 0.1;
    left: -500px;
}

/*.animate.ng-enter.ng-enter-active {
   
	opacity: 1;
    left: 0;
}
.animate.ng-leave {
  
}
.animate.ng-leave-active {
    opacity: 0.1;
}*/
 
/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }


/* Have to set height explicity on ui-view 
to prevent collapsing during animation*/
.wrapper[ui-view]{
 height: 100%; 
}

.ui-view-container {
  position: relative;
}

[ui-view].ng-enter, [ui-view].ng-leave {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
}

[ui-view].ng-enter {
  opacity: 0;
  -webkit-transform:scale3d(0.5, 0.5, 0.5);
  -moz-transform:scale3d(0.5, 0.5, 0.5);
  transform:scale3d(0.5, 0.5, 0.5);
}

[ui-view].ng-enter-active {
  opacity: 1;
  -webkit-transform:scale3d(1, 1, 1);
  -moz-transform:scale3d(1, 1, 1);
  transform:scale3d(1, 1, 1);
}

[ui-view].ng-leave {
  opacity: 1; 
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
}

[ui-view].ng-leave-active {
  opacity: 0;
  -webkit-transform:translate3d(100px, 0, 0);
  -moz-transform:translate3d(100px, 0, 0);
  transform:translate3d(100px, 0, 0);
}

.list-group-item-calm {
    background: #cacc00;
    color: whitesmoke;
 }
.list-group-item-warning {
    background: red;
    color: whitesmoke;
 }
.tr-active {
    background-color: #009900;
    background-color: rgba(0, 153, 0, 0.4);
}