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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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