.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-54 {
    background: #9E0508;
    border: .1rem solid #9E0508;
}

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


.color-1244 {
    background: #095BA6;
    border: .1rem solid #095BA6;
}

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


.color-2706 {
    background: #99ffff;
    border: .1rem solid #D7DEE2;
}

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


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

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


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

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


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

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


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

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


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

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


.color-103 {
    background: #51007D;
    border: .1rem solid #51007D;
}

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


.color-5321 {
    background: #f5e1a4;
    border: .1rem solid #D7DEE2;
}

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


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

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


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

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


.color-36 {
    background: #6D721E;
    border: .1rem solid #6D721E;
}

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


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

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


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

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


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

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


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

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


.color-9322 {
    background: #768BA2;
    border: .1rem solid #768BA2;
}

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


.color-9736 {
    background: #DFC2C3;
    border: .1rem solid #D7DEE2;
}

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