:root {
  --brand-red: #c1272d;
  --brand-red-dark: #9b1d22;
  --brand-blue: #4b7cb2;
  --brand-blue-dark: #2f4e72;
  --brand-blue-light: #9bbce0;
  --brand-surface: #ffffff;
  --brand-muted: rgba(58,69,86,.65);
}

.text-center {
display: block;
text-align: center;
}

.colored {
color: var(--brand-red);
}

.panel-green i {
color: var(--brand-blue);
}

.panel-green .number,
.panel-green i,
.color-green {
color: #4b7cb2 !important;
}

.panel-green .panel-heading a {
color: #4b7cb2;
}

.panel-red .number,
.panel-red i,
.color-red {
color: #c9444b !important;
}

.panel-yellow .number,
.panel-yellow i,
.color-yellow {
color: #4b7cb2 !important;
}

.color-gray {
color: rgba(255,255,255,.8) !important;
}

.bg-green {
background: var(--brand-blue) !important;
}

.bg-red {
background: #c9444b !important;
}

.bg-yellow {
background: #4b7cb2 !important;
}

.color-white {
color: #fff !important;
}