.wizard { * zoom: 1;
    position: relative;
    overflow: hidden;
    margin - bottom: 20 px
}.wizard: before, .wizard: after {
    display: table;content: "";line - height: 0
}.wizard: after {
    clear: both
}.wizard ul {
    list - style: none outside none;
    padding: 0;
    margin: 0;
    width: 4000 px
}.wizard ul li {
    float: left;margin: 0;padding: 0 20 px 0 30 px;height: 40 px;line - height: 40 px;position: relative;background: #f7f7f8;color: #b2b8bd;font - size: 16 px;cursor: default
}.wizard ul li: first - child {
    -webkit - border - radius: 2 px 0 0 2 px; - moz - border - radius: 2 px 0 0 2 px;
    border - radius: 2 px 0 0 2 px
}.wizard ul li: last - child {
    -webkit - border - radius: 0 2 px 2 px 0; - moz - border - radius: 0 2 px 2 px 0;
    border - radius: 0 2 px 2 px 0
}.wizard ul li.chevron {
    border: 48 px solid transparent;border - left: 28 px solid white;border - right: 0;display: block;position: absolute;right: -14 px;top: -28 px;z - index: 1
}.wizard ul li.chevron: before {
    border: 48 px solid transparent;border - left: 28 px solid# f7f7f8;border - right: 0;content: "";display: block;position: absolute;right: 5 px;top: -48 px
}.wizard ul li.complete {
    background: #bdea74;color: white
}.wizard ul li.complete: hover {
    background: #e7eff8;cursor: pointer
}.wizard ul li.complete: hover.chevron: before {
    border - left: 28 px solid# e7eff8
}.wizard ul li.complete.chevron: before {
    border - left: 28 px solid# bdea74
}.wizard ul li.active {
    background: #b2b8bd;color: white
}.wizard ul li.active.chevron: before {
    border - left: 28 px solid# b2b8bd
}.wizard ul li.badge {
    margin - right: 8 px
}.wizard ul li: first - child {
    border - radius: 4 px 0 0 4 px;
    padding - left: 20 px
}.wizard.actions {
    z - index: 1000;
    position: absolute;
    right: 0;
    line - height: 46 px;
    float: right;
    padding - left: 15 px;
    padding - right: 15 px;
    vertical - align: middle
}.wizard.actions a {
    line - height: 45 px;
    font - size: 12 px;
    margin - right: 8 px
}.wizard.actions.btn - prev i {
    margin - right: 5 px
}.wizard.actions.btn - next i {
    margin - left: 5 px
}