﻿.custom-relative-products .product-box-add-to-cart-button {
    color: white;
    border-radius: 3px;
    height: 47px;
    width: 47px;
    border: none;
    padding: 0;
    font-weight: normal;
}

    .custom-relative-products .product-box-add-to-cart-button .ico-cart:before {
        font-size: 18px;
        padding: 5px;
    }

.productQuantityTextBox.relative-products {
    width: 82px;
}

.cart {
    border-top: 1px solid #e7e7e7;
}

.crp-prices {
    padding: 0px 10px !important;
    min-width: 200px !important;
}

.crp-prices-row div {
    float: left;
    border: 1px solid #e7e7e7;
    padding: 5px;
}

    .crp-prices-row div.item-quantity {
        width: 60%;
    }

    .crp-prices-row div.crp-field-header {
        color: #8c8c8c !important;
    }

    .crp-prices-row div.item-price {
        width: 40%;
    }

    body.scroll-locked {
        position: fixed;
        width: 100%;
        overflow: hidden;
    }

.custom-relative-products .add-to-cart-qty-wrapper{
    width: 102px;
}

@media (max-width: 1024px) {
    .crp-quantity, .crp-add-to-cart {
        width: 50%;
        display: inline-block !important;
    }

    .cart tr {
        padding-bottom: 10px;
    }

    .crp-quantity {
        border-bottom: none !important;
    }
}

@media (min-width: 1024px){
    .crp-quantity{

    }
}

/* DHZ 28/7: de alternatieven-prijs bevat al een €-teken (FormatPrice), maar het pp-sstabs-thema
   voegt er via ::before nóg één toe -> dubbel "€€". De extra euro uitzetten (prijs houdt zijn eigen €). */
.pp-sstabs .custom-relative-products .crp-prices-row.tbody .item-price:before { content: none !important; }