.phase-icon {
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
}

.active .build-tab-link .phase-icon {
  box-shadow: 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF;
}

.build-status .phase-icon {
  margin-top: 4px;
  float: left;
}

.phase-icon.error {
  background-color: #D64456;
}

.phase-icon.expired {
  background-color: #FCA657;
}

.phase-icon.internalerror {
  background-color: #99BA45;
}

.phase-icon.waiting, .phase-icon.build-scheduled {
  background-color: rgba(66, 139, 202, 0.2);
}

.phase-icon.unpacking, .phase-icon.starting, .phase-icon.initializing {
  background-color: rgba(66, 139, 202, 0.4);
}

.phase-icon.pulling, .phase-icon.priming-cache, .phase-icon.checking-cache {
  background-color: rgba(66, 139, 202, 0.6);
}

.phase-icon.pushing, .phase-icon.building {
  background-color: rgba(66, 139, 202, 0.8);
}

.phase-icon.complete {
  background-color: #2fcc66;
}