.breakpoint-icon .fa-stack-2x{color: #407fbc;}

.unstarted-icon .fa-stack-2x{color: #dee4ec;}

.live-index-page .fa{cursor: pointer;}
.live-index-page .unstarted-icon .fa-stack-2x{color: #565656;}

.started-icon .fa-stack-2x{color: #407fbc;}

.done-icon .fa-stack-2x{color: #45ba2a /*#407fbc;*/}

.approved-icon .fa-stack-2x{color: #84ca46;}

.teacher-review-icon .fa-stack-2x{color:#db7908;}

.peer-review-icon .fa-stack-2x{color: #2c8f8c;}

.alert-icon .fa-circle{color: transparent;}
.alert-icon .fa-bullhorn{color: #58bbb8;}

.feedback-icon .fa-stack-2x{color:#db7908;}

.redirect-icon .fa-stack-2x{color:#f0dd51;}

.final-icon .fa-stack-2x{color: #dee4ec;}

.node {display: inline-block; cursor: pointer;}
.node .node-circle{
  background-color: #bfddea; 
  width: 36px; 
  height: 36px; 
  color: #fff; 
  border: 5px solid #bfddea; 
  border-radius: 100%; 
  text-align: center; 
  display: inline-block;
  font-size: 16px;
  z-index: 2;
  vertical-align: middle;
}

.node .node-line{height: 10px; width: 55px; background-color: #dee4ec; display: inline-block; margin-left: -4px; margin-right: -4px; z-index: 1; vertical-align: middle;}
.node.active .node-circle{background-color: #fff; border-color: #337ab7; color: #337ab7;}