Offerte

<div class="cart-container">
    <form action="https://www.snurky.nl/amasty_quote/cart/updatePost/" method="post" id="form-validate" class="form form-cart amasty-quote-update" enctype="multipart/form-data" data-dashlane-rid="801b8ce1ae406bee" data-form-type="shopping_basket" novalidate="novalidate">
        <input name="form_key" type="hidden" value="cPeANBEIY52JJIt2">
        <div class="cart table-wrapper">
            <table id="shopping-cart-table" class="cart items data table">
                <caption role="heading" aria-level="2" class="table-caption">Items in winkelwagen</caption>
                <thead>
                    <tr>
                        <th class="col item" scope="col"><span>Item</span></th>
                        <th class="col price" scope="col"><span>Prijs</span></th>
                        <th class="col qty" scope="col"><span>Aantal</span></th>
                        <th class="col subtotal" scope="col"><span>Subtotaal</span></th>
                    </tr>
                </thead>
                <tbody class="cart item">
                    <tr class="item-info">
                        <td data-th="Item" class="col item">
                            <a href="https://www.snurky.nl/texeler-dekbed-specialsatijn-4-ritsen" title="Texeler Dekbed SpecialSatijn 4 ritsen" tabindex="-1" class="product-item-photo">

                                <div class="lazyload-wrapper">
                                    <img class="image product-image-photo catalog-grid-item__image lazyloaded" src="https://www.snurky.nl/media/catalog/product/cache/56767f25f67ab0002c744dd0d86181c5/9/2/921e09dcddc950ac5a01cbc028fba06bc099a01d1562855da072d05faec8da0e.jpeg" data-src="https://www.snurky.nl/media/catalog/product/cache/56767f25f67ab0002c744dd0d86181c5/9/2/921e09dcddc950ac5a01cbc028fba06bc099a01d1562855da072d05faec8da0e.jpeg" alt="Texeler Dekbed SpecialSatijn 4 ritsen" loading="lazy">
                                </div>
                            </a>
                            <div class="product-item-details">
                                <strong class="product-item-name">
                                    <a href="https://www.snurky.nl/texeler-dekbed-specialsatijn-4-ritsen">Texeler Dekbed SpecialSatijn 4 ritsen</a>
                                </strong>
                                <dl class="item-options">
                                    <dt>Maat</dt>
                                    <dd>
                                        240 x 200 cm </dd>
                                </dl>
                                <div>
                                    <a class="add-note-quote">Add Note</a>
                                    <div class="field textarea add-note">
                                        <div class="control">
                                            <textarea id="cart-55193-note" name="cart[55193][note]" data-cart-item-id="Texeler-SpecialSatijn-4-ritsen-240x200" rows="3" cols="25" data-dashlane-rid="905f7df8c02689ba" data-form-type="other"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>

                        <td class="col price qty" data-th="Prijs">
                            <span class="cart-price">
                                <span class="price">€&nbsp;574,00</span> </span>
                        </td>
                        <td class="col qty" data-th="Aantal">
                            <div class="field qty">
                                <label class="label" for="cart-55193-qty">
                                    <span>Aantal</span>
                                </label>
                                <div class="control qty">
                                    <input id="cart-55193-qty" name="cart[55193][qty]" data-cart-item-id="Texeler-SpecialSatijn-4-ritsen-240x200" value="1" type="number" size="4" title="Aantal" class="input-text qty" data-validate="{required:true,'validate-greater-than-zero':true}" data-role="cart-item-qty" data-dashlane-rid="d1b853e65cb26241" data-form-type="other">
                                </div>
                            </div>
                        </td>

                        <td class="col subtotal" data-th="Subtotaal">
                            <span class="price-including-tax" data-label="Incl. BTW">
                                <span class="cart-price">
                                    <span class="price">€&nbsp;574,00</span> </span>

                            </span>

                        </td>
                    </tr>
                    <tr class="item-actions">
                        <td colspan="100">
                            <div class="actions-toolbar">
                                <a class="
            button
            button--icon
            cart-list-item__action
        " href="https://www.snurky.nl/request_quote/cart/configure/id/55193/product_id/19074/" title="Wijzig product-parameters">
                                    <svg role="presentation" focusable="false" class="
                icon
                button__icon
                cart-list-item__action-icon
            ">
                                        <use href="https://www.snurky.nl/static/version1677170966/frontend/FalconMedia/snurky/nl_NL/images/icons-sprite.svg#edit"></use>
                                    </svg>
                                </a>
                                <button type="button" title="Verwijder dit artikel" class="
        button
        button--icon
        cart-list-item__action
    " data-post="{&quot;action&quot;:&quot;https:\/\/www.snurky.nl\/amasty_quote\/cart\/delete\/&quot;,&quot;data&quot;:{&quot;id&quot;:&quot;55193&quot;,&quot;uenc&quot;:&quot;aHR0cHM6Ly93d3cuc251cmt5Lm5sL2FtYXN0eV9xdW90ZS9jYXJ0Lw,,&quot;}}" data-dashlane-rid="e1beac50b0ed16b4" data-form-type="other" data-dashlane-label="true">
                                    <svg class="
            icon
            button__icon
            cart-list-item__action-icon
        " role="presentation" focusable="false">
                                        <use href="https://www.snurky.nl/static/version1677170966/frontend/FalconMedia/snurky/nl_NL/images/icons-sprite.svg#remove"></use>
                                    </svg>
                                </button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="cart main actions">
            <a class="action continue" href="https://www.snurky.nl/" title="Doorgaan met winkelen">
                <span>Doorgaan met winkelen</span>
            </a>
            <button id="update-quote-cart" type="submit" name="update_cart_action" data-cart-item-update="" value="update_qty" class="action update" data-dashlane-rid="f939c75c2e680f41" data-form-type="other" data-dashlane-label="true">
                <span></span>
            </button>
            <button type="submit" name="update_cart_action" data-cart-empty="" value="empty_cart" title="Clear Quote" class="action clear-quote" id="empty_cart_button" data-dashlane-rid="14754e192576d05c" data-form-type="other" data-dashlane-label="true">
                <span>Verwijder Product</span>
            </button>
            <button type="submit" name="update_cart_action" data-cart-item-update="" value="update_qty" title="Update Quote" class="action update" data-dashlane-rid="0c8a795752cba54a" data-form-type="other" data-dashlane-label="true">
                <span>Update Offerte</span>
            </button>
            <input type="hidden" value="" id="update_cart_action_container" data-cart-item-update="">
        </div>
    </form>

    <div class="cart-summary amquote-cart-summary width-25">
        <div class="cart-summary-inner amquote-cart-summary-inner">
            <strong class="summary title">Quote Summary</strong>
            <div id="cart-totals" data-bind="scope:'block-totals'">
                <!-- ko template: getTemplate() -->
                <ul class="order-summary__list" data-bind="blockLoader: isLoading">
                    <!-- ko foreach: elems() -->
                    <!-- ko template: getTemplate() -->
                    <tr class="totals sub">
                        <th class="mark" colspan="1" scope="row" data-bind="i18n: title">Subtotaal</th>
                        <td class="amount" data-th="Subtotal">
                            <span class="price" data-bind="text: getValue()">€&nbsp;474,38</span>
                        </td>
                    </tr>
                    <!-- /ko -->

                    <!-- ko template: getTemplate() -->
                    <!-- ko if: isDisplayed() -->
                    <!-- /ko -->
                    <!-- /ko -->

                    <!-- ko template: getTemplate() -->
                    <!-- ko if: ifShowValue() && !ifShowDetails() -->
                    <li class="order-summary__list-item">
                        <span data-bind="text: title" class="order-summary__label">BTW</span>

                        <span class="order-summary__value" data-bind="text: getValue()">€&nbsp;99,62</span>
                    </li>
                    <!-- /ko -->

                    <!-- ko if: ifShowValue() && ifShowDetails() -->
                    <!-- /ko -->
                    <!-- /ko -->

                    <!-- ko template: getTemplate() -->
                    <hr class="order-summary__divider">
                    <!-- ko if: isTaxDisplayedInGrandTotal && isDisplayed() -->
                    <!-- /ko -->

                    <!-- ko if: !isTaxDisplayedInGrandTotal && isDisplayed() -->
                    <li class="order-summary__list-item order-summary__total">
                        <h3 class="order-summary__title-total" data-bind="i18n: inclTaxLabel">Bedrag totaal incl. BTW 21%</h3>

                        <span class="order-summary__amount text-right" data-bind="text: getValue()">€&nbsp;574,00</span>
                    </li>
                    <!-- /ko -->
                    <!-- /ko -->
                    <!-- /ko -->
                </ul>
                <!-- /ko -->

            </div>
            <div id="quote-details" class="quote-details" data-bind="scope:'details'">
                <!-- ko template: getTemplate() --><strong class="title" data-bind="i18n: title">Vul hier uw gegevens in</strong>

                <form data-form-js="am-details-form" data-mage-init="{&quot;validation&quot;:{}}" enctype="multipart/form-data" data-dashlane-rid="72d6cf01577610ab" data-form-type="other">
                    <!-- ko foreach: getRegion('customer-email') -->
                    <!-- ko template: getTemplate() -->
                    <!-- ko ifnot: isCustomerLoggedIn() -->

                    <!-- ko foreach: getRegion('before-login-form') -->
                    <!-- /ko -->
                    <form class="form form-login" data-role="email-with-possible-login" data-mage-init="{&quot;validation&quot;:{}}" data-bind="submit:login, afterRender: validateEmail" method="post" novalidate="novalidate" data-dashlane-rid="1b5688e0d1f8a2ae" data-form-type="identity">
                        <fieldset id="customer-email-fieldset" class="fieldset" data-bind="blockLoader: isLoading">
                            <div class="field required">
                                <label class="label" for="customer-email">
                                    <span data-bind="i18n: 'Email Address'">E-mail adres</span>
                                </label>
                                <div class="control _with-tooltip">
                                    <input class="input-text" type="email" data-bind="
                            textInput: email,
                            hasFocus: emailFocused,
                            mageInit: {'Amasty_RequestQuote/js/trim-input':{}}" name="username" data-validate="{required:true, 'validate-email':true}" id="customer-email" aria-required="true" data-dashlane-rid="9b41f09d2d76acc8" data-kwimpalastatus="alive" data-kwimpalaid="1677171796284-1" data-form-type="email">
                                    <!-- ko template: 'ui/form/element/helper/tooltip' -->
                                    <div class="field-tooltip toggle">
                                        <!-- ko if: (tooltip.link)-->
                                        <!-- /ko -->

                                        <!-- ko if: (!tooltip.link)-->
                                        <span class="action-help" tabindex="0" data-toggle="dropdown" role="button" data-bind="
                {
                    attr: {
                        'data-trigger-keypress-button': true,
                        'aria-label': $t('See more information')
                    },
                    mageInit: {
                        'dropdown': {
                            'activeClass': '_active'
                        }
                    }
                }
            " data-trigger-keypress-button="true" aria-label="See more information" data-dashlane-rid="5ff03fd2aa10a0b4" aria-haspopup="true" aria-expanded="false" data-dashlane-label="true" data-form-type="other">
                                            <svg>
                                                <use data-bind="attr: { 'href': require.toUrl('images/icons-sprite.svg#question-mark') }" href="https://www.snurky.nl/static/version1677170966/frontend/FalconMedia/snurky/nl_NL/images/icons-sprite.svg#question-mark"></use>
                                            </svg>
                                        </span>
                                        <!-- /ko -->

                                        <div class="field-tooltip-content" data-target="dropdown" data-bind="i18n: tooltip.description" aria-hidden="true">We'll send notifications about the quote to the inserted email address.
                                            Please kindly note that new account will be created automatically after quote submission.</div>
                                    </div>
                                    <!-- /ko -->
                                    <span id="1677171796284-1" data-dashlanecreated="true" style="color: initial; font: initial; font-feature-settings: initial; font-kerning: initial; font-optical-sizing: initial; font-palette: initial; font-synthesis: initial; font-variation-settings: initial; forced-color-adjust: initial; text-orientation: initial; text-rendering: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; animation: initial; app-region: initial; appearance: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background: url(&quot;chrome-extension://fdjamakpfbbddfjaooikfcpapjohcfmg/content/injected/logo-autofill-known.svg&quot;) center center / contain no-repeat; background-blend-mode: initial; baseline-shift: initial; block-size: initial; border-block: initial; border: none; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-start-end-radius: initial; border-start-start-radius: initial; bottom: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; color-scheme: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; container: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: pointer; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphens: initial; image-orientation: initial; image-rendering: initial; initial-letter: initial; inline-size: initial; inset-block: initial; inset-inline: initial; isolation: initial; left: 277px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; math-depth: initial; math-shift: initial; math-style: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; object-view-box: initial; offset: initial; opacity: 1; order: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-clip-margin: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; rotate: initial; ruby-position: initial; rx: initial; ry: initial; scale: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scrollbar-gutter: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; top: 16px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; translate: initial; user-select: initial; vector-effect: initial; vertical-align: initial; visibility: visible; border-spacing: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-highlight: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;"></span>
                                </div>
                            </div>

                            <!--Hidden fields -->
                            <fieldset class="fieldset hidden-fields" data-bind="fadeVisible: isPasswordVisible" style="display: none;">
                                <div class="field">
                                    <label class="label" for="customer-password">
                                        <span data-bind="i18n: 'Password'">Wachtwoord</span>
                                    </label>
                                    <div class="control">
                                        <input class="input-text" data-bind="
                                attr: {
                                    placeholder: $t('Password'),
                                }" type="password" name="password" id="customer-password" data-validate="{required:true}" autocomplete="off" placeholder="Wachtwoord">
                                        <span class="note" data-bind="i18n: 'You already have an account with us. Sign in or continue as guest.'">U heeft al een account bij ons. Log in of ga door zonder account.</span>
                                    </div>

                                </div>

                                <!-- ko foreach: getRegion('messages') -->
                                <!-- ko template: getTemplate() -->
                                <div data-role="checkout-messages" class="messages" data-bind="visible: isVisible(), click: removeAll">
                                    <!-- ko foreach: messageContainer.getErrorMessages() -->
                                    <!--/ko-->
                                    <!-- ko foreach: messageContainer.getSuccessMessages() -->
                                    <!--/ko-->
                                </div>
                                <!-- /ko -->
                                <!--/ko-->

                                <!-- ko foreach: getRegion('additional-login-form-fields') -->
                                <!-- /ko -->
                                <div class="actions-toolbar">
                                    <input name="context" type="hidden" value="checkout">
                                    <div class="primary">
                                        <button type="submit" class="action login primary" data-action="checkout-method-login"><span data-bind="i18n: 'Login'">Log in</span></button>
                                    </div>
                                    <div class="secondary">
                                        <a class="action remind" data-bind="attr: { href: forgotPasswordUrl }" href="https://www.snurky.nl/customer/account/forgotpassword/">
                                            <span data-bind="i18n: 'Forgot Your Password?'">Wachtwoord vergeten?</span>
                                        </a>
                                    </div>
                                </div>
                            </fieldset>
                            <!--Hidden fields -->
                        </fieldset>
                    </form>
                    <!-- /ko -->
                    <!-- /ko -->
                    <!-- /ko -->
                    <fieldset class="fieldset amquote-summary-details">
                        <!-- ko foreach: getRegion('quote-attributes') -->
                        <!-- /ko -->

                        <div class="field textarea">
                            <label class="label">
                                <span data-bind="i18n: remark_title">Opmerkingen</span>
                                <div style="display:inline-block; width: 25px; height: 25px" data-bind="blockLoader: isLoading"></div>
                            </label>
                            <div class="control">
                                <textarea name="quote_remark" rows="3" cols="25" data-bind="value: remark, valueUpdate: &quot;input&quot;" data-dashlane-rid="f8caba09efb55ec4" data-form-type="other">                </textarea>
                            </div>
                        </div>

                        <!-- ko if: notLoggedIn() -->

                        <!-- ko foreach: getAttributes() -->
                        <!-- ko foreach: $parent.getRegion($parent.getAttributeRenderer($data.type)) -->
                        <!-- ko template: getTemplate() -->
                        <div class="field required" data-bind="css: {'required': $parent.required}">
                            <label class="label">
                                <span data-bind="i18n: $parent.label">Voornaam</span>
                            </label>
                            <div class="control">
                                <input type="text" data-bind="
                    value: $parent.value,
                    attr: {
                        name: $parent.code,
                        &quot;data-validate&quot;: $parent.required ? &quot;{required:true}&quot; : &quot;{}&quot;
                    }
               " name="firstname" data-validate="{required:true}" data-dashlane-rid="2387749eed8a1ad1" data-kwimpalastatus="alive" data-kwimpalaid="1677171796284-2" data-form-type="name,first">
                                <span id="1677171796284-2" data-dashlanecreated="true" style="color: initial; font: initial; font-feature-settings: initial; font-kerning: initial; font-optical-sizing: initial; font-palette: initial; font-synthesis: initial; font-variation-settings: initial; forced-color-adjust: initial; text-orientation: initial; text-rendering: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; animation: initial; app-region: initial; appearance: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background: url(&quot;chrome-extension://fdjamakpfbbddfjaooikfcpapjohcfmg/content/injected/logo-autofill-known.svg&quot;) center center / contain no-repeat; background-blend-mode: initial; baseline-shift: initial; block-size: initial; border-block: initial; border: none; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-start-end-radius: initial; border-start-start-radius: initial; bottom: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; color-scheme: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; container: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: pointer; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphens: initial; image-orientation: initial; image-rendering: initial; initial-letter: initial; inline-size: initial; inset-block: initial; inset-inline: initial; isolation: initial; left: 1327px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; math-depth: initial; math-shift: initial; math-style: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; object-view-box: initial; offset: initial; opacity: 1; order: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-clip-margin: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; rotate: initial; ruby-position: initial; rx: initial; ry: initial; scale: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scrollbar-gutter: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; top: 682.32px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; translate: initial; user-select: initial; vector-effect: initial; vertical-align: initial; visibility: visible; border-spacing: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-highlight: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;"></span></div>
                        </div>
                        <!-- /ko -->
                        <!-- /ko -->

                        <!-- ko foreach: $parent.getRegion($parent.getAttributeRenderer($data.type)) -->
                        <!-- ko template: getTemplate() -->
                        <div class="field required" data-bind="css: {'required': $parent.required}">
                            <label class="label">
                                <span data-bind="i18n: $parent.label">Achternaam</span>
                            </label>
                            <div class="control">
                                <input type="text" data-bind="
                    value: $parent.value,
                    attr: {
                        name: $parent.code,
                        &quot;data-validate&quot;: $parent.required ? &quot;{required:true}&quot; : &quot;{}&quot;
                    }
               " name="lastname" data-validate="{required:true}" data-dashlane-rid="03eaf17c42c3de98" data-form-type="other">
                            </div>
                        </div>
                        <!-- /ko -->
                        <!-- /ko -->
                        <!-- /ko -->

                        <!-- /ko -->
                    </fieldset>
                </form>
                <!-- /ko -->

            </div>
            <button type="button" data-role="proceed-to-checkout" title="Submit Quote" class="action primary checkout" <span="">Offerte Aanmaken
            </button>
        </div>
    </div>

</div>