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

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


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

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


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

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


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

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


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

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


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

.color-197 > .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-6250 {
    background: linear-gradient(to right, #000000 0% 50%, #006699 50% 100%);
    border: .1rem solid #000000;
}

.color-6250 > .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-8994 {
    background: linear-gradient(to right, #1B1B1F 0% 50%, #C04276 50% 100%);
    border: .1rem solid #1B1B1F;
}

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