.btn, .btn-success {
    background-image: none !important
}

@font-face {
    font-family: webshop;
    src: url('fonts/webshop.eot?ikm5xj');
    src: url('fonts/webshop.eot?ikm5xj#iefix') format('embedded-opentype'),url('fonts/webshop.ttf?ikm5xj') format('truetype'),url('fonts/webshop.woff?ikm5xj') format('woff'),url('fonts/webshop.svg?ikm5xj#webshop') format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" iconweb-"], [class^=iconweb-] {
    font-family: webshop !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconweb-info:before {
    content: "";
    color: #878787
}

.iconweb-allergen-celery:before {
    content: "";
    color: #c1bc3a
}

.iconweb-allergen-eggs:before {
    content: "";
    color: #ffce44
}

.iconweb-allergen-fish:before {
    content: "";
    color: #1b75bb
}

.iconweb-allergen-gluten:before {
    content: "";
    color: #edc97a
}

.iconweb-allergen-lupine:before {
    content: "";
    color: #f2b34d
}

.iconweb-allergen-milk:before {
    content: "";
    color: #53c1e0
}

.iconweb-allergen-molluscs:before {
    content: "";
    color: #da7d3c
}

.iconweb-allergen-mustard:before {
    content: "";
    color: #dfa710
}

.iconweb-allergen-nuts:before {
    content: "";
    color: #7f5e39
}

.iconweb-allergen-peanuts:before {
    content: "";
    color: #db752e
}

.iconweb-allergen-crustaceans:before {
    content: "";
    color: #c94441
}

.iconweb-allergen-sesameseeds:before {
    content: "";
    color: #d7b98b
}

.iconweb-allergen-soybeans:before {
    content: "";
    color: #729a52
}

.iconweb-allergen-sulphites:before {
    content: "";
    color: #ad123c
}

.iconweb-information:before {
    content: ""
}

div.category-selector {
    border-width: 0 !important;
    padding-bottom: 10px !important;
    border-radius: 4px;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.1)
}

div.category-selector-header {
    width: 100% !important;
    margin-left: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

label.category-option {
    border-top: none !important;
    border-width: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

div#shopping_cart p.cart-header {
    margin: 0 0 5px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 0 0 20px !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

div#shopping_cart {
    padding: 0 !important;
    border-top: none !important;
    border-width: 0 !important;
    border-radius: 4px;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.1)
}

#cart_section_container {
    padding: 5px
}

div.cart-section {
    border-top: solid !important;
    border-width: 1px !important;
    border-color: #dadada !important;
    padding-bottom: .5em;
    padding-top: .5em
}

.btn {
    border-color: #d1d1d1 !important
}

.btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    transition: background-color .5s
}

    .btn-success:hover {
        background-color: #218838 !important;
        border-color: #28a745 !important
    }

#product-description-popup, #variety_selector {
    padding: 1em 1em .5em
}

p.product-name {
    line-height: 1.3em !important
}

.product-prices p, p.product-description {
    line-height: 1rem !important;
    margin: 0 !important
}

p.product-description {
    font-size: .7rem !important
}

.product-definition p {
    padding-left: 5px;
    padding-right: 5px
}

.product-prices p {
    font-size: .75rem !important;
    padding: 4px 0 0 5px
}

#product_list .product-prices .span6 {
    min-height: 20px
}

div.general-discount {
    border: none !important;
    margin: 10px 5px !important
}

    div.general-discount p {
        padding: 8px !important;
        border-radius: 3px !important
    }

div#discount_amount_container {
    padding: 0 !important;
    border: none !important;
    border-radius: 3px
}

#popup-box {
    height: auto;
    top: 92px;
    display: block;
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.2)
}

.ui-dialog {
    font-size: 1em
}

    .ui-dialog .ui-dialog-titlebar-close {
        color: #fff !important;
        background-color: transparent !important;
        border: none !important
    }

p#product-item-list {
    padding: 0 0 .5em !important
}

.ui-widget-content {
    border: none !important
}

.variety-selector {
    border-left: 1px solid #bbb !important;
    border-right: 1px solid #bbb !important;
    border-bottom: 1px solid #bbb !important
}

.dialogHeight {
    height: 600px
}

.customPopupSpan6 {
    width: 50%;
    float: left
}

.product-image-big {
    display: block;
    background: url(../Images/no-product-image.jpg) center center/cover no-repeat;
    width: 100% !important;
    height: 600px !important
}

    .product-image-big img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover
    }

.ui-dialog .ui-dialog-titlebar {
    padding: 0 !important;
    position: relative
}

    .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
        white-space: normal !important
    }

.ui-dialog-title {
    padding: 10px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 0 !important
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 0 !important
}

#product_name_variety_selection {
    margin: 0 !important
}

#select_variety_footer, .ui-dialog, .ui-dialog-content {
    padding: 0 !important
}

