/*
Compile-Minify: true
Compile-Area: product
Compile-OutputGroup: headtag
Compile-Exports: product-selector-css
Compile-Dependencies: bootstrap
*/
label.sb-product-not-available {
    border-style: dotted;
    opacity: 0.5;
}

label.sb-product-never-available {
    border-style: dotted;
    opacity: 0.5;
}

/*
    Used to override "sb-product-never-available" for all the labels with "radio-color"
    If the clicked option is color and not available 
    or color is selected and no size is selected (happens after the second call e.g select OOS color then select back an in-stock color it will fade the rest)
*/
.sb-product-never-available-override {
    border-style: solid !important;
    opacity: 1 !important;
}

.size-sb-product-never-available {
    display: none;
}

.size-sb-product-not-available {
    border-style: dotted;
    opacity: 0.5;
}

.colorlabel {
    font-size: 12px;
    color: #666;
}

.radio-size {
    margin-bottom: 5px;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
}

    .radio-size.active {
        box-shadow: none;
        background-color: #e6b53f;
        color: white;
        border: none;
    }