.text-style(@fontSize, @color, @lineHeight, @textShadow) {
  font-size: @fontSize !important;
  color: @color !important;
  line-height: @lineHeight !important;
  text-shadow: @textShadow !important;
}

.tail-style(@backgroundColor, @boxShadow, @marginLeft) {
  background: @backgroundColor !important;
  box-shadow: @boxShadow !important;
  border-radius:100% !important;
  margin-left: @marginLeft !important;
}

.am-steps-label-vertical .am-steps-item-icon {
  width:24px !important;
  height:24px !important;
  .tail-style(#ffdd49, inset 0 2px 3px 0 #d6a100, 0);
  span {
    .text-style(14px, #fff, 16px, 1px 0 0 #fba211);
  }
}

.am-steps-item-wait .am-steps-item-icon {
  width:24px !important;
  height:24px !important;
  .tail-style(#f5f8fa, inset 0 2px 3px 0 #c2cbd1, 0);
  span {
    .text-style(14px, #c2cbd1, 16px, none);
  }
}

.am-steps-item-tail {
  padding: 0 !important;
  top: 10px !important;
  left: 2px !important;
  margin-left: 12px !important;
}
.am-steps-item-finish .am-steps-item-tail::after {
  z-index: -1 !important;
  height:5px !important;
  .tail-style(#ffdd49, inset 0 2px 3px 0 #d6a100, 0);
}

.am-steps-item-process .am-steps-item-tail:after,
.am-steps-item-wait .am-steps-item-tail:after
{
  height:5px !important;
  z-index: -1 !important;
  .tail-style(#f5f8fa, inset 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0);
}

.am-steps-label-vertical {
  .am-steps-item {
    overflow: none !important;
  }

  .am-steps-item-content {
    width: 0 !important;
  }
}