/*
Progress bar - Start
*/

.webform-progressbar-inner {
    height: 1em;
    background-color: #74C421;
    height: 3px;
}

.webform-progressbar-outer {
    position: relative;
    /* border: 1px solid #356900; */
    width: 100%;
    /* height: 3px; */
    height: 2px;
    margin: 0.35em -1px 2em;
    /* background-color: white; */
    background-color: #E9ECEF;
}

.webform-progressbar-page {
    position: absolute;
    width: 7px;
    height: 7px;
    margin: -6px -4px;
    border: 1px solid #356900;
    background-color: white;
    border-radius: 5px;
}

/* .webform-progressbar-page.completed {
    background-color: #74C421;
} */

/* .webform-progressbar-page.current {
    background-color: #74C421;
} */

.webform-progressbar-page .webform-progressbar-page-number {
    display: none;
}

.webform-progressbar-page .webform-progressbar-page-label {
    position: relative;
    top: 10px;
    margin: 0 -10em;
}

.webform-progressbar {
    display: block;
    width: auto;
    height: 20px;
    margin: 30px 37.5px 45px;
}

/* .webform-progressbar-outer {
    border: 1px solid #bdbdbd;
    height: 6px;
} */

.webform-progressbar-inner {
    height: 4px;
    background-color: transparent;
}

.webform-progressbar-page {
    -webkit-box-shadow: 0 0 0 1px #bdbdbd;
    box-shadow: 0 0 0 1px #bdbdbd;
    width: 30px;
    height: 30px;
    margin: -17px -15px 0;
    border: 2px solid #fff;
    border-radius: 100%;
    line-height: 28px;
    text-align: center
}

.webform-progressbar-page.current {
    /* background-color: #13589a */
    background-color: #00669B
}

.webform-progressbar-page.current .progressbar__page-number,.webform-progressbar-page.current .webform-progressbar-page-number {
    color: #fff
}

.webform-progressbar-page.current .progressbar__page-label,.webform-progressbar-page.current .webform-progressbar-page-label {
    color: #333
}

.webform-progressbar-page.completed {
    /* background-color: #74C421 */
    background-color: #00AB4E
}

.webform-progressbar-page.completed .progressbar__page-number,.webform-progressbar-page.completed .webform-progressbar-page-number {
    color: transparent;
    background: url(https://cdn.ca.empro.verintcloudservices.com/tenants/winnipeg/images/progressbar.svg) no-repeat left center
}

.lt-ie9 .webform-progressbar-page.completed .progressbar__page-number,.lt-ie9 .webform-progressbar-page.completed .webform-progressbar-page-number {
    background-image: url(https://cdn.ca.empro.verintcloudservices.com/tenants/winnipeg/images/progressbar.png)
}

.webform-progressbar-page.completed .progressbar__page-label,.webform-progressbar-page.completed .webform-progressbar-page-label {
    color: #333
}

.webform-progressbar-page .webform-progressbar-page-number {
    display: inline-block;
    width: 16px;
    font-weight: bold;
    color: #495057;
}

.webform-progressbar-page .webform-progressbar-page-label {
    position: relative;
    top: 10px;
    left: -37.5px;
    width: 75px;
    display: block;
    margin: 0 0 0 13px;
    color: #495057;
    line-height: 1.2;
    text-align: center
}

@media (min-width: 550px) {
    .webform-progressbar {
        /* margin: 30px 30px 75px 75px; */
        margin: 35px 35px 75px 35px;
    }
}

@media (max-width: 500px) {
    .webform-progressbar-page-label {
        display:none !important;
    }
	
	.webform-progressbar {
        margin:30px 30px 30px 30px ;
    }
}

/*


@media (min-width: 650px) {
    .webform-progressbar-page .webform-progressbar-page-label {
        left:-50px;
        width: 100px;
		display:block;
    }
}

@media (min-width: 999px) {
    .webform-progressbar-page .webform-progressbar-page-label {
        left:-75px;
        width: 150px
    }
}
*/

/*
Progress bar - End
-----------------------------------------------*/