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

.color-9 > .ci-check {
    color: #9AAEBB;
}


.color-2708 {
    background: #66ffff;
    border: .1rem solid #66ffff;
}

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


.color-2751 {
    background: #66ffff;
    border: .1rem solid #66ffff;
}

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


.color-31 {
    background: #b9dbe0;
    border: .1rem solid #D7DEE2;
}

.color-31 > .ci-check {
    color: #9AAEBB;
}


.color-1748 {
    background: #0D2B88;
    border: .1rem solid #0D2B88;
}

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


.color-49 {
    background: #2F4F8F;
    border: .1rem solid #2F4F8F;
}

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


.color-54 {
    background: #9E0508;
    border: .1rem solid #9E0508;
}

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


.color-306 {
    background: #6F6652;
    border: .1rem solid #6F6652;
}

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


.color-2757 {
    background: #8F8F8F;
    border: .1rem solid #8F8F8F;
}

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


.color-119 {
    background: #C4C4C4;
    border: .1rem solid #C4C4C4;
}

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


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

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


.color-25 {
    background: #E41F26;
    border: .1rem solid #E41F26;
}

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


.color-2759 {
    background: #0033FF;
    border: .1rem solid #0033FF;
}

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


.color-11473 {
    background: #;
    border: .1rem solid #;
}

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