/* app css stylesheet */

audio {
  width: 500px;
  display: block;
}

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

.charts_300px {
  width: 300px;
  height: 300px;
}

.charts_450px {
  width: 450px;
  height: 450px;
}

.grey {
  background-color: #DEDEDE;
  color:#999999;
}

.top-small-padding {
  padding-top:20px;
}

form input.ng-invalid.ng-dirty {
  background-color: #FA787E;
}

form input.ng-dirty.ng-valid { border:1px solid Green; }
form input.ng-dirty.ng-invalid { border:1px solid Red; }
form input.ng-dirty.ng-valid ~ span.ok { color:green; display:inline; }
form input.ng-dirty.ng-invalid ~ span.ko { color:red; display:inline; }