.stepperGroup {
  margin-left: 10%;
}

.stepper {
  float: left;
  padding-right: 20px;
  font-size: 14px;
}
.stepperNumberCircle {
  border-radius: 50%;
  width: 30px;
  font-size: 20px;
  display: inline-block;
  background-color: darkgray;
  color: white;
}

.stepperActive .stepperNumberCircle {
  width: 40px !important;
  font-size: 27px !important;
}

.stepperActive .stepperNumberCircle > span {
  line-height: 40px !important;
}

.stepperNumberCircle>span {
  text-align: center;
  line-height: 30px;
  display: block;
}
.stepperEllipsis {
  width: auto; 
  height: 19px; 
  overflow: hidden; 
  border-bottom: 2px solid;
  border-bottom-color: darkgrey;
}
.stepperGroup>div>div:last-of-type .stepperEllipsis {
  display: none;
}
.stepperActive .stepperNumberCircle,
.stepperComplete .stepperNumberCircle {
  background-color: #428bca !important;
}

.stepperComplete .stepperEllipsis {
  border-bottom-color: #428bca !important;
}

.stepperTitle {
  width: 75px;
}
.stepperActive .stepperTitle {
  font-weight: bold;
}
.stepperCheck {
  display: none;
}
.stepperComplete .stepperNumber {
  display: none;
}
.stepperComplete .stepperCheck {
  display: inherit !important;
}