.afeb-step-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%
}

.afeb-step-progress {
    /* background-color: black; */
    height: auto;
    width: 100%
}

.afeb-step-progress-fill {
    /* background-color: red; */
    /* color: white; */
    height: auto;
    padding-right: 10px;
    text-align: right;
    transition: width 0.5s;
    width: 0
}

.afeb-step-content-layout-vertical .afeb-step-wrap {
    align-items: flex-start
}

.afeb-step-type-none .afeb-step-wrap {
    align-items: center
}

.afeb-step-tab {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.afeb-step-tab-hidden {
    display: none
}

.afeb-step {
    align-items: center;
    border: 2px solid #155724;
    border-radius: 4px;
    color: #155724;
    display: inline-flex;
    justify-content: center;
    opacity: 0.5;
    padding: 6px 12px;
    text-align: center
}

.afeb-step-content-layout-vertical .afeb-step {
    flex-direction: column
}

.afeb-step-content-layout-horizontal .afeb-step {
    flex-direction: row
}

.afeb-separator-off .afeb-step {
    flex: 1
}

.afeb-step.afeb-step-active {
    opacity: 1
}

.afeb-step-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: var(--afeb-steps-indicator-padding, 30px);
    width: var(--afeb-steps-indicator-padding, 30px);
}

.afeb-step-content-layout-vertical .afeb-step-label {
    width: 100%
}

.afeb-step-main-label,
.afeb-step-sub-label {
    display: block
}

.afeb-stp-btns-wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 5px;
    width: 100%
}

.afeb-stp-btns-wrap .afeb-form-field-button {
    width: auto
}

.afeb-step-tab .afeb-stp-btns-wrap .afeb-button {
    flex: 0 1 auto;
    flex-basis: auto;
}

.afeb-step-sep:last-of-type {
    display: none
}

.afeb-step-sep {
    border: 1px solid #155724;
    flex: 1;
    margin: auto 10px
}