﻿/* CART STEPS */
.CartNavWrapper
{
    float: left;
    width: 100%;
    padding: 0px;
    background: #fff;
    margin-bottom: 20px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #01476B;
}
    /*.CartNavWrapper .CartStep {float:left;  margin-right:0px; padding:10px; line-height:41px; height:61px; box-sizing:border-box;  }*/
    .CartNavWrapper .CartStep
    {
        float: left;
        width: 22%;
        box-sizing: border-box;
        height: 60px;
        line-height: 60px;
        padding-left: 40px;
        border-right: 1px solid #01476B;
        color: #444;
        position:relative;
    }

        .CartNavWrapper .CartStep:last-child
        {
            border-right: 0px solid #000;
        }

        .CartNavWrapper .CartStep:before
        {
            position: absolute;
            font-family: FontAwesome5;
            font-size: 20px;
            height: 60px;
            top: 50%;
            margin-top: -30px;
            left: 15px;
            content: '\f061';
        }

        .CartNavWrapper .CartStep.CartStepSelected
        {
            width: 34%;
            background-color: #CDE1E9;
            color: #444;
            padding-right: 0px;
        }

            .CartNavWrapper .CartStep.CartStepSelected:before
            {
                content: '\f192';
                
            }

        .CartNavWrapper .CartStep.Done
        {
            color: #aaa;
            padding-right: 0px;
        }

            .CartNavWrapper .CartStep.Done:before
            {
                content: '\f00c';
                color: #3c763d;
            }


/* CART */
.CartTableWrapper { float: left; width: 80%; box-sizing: border-box; padding-right: 40px; margin-bottom: 20px; clear:both; }
    .CartTableWrapper .CartTableContent { width: 100%; display: table; table-layout: fixed; }
