.status-indicator {
    padding: 5px 25px 5px 50px;
    /*border: black solid 1px; */
    border-radius: 4px;
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 20px 4px;
    box-shadow: 3px 2px 3px 0px rgba(0,0,0,0.37);
    -webkit-box-shadow: 3px 2px 3px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 3px 2px 3px 0px rgba(0,0,0,0.37);
}

.vote-progress .break {
    flex-basis: 100%;
    height: 0;
}

.status-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 15px 0;
}

.vote-progress-legend-container {
    display: flex;
}

.vote-progress-legend {
    border: black solid 1px;
    padding: 15px 20px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.vote-progress-legend h3 {
    text-align: center;
    background: none;
    padding: 5px;
    color: black;
    font-size: 20px !important;
    margin: auto;
}

.vote-progress-legend h3:after {
    background: none;
}

.vote-progress h2 {
    color: black;
    font-size: 20px
}

.vote-progress-legend div {
    background-repeat: no-repeat;
    padding: 5px 25px 5px 45px;
    background-size: 25px;
    margin: auto;
}

.vote-progress .not-started,
.vote-progress .NotStarted {
    background-image: URL('VASBERedesign/Assets/Images/circle-pause-solid.svg');
    background-color: #545261;
}

.vote-progress .not-started-legend {
    background-image: URL('VASBERedesign/Assets/Images/circle-pause-solid-grey.svg');
}

.vote-progress .in-progress,
.vote-progress .InProgress {
    background-image: URL('VASBERedesign/Assets/Images/stopwatch-solid.svg');
    background-color: #824d20;
}

.vote-progress .in-progress-legend {
    background-image: URL('VASBERedesign/Assets/Images/stopwatch-solid-mustard.svg');
}

.status-indicator.InProgress {
    background-size: 20px;
}

.status-indicator.Certified {
    background-size: 16px;
}

.vote-progress .complete,
.vote-progress .Completed {
    background-image: URL('VASBERedesign/Assets/Images/circle-check-regular.svg');
    background-color: #00645f;
}

.vote-progress .complete-legend {
    background-image: URL('VASBERedesign/Assets/Images/circle-check-regular-green.svg');
}

.vote-progress .certified,
.vote-progress .Certified {
    background-image: URL('VASBERedesign/Assets/Images/award-solid.svg');
    background-color: #744c6e;
}

.vote-progress .certified-legend {
    background-image: URL('VASBERedesign/Assets/Images/award-solid-purple.svg');
    background-size: 22px;
}

.status-indicator.blank {
    display: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

@media (max-width: 1150px) {
    .status-indicator {
        flex: 25%;
    }

    .status-indicator.blank {
        display: inherit;
        border: none;
    }
}

@media (max-width:700px) {
    .status-indicator {
        width: 100%;
        flex: initial;
    }

    .status-indicator.blank {
        display: none;
    }
}

@media (max-width:800px) {
    .vote-progress-legend div {
        flex: 25%;
    }

    .vote-progress .certified-legend {
        background-size: 20px;
    }

    .legend-collapse {
        margin: 5px !important;
    }

    .vote-progress .in-progress-legend {
        background-size: 22px;
    }
}

@media print {
    .noprint {
        visibility: hidden;
    }
}