.app-content .wizard>.steps>ul>li:after,
.app-content .wizard>.steps>ul>li:before {
    content:'';
    z-index:9;
    display:block;
    position:absolute
}
.app-content .wizard {
    width:100%
}
.app-content .wizard .content {
    margin-right:0!important
}
.app-content .wizard>.steps {
    position:relative;
    display:block;
    width:100%
}
.app-content .wizard>.steps .current-info {
    position:absolute;
    right:-99999px
}
.app-content .wizard>.steps>ul {
    display:table;
    width:100%;
    table-layout:fixed;
    margin:0;
    padding:0;
    list-style:none
}
.app-content .wizard>.steps>ul>li {
    display:table-cell;
    width:auto;
    vertical-align:top;
    text-align:center;
    position:relative
}
.app-content .wizard>.steps>ul>li a {
    position:relative;
    padding-top:52px;
    margin-top:20px;
    margin-bottom:20px;
    display:block
}
.app-content .wizard>.steps>ul>li:before {
    right:0
}
.app-content .wizard>.steps>ul>li:after {
    left:0
}
.app-content .wizard>.steps>ul>li:last-child:after {
    content:none
}
.app-content .wizard>.steps>ul>li.current>a {
    color:#0b2c71;
    cursor:default
}
.app-content .wizard>.steps>ul>li.current .step {
    border-color:#0b2c71;
    background-color:#0b2c71;
    color:#FFF
}
.app-content .wizard>.steps>ul>li.disabled a,
.app-content .wizard>.steps>ul>li.disabled a:focus,
.app-content .wizard>.steps>ul>li.disabled a:hover {
    color:#636363;
    cursor:default
}
.app-content .wizard>.steps>ul>li.disabled .step {
    color:#B8C2CC
}
.app-content .wizard>.steps>ul>li.done a,
.app-content .wizard>.steps>ul>li.done a:focus,
.app-content .wizard>.steps>ul>li.done a:hover {
    color:#636363
}
.app-content .wizard>.steps>ul>li.done .step {
    background-color:#FFF;
    border-color:#0b2c71;
    color:#B8C2CC
}
.app-content .wizard>.steps>ul>li.done:last-child .step {
    background-color:#0b2c71;
    border-color:#0b2c71;
    color:#FFF
}
.app-content .wizard>.steps>ul>li.error>a {
    color:#EA5455
}
.app-content .wizard>.steps>ul>li.error .step {
    border-color:#EA5455;
    color:#FFF;
    background-color:#EA5455
}
.app-content .wizard>.steps .step {
    background-color:#FFF;
    display:inline-block;
    position:absolute;
    top:0;
    right:50%;
    margin-right:-24px;
    z-index:10;
    text-align:center
}
.app-content .wizard>.steps .step i {
    position:relative;
    top:2px
}
.app-content .wizard>.content {
    position:relative;
    width:auto;
    padding:0;
    margin:0
}
.app-content .wizard>.content>.title {
    position:absolute;
    right:-99999px
}
.app-content .wizard>.content>.body {
    padding:0 20px
}
.app-content .wizard>.content>iframe {
    border:0;
    width:100%;
    height:100%
}
.app-content .wizard>.actions {
    position:relative;
    display:block;
    text-align:left;
    padding:50px 20px 20px;
}
.app-content .wizard>.actions>ul {
    list-style:none;
    padding:0;
    margin:0
}
.app-content .wizard>.actions>ul:after {
    content:'';
    display:table;
    clear:both
}
.app-content .wizard>.actions>ul>li {
    float:right
}
.app-content .wizard>.actions>ul>li+li {
    margin-right:10px;
    float:left
}
.app-content .wizard>.actions>ul>li>a {
    background:#0b2c71;
    color:#FFF;
    display:block;
    padding:7px 12px;
    border-radius:.42rem;
    border:1px solid transparent
}
.app-content .wizard>.actions>ul>li>a:focus,
.app-content .wizard>.actions>ul>li>a:hover {
    box-shadow:0 0 0 100px rgba(0,0,0,.05) inset
}
.app-content .wizard>.actions>ul>li>a:active {
    box-shadow:0 0 0 100px rgba(0,0,0,.1) inset
}
.app-content .wizard>.actions>ul>li>a[href='#previous'] {
    background-color:#0b2c71;
    color:#FFF;
    border-radius:.42rem
}
.app-content .wizard>.actions>ul>li>a[href='#previous']:focus,
.app-content .wizard>.actions>ul>li>a[href='#previous']:hover {
    box-shadow:0 0 0 100px rgba(0,0,0,.02) inset
}
.app-content .wizard>.actions>ul>li>a[href='#previous']:active {
    box-shadow:0 0 0 100px rgba(0,0,0,.04) inset
}
.app-content .wizard>.actions>ul>li.disabled>a,
.app-content .wizard>.actions>ul>li.disabled>a:focus,
.app-content .wizard>.actions>ul>li.disabled>a:hover {
    color:#FFF
}
.app-content .wizard>.actions>ul>li.disabled>a[href='#previous'],
.app-content .wizard>.actions>ul>li.disabled>a[href='#previous']:focus,
.app-content .wizard>.actions>ul>li.disabled>a[href='#previous']:hover {
    box-shadow:none
}
.app-content .wizard.wizard-circle>.steps>ul>li:after,
.app-content .wizard.wizard-circle>.steps>ul>li:before {
    top:43px;
    width:50%;
    height:3px;
    background-color:#0b2c71
}
.app-content .wizard.wizard-circle>.steps>ul>li.current:after,
.app-content .wizard.wizard-circle>.steps>ul>li.current~li:after,
.app-content .wizard.wizard-circle>.steps>ul>li.current~li:before {
    background-color:transparent
}
.app-content .wizard.wizard-circle>.steps .step {
    width:50px;
    height:50px;
    line-height:3rem;
    border:3px solid #B8C2CC;
    font-size:1.5rem;
    font-weight:500;
    border-radius:50%
}
@media (max-width:768px) {
    .app-content .wizard>.steps>ul {
        margin-bottom:20px
    }
    .app-content .wizard>.steps>ul>li {
        display:block;
        float:right;
        width:33%
    }
    .app-content .wizard>.steps>ul>li>a {
        margin-bottom:0
    }
    .app-content .wizard>.steps>ul>li:last-child:after {
        content:'';
        background-color:#0b2c71
    }
}
@media (max-width:480px) {
    .app-content .wizard>.steps>ul>li.current:after {
        background-color:#0b2c71
    }
}
