.cms-editable {
    position: relative;
    min-height: 100px;
}

.cms-droppable {
    min-height: 100px;
}

.cms-block {
    position: absolute !important;
}

.cms-settings {
    display: none;
}

/* CMS defaults */
textarea {
    resize: none;
}

.cms-form-smarty-field-control {
    display: none;
}

form .site-invalid {
    box-shadow: 0px 0px 3px red;
    border: 1px solid red !important;
}

/* checkout */
.cms-checkout .row {
    margin-left: -15px;
    margin-right: -15px;
    letter-spacing: 0px;
}

.cms-checkout .row::before, .cms-checkout .row::after {
    content: " ";
    display: table;
    clear: both;
}

.cms-checkout .row::after {
    clear: both;
    box-sizing: border-box;
}

.cms-checkout .col-sm-6, .cms-checkout .col-sm-12, .cms-checkout .col-md-4 {
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .cms-checkout .col-sm-6, .cms-checkout .col-sm-12 {
        float: left;
    }

    .cms-checkout .col-sm-12 {
        width: 100%;
    }

    .cms-checkout .col-sm-6 {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .cms-checkout .col-md-4 {
        float: left;
        width: 33.33333333%;
    }
}

.cms-checkout h4 {
    margin: 0px;
}

.cms-checkout .shipping-and-payment ul {
    list-style: none;
}

.cms-checkout .shipping-and-payment ul li {
    margin: 10px 0px;
}

.cms-checkout #shippingMethodDateTime, .cms-checkout #shippingMethodTime{
    display: inline-block;
}

.cms-checkout .shipping-and-payment .payment-information li label {
    padding-left: 40px;
    padding-top: 5px;
    min-height: 32px;
    display: inline-block;
}

