.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-2 {
    background: linear-gradient(to right, #0D2B88 0% 50%, #002a42 50% 100%);
    border: .1rem solid #0D2B88;
}

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


.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-1455 {
    background: #0D2B88;
    border: .1rem solid #0D2B88;
}

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


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

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


.color-149 {
    background: #4E6D4D;
    border: .1rem solid #4E6D4D;
}

.color-149 > .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-2190 {
    background: #C4C4C4;
    border: .1rem solid #C4C4C4;
}

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


.color-1927 {
    background: #072F67;
    border: .1rem solid #072F67;
}

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


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

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


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

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


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

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


.color-2660 {
    background: #4F5557;
    border: .1rem solid #4F5557;
}

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


.color-1345 {
    background: #2D2A63;
    border: .1rem solid #2D2A63;
}

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


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

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


.color-2525 {
    background: #3333ff;
    border: .1rem solid #3333ff;
}

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


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

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


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

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


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

.color-7447 > .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-2753 {
    background: #666633;
    border: .1rem solid #666633;
}

.color-2753 > .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-176 {
    background: #A9CDCB;
    border: .1rem solid #A9CDCB;
}

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


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

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


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

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


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

.color-9713 > .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;
}


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

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