.panel-phase1 {
  border-color: #337ab7;
}
.panel-phase1 > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-phase1 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-phase1 > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-phase1 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-phase2 {
  border-color: #d87400;
}
.panel-phase2 > .panel-heading {
  color: #fff;
  background-color: #d87400;
  border-color: #d87400;
}
.panel-phase2 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d87400;
}
.panel-phase2 > .panel-heading .badge {
  color: #d87400;
  background-color: #fff;
}
.panel-phase2 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d87400;
}

.panel-phase3 {
  border-color: #c0392b;
}
.panel-phase3 > .panel-heading {
  color: #fff;
  background-color: #c0392b;
  border-color: #d87400;
}
.panel-phase3 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #c0392b;
}
.panel-phase3 > .panel-heading .badge {
  color: #c0392b;
  background-color: #fff;
}
.panel-phase3 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #c0392b;
}

.panel-phase4 {
  border-color: #5c147d;
}
.panel-phase4 > .panel-heading {
  color: #fff;
  background-color: #5c147d;
  border-color: #5c147d;
}
.panel-phase4 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #5c147d;
}
.panel-phase4 > .panel-heading .badge {
  color: #5c147d;
  background-color: #fff;
}
.panel-phase4 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #5c147d;
}