.cms-checkout .shipping-and-payment .payment-information li.ideal label {
    background: url('/site/site-img/checkout/ideal.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.paypal label {
    background: url('/site/site-img/checkout/paypal.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.klarna label {
    background: url('/site/site-img/checkout/klarna.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.upFront label {
    background: url('/site/site-img/checkout/upFront.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.overboeking label {
    background: url('/site/site-img/checkout/upFront.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.banktransfer label {
    background: url('/site/site-img/checkout/banktransfer.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.sofort label {
    background: url('/site/site-img/checkout/sofort.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.sofortbanking label {
    background: url('/site/site-img/checkout/sofort.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.mistercash label {
    background: url('/site/site-img/checkout/mistercash.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.payInShop label {
    background: url('/site/site-img/checkout/payInShop.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.pin label {
    background: url('/site/site-img/checkout/payInShop.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.creditcard label {
    background: url('/site/site-img/checkout/creditcard.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.amex label {
    background: url('/site/site-img/checkout/amex.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.capayable label {
    background: url('/site/site-img/checkout/capayable.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.afterpay label {
    background: url('/site/site-img/checkout/afterpay.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.bancontact label {
    background: url('/site/site-img/checkout/bancontact.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.directdebit label {
    background: url('/site/site-img/checkout/directdebit.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.maestro label {
    background: url('/site/site-img/checkout/maestro.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.mastercard label {
    background: url('/site/site-img/checkout/mastercard.png') no-repeat 4px 0px;
}

.cms-checkout .shipping-and-payment .payment-information li.visa label {
    background: url('/site/site-img/checkout/visa.png') no-repeat 4px 0px;
}

.cms-checkout .order-information table tfoot .cms-subtotals td:last-child {
    border-top: 1px solid black;
}
.cms-checkout .order-information table tfoot .cms-totals-row td:last-child {
    border-top: 3px double black;
}


.cms-checkout .form-group {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.cms-checkout label.control-label {
    display: block;
}

.cms-checkout .form-control {
    display: block;
    width: 100%;
}

.cms-checkout .group-firstname,
.cms-checkout .group-zipcode,
.cms-checkout .group-shippingFirstname,
.cms-checkout .group-shippingZipcode,
.cms-checkout .group-billingFirstname,
.cms-checkout .group-billingZipcode,
.cms-checkout #shippingMethodDateTime{
    width: 48%;
    margin-right: 2%;
}

.cms-checkout .group-lastname,
.cms-checkout .group-housenumber,
.cms-checkout .group-shippingLastname,
.cms-checkout .group-shippingHousenumber,
.cms-checkout .group-billingLastname,
.cms-checkout .group-billingHousenumber,
.cms-checkout #shippingMethodTime{
    width: 48%;
    margin-left: 2%;
}

.cms-checkout .business,
.cms-checkout .group-companyname,
.cms-checkout .group-taxNumber,
.cms-checkout .group-region,
.cms-checkout .group-password,
.cms-checkout .alternativeShippingAddress,
.cms-checkout .alternativeBillingAddress,
.cms-checkout .cms-shipping-costs-row,
.cms-checkout .cms-payment-costs-row {
    display: none;
}

.cms-checkout .hideAddress .group-gender,
.cms-checkout .hideAddress .group-privateOrBusiness,
.cms-checkout .hideAddress .group-zipcode,
.cms-checkout .hideAddress .group-housenumber,
.cms-checkout .hideAddress .group-streetname,
.cms-checkout .hideAddress .group-city,
.cms-checkout .hideAddress .group-country,
.cms-checkout .hideAddress .group-region,
.cms-checkout .hideAddress .group-useForShipping,
.cms-checkout .hideAddress .group-useForBilling,
.cms-checkout .hideAddress .group-companyname,
.cms-checkout .hideAddress .group-taxNumber,
.cms-checkout .hideAddress .alternativeShippingAddress,
.cms-checkout .hideAddress .alternativeBillingAddress {
    display: none !important;
}


.cms-checkout .cms-productlist td {
    white-space: nowrap;
    float: none !important;
    display: table-cell !important;
    padding: 3px 0;
}

.cms-checkout .cms-productlist td:first-child {
    width: 60%;
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cms-checkout .cms-productlist td:first-child img {
    vertical-align: middle;
    max-width: 40px;
    max-height: 40px;
}

.cms-checkout .cms-productlist th {
    text-align: left;
}

.cms-checkout .cms-productlist th:last-child {
    text-align: right;
}

.cms-checkout .cms-totals-row td {
    font-weight: bold;
}

.xdsoft_datetimepicker.xdsoft_inline {
    border: none !important;
    padding: 4px !important;
}

.xdsoft_inline.xdsoft_datetimepicker .xdsoft_datepicker {
    margin: 0px !important;
    width: 220px !important;
}

.xdsoft_inline.xdsoft_datetimepicker .xdsoft_month {
    width: 85px !important;
}

.xdsoft_inline.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 52px !important;
}

.chrome .cms-checkout .alternativeShippingAddress,
.chrome .cms-checkout .alternativeBillingAddress,
.mozilla .cms-checkout .alternativeShippingAddress,
.mozilla .cms-checkout .alternativeBillingAddress,
.explorer .cms-checkout .alternativeShippingAddress,
.explorer .cms-checkout .alternativeBillingAddress
{
    overflow: visible !important;
}

.site-loading {
    background: url('/site/site-img/ajax-loader.gif') 50% 25% no-repeat;
}

.paginator-hidden
{
    display: none !important;
}

[v-cloak] { display: none; }


.discount-title {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.discount-code {
    width: 250px;
    position: relative;
    border: 1px solid grey;
}
.discount-code .discountCodeField {
    display: block;
    width: 100%;
    padding: 0 4px!important;
    margin: 0;
    height: 30px;
    border: 0 !important;
}
.discount-code .addDiscount {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 30px;
    background: #A34F9E;
    color: white;
    font-size: 20pt;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
}
.discount-overview {
    display: none;
}
.discount-overview.open {
    display: block;
}
.discount-error {
    width: 250px;
    background-color: red;
    padding: 5px 10px;
    color: white;
    margin-top: 16px;
    display: none;
    text-align: center;
    font-weight: bold;
}
.discount-error.open {
    display: block;
}
.discount-placeholder {
    display: none;
    margin-top: 8px;
    align-items: center;
}
.discount-placeholder.open {
    display: flex;
}
.discount-placeholder-code {
    margin: 4px 0;
    color: black;
}
.discount-placeholder #removeDiscount {
    cursor: pointer;
}
.discount .svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer;
}
.discount .svg.svg-percent {
    background-image: url('/site/site-img/checkout/percent.svg');
    margin-right: 4px;
}
.discount .svg.svg-chevron-down {
    background-image: url('/site/site-img/checkout/chevron-down.svg');
    margin-left: 4px;
}
.discount .svg.svg-chevron-up {
    background-image: url('/site/site-img/checkout/chevron-up.svg');
    margin-left: 4px;
}
.discount .svg.svg-trash {
    background-image: url('/site/site-img/checkout/trash.svg');
}