ul.options > li.search-colour::before {
    content: ' ';
    position: absolute;
    top: 8px;
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 20px;
    height: 20px;
}
.SumoSelect > .multiple ul.options > li.opt > label {
    margin-bottom: 2px;
    margin-top: 2px;
}
@media (max-width: 400px) {
    .colour-control .multiple ul.options > li.search-colour::before {
        top: 14px;
    }
}
li.search-colour > label {
    margin-left: 35px;
}
li.cl-beige::before {
    background-color: beige;
}
li.cl-black::before {
    background-color: #000;
}
li.cl-blue::before {
    background-color: #050EDD;
}
li.cl-bronze:before {
    background: linear-gradient(to right bottom, #8E7447, #C3A571, #8E7447);
}
li.cl-brown::before {
    background-color: #725A32;
}
li.cl-cream::before {
    background-color: #F6EDD4;
}
li.cl-gold::before {
    background-color: gold;
}
li.cl-green::before {
    background-color: green;
}
li.cl-grey::before {
    background-color: grey;
}
li.cl-orange::before {
    background-color: orange;
}
li.cl-pink::before {
    background-color: pink;
}
li.cl-purple::before {
    background-color: purple;
}
li.cl-red::before {
    background-color: red;
}
li.cl-silver::before {
    background-color: silver;
}
li.cl-turquoise::before {
    background-color: turquoise;
}
li.cl-white::before {
    background-color: #fff;
    border: 1px solid #ddd;
}
li.cl-yellow::before {
    background-color: yellow;
}
li.cl-bronze-brown::before {
     background: linear-gradient(to right bottom, #8E7447, #C3A571, #8E7447, #725A32 50%);
 }

li.cl-cream-gold::before {
     background: linear-gradient(to right bottom, #F6EDD4 50%, gold 50%);
 }

li.cl-pink-purple::before {
     background: linear-gradient(to right bottom, pink 50%, purple 50%);
 }