.sw-theme-default.sw-main,
.sw-theme-default .sw-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.sw-theme-default .sw-container {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.sw-theme-default .step-anchor {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sw-theme-default .step-anchor:not(.card) {
        border: 0
    }

    

    .sw-theme-default .step-anchor li {
        display: table-cell;
        width: auto;
        vertical-align: top;
        text-align: center;
        position: relative;
    
    }

        .sw-theme-default .step-anchor li > a {
            position: relative;
            padding-top: 60px;
            margin-top: 20px;
            margin-bottom: 20px;
            display: block;
        
        
        }



    .sw-theme-default .step-anchor li:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 9;
        left: 0;
        top: 43px;
        width: 50%;
        height: 5px;
        background-color: #fa626b;
    }

    .sw-theme-default .step-anchor  li:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 9;
        right: 0;
        top: 43px;
        width: 50%;
        height: 5px;
        background-color: #fa626b;
    }

        .sw-theme-default .step-anchor li:first-child:before {
            content: none;
        }

        .sw-theme-default .step-anchor li:last-child:after {
            content: none;
        }


        .sw-theme-default .step-anchor li.active:after {
            background-color: #F4F5FA;
        }

        .sw-theme-default .step-anchor li.active ~ li:before {
            background-color: #F4F5FA;
        }

        .sw-theme-default .step-anchor li.active ~ li:after {
            background-color: #F4F5FA;
        }

[dir=rtl] .sw-theme-default .step-anchor li > a {
    padding-right: 3.75rem;
    padding-left: 2rem
}

.sw-theme-default .step-anchor li > a small,
.sw-theme-default .step-anchor li > a .small {
    font-weight: normal
}

.sw-theme-default .step-anchor li.clickable > a,
.sw-theme-default .step-anchor li.active > a,
.sw-theme-default .step-anchor li.done > a {
    opacity: 1
}

.sw-theme-default .step-anchor li.clickable > a,
.sw-theme-default .step-anchor li.active > a {
    cursor: pointer
}

.sw-theme-default .step-anchor li.done > a {
    cursor: pointer
}


.sw-theme-default .step-anchor li.done .step {
    background-color: #fa626b;
    -webkit-box-shadow: 0px 0px 20px rgba(253, 99, 107, 0.3);
    box-shadow: 0px 0px 20px rgba(253, 99, 107, 0.3);
    color: #fff;
}

.sw-theme-default .step-anchor li.active .sw-number {
    background-color: #fff;
    color: #fa626b;
    -webkit-box-shadow: 0px 0px 20px rgba(253, 99, 107, 0.3);
    box-shadow: 0px 0px 20px rgba(253, 99, 107, 0.3);
}

.sw-theme-default .step-anchor li.disabled > a,
.sw-theme-default .step-anchor li.disabled > a:hover {
    cursor: not-allowed !important
}

.sw-theme-default .sw-number,
.sw-theme-default .sw-icon,
.sw-theme-default .sw-done-icon {
   
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 1.5rem;
      background-color: #fff;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -24px;
      z-index: 10;
      text-align: center;
      border-radius: 12%;
      vertical-align: middle;
      -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); 
}

[dir=rtl] .sw-theme-default .sw-number,
[dir=rtl] .sw-theme-default .sw-icon,
[dir=rtl] .sw-theme-default .sw-done-icon {
    right: 0;
    left: auto
}

.sw-theme-default .sw-icon,
.sw-theme-default .sw-done-icon {
    font-size: 1rem
}

.sw-theme-default .sw-done-icon {
    display: none
}

.sw-theme-default .step-anchor li.done .sw-done-icon {
    display: block
}

    .sw-theme-default .step-anchor li.done .sw-done-icon ~ .sw-number,
    .sw-theme-default .step-anchor li.done .sw-done-icon ~ .sw-icon {
        display: none
    }

.sw-theme-default .wizard-number {
    font-weight: 500
}

