.smartwizard{
    display: none;
}

.sw-theme-dots>ul.step-anchor:before{
    display: none;
}

.sw-theme-dots>ul.step-anchor>li{
    position: relative;
    padding-bottom: 30px;
    flex-grow: 1;
}
.smartwizard .smartwizard>ul.step-anchor>li{
    height: 4px;
    padding: 0;
}

.sw-theme-dots>ul.step-anchor>li:before{
    width: 100%;
    height: 4px;
    background-color: #f5f5f5;
    content: '';
    position: absolute;
    left: 0;
    bottom: 14px;
}

.smartwizard .smartwizard>ul.step-anchor>li:before{
    bottom: 0;
    height: 2px;

}

.sw-theme-dots>ul.step-anchor>li.done:before{
    background-color: #5cb85c;

}

.smartwizard .smartwizard>ul.step-anchor>li.done:before{
    background-color: #e4e4e4;
}

.sw-theme-dots>ul.step-anchor>li.active:before{
    background-color: #5bc0de;
}
.smartwizard .smartwizard>ul.step-anchor>li.active:before{
    background-color: #e9e9e9;
}

.smartwizard .smartwizard>ul.step-anchor>li>a{
    display: none;
}

.sw-theme-dots>ul.step-anchor>li>a{
    position: relative;
    height: 100%;
}
.sw-theme-dots>ul.step-anchor>li>a:before, .sw-theme-dots>ul.step-anchor>li>a:after{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
}
.sw-theme-dots>ul.step-anchor>li>a:after{
    bottom: -7px;
}

.sw-theme-dots>ul.step-anchor{
    display: flex;
    width: 100%;
    padding-bottom: 15px;
}

@media screen and (max-width: 768px){

    .sw-theme-dots>ul.step-anchor>li{
        margin-left: 0;


    }
    .sw-theme-dots>ul.step-anchor>li:nth-child(1)>a{
        float: left !important;
        margin-left: 10px;
    }
    .sw-theme-dots>ul.step-anchor>li:nth-child(3)>a{
        float: right !important;
        margin-right: -10px;
    }

    .sw-theme-dots>ul.step-anchor>li>a{
        text-align: center;

    }



    .sw-theme-dots>ul.step-anchor>li>a:before, .sw-theme-dots>ul.step-anchor>li>a:after{
        top: auto;
        left: 0%;
        margin: 0;
        bottom: 0;

    }
    .sw-theme-dots>ul.step-anchor>li>a:after{
        bottom: -7px;
    }
}

@media screen and (max-width: 550px){
    /*
        .sw-theme-dots>ul.step-anchor>li>a{
            padding: 0;
            text-indent: -9999px;
            line-height: 0;
            font-size: 0;
            color: transparent;
            height: 20px;
        }
    */

    .sw-theme-dots>ul.step-anchor>li>a{
        padding: 0;
        position: absolute;
        flex-direction: column-reverse;
        font-size: 12px !important;
        color: transparent;
        height: 20px;


    }


    .sw-theme-dots>ul.step-anchor>li>a{
        position: relative;
        height: 100%;
    }
    .sw-theme-dots>ul.step-anchor>li>a:before, .sw-theme-dots>ul.step-anchor>li>a:before{
        position: absolute;
        left: 50%;
        bottom: 100px;
        transform: translate(-50%, 100%);
        border: 0px solid !important; ;
        border-color: red  !important;

        line-height: 32px !important;

    }

    .sw-theme-dots>ul.step-anchor>li{
        margin-left: 0;
    }
    .sw-theme-dots>ul.step-anchor>li>a{
        text-align: center;
    }


    .sw-theme-dots>ul.step-anchor>li:nth-child(1):before{
        width: 130%;
        height: 0px;
        background-color: #ccc !important;
        content: '';
        position: absolute;
        left: 30%;
        bottom: 10px;
    }
    .sw-theme-dots>ul.step-anchor>li:nth-child(2):before{
        width: 128%;
        height: 0px;
        background-color:#ccc !important; ;
        content: '';
        position: absolute;
        left: 60%;
        bottom: 10px;
    }
    .sw-theme-dots>ul.step-anchor>li:nth-child(3):before{
        width: 0%;
        height: 0px;
        background-color: #f5f5f5;
        content: '';
        position: absolute;

        left: 0%;

        bottom: 10px;
    }




}

.btn-group .btn.disabled{
    opacity: 0;
}

.sw-btn-prev{
    margin-right: 1em;

}
.sw-btn-next{
    margin-left: 1em;
}

.smartwizard .nav-item .checked{
    display: none;
    margin-right: .5em;
    font-size: 25px;
    transform: translateY(3px);
}
.smartwizard .nav-item.done small{
    display: none;
}
.smartwizard .nav-item.done .checked{
    display: inline-block;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.sidebar-blog .sw-theme-dots>ul.step-anchor {
    display: none;
}