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

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



.color-207 {
    background: #87B6E2;
    border: .1rem solid #87B6E2;
}

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



.color-174 {
    background: #D3EEFE;
    border: .1rem solid #D7DEE2;
}

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



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

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



.color-415 {
    background: #5FAFD3;
    border: .1rem solid #5FAFD3;
}

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



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

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



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

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



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

.color-2823 > .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-12 {
    background: #454d51;
    border: .1rem solid #454d51;
}

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



.color-10572 {
    background: #e5d3ca;
    border: .1rem solid #D7DEE2;
}

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



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

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



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

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



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

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



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

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



.color-72 {
    background: #EFE2C6;
    border: .1rem solid #D7DEE2;
}

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



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

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



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

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



.color-10118 {
    background: #dce4e4;
    border: .1rem solid #D7DEE2;
}

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



.color-5772 {
    background: #FFFFFF;
    border: .1rem solid #D7DEE2;
}

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



.color-6109 {
    background: #2b5198;
    border: .1rem solid #2b5198;
}

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



.color-2659 {
    background: #7e7e7f;
    border: .1rem solid #7e7e7f;
}

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



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

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



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

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