.color-4 {
    background: linear-gradient(to right, #000000 0% 50%, #000000 50% 100%);
    border: .1rem solid #000000;
}

.color-4 > .ci-check {
    color: #FFFFFF;
}


.color-258 {
    background: linear-gradient(to right, #000000 0% 50%, #9EA4A6 50% 100%);
    border: .1rem solid #000000;
}

.color-258 > .ci-check {
    color: #FFFFFF;
}


.color-159 {
    background: linear-gradient(to right, #000000 0% 50%, #FFFFFF 50% 100%);
    border: .1rem solid #000000;
}

.color-159 > .ci-check {
    color: #FFFFFF;
}


.color-2068 {
    background: linear-gradient(to right, #000000 0% 50%, #feba2f 50% 100%);
    border: .1rem solid #000000;
}

.color-2068 > .ci-check {
    color: #FFFFFF;
}


.color-274 {
    background: linear-gradient(to right, #000000 0% 50%, #FE7D19 50% 100%);
    border: .1rem solid #000000;
}

.color-274 > .ci-check {
    color: #FFFFFF;
}


.color-106 {
    background: linear-gradient(to right, #000000 0% 50%, #FE370F 50% 100%);
    border: .1rem solid #000000;
}

.color-106 > .ci-check {
    color: #FFFFFF;
}


.color-2905 {
    background: linear-gradient(to right, #000000 0% 50%, #0033ff 50% 100%);
    border: .1rem solid #000000;
}

.color-2905 > .ci-check {
    color: #FFFFFF;
}


.color-3569 {
    background: linear-gradient(to right, #000000 0% 50%, #00CC33 50% 100%);
    border: .1rem solid #000000;
}

.color-3569 > .ci-check {
    color: #FFFFFF;
}