.ui-widget-header {
    border: 0 solid #aaa
}

.well {
    box-shadow: rgba(0,0,0,.1) 0 0 25px 0;
    background: #fff;
    border: none
}

span.remove-product {
    height: 10px;
    width: 10px
}

.inline-block {
    display: inline-block
}

#accordion {
    margin-bottom: 10px !important
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none
    }

#weighedOrMeasuredValueInput {
    border-left: none;
    border-right: none;
    line-height: 28px !important;
    border-radius: 0 !important;
    padding: 0 6px !important;
    height: auto !important
}

.input-number-decrement, .input-number-increment {
    display: inline-block;
    width: 30px;
    line-height: 28px;
    background: #f1f1f1;
    color: #444;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid #ccc;
    vertical-align: middle;
    margin-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .input-number-decrement:active, .input-number-increment:active {
        background: #ddd
    }

.input-number-decrement {
    border-right: none;
    border-radius: 4px 0 0 4px;
    margin-right: -6px
}

.input-number-increment {
    border-left: none;
    border-radius: 0 4px 4px 0;
    margin-left: -6px
}

input#product-quantity {
    border-radius: 0 !important
}

.allergenWrapper {
    margin-top: 16px
}

    .allergenWrapper .iconweb-info {
        font-size: 20px;
        vertical-align: middle
    }

.allergenIcons {
    font-size: 22px;
    width: 24px;
    vertical-align: middle
}

.accordionAllergen p {
    margin-bottom: 0
}

#product-description-popup p.product-name {
    padding-bottom: 10px;
    width: 73%;
    float: left
}

#product-description-popup .unit-price {
    float: right;
    width: 27%;
    text-align: right
}

.customPopupSpan6Sticky {
    position: sticky;
    top: 0
}

.commentPopup {
    padding: 1em
}

#product-name {
    padding: 15px 6px
}

.product-description-and-options-popup {
    background: #fafafa
}

.footerPrice {
    box-sizing: border-box
}

.footerPriceContent {
    background: #fff;
    box-shadow: 25px 0 25px 0 rgba(0,0,0,.1);
    padding: 1em 1em 2.5em
}

.footerPrice p {
    margin-bottom: 0 !important
}

.btns-product-popup, p.totalFooterPrice {
    float: right
}

#weightUnit {
    width: auto !important
}

.quantityFooterPrice {
    float: left
}

#current-product-variety-total-price-value {
    padding-right: 0 !important
}

.ui-dialog {
    width: initial !important
}

.imageBackgroundProduct img {
    width: 100% !important
}

.imageBackgroundProduct {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    display: block;
    background: url(../Images/no-product-image.jpg) 0 0/contain no-repeat;
    margin-bottom: 10px
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #efefef !important
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff !important
}

.inputQuantityProduct {
    width: 60px
}

.selectUnitPopup {
    width: 100px
}

#other_delivery_hours {
    width: 470px !important;
    padding: .5em 1em !important
}

#product_list .row-fluid:after, #product_list .row-fluid:before {
    display: block !important
}

@media(max-width:767px) {
    #product_list .product-prices .row-fluid, .product-prices {
        margin-bottom: 0
    }

    #product_list .row-fluid {
        display: block
    }

    .accordion-product-item, .imageBackgroundProduct img {
        width: 100% !important
    }

    .imageBackgroundProduct {
        width: 30%;
        padding-bottom: 30%;
        float: left;
        margin-right: 10px;
        margin-bottom: 0
    }

    .product-prices {
        width: 65% !important;
        float: left !important
    }

        .product-prices .floatNoneMobile {
            float: none !important
        }

        .product-prices p {
            padding-left: 0;
            text-align: left
        }

    .product-definition .product-name {
        padding-top: 10px
    }

    .product-section .span6 {
        width: auto !important
    }

    #popup-box {
        margin: 10px auto !important
    }

    #product_name_variety_selection {
        padding: 10px 20px 10px 10px !important
    }

    .customPopupSpan6 {
        width: 100%
    }

    .customPopupSpan6Sticky {
        position: initial
    }

    #dialog {
        height: auto !important
    }

    .product-image-big {
        height: 300px !important
    }

    .footerPrice {
        padding: 0 !important;
        background: #fafafa
    }

    .btns-product-popup {
        text-align: right;
        float: none
    }
}

@media(min-width:768px) and (max-width:1199px) {
    #product_list .product-prices .span6 {
        width: 98% !important
    }
}

@media(min-width:768px) {
    .product-description-and-options-popup {
        position: absolute;
        bottom: 95px;
        top: 0;
        overflow-y: auto;
        padding-bottom: 20px
    }

    .footerPrice50, .product-description-and-options-popup-50 {
        width: 50%
    }

    .footerPrice100, .product-description-and-options-popup-100 {
        width: 100%
    }

    .footerPrice {
        box-sizing: border-box;
        position: absolute;
        bottom: 0
    }
}