.btn-primary {
  background-color: #1976d2!important;
}
.btn-primary, .btn-success, .btn-warning, .btn-danger {
  color: #FFF!important;
}
.card {
  margin-bottom: 15px;
}
.card-header {
  padding: .5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-header-box {
  color: white;
  padding: 7px;
  text-align: center;
  margin-left: 15px;
}
.card-header .btn-holder {
  display: flex;
  justify-items: flex-end;
  align-items: center;
}

.section-header {
  display: flex;
    justify-content: space-between;
    align-items: center;
}
.last-five span {
  padding-right: 10px;

}
.text-grey {
  color: #ccc!important;
}


.bg-loss {
  background-color: rgba(255, 0, 0, 0.3);
  color: white;
}
.bg-loss-high {
  background-color: rgba(255, 0, 0, 0.7);
  color: white;
}
.bg-indecision {
  background-color: #eee;
  color: #333!important;
}
.bg-gain {
  background-color: rgba(25, 135, 84, 0.4);
  color: white;
}
.bg-gain-perfect {
  background-color: rgba(25, 135, 84, 0.7);
  color: white;
}
.bg-gain-high {
  background-color: rgba(25, 135, 84, 1);
  color: white;
}
.chart-bar {
  background-color: rgba(25, 135, 84, 1);
  color: white;
  padding: 3px;
  margin: 2px;
  text-align: center;
  font-size: 10px;
  min-height: 40px;
}
.box {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 15px;
  height: 100%;
  margin-bottom: 20px;
}
i.fa-toggle-on, i.fa-toggle-off {
  font-size: 23px;
}
.spacer {
  width: 25px;
  background-color: #FFF!important;
}
.table>:not(:last-child)>:last-child>* {
  border-bottom-color: white;
  background-color: #eee;
}
td {
  min-width: 50px;
}
.border-white {
  border: 1px solid white;
}
#my-chart.column {
  height: 100px;
  max-width: 50px;
  margin: 0 auto;
}

#my-chart.line {
  height: 200px;
  max-width: 100%;
  margin: 0 auto;
}

#my-chart {
  --gain: rgba(63, 195, 128, 1);
  --loss: rgba(230, 30, 30, 1.0);
}