.wizard { display: none; }

.wizard-modal form {
    margin: 0;
    padding: 0;
}

.wizard-modal.modal {
    background: #fff;
    bottom: auto;
    left: 50%;
    margin-left: -375px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    width: 750px;
}

.wizard-modal-footer { padding: 0; }

.wizard-modal-header.modal-header h3 {
    border-bottom: 0 none;
    margin: 0 -15px;
    padding: 5px 0 5px 20px;
}

.wizard-modal-header.modal-header { border-bottom: 0; }

.wizard-subtitle {
    color: #AFAFAF;
    display: none;
    font-weight: bold;
    padding-left: 20px;
}

.wizard-error,
.wizard-failure,
.wizard-success,
.wizard-loading,
.wizard-card {
    border-top: 1px solid #EEE;
    display: none;
    height: 300px;
    margin-right: 5px;
    overflow-y: auto;
    padding: 35px;
    padding-top: 20px;
    position: relative;
}

.wizard-nav-link .icon-chevron-right {
    float: right;
    margin-right: -6px;
    margin-top: 12px;
    opacity: .25;
}

li.wizard-nav-item.active .icon-chevron-right { opacity: 1; }

li.wizard-nav-item {
    float: none;
    line-height: 40px;
}

.wizard-modal.modal .nav-list > li > a {
    background-color: #f5f5f5;
    color: #B4B4B4;
    cursor: default;
    padding: 3px 15px 3px 20px;
}

.wizard-modal.modal .nav-list li.active > a { background-color: #3498db; }

.wizard-modal.modal .nav-list > li.already-visited > a.wizard-nav-link {
    color: #3498db;
    cursor: pointer;
}

.wizard-modal.modal .nav-list > li.active > a.wizard-nav-link { color: white; }

.already-visited > a.wizard-nav-link:hover { background-color: #E4E4E4; }

.wizard-card > h3 { margin-top: 0; }

.wizard-progress {
    bottom: 0;
    padding: 15px;
}

.wizard-progress-container { padding: 20px; }

.wizard-steps {
    background-color: #f5f5f5;
    height: 425px;
    width: 28%;
}

.wizard-nav-container { height: 360px; }

.nav > li > a.wizard-step-error {
    background-color: #F2DEDE;
    color: #B94A48;
    font-weight: bold;
}

.wizard-step-error .icon-chevron-right { opacity: 0; }

.wizard-input-section { margin-bottom: 10px; }

.wizard-buttons-container { padding: 20px; }

.wizard-cancel {
    display: none;
    margin-left: 20px;
}

.wizard-modal .popover.error-popover {
    background-color: #F2DEDE;
    border-color: #DD504C;
    color: #A94442;
}

.wizard-modal .popover.error-popover .arrow::after { border-top-color: #F2DEDE; }

.wizard-modal .popover.error-popover .popover-title { display: none; }

.wizard-modal .popover.error-popover .arrow { border-top-color: #DD504C; }