/* app css stylesheet */

/*
Original Bootstrap's CSS depends on empty href attributes to style cursors for several components (pagination, tabs etc.). 
But in AngularJS adding empty href attributes to link tags will cause unwanted route changes. 
This is why we need to remove empty href attributes from directive templates and as a result styling is not applied correctly. 
The remedy is simple, just add the following styling to your application:
*/
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }


/*show red asterisk next to label*/
.form-group.required .control-label:after { 
   content:" *";
   color:red;
}

.form-group .help-block {
  display: none;
}
 
.form-group.has-error .help-block {
  display: block;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}