.color-2984 {
    background: #6F6F6F;
    border: .1rem solid #6F6F6F;
}

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


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

.color-3473 > .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-2949 {
    background: #F3E59C;
    border: .1rem solid #F3E59C;
}

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


.color-86 {
    background: #3e4827;
    border: .1rem solid #3e4827;
}

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