body {
    direction: rtl;
    text-align: right
}

.step-indicator {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 1rem;
    margin-top: 2em;
}

.step-indicator-item {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: #ccc;
    text-align: center;
    line-height: 2.9;
    font-size: 1.5em;
}

.step-indicator-item.completed:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 7px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
}

.step-indicator-item.active {
    background-color: #01887a;
    color: #fff;
    font-weight: 600;
}

.step-indicator-item.active:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 7px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #01887a;
    display: none;
}

.error label.error {
    color: red;
    font-size: 12px;
    margin-top: 4px;
    position: absolute;
    top: 50%;
}

.error label.error.active {
    color: red;
    font-size: 12px;
    margin-top: 4px;
    position: absolute;
    top: 100%;
}

.input-field.error input {
    border-bottom-color: red;
}

.input-field.error .helper-text.error {
    color: red;
}

#wizardForm {}

#wizardForm .step {}

#wizardForm .step h5 {
    text-align: center;
    margin: 1em 0;
}

span.error {
    color: #f00;
    font-size: .8em;
    top: -14px;
    position: relative;
}

.alert {
    padding: 1em;
    text-align: center;
}

.alert.alert-info {
    background-color: rgb(255 0 0 / 46%);
}

.alert.alert-success {
    background-color: rgb(0 159 33 / 70%);
    margin-top: 20px
}

#loading-submit {
    display: none;
    text-align: center;
}

#loading-submit img {
    height: 30px
}

.btn-primary {
    background-color: #01887a;
    border-color: #01887a;
}

.form-control {
    background-color: #dedede;
    border: none;
    border-radius: .7rem;
    padding: 0.7rem .75rem;
}

.form-select {
    background-color: #dedede;
    border: none;
    border-radius: .7rem;
    padding: 0.7rem .75rem;
}

.btn {
    border-radius: .7rem;
}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus { 
    background-color: #000;
    border-color: #000;
}

.input-group-text {
    border-radius: .7rem;
}