.stepper {
  overflow: hidden;
}

.stepper-item.active > .stepper-circle {
  background-color: #039BE5 !important;
  border-color: #039BE5 !important;
}

.stepper-item.active > .stepper-circle > .stepper-item-content {
  color: white !important;
}

.stepper-item.active > .stepper-title {
  color: #039BE5 !important;
  top: 100%;
  opacity: 1;
}

.stepper-line.active {
  background-color: #039BE5 !important;
}

.stepper-item.finished > .stepper-circle {
  background-color: #fff !important;
  border-color: #4CAF50 !important;
}

.stepper-item.finished > .stepper-title {
  color: #4CAF50 !important;
  top: 100%;
  opacity: 1;
}

.stepper-line.finished {
  background-color: #4CAF50 !important;
}

.stepper-circle {
  position: relative;
  width: 40px;
  height: 40px;
  border-width: 2px !important;
  z-index: 2;
}

.stepper-item-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.stepper-item-content-text {
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}

.stepper-line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 100%;
  background: #dee2e6;
}

.stepper-title {
  position: absolute;
  left: 50%;
  top: 150%;
  width: 100%;
  opacity: 0;
  transform: translateX(-50%);
  transition-duration: 0.2s;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}

/*# sourceMappingURL=linkstrap.wizard.css.map */