﻿.add-to-cart, button#addToCartBtn { display: inline-block; padding: 5px; background: #DA291C; min-width: 150px; margin-top: 10px; color: #ffffff; border: 1px solid; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; position: relative; }
.add-to-cart:hover, .add-to-cart:focus, button#addToCartBtn:hover, button#addToCartBtn:focus { background: #ffffff; color: #000000; border-color: #000000; }
#addToCartBtn:focus svg, #addToCartBtn:hover svg { fill: #000000; }

span.finalPrice { display: inline-block; vertical-align: middle; }


.cartItemsTable .item-quantity { float: right; }

.cartItemsTable .item-quantity { float: none; display: inline-flex; vertical-align: middle; position: relative; }

.cartItemsTable .item-quantity button { width: 32px; height: 32px; position: relative; border: 1px solid #cccccc; background: #ffffff; }

.cartItemsTable .item-quantity .itemQuantityContainer, .cartItemsTable .item-quantity .itemQuantityContainerMobile { width: auto; height: 32px; text-align: center; float: right; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #ffffff; }

/*.cartItemsTable .item-quantity .itemQuantityContainer { float: none; display: inline-block; margin-right: -4px; margin-left: -4px; vertical-align: middle; width: auto; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align: center; }*/

.headerShop .cartItemsTable .item-quantity .itemQuantityContainer, .headerShop .cartItemsTable .item-quantity .itemQuantityContainerMobile { float: none; vertical-align: text-bottom; }

.cartItemsTable .items .item-quantity .itemQuantityContainerMobile span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }


.cartItemsTable .items .item-quantity .itemQuantityContainer span.measuringUnit, .cartItemsTable .items .item-quantity .itemQuantityContainerMobile span.measuringUnit { position: relative; top: auto; left: auto; transform: translate(0,0); display: inline-block; vertical-align: middle; font-size: 85%; /*margin-right: -10px;*/ margin-left: 8px; }

.cartItemsTable .item-quantity .itemQuantityContainer, .cartItemsTable .item-quantity .itemQuantityContainerMobile { position: relative; }

.cartItemsTable .item-quantity .itemQuantityContainer input, .cartItemsTable .item-quantity .itemQuantityContainerMobile input { /*width: 40px;*/ height: 100%; border: 0; text-align: center; display: inline-block; /*vertical-align: middle; */}
.cartItemsTable .item-quantity .itemQuantityContainer input { width: 100%; padding: 0; }


.itemBeforeDiscountPrice.hasDiscount { position: relative; display: inline-block; vertical-align: middle; color: #a5a5a5; position: relative; font-size: 95%; margin-left: 10px; line-height: normal; /*margin: 0 auto;*/ }

.itemBeforeDiscountPrice.hasDiscount:after { content: ""; position: absolute; border-top: 1px solid; width: 100%; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); /* display: inline-block; */ /* max-width: 100%; */ }

.cartItemsTable .item-quantity svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 10px; height: 10px; }
.cartItemsTable .item-quantity svg * {fill:inherit;}

.headerShop .cartItemsTable .item-quantity .itemQuantityContainer svg { width: 9px; height: 9px; position: relative; top: auto; left: auto; transform: translate(0,0); -webkit-transform: translate(0,0); display: inline-block; }

.headerShop .cartItemsTable .item-quantity .itemQuantityContainer span { display: inline-block; }
.headerShop .cartItemsTable .item-quantity .itemQuantityContainer { border: 0; }

.headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer { float: right; width: 100%; }

.headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer { margin: 20px 0px; }

.headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer button { width: 30px; height: 30px; float: right; position: relative; border: 1px solid #cccccc; background: #EBEBEB; }

.headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer .itemQuantityContainer { width: auto; height: 30px; text-align: center; float: right; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; line-height: 1; padding: 0px 5px; }

.headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer .itemQuantityContainer input[type="number"] { width: 30px; border: 0; height: 100%; text-align: center; display: inline-block; vertical-align: middle; }

.headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 10px; height: 10px; }

.headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer .itemQuantityContainer span { display: inline-block; vertical-align: middle; }

.headerShop .cartItemsTable.hasQuantitySelection .item-quantity button { float: none; display: inline-block; vertical-align: middle; background: #EBEBEB; }

.headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer button { float: none; display: inline-block; }

.headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer { float: none; display: inline-flex; text-align: center;  margin: 0; vertical-align: middle; width: auto; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

.headerShop .cartItemsTable.hasQuantitySelection .item-quantity svg * { fill: #39383a; }

.headerShop .cartItemsTable .quantityAndcartItemPrice .item-quantity { width: 90px; }

.headerShop .cartItemsTable.hasQuantitySelection .quantityAndcartItemPrice .item-quantity button { width: 29px; padding: 0; background: transparent; display: inline-block; }

.headerShop .cartItemsTable.hasQuantitySelection .quantityAndcartItemPrice .item-quantity .itemQuantityContainer { margin: 0; text-align: center; display: inline-flex; width: 30px; }

.headerShop .cartItemsTable .item-quantity .itemQuantityContainer input, .headerShop .cartItemsTable .item-quantity .itemQuantityContainerMobile input { width: 100%; padding: 0; }


.cartItemsTable .TotalAmountMode .cartItemPrice.cartItemsCell span.finalPrice { display: block; margin-bottom: -4px; line-height: normal; }

.cartItemsTable .TotalAmountMode .itemBeforeDiscountPrice.hasDiscount { margin-left: 0; }

.cartItemsTable.hasTotalPriceItem .itemBeforeDiscountPrice.hasDiscount { margin-top: -4px; }

#CatalogItemView .item-price span.itemBeforeDiscountPrice.hasDiscount { margin-right: 20px; }

.cartItemsTable .cartItem span.itemBeforeDiscountPrice:before, .cartItemsTable .cartItem span.finalPrice:before, .price:before { content: "\f20b"; font-size: 45%; font-family: "Font Awesome 5 Free"; font-weight: bold; margin-right: 0px; }


@media (max-width:767px) {

    .headerShop .cartItemsTable .item-quantity .itemQuantityContainer { height: auto; text-align: right; }

    .cartItemsTable .item-quantity .itemQuantityContainerMobile { height: 28px; min-width: 32px; }
    .cartItemsTable .item-quantity .itemQuantityContainer { height: 28px; min-width: 32px; }

    .cartItemsTable .item-quantity button { width: 28px; height: 28px; }

    .headerShop .cartItemsTable .item-quantity { width: 100%; }

    .headerShop .cartItemsTable .item-quantity .itemQuantityContainer { width: 100%; }
    
    .orderItems .cartItemsTable .item-quantity svg { position: relative; transform: translate(0,0); -webkit-transform: translate(0,0); left: auto; top: auto; width: 8px; height: 8px; }

    .headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer .itemQuantityContainer { float: none; margin-top: 0; margin-bottom: 0; }

    .headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer { margin-top: 5px; margin-bottom: 5px; }

    .headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer .itemQuantityContainer input[type="number"] { width: 100%; }
    .headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer .itemQuantityContainer span { margin-block: 5px }

}


.CheckoutItems .cartItemsTable .item-quantity .itemQuantityContainer, .CheckoutItems .cartItemsTable .item-quantity .itemQuantityContainerMobile { background: none; border: none; height: auto; }

.cartItemQ svg { width: 10px; height: 10px; }
