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

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


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

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


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

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


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

.color-7738 > .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-3770 {
    background: linear-gradient(to right, #44411F 0% 50%, #000000 50% 100%);
    border: .1rem solid #44411F;
}

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


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

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