.color-6680 {
    background: #7c878e;
    border: .1rem solid #7c878e;
}

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


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

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


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

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


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

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


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

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


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

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


.color-99 {
    background: #9E9D9D;
    border: .1rem solid #9E9D9D;
}

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


.color-87 {
    background: #4d4d4d;
    border: .1rem solid #4d4d4d;
}

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


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

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


.color-6290 {
    background: #8e8774;
    border: .1rem solid #8e8774;
}

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


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

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


.color-5975 {
    background: #7d2248;
    border: .1rem solid #7d2248;
}

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