/*
 * Upload PDF by impleCode
 * http://impleCode.com
 *
 * Copyright 2014 impleCode
 * Free to use under the GPLv3 license.
 * http://www.gnu.org/licenses/gpl-3.0.html
 *
 * Contributing author: Norbert Dreszer
 */
label.product-color {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
}

div.product-color-picker.editable label.product-color {
    cursor: pointer;
}

div.product-color-picker {
    padding: 10px 0;
    position: relative;
}

div.product-color-picker label {
    position: relative;
}

div.product-color-picker.editable.checked label {
    opacity: 0.2;
}

div.product-color-picker.editable.checked label:hover {
    opacity: 1;
}

div.product-color-picker.editable.checked label.product-color.checked {
    border: 2px solid #000;
    opacity: 1;
}

#quote-cart-submit-container .product-color, #shopping-cart-submit-container .product-color {
    display: none;
}

#quote-cart-submit-container .product-color.checked, #shopping-cart-submit-container .product-color.checked {
    display: inline-block;
    margin: 0;
}

#quote-cart-submit-container .product-color-picker, #shopping-cart-submit-container .product-color-picker{
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    padding-left: 5px;
}

.popup-product-color img {
    max-width: 350px;
    max-height: 350px;
    margin-bottom: 5px;
}

.popup-product-color {
    border: 1px solid #ededed;
    position:absolute;
    top: 30px;
    padding: 15px;
    z-index: 9;
    background: #fff;
}

.popup-product-color .product-color {
    width: 200px;
    height: 150px;
    display:inline-block;
}

.popup-product-color .color-name {
    text-align: center;
}

.boxed #product_details_container, #product_details_container {
    overflow: visible;
}