.sw-theme-default .step-anchor li.done .sw-number,
.sw-theme-default .step-anchor li.done .sw-icon,
.sw-theme-default .step-anchor li.done .sw-done-icon {
    background-color: #fa626b;
    -webkit-box-shadow: 0px 0px 20px rgba(253, 99, 107, 0.3);
    box-shadow: 0px 0px 20px rgba(253, 99, 107, 0.3);
    color: #fff;
}

.sw-theme-default .step-content {
    position: relative;
    display: none;
    margin: 0;
    width: 100%
}

.sw-theme-default .sw-toolbar {
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0
}

.default-style .sw-theme-default .step-anchor li > a {
    color: #4E5155
}

.default-style .sw-theme-default .step-anchor li.danger > a {
    color: #d9534f !important
}

.default-style .sw-theme-default .sw-number,
.default-style .sw-theme-default .sw-icon,
.default-style .sw-theme-default .sw-done-icon {
    border-color: rgba(24, 28, 33, 0.06)
}

.default-style .sw-theme-default .step-anchor li.danger .sw-number,
.default-style .sw-theme-default .step-anchor li.danger .sw-icon,
.default-style .sw-theme-default .step-anchor li.danger .sw-done-icon {
    border-color: #d9534f !important;
    color: #d9534f !important
}

@media (min-width: 768px) {
    .default-style .smartwizard-vertical-left.sw-main,
    .default-style .smartwizard-vertical-right.sw-main {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .default-style .smartwizard-vertical-left .step-anchor,
    .default-style .smartwizard-vertical-right .step-anchor {
        -ms-flex-item-align: start;
        align-self: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .default-style .smartwizard-vertical-left .step-anchor li,
        .default-style .smartwizard-vertical-right .step-anchor li {
            -ms-flex-positive: 0;
            flex-grow: 0
        }

    .default-style .sw-theme-default.smartwizard-vertical-right {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

        .default-style .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
            padding: 0 0 0 5.75rem
        }

        .default-style .sw-theme-default.smartwizard-vertical-right .sw-number,
        .default-style .sw-theme-default.smartwizard-vertical-right .sw-icon,
        .default-style .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
            left: 2rem
        }
}

@media (min-width: 768px) {
    .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
        padding: 0 5.75rem 0 0
    }

    .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-number,
    .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-icon,
    .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
        right: 2rem;
        left: auto
    }
}

.material-style .sw-theme-default .step-anchor li > a {
    color: #4E5155
}

.material-style .sw-theme-default .step-anchor li.danger > a {
    color: #d9534f !important
}

.material-style .sw-theme-default .sw-number,
.material-style .sw-theme-default .sw-icon,
.material-style .sw-theme-default .sw-done-icon {
    border-color: rgba(24, 28, 33, 0.06)
}

.material-style .sw-theme-default .step-anchor li.danger .sw-number,
.material-style .sw-theme-default .step-anchor li.danger .sw-icon,
.material-style .sw-theme-default .step-anchor li.danger .sw-done-icon {
    border-color: #d9534f !important;
    color: #d9534f !important
}

@media (min-width: 768px) {
    .material-style .smartwizard-vertical-left.sw-main,
    .material-style .smartwizard-vertical-right.sw-main {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .material-style .smartwizard-vertical-left .step-anchor,
    .material-style .smartwizard-vertical-right .step-anchor {
        -ms-flex-item-align: start;
        align-self: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .material-style .smartwizard-vertical-left .step-anchor li,
        .material-style .smartwizard-vertical-right .step-anchor li {
            -ms-flex-positive: 0;
            flex-grow: 0
        }

    .material-style .sw-theme-default.smartwizard-vertical-right {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

        .material-style .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
            padding: 0 0 0 5.75rem
        }

        .material-style .sw-theme-default.smartwizard-vertical-right .sw-number,
        .material-style .sw-theme-default.smartwizard-vertical-right .sw-icon,
        .material-style .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
            left: 2rem
        }
}

@media (min-width: 768px) {
    .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
        padding: 0 5.75rem 0 0
    }

    .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-number,
    .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-icon,
    .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
        right: 2rem;
        left: auto
    }
}