.background-color-dark-blue {
  background-color: #0568ae;
}
.title-value {
  color: black;
  font-size: 1.25em;
  width: 100%;
  text-align: center;
}
.bag-load-chart {
  width: 10em !important;
  height: 10em !important;
  margin: -10px 0 0 0;
}
.yellow {
  color: #ffb81c;
}
.green {
  color: #4ca90c;
}
.red {
  color: #cf2a2a;
}
.yellowgreen {
  color: #b5bd00;
}
.text-with-chart {
  padding: .4em 0 .5em 0;
}
.float-right {
  float: right;
}
.chart-large {
  text-align: center;
  margin: 0 0 0 calc(50% - 5em);
}
.chart-large-value {
  margin: 3.2em 0 0 -5.1em;
  font-size: 1.25em;
}
.img-circle {
  border-radius: 50%;
  border-color: #009fdb;
  border-width: .25em;
  border-style: solid;
  width: 100px;
  height: 100px;
  margin: 3em 0 0.5em 4.7em;
}
.demo-drawer {
  background-color: #d2d2d2;
}
.welcome-text {
  text-align: center;
  font-size: 1.25em;
}
.large-header-text {
  font-size: 1.25em !important;
}
.value-color {
  color: #0568ae;
}