.Trashcan { margin-bottom: 10px; float: right; }
.Trashcan:hover:before { color: #34698e }
    .Edit {  float:right; }
    .Edit:hover:before { color: #34698e; }
    .CartTableWrapper .OrderDetailItem { width: 100%; display: table-row; position:relative; }
    .CartTableWrapper .OrderDetailItem.MainProduct {   }
    .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .ProductImageWrapper,
            .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .ProductInfoWrapper, 
            .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .QuantityWrapper, 
            .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .ListPerPriceWrapper, 
            .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .PerPriceWrapper, 
            .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .EnviromentPriceWrapper,
            .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .TotalPriceWrapper, 
            .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .DeleteItemWrapper { padding-top: 55px; }
    .CartTableWrapper .OrderDetailItem.MainProduct .ProductImageWrapper,
            .CartTableWrapper .OrderDetailItem.MainProduct .ProductInfoWrapper, 
            .CartTableWrapper .OrderDetailItem.MainProduct .QuantityWrapper, 
            .CartTableWrapper .OrderDetailItem.MainProduct .ListPerPriceWrapper, 
            .CartTableWrapper .OrderDetailItem.MainProduct .PerPriceWrapper, 
            .CartTableWrapper .OrderDetailItem.MainProduct .EnviromentPriceWrapper,
            .CartTableWrapper .OrderDetailItem.MainProduct .TotalPriceWrapper, 
            .CartTableWrapper .OrderDetailItem.MainProduct .DeleteItemWrapper { padding-bottom: 10px; }
        .CartTableWrapper .OrderDetailItem.SubProduct .ProductImageWrapper,
            .CartTableWrapper .OrderDetailItem.SubProduct .ProductInfoWrapper
             { padding-top: 0px; padding-left:30px; }
    /*.CartTableWrapper .OrderDetailItem div:first-child {padding-left:20px;}
    .CartTableWrapper .OrderDetailItem.MainProduct div:first-child {padding-left:0px;}*/
    .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader div:first-child {padding-left:30px;}
    
        .CartTableWrapper .OrderDetailItem.Header { height: 30px; }
            .CartTableWrapper .OrderDetailItem.Header .ProductImageWrapper { padding-top: 0px; padding-bottom: 10px; }
            .CartTableWrapper .OrderDetailItem.Header .ProductInfoWrapper { padding-top: 0px; padding-bottom: 10px; }
            .CartTableWrapper .OrderDetailItem.Header .ShippingDateWrapper { padding-top: 0px; padding-bottom: 10px; }
            .CartTableWrapper .OrderDetailItem.Header .UnitWrapper { padding-top: 0px; padding-bottom: 10px; }
            .CartTableWrapper .OrderDetailItem.Header .QuantityWrapper { padding-top: 0px; padding-bottom: 10px; }
            .CartTableWrapper .OrderDetailItem.Header .ListPerPriceWrapper { padding-top: 0px; padding-bottom: 10px; }
            .CartTableWrapper .OrderDetailItem.Header .PerPriceWrapper { padding-top: 0px; padding-bottom: 10px; }
            .CartTableWrapper .OrderDetailItem.Header .EnviromentPriceWrapper { padding-top: 0px; padding-bottom: 10px; }
            .CartTableWrapper .OrderDetailItem.Header .TotalPriceWrapper { padding-top: 0px; padding-bottom: 10px; }
            .CartTableWrapper .OrderDetailItem.Header .DeleteItemWrapper { padding-top: 0px; padding-bottom: 10px; }
        .CartTableWrapper .OrderDetailItem .MobileHeader { display: none; font-weight: 700; }


        .CartTableWrapper .ProductHeaderWrapper { position:relative;  }
        .CartTableWrapper h4 { position:absolute; z-index:0; top:15px;  white-space:nowrap; border:0; font-weight:700;  }
.CartTableWrapper .ProductImageWrapper
{
    width: 10%;
    display: table-cell;
    border-bottom: 0px solid #ccc;
    padding-top: 15px;
    padding: 15px;
    box-sizing: border-box;
    padding-left: 0px;
}
        .CartTableWrapper .ProductImageWrapper img { max-width: 100%; }
    .CartTableWrapper .ProductInfoWrapper { display: table-cell; vertical-align: top;  padding-top: 15px; box-sizing: border-box; padding-bottom: 15px; }
    .CartTableWrapper .ShippingDateWrapper { width: 18%; display: table-cell; vertical-align: top; text-align: center;  padding-top: 15px; box-sizing: border-box;  /*padding-right:30px;*/ }
    .CartTableWrapper .UnitWrapper { width: 10%; display: table-cell; vertical-align: top; text-align: right;  padding-top: 15px; box-sizing: border-box;  padding-right:30px; }
    .CartTableWrapper .QuantityWrapper { width: 10%; display: table-cell; vertical-align: top; text-align: right;  padding-top: 15px; box-sizing: border-box;  padding-right:30px; }
    .CartTableWrapper .ListPerPriceWrapper { width: 14%; display: table-cell; vertical-align: top; text-align: right;  padding-top: 15px; box-sizing: border-box; }
        .CartTableWrapper .ListPerPriceWrapper .ListPerPrice .LineThrough { text-decoration: line-through; }
    .CartTableWrapper .PerPriceWrapper { width: 8%; display: table-cell; vertical-align: top; text-align: right;  padding-top: 15px; box-sizing: border-box; }
    .CartTableWrapper .EnviromentPriceWrapper { width: 10%; display: table-cell; vertical-align: top; text-align: right; padding-top: 15px; box-sizing: border-box; }
    .CartTableWrapper .TotalPriceWrapper { width: 13%; display: table-cell; vertical-align: top; text-align: right; padding-top: 15px; box-sizing: border-box; }
    .CartTableWrapper .DeleteItemWrapper { width: 5%; display: table-cell; vertical-align: top; text-align: right; padding-top: 15px; box-sizing: border-box; }
    .CartTableWrapper .EmptyPriceWrapper { width: 0; display: table-cell; vertical-align: top; text-align: right;  padding-top: 15px; box-sizing: border-box; }
    .CartTableWrapper .Trashcan { position: relative; cursor: pointer; }
.CartTableWrapper .Edit { position: relative; cursor: pointer; }

    .CartTableWrapper .OrderDetailItem.MainProduct .ProductImageWrapper {  border-top: 1px solid #ccc;  }
        .CartTableWrapper .OrderDetailItem.MainProduct .ProductImageWrapper img {}
    .CartTableWrapper .OrderDetailItem.MainProduct .ProductInfoWrapper { border-top: 1px solid #ccc;  }
    .CartTableWrapper .OrderDetailItem.MainProduct .ShippingDateWrapper { border-top: 1px solid #ccc; }
    .CartTableWrapper .OrderDetailItem.MainProduct .UnitWrapper { border-top: 1px solid #ccc; }
    .CartTableWrapper .OrderDetailItem.MainProduct .QuantityWrapper { border-top: 1px solid #ccc; }
    .CartTableWrapper .OrderDetailItem.MainProduct .ListPerPriceWrapper { border-top: 1px solid #ccc;  }        
    .CartTableWrapper .OrderDetailItem.MainProduct .PerPriceWrapper { border-top: 1px solid #ccc; }
    .CartTableWrapper .OrderDetailItem.MainProduct .EnviromentPriceWrapper { border-top: 1px solid #ccc;  }
    .CartTableWrapper .OrderDetailItem.MainProduct .TotalPriceWrapper { border-top: 1px solid #ccc;  }
    .CartTableWrapper .OrderDetailItem.MainProduct .DeleteItemWrapper {border-top: 1px solid #ccc;  }
    .CartTableWrapper .OrderDetailItem.MainProduct .EmptyPriceWrapper {}
    

    .CartTableWrapper .OrderDetailItem:last-child .ProductImageWrapper {  border-bottom: 1px solid #ccc;  }
        .CartTableWrapper .OrderDetailItem:last-child .ProductImageWrapper img {}
    .CartTableWrapper .OrderDetailItem:last-child .ProductInfoWrapper { border-bottom: 1px solid #ccc;  }
    .CartTableWrapper .OrderDetailItem:last-child .ShippingDateWrapper { border-bottom: 1px solid #ccc; }
    .CartTableWrapper .OrderDetailItem:last-child .UnitWrapper { border-bottom: 1px solid #ccc; }
    .CartTableWrapper .OrderDetailItem:last-child .QuantityWrapper { border-bottom: 1px solid #ccc; }
    .CartTableWrapper .OrderDetailItem:last-child .ListPerPriceWrapper { border-bottom: 1px solid #ccc;  }
        .CartTableWrapper .OrderDetailItem:last-child .ListPerPriceWrapper .ListPerPrice .LineThrough {  }
    .CartTableWrapper .OrderDetailItem:last-child .PerPriceWrapper { border-bottom: 1px solid #ccc; }
    .CartTableWrapper .OrderDetailItem:last-child .EnviromentPriceWrapper { border-bottom: 1px solid #ccc;  }
    .CartTableWrapper .OrderDetailItem:last-child .TotalPriceWrapper { border-bottom: 1px solid #ccc;  }
    .CartTableWrapper .OrderDetailItem:last-child .DeleteItemWrapper {border-bottom: 1px solid #ccc;  }
    .CartTableWrapper .OrderDetailItem:last-child .EmptyPriceWrapper {}
    .CartTableWrapper .OrderDetailItem:last-child .Trashcan {  }

    .CartTableWrapper .btnDeleteOrderLine { position: absolute; left: 0px; background: none; border: 0px; width: 100%; height: 30px; bottom: 0px; right: 0; top: 0; }
    .CartTableWrapper .btnEditOrderLine { position: absolute; left: 0px; background: none; border: 0px; width: 100%; height: 30px; bottom: 0px; right: 0; top: 0; }
    .CartTableWrapper .ArticleName { font-weight: 700; }
    .CartTableWrapper .ArticleNo {display:block;/* float: left; width: 100%;*/ }
    .CartTableWrapper .OrderlineComment { margin-top:5px; clear:both; border:1px #ccc solid; padding:5px; box-sizing:border-box;  }
        .CartTableWrapper .OrderlineComment textarea
        {
            border: 0;
            font-size: 1rem;
            font-family: 'Roboto', sans-serif;
            width:99%;
            resize:none;
        }
/*    .CartTableWrapper .OrderlineComment span { position: absolute; left:0; white-space:nowrap;  }*/
    .CartTableWrapper .UpdateQuantity { float: left; padding-top: 8px; margin-left: 10px; }
    .CartTableWrapper .TextboxWrapper { width: 50px; display: inline-block; border: 1px solid #ddd; background: #fff; padding: 5px; border-radius: 3px; margin-top: -8px;  position:relative; }
    .CartTableWrapper .txtQty input { width: 100%; text-align: center; border: none;  padding: 0px; padding-top: 2px; }
        .CartTableWrapper .txtQty input[type=number]::-webkit-inner-spin-button, .CartTableWrapper .txtQty input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }

.CartTableContent .QuantityWrapper.ReadOnly .TextboxWrapper.txtQty { background-color: #fafafa; }
.CartTableWrapper .ChangeAmountItem {position:absolute; cursor:pointer; }
.CartTableWrapper .ChangeAmountItem.AddItem {top:6px; right:-35px;}
.CartTableWrapper .ChangeAmountItem.AddItem:before {content:'\f055'; font-family:FontAwesome5; float:left; font-size:28px; color:#8a8a8a;}
.CartTableWrapper .ChangeAmountItem.AddItem:hover:before {color:#444;}
.CartTableWrapper .ChangeAmountItem.RemoveItem {top:6px; left:-35px;}
.CartTableWrapper .ChangeAmountItem.RemoveItem:before {content:'\f056'; font-family:FontAwesome5; font-size:28px; color:#8a8a8a;}
.CartTableWrapper .ChangeAmountItem.RemoveItem:hover:before {color:#444;}
.CartTotalWrapper { float: right; width: 20%; line-height: 30px; background: #f8f8f8; padding: 20px; box-sizing: border-box; }
    .CartTotalWrapper .Line span { float: right; }
    .CartTotalWrapper .OrderTotal { border-top: 1px solid #ccc; border-bottom: 2px solid #444; font-size: 20px; }
    .CartTotalWrapper .Taxrate { }

.CartActionWrapper
{
    float: right;
    clear: right;
    width: 20%;
    margin-top: 20px;
}
.CartActionWrapper .Button  
{
    width:100%;
}
    .CartActionWrapper input { margin-right: 20px; float: left; }
    .CartActionWrapper .btnProceedToPayment {  }

    .CartTableWrapper .OrderDetailItem .StorageInfoCart {float:left;}

    .CartDeliveryInfoSummaryWrapper {float: right; clear: right; width: 20%; line-height: 30px; background: #f8f8f8; padding: 20px; box-sizing: border-box; margin-top:20px;}
    .CartDeliveryInfoSummaryWrapper .StorageInfoCart { padding-left:25px; position:relative; float: left; line-height:1.2rem;}
    .CartDeliveryInfoSummaryWrapper .StorageInfoCart:before { position:absolute; left:0px; top:50%; margin-top:-8px;}

    .ClearCartWrapper {float: right; clear: right; width: 20%; padding: 0px; box-sizing: border-box; margin-top:20px;}
    .ClearCartWrapper .Button {width: 100%; padding-left:0; padding-right:0; }
.LowStorageWarning:before
{
    position: absolute;
    content: '\f05a';
    font-family: FontAwesome5;
    font-size: 28px;
    left: -70px;
    color: red;
    cursor: pointer;
    top: 6px;
}

.Trashcan:before
{
    content: '\f2ed';
    font-family: FontAwesome5;
    font-size: 32px;
    color: #8a8a8a;
    cursor: pointer;
}

.FreightWrapper
{
    position: relative;
    background-color: #DFF8DC !important;
    padding-bottom: 10px !important;
}

.FreightWrapper p
{
    line-height:1.2rem;
}
.FreightWrapper:after
{
    content: '\f0d1';
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: 16px;
    font-size: 32px;
    color: #444;
}

@media screen and (max-width:1280px) {
    /* CART */
    .CartActionWrapper .btnProceedToPayment { }
    .CartTableWrapper { width: 80%; padding-right: 20px; }
    .CartTotalWrapper { float: right; width: 20%; padding: 10px; }
}

@media screen and (max-width:980px) {
    /* CART */
    .ProductHeaderWrapper {float:left; clear:both;}
    .CartTableWrapper { width: 100%; padding-right: 0px; margin-right: 0px; font-size: 1.2rem; }
        .CartTableWrapper .CartTableContent { width: 100%; float: left; display: inline-block; }        
        .CartTableWrapper .OrderDetailItem.MainProduct {    
    
    margin-top: 10px;
}
        .CartTableWrapper .OrderDetailItem.MainProduct:not(.CustomHeader) {    
    
    border-top: 2px solid #1b7b9a;
}
               .CartTableWrapper .ProductHeaderWrapper.First {    
    border-top: 0;
    margin-top: 0px;
}
        .CartTableWrapper .OrderDetailItem.Header { display: none; }
        .CartTableWrapper .OrderDetailItem { padding-bottom: 0px; float: left; }
            .CartTableWrapper .OrderDetailItem:nth-child(2) { border-top: 0px solid #ccc; }
            .CartTableWrapper .OrderDetailItem .MobileHeader { display: block; margin-bottom: 10px; }
        /*.CartTableWrapper .ProductImageWrapper { float: left; width: 30%; margin-bottom: 10px; border: 0; padding-right: 20px; padding-top: 10px; }*/
        .CartTableWrapper .ProductInfoWrapper { float: left; width: 100%; margin-bottom: 10px; border: 0; padding-top: 10px; padding-bottom: 0px; }
        .CartTableWrapper .ShippingDateWrapper, .CartTableWrapper .UnitWrapper, .CartTableWrapper .QuantityWrapper, .CartTableWrapper .ListPerPriceWrapper, .CartTableWrapper .PerPriceWrapper, .CartTableWrapper .TotalPriceWrapper, .CartTableWrapper .EmptyPriceWrapper {
            float: left;
            width: 20%;
            text-align: center;
            background-color: #fcfcfc;
            padding-top: 10px;
            box-sizing: border-box;
            height: 80px;
        }
        .CartTableWrapper .OrderDetailItem .ProductInfoWrapper {float:left; width:100%; box-sizing:border-box; }
        .CartTableWrapper .OrderDetailItem.MainProduct .ProductInfoWrapper,
        .CartTableWrapper .OrderDetailItem.MainProduct .ShippingDateWrapper,
        .CartTableWrapper .OrderDetailItem.MainProduct .UnitWrapper,
        .CartTableWrapper .OrderDetailItem.MainProduct .QuantityWrapper,
        .CartTableWrapper .OrderDetailItem.MainProduct .ListPerPriceWrapper,
        .CartTableWrapper .OrderDetailItem.MainProduct .PerPriceWrapper,
        .CartTableWrapper .OrderDetailItem.MainProduct .TotalPriceWrapper,
        .CartTableWrapper .OrderDetailItem.MainProduct .EmptyPriceWrapper,
        .CartTableWrapper .OrderDetailItem.MainProduct .DeleteItemWrapper {
            border-top: 0;
        }
 
              .CartTableWrapper .ProductHeaderWrapper{ float:left; width:748px; border-top: 2px solid #1b7b9a; margin-top:15px; padding-top:0px; }
        .CartTableWrapper .ProductHeaderWrapper h4 {position:inherit; white-space:normal; }
        
               .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .ProductImageWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .ProductInfoWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .QuantityWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .ListPerPriceWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .PerPriceWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .EnviromentPriceWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .DeleteItemWrapper {
    padding-top: 0px;
}
        .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .QuantityWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .ListPerPriceWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .PerPriceWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .EnviromentPriceWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .TotalPriceWrapper  { padding-top: 10px; }
        .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .DeleteItemWrapper {padding-top:30px;}
        .CartTableWrapper .OrderDetailItem.SubProduct .ProductInfoWrapper {padding-left:5%; margin-top:10px;}
        .CartTableWrapper .OrderDetailItem.SubProduct .QuantityWrapper {margin-left:5%;}
        .CartTableWrapper .OrderDetailItem.SubProduct .ProductInfoWrapper, .CartTableWrapper .OrderDetailItem.SubProduct .QuantityWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .ListPerPriceWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.SubProduct .EmptyPriceWrapper
        { font-size:1rem; line-height:1.2rem; }
        .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .ProductInfoWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .QuantityWrapper,  .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .ListPerPriceWrapper,  .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .EmptyPriceWrapper
        { font-size:1rem; line-height:1.2rem; }
        .CartTableWrapper .OrderDetailItem.SubProduct .QuantityWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .ListPerPriceWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.SubProduct .EmptyPriceWrapper
        { width:21.25%; padding-top:5px; height: 70px; }
        .CartTableWrapper .OrderDetailItem.CustomHeader .QuantityWrapper,  .CartTableWrapper .OrderDetailItem.CustomHeader .ListPerPriceWrapper,  .CartTableWrapper .OrderDetailItem.CustomHeader .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.CustomHeader .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.CustomHeader .EmptyPriceWrapper
        { width:21.25%; padding-top:5px; height: 70px;}
        .CartTableWrapper .OrderDetailItem.CustomHeader .ProductInfoWrapper {padding-left:5%; margin-top:10px;}
        .CartTableWrapper .OrderDetailItem.CustomHeader .QuantityWrapper {margin-left:5%;}
        .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader div:first-child {padding-left:5%;}

        .CartTableWrapper .OrderDetailItem:last-child .ProductInfoWrapper,
        .CartTableWrapper .OrderDetailItem:last-child .UnitWrapper,
        .CartTableWrapper .OrderDetailItem:last-child .QuantityWrapper,
        .CartTableWrapper .OrderDetailItem:last-child .ListPerPriceWrapper,
        .CartTableWrapper .OrderDetailItem:last-child .PerPriceWrapper,
        .CartTableWrapper .OrderDetailItem:last-child .TotalPriceWrapper,
        .CartTableWrapper .OrderDetailItem:last-child .EmptyPriceWrapper,
        .CartTableWrapper .OrderDetailItem:last-child .DeleteItemWrapper {
            border-bottom: 0px solid #ccc;
        }
        
        .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .DeleteItemWrapper { height:70px;}
        /*.CartTableWrapper .ListPerPriceWrapper { float: left; width: 22.5%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; }*/
        /*.CartTableWrapper .PerPriceWrapper { float: left; width: 22.5%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; }*/
        /*.CartTableWrapper .EnviromentPriceWrapper { float: left; width: 33.33%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; }*/
        /*.CartTableWrapper .TotalPriceWrapper { float: left; width: 22.5%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; }*/
        /*.CartTableWrapper .EmptyPriceWrapper { float: left; width: 22.5%; text-align: center; background-color: #eee; padding: 10px; box-sizing: border-box; height: 80px; padding-top: 30px; }*/
        .CartTableWrapper .DeleteItemWrapper { float: right; width: 10%; text-align: center; background-color: #f4f4f4; padding: 10px; box-sizing: border-box; height: 80px; padding-top: 30px; }
        .CartTableWrapper .OrderDetailItem.SubProduct .DeleteItemWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .DeleteItemWrapper {padding-top:25px; height: 70px;}
        /*.CartTableWrapper .QuantityWrapper.Col3, .CartTableWrapper .PerPriceWrapper.Col3, .CartTableWrapper .TotalPriceWrapper.Col3 { width: 33.3%; }*/

    .CartTotalWrapper { float: right; width: 100%; box-sizing: border-box; }
    .CartDeliveryInfoSummaryWrapper { float: right; width: 100%; box-sizing: border-box; padding:10px;}

    .ClearCartWrapper {width:100%; margin-bottom:20px;}
        .CartTotalWrapper .OrderTotal { font-size: 20px; }

    .CartActionWrapper .btnProceedToPayment { width: 187px; }
}

@media screen and (max-width:767px) {
     /* CART */
   

    .CartTableWrapper { width: 100%; padding-right: 0px; margin-right: 0px; font-size: 1rem; }
        .CartTableWrapper .CartTableContent { width: 100%; float: left; display: inline-block; }



    .CartTotalWrapper { float: right; width: 100%; box-sizing: border-box; }
        .CartTotalWrapper .OrderTotal { font-size: 20px; }

    .CartActionWrapper { width: 50%; }
        .CartActionWrapper .btnProceedToPayment { width: auto; float: right; }
    .CartTableWrapper .ArticleNo { padding-top: 5px; }

    .CartTableWrapper .ProductHeaderWrapper{  width:470px; }

    /*.CartTableWrapper .QuantityWrapper,  .CartTableWrapper .ListPerPriceWrapper,  .CartTableWrapper .PerPriceWrapper,  .CartTableWrapper .TotalPriceWrapper, .CartTableWrapper .EmptyPriceWrapper 
            {  width: 20%;  }
       .CartTableWrapper .QuantityWrapper {width:30%}*/

    .CartTableWrapper .OrderDetailItem.SubProduct .QuantityWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .ListPerPriceWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.SubProduct .EmptyPriceWrapper
        { width:18%; padding-top:5px; height: 70px; }
    .CartTableWrapper .OrderDetailItem.SubProduct .QuantityWrapper {width:31%}
        .CartTableWrapper .OrderDetailItem.CustomHeader .QuantityWrapper,  .CartTableWrapper .OrderDetailItem.CustomHeader .ListPerPriceWrapper,  .CartTableWrapper .OrderDetailItem.CustomHeader .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.CustomHeader .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.CustomHeader .EmptyPriceWrapper
        { width:18%; padding-top:5px; height: 70px;}
         .CartTableWrapper .OrderDetailItem.CustomHeader .QuantityWrapper {width:31%}
    .CartTableWrapper .OrderDetailItem.SubProduct .ProductInfoWrapper, .CartTableWrapper .OrderDetailItem.SubProduct .QuantityWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .ListPerPriceWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.SubProduct .EmptyPriceWrapper
        { font-size:0.8rem; line-height:1.2rem; }
        .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .ProductInfoWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .QuantityWrapper,  .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .ListPerPriceWrapper,  .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .EmptyPriceWrapper
        { font-size:0.8rem; line-height:1.2rem; }
}

@media screen and (max-width:480px) {
    /* CART */
    

        .CartTableWrapper .ProductHeaderWrapper{  width:310px; }

        .CartActionWrapper { width: 100%; clear: both; }
        .CartActionWrapper .Button { width: 100%; }

    .CartTableWrapper .OrderDetailItem.MainProduct .QuantityWrapper, .CartTableWrapper .OrderDetailItem.MainProduct .ListPerPriceWrapper, .CartTableWrapper .OrderDetailItem.MainProduct .UnitWrapper {
        width: 42.5%;
        height: 60px;
        padding-top: 5px !important;
    }
        .CartTableWrapper .OrderDetailItem.MainProduct .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.MainProduct .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.MainProduct .EmptyPriceWrapper
        { width:42.5%; height:60px;  }
        .CartTableWrapper .OrderDetailItem.MainProduct .QuantityWrapper {
              padding-right:0;
        }
        .CartTableWrapper .OrderDetailItem.MainProduct .ListPerPriceWrapper {
            padding-right:15%; box-sizing:content-box; height:45px ;
        }

        .CartTableWrapper .OrderDetailItem.SubProduct .QuantityWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .ListPerPriceWrapper
        { width:40%; height:60px; }
        .CartTableWrapper .OrderDetailItem.SubProduct .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.SubProduct .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.SubProduct .EmptyPriceWrapper
        { width:40%; height:60px; }
        .CartTableWrapper .OrderDetailItem.SubProduct .QuantityWrapper {
              padding-right:0;
        }
        .CartTableWrapper .OrderDetailItem.SubProduct .PerPriceWrapper {
            margin-left:5%; 
        }
        .CartTableWrapper .OrderDetailItem.SubProduct .ListPerPriceWrapper {
            padding-right:15%; box-sizing:content-box; height:55px;
        }
    
        .CartTableWrapper .OrderDetailItem.CustomHeader .QuantityWrapper,  .CartTableWrapper .OrderDetailItem.CustomHeader .ListPerPriceWrapper,  .CartTableWrapper .OrderDetailItem.CustomHeader .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.CustomHeader .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.CustomHeader .EmptyPriceWrapper
        { width:40% }
        .CartTableWrapper .OrderDetailItem.CustomHeader .PerPriceWrapper,  .CartTableWrapper .OrderDetailItem.CustomHeader .TotalPriceWrapper, .CartTableWrapper .OrderDetailItem.CustomHeader .EmptyPriceWrapper
        { width:40%; }
        .CartTableWrapper .OrderDetailItem.CustomHeader .ListPerPriceWrapper {
            padding-right:15%; box-sizing:content-box; height:55px; margin-bottom:0; padding-bottom:0;
        }
        .CartTableWrapper .OrderDetailItem.CustomHeader .QuantityWrapper
        { margin-left:5%; padding-right:0; }
        .CartTableWrapper .OrderDetailItem.CustomHeader .PerPriceWrapper
        { margin-left:5%; }

        .txtQty {font-size:16px;}
    .CartTableWrapper .DeleteItemWrapper { width: 15%; height:60px !important; padding-top:20px; }
    .CartTableWrapper .OrderDetailItem.SubProduct .DeleteItemWrapper,.CartTableWrapper .OrderDetailItem.MainProduct.CustomHeader .DeleteItemWrapper { padding-top:20px; }

    .CartTableWrapper .ArticleNo { padding-top: 0px; }
}

@media screen and (max-width:320px) {

}
