@import "custom-progressbar-style3-horizontal.css" screen and (max-width: 768px);

@media only screen and (min-width: 767px) {
    .wizard.form-create.customPage.multipage_custom_class>.steps {
        display: block !important;
    }

    .wizard.form-create.customPage.multipage_custom_class.vertical>.content {
        width: 77%;
        margin: 0.5em;
    }

    .wizard.form-create.customPage.multipage_custom_class .steps .step-title {
        max-width: 145px;
        display: inline-block;
        word-break: break-word;
        max-height: 6rem;
        overflow: hidden;
        vertical-align: middle;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li:after,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li:before {
        content: '';
        z-index: 9;
        display: block;
        position: absolute;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li a {
        position: relative;
        padding-top: 50px;
        margin-bottom: -29px;
        display: block;
        font-size: 14px;
        font-weight: 600;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps li.first a,
    .wizard.form-create.customPage.multipage_custom_class>.steps>li:first-child a {
        padding-top: 10px !important;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li:first-child:before,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li:last-child:after {
        content: none;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.current>a {
        color: var(--progressbar-color);
        cursor: default;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.current .step,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.done .step {
        border-color: var(--progressbar-color) !important;
        background-color: #fff;
        color: #fff;
        background: var(--progressbar-color);
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps .step {
        background-color: #fff;
        display: inline-block;
        top: 0;
        left: 50%;
        z-index: 10;
        text-align: center;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li:after,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li:before {
        background-color: var(--progressbar-color);
        left: 30px;
        width: 3px;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li:after,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li:before {
        height: 50px;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps .step {
        width: 20px;
        height: 20px;
        line-height: 44px;
        border: 3px solid var(--progressbar-circle-border-color);
        font-size: 1.3rem;
        border-radius: 50%;
        color: var(--progressbar-circle-text-color);
        margin-right: 5px;
    }

    .wizard.form-create.customPage.multipage_custom_class.vertical>.steps {
        width: 22%;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps .disabled a,
    .wizard>.steps .disabled a:hover,
    .wizard>.steps .disabled a:active {
        background: none !important;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps .current a,
    .wizard>.steps .current a:hover,
    .wizard>.steps .current a:active,
    .wizard.form-create.customPage.multipage_custom_class>.steps .error a,
    .wizard>.steps .error a:hover,
    .wizard>.steps .error a:active,
    .wizard.form-create.customPage.multipage_custom_class>.steps .done a {
        background: none !important;
        color: var(--progressbar-color);
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps a,
    .wizard>.steps a,
    .wizard>.steps a:hover,
    .wizard>.steps a:active {
        color: var(--progressbar-color);
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.done.error .step {
        border-color: var(--progressbar-color) !important;
        color: #fff;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.disabled a,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.disabled a:focus,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.disabled a:hover {
        color: var(--progressbar-disabled-text-color) !important;
        cursor: default;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.done .step-title {
        color: #525252 !important;
    }

    .multipage_custom_class .steps .step-counter {
        color: transparent !important;
    }

    .multipage_custom_class .steps .step-title {
        position: absolute;
        padding-left: 8px;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul li.last-dirty:after {
        background-color: #e5e5e58a !important;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li:not(.disabled):not(.last-dirty):not(.current):after,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li:not(.disabled):before,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.current.dirty:not(.last-dirty):after,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.done:not(.first):not(.last-dirty):after,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.current:before {
        background-color: var(--progressbar-color) !important;
    }

    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.current:not(.dirty):after,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.current~li:after,
    .wizard.form-create.customPage.multipage_custom_class>.steps>ul>li.current~li:before {
        background-color: var(--progressbar-lines-color);
    }
}