.swatch .swatch-element.color label.tim {
    background: #e2bee2;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.tim {
    background: #e2bee2;
}

.color-tim {
    background: #e2bee2;
}

.swatch .swatch-element.color label.vang {
    background: #fcfaa7;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.vang {
    background: #fcfaa7;
}

.color-vang {
    background: #fcfaa7;
}

.swatch .swatch-element.color label.cam {
    background: #ca6923;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.cam {
    background: #ca6923;
}

.color-cam {
    background: #ca6923;
}

.swatch .swatch-element.color label.hong {
    background: #fdc2d3;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.hong {
    background: #fdc2d3;
}

.color-hong {
    background: #fdc2d3;
}

.swatch .swatch-element.color label.den {
    background: #000000;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.den {
    background: #000000;
}

.color-den {
    background: #000000;
}

.swatch .swatch-element.color label.ghi {
    background: #7e7b7b;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.ghi {
    background: #7e7b7b;
}

.color-ghi {
    background: #7e7b7b;
}

.swatch .swatch-element.color label.trang {
    background: #ffffff;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.trang {
    background: #ffffff;
}

.color-trang {
    background: #ffffff;
}

.swatch .swatch-element.color label.xanh-duong {
    background: #a8bff1;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.xanh-duong {
    background: #a8bff1;
}

.color-xanh-duong {
    background: #a8bff1;
}

.swatch .swatch-element.color label.kem {
    background: #fdf9ee;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.kem {
    background: #fdf9ee;
}

.color-kem {
    background: #fdf9ee;
}

.swatch .swatch-element.color label.xanh-la {
    background: #178a17;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.xanh-la {
    background: #178a17;
}

.color-xanh-la {
    background: #178a17;
}

.swatch .swatch-element.color label.do {
    background: #d60606;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.do {
    background: #d60606;
}

.color-do {
    background: #d60606;
}

.swatch .swatch-element.color label.nau {
    background: #854305;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.nau {
    background: #854305;
}

.color-nau {
    background: #854305;
}

.swatch .swatch-element.color label.xanh-mint {
    background: #b9f1e6;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.xanh-mint {
    background: #b9f1e6;
}

.color-xanh-mint {
    background: #b9f1e6;
}

.swatch .swatch-element.color label.be {
    background: #e2b88b;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.be {
    background: #e2b88b;
}

.color-be {
    background: #e2b88b;
}

.swatch .swatch-element.color label.xanh-navy {
    background: #324874;
    &.sd

{
    border-color: #000;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;
}

&.sd:before, &.sd:after {
    display: none;
}

}

.variantColor .vrt-color span.xanh-navy {
    background: #324874;
}

.color-xanh-navy {
    background: #324874;
}