.measurement-pending-horiz {
    background: #878787;
    color: #ffffff;
}
.measurement-rejected-horiz {
    background: #f44141;
    color: #ffffff;
}
.measurement-approved-horiz {
    background: #42f445;
    color: #000000;
}

.measurement-block-horiz {
    background: #000000;
    color: #ffffff;
}

.measurement-hold-horiz {
    background: rgb(43, 63, 218);
    color: #ffffff;
}

.measurement-sample-taken-horiz {
    background: linear-gradient(20deg, #42f445 50%, #878787 50%);
    color: #000000;
}

.measurement-label-approved {
    background: #42f445;
    color: #000000;
}
.measurement-label-rejected {
    background: #f44141;
    color: #ffffff;
}
.measurement-label-pending {
    background: #878787;
    color: #ffffff;
}

.measurement-label-block {
    background: #000000;
    color: #ffffff;
}

.measurement-label-hold {
    background: rgb(43, 63, 218);
    color: #ffffff;
}

.measurement-label-sample-taken {
    background: linear-gradient(110deg, #42f445 50%, #878787 50%);
    color: #000000;
}

.measurement-pending {
    background: #878787;
    color: #ffffff;
}

.measurement-rejected {
    background: #f44141;
    color: #ffffff;
}
.measurement-approved {
    background: #42f445;
    color: #000000;
}
.measurement-block {
    background: #000000;
    color: #ffffff;
}
.measurement-hold{
    background: rgb(43, 63, 218);
    color: #ffffff;
}
.measurement-sample-taken {
    background: linear-gradient(90deg, #42f445 50%, #878787 50%);
    color: #000000;
}

.ssop-status-label-pending {
    background: #878787;
    color: #ffffff;
}

.ssop-status-label-rejected {
    background: #f44141;
    color: #ffffff;
}
.ssop-status-label-cleaned {
    background: linear-gradient(110deg, #42f445 50%, #878787 50%);
    color: #000000;
}
.ssop-status-label-block {
    background: #000000;
    color: #ffffff;
}

.ssop-status-label-recleaned {
    background: linear-gradient(110deg, #42f445 50%, #fffc4c 50%);
    color: #000000;
}

.ssop-status-label-approved {
    background: #42f445;
    color: #000000;
}

.ssop-status-pending {
    background: #878787;
    color: #ffffff;
}

.ssop-status-rejected {
    background: #f44141;
    color: #ffffff;
}
.ssop-status-cleaned {
    background: linear-gradient(90deg, #42f445 50%, #878787 50%);
    color: #000000;
}
.ssop-status-block {
    background: #000000;
    color: #ffffff;
}
.ssop-status-recleaned {
    background: linear-gradient(90deg, #42f445 50%, #fffc4c 50%);
    color: #000000;
}


.ssop-status-approved {
    background: #42f445;
    color: #000000;
}

.ssop-status-pending-horiz {
    background: #878787;
    color: #ffffff;
}


.ssop-status-rejected-horiz {
    background: #f44141;
    color: #ffffff;
}

.ssop-status-cleaned-horiz {
    background: linear-gradient(20deg, #42f445 50%, #878787 50%);
    color: #000000;
}

.ssop-status-block-horiz {
    background: #000000;
    color: #ffffff;
}

.ssop-status-recleaned-horiz {
    background: linear-gradient(20deg, #42f445 50%, #fffc4c 50%);
    color: #000000;
}



.ssop-status-approved-horiz {
    background: #42f445;
    color: #000000;
}
.circle-badge {
    height: 40px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 20px;
    font-size: small;
    border: 1px solid;
    border-color: black;
}
.square-badge {
    height: 40px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 0px;
    font-size: small;
    border: 1px solid;
    border-color: black;
}
.rejected-badge {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #9c9c9c !important;
    background-image: url(/images/rejected-badge.png);
    font-size: small;
}

.icp-status-pending {
    color: black !important;
}
.icp-status-okay {

    background: #42f445;
    color: #000000 !important;
}
.horizontal-rectangle {
    height: 56px;
    width: 1em;
}

.icp-status-rejected {

    background: #f44141;
    color: #ffffff;

}

.icp-status-recleaned {
    background: linear-gradient(90deg, #42f445 50%, #fffc4c 50%);
    color: #000000;
}

.icp-status-block {

    background: #000000;
    color: #ffffff;

}
.icp-status-pending-horiz {
    background: #878787;
    color: #ffffff;
}

.icp-status-okay-horiz {
    background: #42f445;
    color: #000000;
}

.icp-status-rejected-horiz {
    background: #f44141;
    color: #ffffff;
}

.icp-status-recleaned-horiz {
    background: linear-gradient(20deg, #42f445 50%, #fffc4c 50%);
    color: #000000;
}

.icp-status-block-horiz {
    background: #000000;
    color: #ffffff;
}



@media screen and (max-width: 767px) {
    .horizontal-rectangle {
        height: 46px;
    }
    .circle-badge {
        height: 30px;
        width: 30px;
        line-height: 28px;
        text-align: center;
        border-radius: 15px;
        /*color: white;*/
        font-size: x-small;
        border: 1px solid;
        border-color: black;
    }

    .square-badge {
        height: 30px;
        width: 30px;
        line-height: 28px;
        text-align: center;
        border-radius: 0px;
        /*color: white;*/
        font-size: x-small;
        border: 1px solid;
        border-color: black;
    }

    .rejected-badge {
        height: 30px;
        width: 30px;
        line-height: 30px;
        text-align: center;
        color: #000000 !important;
        font-size: x-small;
        background-image: url('/images/rejected-badge-sm.png');
    }

    .icp-status-pending {
        color: black !important;
    }
    .icp-square-pending-status {

        color: black !important;

    }
    .icp-status-okay {

        background: #42f445;
        color: #000000 !important;

    }
    .icp-status-rejected {

        background: #f44141;
        color: #ffffff;

    }
    .icp-status-recleaned {

        background: linear-gradient(90deg, #42f445 50%, #fffc4c 50%);
        color: #000000;

    }
    .icp-status-blocked {

        background: #000000;
        color: #ffffff;

    }

}