/***  Start Bootstrap Wizard ***/
/*** http://uistyleguide.nes.digital/components/wizards/ ***/

.bs-wizard .progress-bar {
    background: rgba(0, 120, 138, 0.75);
    border-color: #00a2e5;
}

.bs-wizard > .bs-wizard-step {
    padding: 0;
    position: relative;
}

    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
        color: #333333;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .bs-wizard > .bs-wizard-step .bs-wizard-info {
        color: #333333;
        font-size: 16px;
    }

    .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
        position: absolute;
        width: 30px;
        height: 30px;
        display: block;
        background: #0556AD;
        top: 45px;
        left: 50%;
        margin-top: -15px;
        margin-left: -15px;
        border-radius: 50%;
    }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
            content: ' ';
            width: 14px;
            height: 14px;
            background: white;
            border-radius: 50px;
            position: absolute;
            top: 8px;
            left: 8px;
        }

    .bs-wizard > .bs-wizard-step > a.bs-wizard-dot {
        cursor: auto;
    }

    .bs-wizard > .bs-wizard-step > .progress {
        position: relative;
        border-radius: 0px;
        height: 8px;
        box-shadow: none;
        margin: 20px 0;
    }

        .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
            width: 0px;
            box-shadow: none;
            background: #0556AD;
        }

    .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
        width: 100%;
    }

    .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
        width: 50%;
    }

    .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
        width: 0%;
    }

    .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
        width: 100%;
    }

    .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
        background-color: whitesmoke;
    }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
            opacity: 0;
        }

    .bs-wizard > .bs-wizard-step:first-child > .progress {
        left: 50%;
        width: 50%;
    }

    .bs-wizard > .bs-wizard-step:last-child > .progress {
        width: 50%;
    }

    .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
        pointer-events: none;
    }



    /* - - - Test CSS for appraisal wizard - - - */
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
        top: 22px;
    }
/*** End  Bootstrap Wizard ***/
