/*  -- just styling for this mockup  */
.clearfix {
  clear: both;
  min-height: 15px;
}

.breadcrumb-pagination {
  width: 100%;
  border-bottom: 0px solid #e1e6eb;
  text-align: center;
  float: left;
  color: #b3b7c1;
}

.breadcrumb-pagination div {
  width: 18%;
  display: inline-block;
}

.breadcrumb-pagination div span {
  margin: 0 auto;
  display: block;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  padding: 5px 0 0 1px;
  font-size: 20px;
}

.completed span {
  background-color: NONE;
  color: #95db89;
  border: 2px solid #95db89;
}

.active span {
  background-color: #00abc9;
  color: #fff;
}

.todo span {
  background-color: none;
  color: #e1e6eb;
  border: 2px solid #e1e6eb;
}

.breadcrumb-pagination div p {
  text-align: center;
  line-height: 2;
  margin: 15px auto 15px;
}

.active p {
  border-bottom: 2px solid #00abc9;
  padding-bottom: 27px;
  margin-bottom: 10px !important;
  color: #3c4043;
  font-weight: 700;
}

.completed p {
  color: #bsb7c1;
}

.completed span::before {
  content: "\2713";
}

.title-page-header-bg {
    background-color: #273E96;
    font-style: italic;
}
.title-page-font {
    color: white;
    font-size: 24px;
    align-items: center;
}

/* yellow font */
.sub-title-font-color{
    color: #F4D917;
}

.tr-column-head {
    background-color: #273E96;
}

.submit-gold-btn{
    background-color:#FFD51B;
}