/* Styles for DMI Color Swatch Selector */
.woocommerce .dmi-colour-wrap  {
    position: relative;
    width: 100%;
    max-width: 300px;
    margin-bottom: 24px;
    font: inherit;
}
.woocommerce .dmi-colour-btn {
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer;
    padding: 0.618em 1em 0.618em 1em;
    padding-right: 35px;
    line-height: 1.5;
    border: 1px solid #d3ced2;
    border-radius: 4px;
    background: #f9f9f9 url("data:image/svg+xml;utf8,<svg fill='#666' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 1rem center;
    background-size: 20px;
    color: #515151;
    box-sizing: border-box;
}
.woocommerce .dmi-colour-options {
    display: none;
    width: 100%;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    z-index: 30;
}
.woocommerce .dmi-colour-wrap.open .dmi-colour-options {
    display: block;
}
.woocommerce .dmi-colour-opt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1em 15px;
    cursor: pointer;
}
.woocommerce .dmi-colour-opt:hover {
    background: #f5f5f5;
}
.woocommerce .dmi-swatch-box {
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    margin-left: 8px;
    float: right;
}