{"id":17737,"date":"2022-12-16T10:06:58","date_gmt":"2022-12-16T09:06:58","guid":{"rendered":"https:\/\/bookingtjeneste.no\/?page_id=17737"},"modified":"2026-03-09T12:43:42","modified_gmt":"2026-03-09T11:43:42","slug":"maler","status":"publish","type":"page","link":"https:\/\/bookingtjeneste.no\/nn\/maler\/","title":{"rendered":"Maler"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"17737\" class=\"elementor elementor-17737\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6cf898df elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6cf898df\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-613d5dc8\" data-id=\"613d5dc8\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ad9b028 elementor-widget__width-auto elementor-widget-mobile__width-auto elementor-absolute elementor-widget elementor-widget-pix-button\" data-id=\"ad9b028\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"pix-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a  href=\"https:\/\/bookingtjeneste.no\/wp-admin\/admin.php?page=Bookingtjeneste.no&#038;module=dashboard\" class=\"btn m-0     shadow shadow-hover scale-inverse-sm btn-black d-flex w-100  justify-content-center  align-items-center      animate-in btn-normal\"   data-anim-type=\"fade-in-left\" data-anim-delay=\"300\" ><span class=\"font-weight-bold\" >Tilbake til kontrollpanel<\/span><svg class=\"pixfort-icon font-weight-bold   ml-2\" width=\"24\" height=\"24\"  data-name=\"Line\/pixfort-icon-arrow-right-square-1\" viewbox=\"2 2 20 20\"><path fill=\"none\" stroke=\"var(--pf-icon-color)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"var(--pf-icon-stroke-width)\" d=\"M6,3 L18,3 C19.6568542,3 21,4.34314575 21,6 L21,18 C21,19.6568542 19.6568542,21 18,21 L6,21 C4.34314575,21 3,19.6568542 3,18 L3,6 C3,4.34314575 4.34314575,3 6,3 Z M7,12 L16,12 M12,17 L17,12 L12,7\"\/><\/svg><\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-082922d elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"082922d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f6d4853\" data-id=\"f6d4853\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d625213 elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-pix-badge\" data-id=\"d625213\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-badge.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"pix-badge-element h5 d-inline-flex mr-1 animate-in\" data-anim-type=\"fade-in-left\" data-anim-delay=\"0\"><span class=\"badge font-weight-bold secondary-font badge-pill shadow-sm bg-white\" style=\" \"><span class=\"text-heading-default\" style=\"\">Bookingtjeneste maler<\/span><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55c0076 elementor-widget elementor-widget-pix-heading\" data-id=\"55c0076\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div  class=\"pix-heading-el text-left\"><h1 class=\"text-heading-default font-weight-bold h1 heading-text el-title_custom_color mb-12\" style=\"\" data-anim-type=\"\" data-anim-delay=\"\">Maler for E-post og PDF Dokument<\/h1><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4794f33 elementor-widget elementor-widget-pix-text\" data-id=\"4794f33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix-el-text w-100 text-left\" ><p class=\"resp-option text-left\"><p><strong>Disse malene er designet for \u00e5 h\u00e5ndtere alle slags bookinger. Alt er allerede kodet og klart til bruk. Du trenger bare \u00e5 utf\u00f8re f\u00f8lgende trinn for \u00e5 bruke dem:<\/strong><\/p><ol><li>Klikk p\u00e5 &laquo;Kopier mal&raquo; for \u00e5 kopiere innholdet av malen.<\/li><li>G\u00e5 til &laquo;Arbeidsflyt&raquo; eller &laquo;PDF Dokument&raquo; i hovedmenyen. Klikk p\u00e5 knappen &laquo;Code View&raquo; under redigering av innholdet. Lim inn det kopierte innholdet.<\/li><li>Klikk p\u00e5 &laquo;Code View&raquo; igjen.<\/li><li>N\u00e5 har du muligheten til \u00e5 redigere og tilpasse innholdet ytterligere, hvis \u00f8nskelig.<\/li><li>Lagre.<\/li><\/ol><p>Brukerveiledning: <a href=\"https:\/\/bookingtjeneste.no\/nn\/dokumentasjon\/e-post-varslinger\/\">Klikk her.<\/a><\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-7459bff e-flex e-con-boxed e-con e-parent\" data-id=\"7459bff\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-502cd80 e-con-full e-flex e-con e-child\" data-id=\"502cd80\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fd36811 e-con-full e-flex e-con e-child\" data-id=\"fd36811\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dafdb6 elementor-widget elementor-widget-pix-heading\" data-id=\"1dafdb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div  class=\"pix-heading-el text-left\"><div class=\"d-inline-block\" style=\"max-width:650px;\"><h5 class=\"text-heading-default font-weight-bold h5 heading-text el-title_custom_color mb-12\" style=\"\" data-anim-type=\"\" data-anim-delay=\"\">Bookinginformasjon<\/h5><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-015b05c elementor-widget elementor-widget-pix-text\" data-id=\"015b05c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix-el-text w-100 text-left\" ><p class=\"resp-option text-left\"><p>Passer for <span style=\"text-decoration: underline;\">alle<\/span> statuser. Godkjent, Kansellert, Avvist, Endring av tidspunkt, med mer. Viser status av booking \u00f8verst.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac777d6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ac777d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Copy HTML Code 1<\/title>\n    <style>\n        .copy-btn {\n            background-color: white;\n            color: black;\n            border: 1px solid black;\n            padding: 10px 20px;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n        \n        .copy-btn:hover {\n            background-color: #f0f0f0;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<textarea id=\"htmlCode1\" style=\"display:none;\">\n\n\n<body style=\"margin:0;padding:0;background:#ffffff;font-family:'Inter',Arial,sans-serif;\">\n  <table width=\"100%\" bgcolor=\"#ffffff\" cellpadding=\"0\" cellspacing=\"0\">\n    <tr>\n      <td align=\"center\" style=\"padding:15px 4px 26px 4px;\">\n        <table width=\"100%\" style=\"max-width:520px;background:#fff;border-radius:18px;overflow:hidden;\">\n          <!-- Logo og status -->\n          <tr>\n            <td style=\"padding:22px 8px 24px 8px;text-align:center;\">\n              <img decoding=\"async\" src=\"{company_image_url}\" width=\"120\" alt=\"Logo\"\n                   style=\"background:#ffffff;display:block;margin:0 auto;width:120px;max-width:100%;height:auto;\" \/>\n              <div style=\"font-size:23px;font-weight:800;color:#26263c;letter-spacing:-.5px;line-height:1.25;margin-top:20px;\">\n                {company_name}\n              <\/div>\n              <div style=\"font-size:14px;color:#7a8199;margin:8px 0 8px 0;\">\n                <span style=\"font-size:16px;\">\ud83d\udcc5<\/span> Ordre-ID <b>#{appointment_id}<\/b>\n              <\/div>\n   <span style=\"background:#ecf4fe; color:#23263b; font-weight:700; border-radius:8px; padding:4px 16px 3px 16px; font-size:15px; display:inline-block; margin-top:3px; letter-spacing:0.6px;\">\n  {appointment_status}\n<\/span>\n\n\n<!-- Kundeinfo -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:13px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Kunde<\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Navn<\/div>\n      <div style=\"font-size:14px;color:#23263b;\">{customer_first_name} {customer_last_name}<\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">E-post<\/div>\n      <div style=\"font-size:14px;color:#23263b;\">\n        <a href=\"mailto:{customer_email}\" style=\"color:#23263b; text-decoration:underline;\">{customer_email}<\/a>\n      <\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Telefon<\/div>\n      <div style=\"font-size:14px;color:#23263b;\">{customer_phone}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n<!-- Totalsum -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:13px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Total pris<\/div>\n      <div style=\"font-size:17px;color:#1f2937;font-weight:900;\">{appointments_total_price}<\/div>\n      <div style=\"font-size:13px;color:#4b5563;font-weight:600;margin-top:10px;\">{appointment_paid_price} er betalt<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n          <!-- Tjeneste -->\n          <tr>\n            <td style=\"padding:0 8px 24px 8px;\">\n              <div style=\"background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;\">\n                <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Tjeneste<\/div>\n                <img decoding=\"async\" src=\"{service_image_url}\" width=\"120\" alt=\"Tjeneste\"\n                     style=\"display:block;margin:0 0 11px 0;width:120px;max-width:100%;height:auto;\" \/>\n                <div style=\"font-size:14px;font-weight:700;color:#23263b;letter-spacing:-.1px;\">{service_category_name} \/ {service_name}<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{service_notes}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Ekstratenester<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_extras_list}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Antall personer<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_total_attendees}<\/div>\n\n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Produkter ({appointment_products_quantity})<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_products_list}<\/div>\n\n              <\/div>\n            <\/td>\n          <\/tr>\n\n     <!-- Alternativ -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#fff; border-radius:12px; border:1px solid #eaeaef; padding:30px 20px; color:#23263b; font-family: Arial, sans-serif;\">\n      \n      <div style=\"font-size:18px; font-weight:800; margin:0 0 12px 0;\">Alternativ<\/div>\n      \n      <img decoding=\"async\" src=\"{staff_profile_image_url}\" width=\"120\" alt=\"Alternativ\"\n           style=\"display:block; margin:0 0 11px 0; width:120px; max-width:100%; height:auto;\" \/>\n      \n      <div style=\"font-size:14px; font-weight:700;\">{staff_name}<\/div>\n      \n      <div style=\"font-size:14px; margin-top:3px;\">{staff_about}<\/div>\n      \n      <div style=\"font-weight:700; font-size:14px; margin-top:12px;\">E-post<\/div>\n      \n      <div style=\"font-size:14px; margin-top:3px;\">{staff_email}<\/div>\n      \n      <div style=\"font-weight:700; font-size:14px; margin-top:12px;\">Telefon<\/div>\n      \n      <div style=\"font-size:14px; margin-top:3px;\">{staff_phone}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n          <!-- Lokasjon -->\n          <tr>\n            <td style=\"padding:0 8px 24px 8px;\">\n              <div style=\"background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;\">\n                <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Lokasjon<\/div>\n                <img decoding=\"async\" src=\"{location_image_url}\" width=\"120\" alt=\"Lokasjon\"\n                     style=\"display:block;margin:0 0 11px 0;width:120px;max-width:100%;height:auto;\" \/>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">{location_name}<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{location_notes}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Adresse<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{location_address}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Telefon<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{location_phone_number}<\/div>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n    <!-- Tidspunkt -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Tidspunkt<\/div>\n      \n      <span style=\"display:inline-block; width:120px; height:120px; text-align:left; line-height:120px; font-size:100px; margin-bottom:10px;\">\ud83d\uddd3\ufe0f<\/span>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Start<\/div>\n      <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{recurring_appointments_date_time}<\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Slutt<\/div>\n      <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_end_date_time}<\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Varighet<\/div>\n      <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_duration}<\/div>\n      \n      <div style=\"font-weight:700;color:#7a8199;font-size:12px;margin-top:12px;\">Booking ble mottatt<\/div>\n      <div style=\"color:#7a8199;font-size:12px;margin-top:3px;\">{appointment_created_date} kl. {appointment_created_time}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n          <!-- Rabatter og gavekort -->\n          <tr>\n            <td style=\"padding:0 8px 24px 8px;\">\n              <div style=\"background:#f6f8fb;border-radius:10px;padding:30px 20px;\">\n                <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Rabatter og gavekort<\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Gavekort: <b>{giftcard_code}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Rabattkode: <b>{coupon_code}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Rabatt: <b>{appointment_discount_price}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Ytterligere rabatter: <b>{appointment_conditional_prices_discounts}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;\">Pristillegg: <b>{appointment_conditional_prices_additions}<\/b><\/div>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n<!-- Sum per booking -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:10px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Sum per booking<\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Tjeneste: <b style=\"color:#23263b;\">{appointment_service_price}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Ekstratjenester: <b style=\"color:#23263b;\">{appointment_extras_price}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Produkter: <b style=\"color:#23263b;\">{appointment_products_price}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Mva: <b style=\"color:#23263b;\">{appointment_tax_amount}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;font-weight:800;\">Totalt: {appointment_sum_price}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n\n\n<!-- Betaling -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:10px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Betaling<\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Betalt hittil: <b>{appointment_paid_price}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Betalingsmetode: <b>{appointment_payment_method}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Mva: <b>{recurring_appointments_tax_amount}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;font-weight:800;\">Totalt: {appointments_total_price}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n\n<!-- Knapp -->\n<tr>\n  <td align=\"center\" style=\"padding:0 8px 24px 8px;\">\n    <table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"max-width:350px; width:100%;\">\n      <tr>\n        <td align=\"center\" bgcolor=\"#635bff\" style=\"border-radius:10px;\">\n          <a href=\"https:\/\/bookingtjeneste.no\/nn\/kundepanel\/\" \n             target=\"_blank\"\n             style=\"display:inline-block; padding:18px 0; font-weight:800; font-size:17px; font-family: 'Inter', Arial, sans-serif; color:#ffffff; text-decoration:none; width:100%; border-radius:10px; letter-spacing:0.5px;\">\n            Kundepanel\n          <\/a>\n        <\/td>\n      <\/tr>\n    <\/table>\n  <\/td>\n<\/tr>\n\n\n<!-- SUPPORTINFO -->\n<tr>\n  <td style=\"padding:0 8px 22px 8px;\">\n    <div style=\"background:#fff;border-radius:9px;border:1px solid #eaeaef;padding:20px;color:#23263b;font-size:14px;line-height:1.7;\">\n      <div style=\"font-weight:700;color:#23263b;margin-bottom:6px;font-size:18px;\">Har du sp\u00f8rsm\u00e5l?<\/div>\n      <div>\n        Send oss en e-post.<br \/>\n        Kontakt oss: <a href=\"mailto:{staff_email}\" style=\"color:#23263b;text-decoration:underline;font-weight:600;\">{staff_email}<\/a>\n      <\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n          <!-- FOOTER -->\n          <tr>\n            <td style=\"padding:5px 20px;font-size:13px;color:#555555;text-align:center;line-height:1.7;\">\n              <div>\n                <span style=\"font-size:15px;\"><\/span> {company_name} \u2022\n                <a href=\"\/nn\/{company_website}\/\" style=\"color:#555555;text-decoration:underline;\">{company_website}<\/a><br \/>\n                <span style=\"color:#555555;\">{company_address}<\/span> \u2022\n                <a href=\"mailto:{staff_email}\" style=\"color:#555555;text-decoration:underline;\">Kundeservice<\/a><br \/>\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/betingelser-og-vilkar-kunde\/\" style=\"color:#555555;text-decoration:underline;\">Vilk\u00e5r<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/cookieerklaering-eu\/\" style=\"color:#555555;text-decoration:underline;\">Cookies<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/personvernerklaering\/\" style=\"color:#555555;text-decoration:underline;\">Personvern<\/a>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n        <\/table>\n      <\/td>\n    <\/tr>\n  <\/table>\n<\/body>\n\n\n<\/textarea>\n\n<button class=\"copy-btn\" onclick=\"copyToClipboard1()\">Kopier kode<\/button>\n\n<script>\n    function copyToClipboard1() {\n        var copyText = document.getElementById(\"htmlCode1\");\n        copyText.style.display = \"block\"; \/\/ Temporarily display the textarea to copy content\n        copyText.select();\n        copyText.setSelectionRange(0, 99999); \/\/ For mobile devices\n\n        document.execCommand(\"copy\");\n        copyText.style.display = \"none\"; \/\/ Hide the textarea again\n        alert(\"HTML code copied to clipboard!\");\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe2cd8e e-con-full e-flex e-con e-child\" data-id=\"fe2cd8e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8afc0a3 e-con-full e-flex e-con e-child\" data-id=\"8afc0a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0355bda elementor-widget elementor-widget-pix-heading\" data-id=\"0355bda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div  class=\"pix-heading-el text-left\"><div class=\"d-inline-block\" style=\"max-width:650px;\"><h5 class=\"text-heading-default font-weight-bold h5 heading-text el-title_custom_color mb-12\" style=\"\" data-anim-type=\"\" data-anim-delay=\"\">Bekreftelse og betalingslink<\/h5><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b512f30 elementor-widget elementor-widget-pix-text\" data-id=\"b512f30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix-el-text w-100 text-left\" ><p class=\"resp-option text-left\"><p>Bekrefte og betalingslink i e-posten. Du kan fjerne de betalingsmetodene du ikke trenger i koden.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-294096e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"294096e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Copy HTML Code 5<\/title>\n    <style>\n        .copy-btn {\n            background-color: white;\n            color: black;\n            border: 1px solid black;\n            padding: 10px 20px;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n        \n        .copy-btn:hover {\n            background-color: #f0f0f0;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<textarea id=\"htmlCodelink\" style=\"display:none;\">\n\n<table width=\"100%\" bgcolor=\"#ffffff\" cellpadding=\"0\" cellspacing=\"0\">\n    <tbody><tr>\n      <td align=\"center\" style=\"padding:15px 4px 26px 4px;\">\n        <table width=\"100%\" style=\"max-width:520px;background:#fff;border-radius:18px;overflow:hidden;\">\n          <!-- Logo og status -->\n          <tbody><tr>\n            <td style=\"padding:22px 8px 24px 8px;text-align:center;\">\n              <img decoding=\"async\" src=\"{company_image_url}\" width=\"120\" alt=\"Logo\" style=\"background:#ffffff;display:block;margin:0 auto;width:120px;max-width:100%;height:auto;\">\n              <div style=\"font-size:23px;font-weight:800;color:#26263c;letter-spacing:-.5px;line-height:1.25;margin-top:20px;\">\n                {company_name}\n              <\/div>\n              <div style=\"font-size:14px;color:#7a8199;margin:8px 0 8px 0;\">\n                <span style=\"font-size:16px;\">\ud83d\udcc5<\/span> Ordre-ID <b>#{appointment_id}<\/b>\n              <\/div>\n   <span style=\"background:#ecf4fe; color:#23263b; font-weight:700; border-radius:8px; padding:4px 16px 3px 16px; font-size:15px; display:inline-block; margin-top:3px; letter-spacing:0.6px;\">\n  {appointment_status}\n<\/span>\n\n\n\n\n<!-- BETALINGSKNAPPER -->\n<\/td><\/tr><tr>\n  <td style=\"padding:0 8px 22px 8px;\">\n    <div style=\"background:#fff; border-radius:9px; border:1px solid #eaeaef; padding:20px; color:#23263b; font-size:14px; line-height:1.7; text-align:center;\">\n      <div style=\"font-weight:700; color:#23263b; margin-bottom:12px; font-size:18px;\">Velg betalingsmetode<\/div>\n\n      <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt; margin-bottom:5px;\">\n        <tbody><tr>\n          <td style=\"padding:0; text-align:center;\">\n            <a href=\"\/nn\/{appointment_payment_link_vipps}\/\" target=\"_blank\" style=\"display:inline-block;\">\n              <img decoding=\"async\" alt=\"Betal med Vipps\" src=\"https:\/\/bookingtjeneste.no\/wp-content\/uploads\/2024\/06\/betal-med-vipps.png\" width=\"265\" style=\"display:block; height:auto; border:0;\">\n            <\/a>\n          <\/td>\n        <\/tr>\n      <\/tbody><\/table>\n\n      <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt; margin-bottom:5px;\">\n        <tbody><tr>\n          <td style=\"padding:0; text-align:center;\">\n            <a href=\"\/nn\/{appointment_payment_link_stripe}\/\" target=\"_blank\" style=\"display:inline-block;\">\n              <img decoding=\"async\" alt=\"Betal med Stripe\" src=\"https:\/\/bookingtjeneste.no\/wp-content\/uploads\/2024\/06\/betal-med-stripe.png\" width=\"265\" style=\"display:block; height:auto; border:0;\">\n            <\/a>\n          <\/td>\n        <\/tr>\n      <\/tbody><\/table>\n\n      <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt; margin-bottom:5px;\">\n        <tbody><tr>\n          <td style=\"padding:0; text-align:center;\">\n            <a href=\"\/nn\/{appointment_payment_link_stripe_split}\/\" target=\"_blank\" style=\"display:inline-block;\">\n              <img decoding=\"async\" alt=\"Betal med BT Pay\" src=\"https:\/\/bookingtjeneste.no\/wp-content\/uploads\/2024\/06\/bt-pay.png\" width=\"265\" style=\"display:block; height:auto; border:0;\">\n            <\/a>\n          <\/td>\n        <\/tr>\n      <\/tbody><\/table>\n\n\n    <\/div>\n  <\/td>\n<\/tr>\n\n\n\n\n\n<!-- Kundeinfo -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:13px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Kunde<\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Navn<\/div>\n      <div style=\"font-size:14px;color:#23263b;\">{customer_first_name} {customer_last_name}<\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">E-post<\/div>\n      <div style=\"font-size:14px;color:#23263b;\">\n        <a href=\"mailto:{customer_email}\" style=\"color:#23263b; text-decoration:underline;\">{customer_email}<\/a>\n      <\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Telefon<\/div>\n      <div style=\"font-size:14px;color:#23263b;\">{customer_phone}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n<!-- Totalsum -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:13px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Total pris<\/div>\n      <div style=\"font-size:17px;color:#1f2937;font-weight:900;\">{appointments_total_price}<\/div>\n      <div style=\"font-size:13px;color:#4b5563;font-weight:600;margin-top:10px;\">{appointment_paid_price} er betalt<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n          <!-- Tjeneste -->\n          <tr>\n            <td style=\"padding:0 8px 24px 8px;\">\n              <div style=\"background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;\">\n                <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Tjeneste<\/div>\n                <img decoding=\"async\" src=\"{service_image_url}\" width=\"120\" alt=\"Tjeneste\" style=\"display:block;margin:0 0 11px 0;width:120px;max-width:100%;height:auto;\">\n                <div style=\"font-size:14px;font-weight:700;color:#23263b;letter-spacing:-.1px;\">{service_category_name} \/ {service_name}<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{service_notes}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Ekstratenester<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_extras_list}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Antall personer<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_total_attendees}<\/div>\n\n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Produkter ({appointment_products_quantity})<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_products_list}<\/div>\n\n              <\/div>\n            <\/td>\n          <\/tr>\n\n     <!-- Alternativ -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#fff; border-radius:12px; border:1px solid #eaeaef; padding:30px 20px; color:#23263b; font-family: Arial, sans-serif;\">\n      \n      <div style=\"font-size:18px; font-weight:800; margin:0 0 12px 0;\">Alternativ<\/div>\n      \n      <img decoding=\"async\" src=\"{staff_profile_image_url}\" width=\"120\" alt=\"Alternativ\" style=\"display:block; margin:0 0 11px 0; width:120px; max-width:100%; height:auto;\">\n      \n      <div style=\"font-size:14px; font-weight:700;\">{staff_name}<\/div>\n      \n      <div style=\"font-size:14px; margin-top:3px;\">{staff_about}<\/div>\n      \n      <div style=\"font-weight:700; font-size:14px; margin-top:12px;\">E-post<\/div>\n      \n      <div style=\"font-size:14px; margin-top:3px;\">{staff_email}<\/div>\n      \n      <div style=\"font-weight:700; font-size:14px; margin-top:12px;\">Telefon<\/div>\n      \n      <div style=\"font-size:14px; margin-top:3px;\">{staff_phone}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n          <!-- Lokasjon -->\n          <tr>\n            <td style=\"padding:0 8px 24px 8px;\">\n              <div style=\"background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;\">\n                <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Lokasjon<\/div>\n                <img decoding=\"async\" src=\"{location_image_url}\" width=\"120\" alt=\"Lokasjon\" style=\"display:block;margin:0 0 11px 0;width:120px;max-width:100%;height:auto;\">\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">{location_name}<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{location_notes}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Adresse<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{location_address}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Telefon<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{location_phone_number}<\/div>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n    <!-- Tidspunkt -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Tidspunkt<\/div>\n      \n      <span style=\"display:inline-block; width:120px; height:120px; text-align:left; line-height:120px; font-size:100px; margin-bottom:10px;\">\ud83d\uddd3\ufe0f<\/span>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Start<\/div>\n      <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{recurring_appointments_date_time}<\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Slutt<\/div>\n      <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_end_date_time}<\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Varighet<\/div>\n      <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_duration}<\/div>\n      \n      <div style=\"font-weight:700;color:#7a8199;font-size:12px;margin-top:12px;\">Booking ble mottatt<\/div>\n      <div style=\"color:#7a8199;font-size:12px;margin-top:3px;\">{appointment_created_date} kl. {appointment_created_time}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n          <!-- Rabatter og gavekort -->\n          <tr>\n            <td style=\"padding:0 8px 24px 8px;\">\n              <div style=\"background:#f6f8fb;border-radius:10px;padding:30px 20px;\">\n                <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Rabatter og gavekort<\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Gavekort: <b>{giftcard_code}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Rabattkode: <b>{coupon_code}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Rabatt: <b>{appointment_discount_price}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Ytterligere rabatter: <b>{appointment_conditional_prices_discounts}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;\">Pristillegg: <b>{appointment_conditional_prices_additions}<\/b><\/div>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n<!-- Sum per booking -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:10px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Sum per booking<\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Tjeneste: <b style=\"color:#23263b;\">{appointment_service_price}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Ekstratjenester: <b style=\"color:#23263b;\">{appointment_extras_price}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Produkter: <b style=\"color:#23263b;\">{appointment_products_price}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Mva: <b style=\"color:#23263b;\">{appointment_tax_amount}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;font-weight:800;\">Totalt: {appointment_sum_price}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n\n\n<!-- Betaling -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:10px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Betaling<\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Betalt hittil: <b>{appointment_paid_price}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Betalingsmetode: <b>{appointment_payment_method}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Mva: <b>{recurring_appointments_tax_amount}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;font-weight:800;\">Totalt: {appointments_total_price}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n\n<!-- Knapp -->\n<tr>\n  <td align=\"center\" style=\"padding:0 8px 24px 8px;\">\n    <table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"max-width:350px; width:100%;\">\n      <tbody><tr>\n        <td align=\"center\" bgcolor=\"#635bff\" style=\"border-radius:10px;\">\n          <a href=\"https:\/\/bookingtjeneste.no\/nn\/kundepanel\/\" target=\"_blank\" style=\"display:inline-block; padding:18px 0; font-weight:800; font-size:17px; font-family: 'Inter', Arial, sans-serif; color:#ffffff; text-decoration:none; width:100%; border-radius:10px; letter-spacing:0.5px;\">\n            Kundepanel\n          <\/a>\n        <\/td>\n      <\/tr>\n    <\/tbody><\/table>\n  <\/td>\n<\/tr>\n\n\n<!-- SUPPORTINFO -->\n<tr>\n  <td style=\"padding:0 8px 22px 8px;\">\n    <div style=\"background:#fff;border-radius:9px;border:1px solid #eaeaef;padding:20px;color:#23263b;font-size:14px;line-height:1.7;\">\n      <div style=\"font-weight:700;color:#23263b;margin-bottom:6px;font-size:18px;\">Har du sp\u00f8rsm\u00e5l?<\/div>\n      <div>\n        Send oss en e-post.<br>\n        Kontakt oss: <a href=\"mailto:{staff_email}\" style=\"color:#23263b;text-decoration:underline;font-weight:600;\">{staff_email}<\/a>\n      <\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n          <!-- FOOTER -->\n          <tr>\n            <td style=\"padding:5px 20px;font-size:13px;color:#555555;text-align:center;line-height:1.7;\">\n              <div>\n                <span style=\"font-size:15px;\"><\/span> {company_name} \u2022\n                <a href=\"\/nn\/{company_website}\/\" style=\"color:#555555;text-decoration:underline;\">{company_website}<\/a><br>\n                <span style=\"color:#555555;\">{company_address}<\/span> \u2022\n                <a href=\"mailto:{staff_email}\" style=\"color:#555555;text-decoration:underline;\">Kundeservice<\/a><br>\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/betingelser-og-vilkar-kunde\/\" style=\"color:#555555;text-decoration:underline;\">Vilk\u00e5r<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/cookieerklaering-eu\/\" style=\"color:#555555;text-decoration:underline;\">Cookies<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/personvernerklaering\/\" style=\"color:#555555;text-decoration:underline;\">Personvern<\/a>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n        <\/tbody><\/table>\n      <\/td>\n    <\/tr>\n  <\/tbody><\/table>\n\n<\/textarea>\n\n<button class=\"copy-btn\" onclick=\"copyToClipboardlink()\">Kopier kode<\/button>\n\n<script>\n    function copyToClipboardlink() {\n        var copyText = document.getElementById(\"htmlCodelink\");\n        copyText.style.display = \"block\"; \/\/ Temporarily display the textarea to copy content\n        copyText.select();\n        copyText.setSelectionRange(0, 99999); \/\/ For mobile devices\n\n        document.execCommand(\"copy\");\n        copyText.style.display = \"none\"; \/\/ Hide the textarea again\n        alert(\"HTML code copied to clipboard!\");\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e83f69 e-con-full e-flex e-con e-child\" data-id=\"0e83f69\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6d4fef3 e-con-full e-flex e-con e-child\" data-id=\"6d4fef3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88cfa5d elementor-widget elementor-widget-pix-heading\" data-id=\"88cfa5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div  class=\"pix-heading-el text-left\"><div class=\"d-inline-block\" style=\"max-width:650px;\"><h5 class=\"text-heading-default font-weight-bold h5 heading-text el-title_custom_color mb-12\" style=\"\" data-anim-type=\"\" data-anim-delay=\"\">Kvittering (PDF dokument)<\/h5><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffb9323 elementor-widget elementor-widget-pix-text\" data-id=\"ffb9323\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix-el-text w-100 text-left\" ><p class=\"resp-option text-left\"><p>Send vedlagt PDF kvittering.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-650e142 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"650e142\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Copy HTML Code 3<\/title>\n    <style>\n        .copy-btn {\n            background-color: white;\n            color: black;\n            border: 1px solid black;\n            padding: 10px 20px;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n        \n        .copy-btn:hover {\n            background-color: #f0f0f0;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<textarea id=\"htmlCode3\" style=\"display:none;\">\n\n<!DOCTYPE html>\n<html lang=\"no\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Kvittering {appointment_id}<\/title>\n    <style>\n        \/* PDF-motorer foretrekker standard fonter for maksimal stabilitet *\/\n        body {\n            font-family: 'Helvetica', 'Arial', sans-serif;\n            color: #111827;\n            margin: 0;\n            padding: 0;\n            line-height: 1.3;\n            background-color: #ffffff;\n        }\n\n        .receipt-wrapper {\n            width: 100%;\n            max-width: 660px;\n            margin: 0 auto;\n            padding: 10px 25px; \n        }\n\n        table {\n            width: 100%;\n            border-collapse: collapse;\n            table-layout: fixed;\n        }\n\n        td {\n            vertical-align: top;\n            padding: 0;\n        }\n\n        \/* --- OVERSKRIFTS-LINJER (Robust tabell-metode) --- *\/\n        .section-header-table {\n            width: 100%;\n            border-bottom: 1px solid #e5e7eb;\n            margin-bottom: 5px;\n        }\n\n        .section-header-table td {\n            padding-bottom: 2px;\n        }\n\n        .section-label {\n            font-size: 8px;\n            font-weight: bold;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            color: #6b7280;\n            display: block;\n        }\n\n        \/* --- HEADER --- *\/\n        .header-table {\n            margin-bottom: 10px;\n            border-bottom: 1px solid #111827;\n        }\n\n        .logo {\n            max-width: 85px;\n            height: auto;\n            margin-bottom: 6px;\n        }\n\n        .receipt-title {\n            font-size: 22px;\n            font-weight: bold;\n            color: #000000;\n            margin: 0;\n            letter-spacing: -0.5px;\n        }\n\n        .meta-text {\n            font-size: 10px;\n            color: #6b7280;\n            margin-top: 1px;\n        }\n\n        .status-badge {\n            background-color: #111827;\n            color: #ffffff;\n            padding: 1px 5px;\n            font-size: 9px;\n            font-weight: bold;\n            text-transform: uppercase;\n            border-radius: 2px;\n            display: inline-block;\n        }\n\n        \/* --- INFORMASJONSTEKST --- *\/\n        .info-text {\n            font-size: 11px;\n            color: #111827;\n            line-height: 1.3;\n        }\n\n        .info-text strong {\n            color: #000000;\n        }\n\n        \/* --- NOTATFELT --- *\/\n        .note-container {\n            margin-top: 4px;\n            padding: 5px 10px;\n            background-color: #f9fafb;\n            border-left: 2px solid #e5e7eb;\n        }\n\n        .note-title {\n            font-size: 8px;\n            font-weight: bold;\n            text-transform: uppercase;\n            color: #6b7280;\n            margin-bottom: 1px;\n            display: block;\n        }\n\n        .note-content {\n            font-size: 10px;\n            color: #374151;\n            font-style: italic;\n        }\n\n        \/* --- PRISTABELL --- *\/\n        .items-table {\n            margin: 12px 0 5px 0;\n        }\n\n        .items-table th {\n            text-align: left;\n            font-size: 8px;\n            font-weight: bold;\n            text-transform: uppercase;\n            color: #6b7280;\n            padding-bottom: 3px;\n            border-bottom: 1px solid #111827;\n        }\n\n        .items-table td {\n            padding: 4px 0;\n            border-bottom: 1px solid #f3f4f6;\n        }\n\n        .item-title {\n            font-size: 11px;\n            font-weight: bold;\n            color: #000000;\n        }\n\n        .attendees-text {\n            font-size: 10px;\n            color: #000000;\n            font-weight: bold;\n        }\n\n        .item-sub {\n            font-size: 10px;\n            color: #6b7280;\n            font-weight: normal;\n        }\n\n        .price-text {\n            font-size: 11px;\n            font-weight: bold;\n            text-align: right;\n        }\n\n        \/* --- OPPSUMMERING OG TOTAL --- *\/\n        .summary-table td {\n            padding: 1px 0;\n            font-size: 11px;\n            color: #4b5563;\n        }\n\n        .total-table {\n            border-top: 1px solid #111827;\n            margin-top: 5px;\n        }\n\n        \/* --- FOOTER --- *\/\n        .footer {\n            margin-top: 8px; \n            text-align: center;\n            border-top: 1px solid #f3f4f6;\n            padding-top: 10px;\n        }\n\n        .footer-thanks {\n            font-size: 13px;\n            font-weight: bold;\n            color: #000000;\n        }\n\n        .footer-contact {\n            font-size: 10px;\n            color: #6b7280;\n            margin-top: 2px;\n        }\n\n        .footer-brand {\n            font-size: 8px;\n            color: #9ca3af;\n            margin-top: 8px;\n            text-transform: uppercase;\n        }\n\n        .no-break {\n            page-break-inside: avoid;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"receipt-wrapper\">\n    <!-- HEADER -->\n    <table class=\"header-table\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n        <tbody>\n            <tr>\n                <td width=\"60%\" style=\"padding-bottom: 8px;\">\n                    <img decoding=\"async\" src=\"{company_image_url}\" alt=\"Logo\" class=\"logo\" onerror=\"this.style.display='none'\">\n                    <div class=\"receipt-title\">Kvittering<\/div>\n                    <div class=\"meta-text\">\n                        ID: <strong>#{appointment_id}<\/strong> &nbsp;\u2022&nbsp; Bestilling mottatt: {appointment_created_date}, kl. {appointment_created_time}\n                    <\/div>\n                    <div style=\"margin-top: 1px;\"><span class=\"status-badge\">Status: {appointment_status}<\/span><\/div>\n                <\/td>\n            <\/tr>\n        <\/tbody>\n    <\/table>\n\n    <!-- SELGER OG KJ\u00d8PER -->\n    <table cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n        <tbody>\n            <tr>\n                <td width=\"48%\">\n                    <table class=\"section-header-table\" width=\"100%\"><tbody><tr><td><span class=\"section-label\">Selger<\/span><\/td><\/tr><\/tbody><\/table>\n                    <div class=\"info-text\">\n                        <strong>Firma:<\/strong> {company_name}<br>\n                        <strong>Adresse:<\/strong> {company_address}<br>\n                        <strong>Telefon:<\/strong> {company_phone}\n                    <\/div>\n                <\/td>\n                <td width=\"4%\"><\/td>\n                <td width=\"48%\">\n                    <table class=\"section-header-table\" width=\"100%\"><tbody><tr><td><span class=\"section-label\">Kj\u00f8per<\/span><\/td><\/tr><\/tbody><\/table>\n                    <div class=\"info-text\">\n                        <strong>Navn:<\/strong> {customer_first_name} {customer_last_name}<br>\n                        <strong>Telefon:<\/strong> {customer_phone}<br>\n                        <strong>E-post:<\/strong> {customer_email}\n                    <\/div>\n                <\/td>\n            <\/tr>\n        <\/tbody>\n    <\/table>\n\n    <div style=\"height: 10px;\"><\/div>\n\n    <!-- TJENESTE OG ALTERNATIV -->\n    <div class=\"no-break\">\n        <table class=\"section-header-table\" width=\"100%\"><tbody><tr><td><span class=\"section-label\">Tjeneste og Alternativ<\/span><\/td><\/tr><\/tbody><\/table>\n        <table cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td width=\"48%\">\n                        <div class=\"info-text\">\n                            <strong>Kategori:<\/strong> {service_category_name}<br>\n                            <strong>Tjeneste:<\/strong> {service_name}<br>\n                            <strong>Ekstratjenester:<\/strong> {appointment_extras_list}<br>\n                            <strong>Antall personer:<\/strong> {appointment_total_attendees}<br>\n                            <strong>Produkter ({appointment_products_quantity}):<\/strong> {appointment_products_list}\n                        <\/div>\n                    <\/td>\n                    <td width=\"4%\"><\/td>\n                    <td width=\"48%\">\n                        <div class=\"info-text\">\n                            <strong>Alternativ:<\/strong> {staff_name}<br>\n                            <strong>E-post:<\/strong> {staff_email}<br>\n                            <strong>Telefon:<\/strong> {staff_phone}\n                        <\/div>\n                    <\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n        \n        <div class=\"note-container\">\n            <span class=\"note-title\">Beskrivelse om Tjeneste<\/span>\n            <div class=\"note-content\">{service_notes}<\/div>\n        <\/div>\n        \n        <div class=\"note-container\">\n            <span class=\"note-title\">Beskrivelse om {staff_name}<\/span>\n            <div class=\"note-content\">{staff_about}<\/div>\n        <\/div>\n    <\/div>\n\n    <div style=\"height: 10px;\"><\/div>\n\n    <!-- TID OG LOKASJON -->\n    <div class=\"no-break\">\n        <table class=\"section-header-table\" width=\"100%\"><tbody><tr><td><span class=\"section-label\">Tid og Lokasjon<\/span><\/td><\/tr><\/tbody><\/table>\n        <table cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td width=\"48%\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" style=\"line-height: 1.1;\">\n                            <tbody>\n                                <tr><td class=\"info-text\" width=\"60px\"><strong>Starter:<\/strong><\/td><td class=\"info-text\">{recurring_appointments_date_time}<\/td><\/tr>\n                                <tr><td class=\"info-text\"><strong>Slutter:<\/strong><\/td><td class=\"info-text\">{appointment_end_date_time}<\/td><\/tr>\n                                <tr><td class=\"info-text\"><strong>Varighet:<\/strong><\/td><td class=\"info-text\">{appointment_duration}<\/td><\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/td>\n                    <td width=\"4%\"><\/td>\n                    <td width=\"48%\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" style=\"line-height: 1.1;\">\n                            <tbody>\n                                <tr><td class=\"info-text\" width=\"60px\"><strong>Sted:<\/strong><\/td><td class=\"info-text\">{location_name}<\/td><\/tr>\n                                <tr><td class=\"info-text\"><strong>Adresse:<\/strong><\/td><td class=\"info-text\">{location_address}<\/td><\/tr>\n                                <tr><td class=\"info-text\"><strong>Telefon:<\/strong><\/td><td class=\"info-text\">{location_phone_number}<\/td><\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n        <div class=\"note-container\">\n            <span class=\"note-title\">Beskrivelse om Lokasjon<\/span>\n            <div class=\"note-content\">{location_notes}<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SPESIFIKASJONSTABELL -->\n    <table class=\"items-table\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n        <thead>\n            <tr>\n                <th width=\"75%\">Beskrivelse<\/th>\n                <th width=\"25%\" style=\"text-align: right;\">Bel\u00f8p<\/th>\n            <\/tr>\n        <\/thead>\n        <tbody>\n            <tr>\n                <td>\n                    <div class=\"item-title\">{service_name} <span class=\"attendees-text\">({appointment_total_attendees} pers)<\/span><\/div>\n                <\/td>\n                <td class=\"price-text\" align=\"right\">{appointment_service_price}<\/td>\n            <\/tr>\n            <tr>\n                <td>\n                    <div class=\"item-title\">Ekstratenester<\/div>\n                    <div class=\"item-sub\">{appointment_extras_list}<\/div>\n                <\/td>\n                <td class=\"price-text\" align=\"right\">{appointment_extras_price}<\/td>\n            <\/tr>\n            <tr>\n                <td>\n                    <div class=\"item-title\">Produkter ({appointment_products_quantity})<\/div>\n                    <div class=\"item-sub\">{appointment_products_list}<\/div>\n                <\/td>\n                <td class=\"price-text\" align=\"right\">{appointment_products_price}<\/td>\n            <\/tr>\n        <\/tbody>\n    <\/table>\n\n    <!-- RABATT OG BETALING -->\n    <table class=\"summary-table\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n        <tbody>\n            <tr>\n                <td width=\"48%\">\n                    <table class=\"section-header-table\" width=\"100%\"><tbody><tr><td><span class=\"section-label\">Rabatt og gavekort<\/span><\/td><\/tr><\/tbody><\/table>\n                    <div class=\"info-text\">\n                        Gavekort: <strong>{giftcard_code}<\/strong><br>\n                        Rabattkode: <strong>{coupon_code}<\/strong><br>\n                        Rabattbel\u00f8p: <strong>{appointment_discount_price}<\/strong><br>\n                        Ytterligere rabatter: <strong>{appointment_conditional_prices_discounts}<\/strong><br>\n                        Pristillegg: <strong>{appointment_conditional_prices_additions}<\/strong>\n                    <\/div>\n                <\/td>\n                <td width=\"4%\"><\/td>\n                <td width=\"48%\">\n                    <table class=\"section-header-table\" width=\"100%\"><tbody><tr><td><span class=\"section-label\">Oppsummering<\/span><\/td><\/tr><\/tbody><\/table>\n                    <div class=\"info-text\">\n                        Betalt: <strong>{appointment_paid_price}<\/strong><br>\n                        Betalingsmetode: <strong>{appointment_payment_method}<\/strong><br>\n                        Mva: <strong>{appointment_tax_amount}<\/strong><br>\n                        Mva total: <strong>{recurring_appointments_tax_amount}<\/strong><br>\n                        Sum per booking: <strong>{appointment_sum_price}<\/strong>\n                    <\/div>\n                <\/td>\n            <\/tr>\n        <\/tbody>\n    <\/table>\n\n    <!-- TOTALBEL\u00d8P - SAMME TYPE SOM HEADER FOR \u00c5 UNNG\u00c5 OVERLAPP -->\n    <table class=\"total-table\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n        <tbody>\n            <tr>\n                <td align=\"right\" style=\"padding-top: 8px;\">\n                    <span style=\"font-size: 8px; font-weight: bold; text-transform: uppercase; color: #6b7280; margin-right: 10px;\">Totalbel\u00f8p<\/span>\n                    <span style=\"font-size: 15px; font-weight: bold; color: #000000;\">{appointments_total_price}<\/span>\n                <\/td>\n            <\/tr>\n        <\/tbody>\n    <\/table>\n\n    <!-- FOOTER -->\n    <div class=\"footer\">\n        <div class=\"footer-thanks\">Takk for din bestilling!<\/div>\n        <div class=\"footer-contact\">\n            Har du sp\u00f8rsm\u00e5l? Kontakt oss: <a href=\"mailto:{staff_email}\" style=\"color: #000; text-decoration: underline; font-weight: bold;\">{staff_email}<\/a>\n        <\/div>\n        <div class=\"footer-brand\">\n            Utstedt av {company_name} \u2022 {appointment_created_date}<br>\n            {company_website}\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n<\/textarea>\n\n<button class=\"copy-btn\" onclick=\"copyToClipboard3()\">Kopier kode<\/button>\n\n<script>\n    function copyToClipboard3() {\n        var copyText = document.getElementById(\"htmlCode3\");\n        copyText.style.display = \"block\"; \/\/ Temporarily display the textarea to copy content\n        copyText.select();\n        copyText.setSelectionRange(0, 99999); \/\/ For mobile devices\n\n        document.execCommand(\"copy\");\n        copyText.style.display = \"none\"; \/\/ Hide the textarea again\n        alert(\"HTML code copied to clipboard!\");\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cdf79f8 e-con-full e-flex e-con e-child\" data-id=\"cdf79f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9864e5e e-con-full e-flex e-con e-child\" data-id=\"9864e5e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-919b058 elementor-widget elementor-widget-pix-heading\" data-id=\"919b058\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div  class=\"pix-heading-el text-left\"><div class=\"d-inline-block\" style=\"max-width:650px;\"><h5 class=\"text-heading-default font-weight-bold h5 heading-text el-title_custom_color mb-12\" style=\"\" data-anim-type=\"\" data-anim-delay=\"\">Kundepanel<\/h5><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3d2779 elementor-widget elementor-widget-pix-text\" data-id=\"c3d2779\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix-el-text w-100 text-left\" ><p class=\"resp-option text-left\"><p>Send kundepanel link til ny kunde.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfc651d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"bfc651d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Copy HTML Code 2<\/title>\n    <style>\n        .copy-btn {\n            background-color: white;\n            color: black;\n            border: 1px solid black;\n            padding: 10px 20px;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n        \n        .copy-btn:hover {\n            background-color: #f0f0f0;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<textarea id=\"htmlCode2\" style=\"display:none;\">\n\n\n<body style=\"margin:0;padding:0;background:#ffffff;font-family:'Inter',Arial,sans-serif;\">\n  <table width=\"100%\" bgcolor=\"#ffffff\" cellpadding=\"0\" cellspacing=\"0\">\n    <tr>\n      <td align=\"center\" style=\"padding:15px 4px 26px 4px;\">\n        <table width=\"100%\" style=\"max-width:520px;background:#fff;border-radius:18px;overflow:hidden;\">\n          <!-- Logo og status -->\n          <tr>\n            <td style=\"padding:22px 8px 24px 8px;text-align:center;\">\n              <img decoding=\"async\" src=\"{company_image_url}\" width=\"120\" alt=\"Logo\"\n                   style=\"background:#ffffff;display:block;margin:0 auto;width:120px;max-width:100%;height:auto;\" \/>\n              <div style=\"font-size:23px;font-weight:800;color:#26263c;letter-spacing:-.5px;line-height:1.25;margin-top:20px;\">\n                {company_name}\n              <\/div>\n            <\/td>\n          <\/tr>\n\n          <!-- Innholdsblokk -->\n          <tr>\n            <td style=\"padding:0 8px 22px 8px;\">\n              <div style=\"background:#fff; border-radius:9px; border:1px solid #eaeaef; padding:20px; color:#23263b; font-size:14px; line-height:1.7; text-align:left; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;\">\n\n                <!-- Overskrift -->\n                <div style=\"font-weight:700; color:#23263b; margin-bottom:12px; font-size:18px;\">\n                  Kundepanel hos {company_name}\n                <\/div>\n\n                <!-- Hilsen og tekst -->\n                <p style=\"margin:0 0 15px 0;\">\n                  Hei <strong>{customer_first_name}<\/strong>. Du har registrert en booking hos <strong>{company_name}<\/strong>. Vi har n\u00e5 opprettet en bruker for deg slik at du kan f\u00e5 oversikt over dine bookinger via ditt kundepanel.\n                <\/p>\n\n                <div style=\"font-weight:700; color:#23263b; font-size:14px; margin-top:12px;\">\n                  Din bruker\n                <\/div>\n                <div style=\"font-size:14px; color:#23263b;\">\n                  E-post: {customer_email}\n                <\/div>\n                <div style=\"font-size:14px; color:#23263b; margin-bottom:12px;\">\n                  Passord: {customer_password}\n                <\/div>\n                <p style=\"margin:0 0 20px 0;\">\n                  Du kan endre ditt passord i kundepanelet hvis dette er \u00f8nskelig.\n                <\/p>\n\n\n<!-- Knapp -->\n<tr>\n  <td align=\"center\" style=\"padding:0 8px 24px 8px;\">\n    <table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"max-width:350px; width:100%;\">\n      <tr>\n        <td align=\"center\" bgcolor=\"#635bff\" style=\"border-radius:10px;\">\n          <a href=\"https:\/\/bookingtjeneste.no\/nn\/kundepanel\/\" \n             target=\"_blank\"\n             style=\"display:inline-block; padding:18px 0; font-weight:800; font-size:17px; font-family: 'Inter', Arial, sans-serif; color:#ffffff; text-decoration:none; width:100%; border-radius:10px; letter-spacing:0.5px;\">\n            Kundepanel\n          <\/a>\n        <\/td>\n      <\/tr>\n    <\/table>\n  <\/td>\n<\/tr>\n\n          <!-- FOOTER -->\n          <tr>\n            <td style=\"padding:5px 20px;font-size:13px;color:#555555;text-align:center;line-height:1.7;\">\n              <div>\n                <span style=\"font-size:15px;\"><\/span> {company_name} \u2022\n                <a href=\"\/nn\/{company_website}\/\" style=\"color:#555555;text-decoration:underline;\">{company_website}<\/a><br \/>\n                <span style=\"color:#555555;\">{company_address}<\/span> \u2022\n                <a href=\"mailto:{staff_email}\" style=\"color:#555555;text-decoration:underline;\">Kundeservice<\/a><br \/>\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/betingelser-og-vilkar-kunde\/\" style=\"color:#555555;text-decoration:underline;\">Vilk\u00e5r<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/cookieerklaering-eu\/\" style=\"color:#555555;text-decoration:underline;\">Cookies<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/personvernerklaering\/\" style=\"color:#555555;text-decoration:underline;\">Personvern<\/a>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n        <\/table>\n      <\/td>\n    <\/tr>\n  <\/table>\n<\/body>\n\n\n<\/textarea>\n\n<button class=\"copy-btn\" onclick=\"copyToClipboard2()\">Kopier kode<\/button>\n\n<script>\n    function copyToClipboard2() {\n        var copyText = document.getElementById(\"htmlCode2\");\n        copyText.style.display = \"block\"; \/\/ Temporarily display the textarea to copy content\n        copyText.select();\n        copyText.setSelectionRange(0, 99999); \/\/ For mobile devices\n\n        document.execCommand(\"copy\");\n        copyText.style.display = \"none\"; \/\/ Hide the textarea again\n        alert(\"HTML code copied to clipboard!\");\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c01848 e-con-full e-flex e-con e-child\" data-id=\"9c01848\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-bb1fd00 e-con-full e-flex e-con e-child\" data-id=\"bb1fd00\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36e49c2 elementor-widget elementor-widget-pix-heading\" data-id=\"36e49c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div  class=\"pix-heading-el text-left\"><div class=\"d-inline-block\" style=\"max-width:650px;\"><h5 class=\"text-heading-default font-weight-bold h5 heading-text el-title_custom_color mb-12\" style=\"\" data-anim-type=\"\" data-anim-delay=\"\">Vurdering<\/h5><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ce3016 elementor-widget elementor-widget-pix-text\" data-id=\"3ce3016\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix-el-text w-100 text-left\" ><p class=\"resp-option text-left\">&laquo;Vurder oss&raquo; e-post. <\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59acbfb elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"59acbfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Copy HTML Code 2<\/title>\n    <style>\n        .copy-btn {\n            background-color: white;\n            color: black;\n            border: 1px solid black;\n            padding: 10px 20px;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n        \n        .copy-btn:hover {\n            background-color: #f0f0f0;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<textarea id=\"htmlCode4\" style=\"display:none;\">\n\n\n<body style=\"margin:0;padding:0;background:#ffffff;font-family:'Inter',Arial,sans-serif;\">\n  <table width=\"100%\" bgcolor=\"#ffffff\" cellpadding=\"0\" cellspacing=\"0\">\n    <tr>\n      <td align=\"center\" style=\"padding:15px 4px 26px 4px;\">\n        <table width=\"100%\" style=\"max-width:520px;background:#fff;border-radius:18px;overflow:hidden;\">\n          <!-- Logo og status -->\n          <tr>\n            <td style=\"padding:22px 8px 24px 8px;text-align:center;\">\n              <img decoding=\"async\" src=\"{company_image_url}\" width=\"120\" alt=\"Logo\"\n                   style=\"background:#ffffff;display:block;margin:0 auto;width:120px;max-width:100%;height:auto;\" \/>\n              <div style=\"font-size:23px;font-weight:800;color:#26263c;letter-spacing:-.5px;line-height:1.25;margin-top:20px;\">\n                {company_name}\n              <\/div>\n\n\n            <\/td>\n          <\/tr>\n\n\n\n<tr>\n  <td style=\"padding:0 8px 22px 8px;\">\n    <div style=\"background:#fff; border-radius:9px; border:1px solid #eaeaef; padding:20px; color:#23263b; font-size:14px; line-height:1.7; text-align:left; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;\">\n\n      <!-- Overskrift -->\n      <div style=\"font-weight:700; color:#23263b; margin-bottom:12px; font-size:18px;\">\n        Vurdering av {company_name}\n      <\/div>\n\n      <!-- Hilsen og tekst -->\n      <p style=\"margin:0 0 15px 0;\">\n        Hei <strong>{customer_first_name}<\/strong>.\n      <\/p>\n      <p style=\"margin:0 0 20px 0;\">\n        Vi h\u00e5per du har det bra. Vi ville sette stor pris p\u00e5 om du kunne ta deg et \u00f8yeblikk for \u00e5 dele dine tanker om din siste booking gjeldende <strong>{service_category_name}<\/strong>, <strong>{service_name}<\/strong> hos <strong>{company_name}<\/strong> den <strong>{appointment_date_time}<\/strong>. Din tilbakemelding er uvurderlig for oss, og den hjelper oss med \u00e5 forbedre v\u00e5re tjenester for \u00e5 sikre at vi alltid leverer den beste opplevelsen for v\u00e5re kunder.\n      <\/p>\n      <p style=\"margin:0 0 20px 0;\">\n        Tusen takk for at du valgte oss. Vi ser frem til \u00e5 h\u00f8re dine tanker.\n      <\/p>\n\n\n<!-- Knapp -->\n<tr>\n  <td align=\"center\" style=\"padding:0 8px 24px 8px;\">\n    <table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"max-width:350px; width:100%;\">\n      <tr>\n        <td align=\"center\" bgcolor=\"#635bff\" style=\"border-radius:10px;\">\n          <a href=\"\/nn\/{rating_form_url}\/\" \n             target=\"_blank\"\n             style=\"display:inline-block; padding:18px 0; font-weight:800; font-size:17px; font-family: 'Inter', Arial, sans-serif; color:#ffffff; text-decoration:none; width:100%; border-radius:10px; letter-spacing:0.5px;\">\n            Gi vurdering\n          <\/a>\n        <\/td>\n      <\/tr>\n    <\/table>\n  <\/td>\n<\/tr>\n\n\n\n          <!-- FOOTER -->\n          <tr>\n            <td style=\"padding:5px 20px;font-size:13px;color:#555555;text-align:center;line-height:1.7;\">\n              <div>\n                <span style=\"font-size:15px;\"><\/span> {company_name} \u2022\n                <a href=\"\/nn\/{company_website}\/\" style=\"color:#555555;text-decoration:underline;\">{company_website}<\/a><br \/>\n                <span style=\"color:#555555;\">{company_address}<\/span> \u2022\n                <a href=\"mailto:{staff_email}\" style=\"color:#555555;text-decoration:underline;\">Kundeservice<\/a><br \/>\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/betingelser-og-vilkar-kunde\/\" style=\"color:#555555;text-decoration:underline;\">Vilk\u00e5r<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/cookieerklaering-eu\/\" style=\"color:#555555;text-decoration:underline;\">Cookies<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/personvernerklaering\/\" style=\"color:#555555;text-decoration:underline;\">Personvern<\/a>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n        <\/table>\n      <\/td>\n    <\/tr>\n  <\/table>\n<\/body>\n\n\n<\/textarea>\n\n<button class=\"copy-btn\" onclick=\"copyToClipboard4()\">Kopier kode<\/button>\n\n<script>\n    function copyToClipboard4() {\n        var copyText = document.getElementById(\"htmlCode4\");\n        copyText.style.display = \"block\"; \/\/ Temporarily display the textarea to copy content\n        copyText.select();\n        copyText.setSelectionRange(0, 99999); \/\/ For mobile devices\n\n        document.execCommand(\"copy\");\n        copyText.style.display = \"none\"; \/\/ Hide the textarea again\n        alert(\"HTML code copied to clipboard!\");\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e2f785 e-con-full e-flex e-con e-child\" data-id=\"0e2f785\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6fd67ef e-con-full e-flex e-con e-child\" data-id=\"6fd67ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9dc53ff elementor-widget elementor-widget-pix-heading\" data-id=\"9dc53ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div  class=\"pix-heading-el text-left\"><div class=\"d-inline-block\" style=\"max-width:650px;\"><h5 class=\"text-heading-default font-weight-bold h5 heading-text el-title_custom_color mb-12\" style=\"\" data-anim-type=\"\" data-anim-delay=\"\">Vurdering mottatt<\/h5><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe80061 elementor-widget elementor-widget-pix-text\" data-id=\"fe80061\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix-el-text w-100 text-left\" ><p class=\"resp-option text-left\"><p>Vurdering mottatt e-post.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76f6202 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"76f6202\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Copy HTML Code 6<\/title>\n    <style>\n        .copy-btn {\n            background-color: white;\n            color: black;\n            border: 1px solid black;\n            padding: 10px 20px;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n        \n        .copy-btn:hover {\n            background-color: #f0f0f0;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<textarea id=\"htmlCode6\" style=\"display:none;\">\n\n\n\n\n<body style=\"margin:0;padding:0;background:#ffffff;font-family:'Inter',Arial,sans-serif;\">\n  <table width=\"100%\" bgcolor=\"#ffffff\" cellpadding=\"0\" cellspacing=\"0\">\n    <tr>\n      <td align=\"center\" style=\"padding:15px 4px 26px 4px;\">\n        <table width=\"100%\" style=\"max-width:520px;background:#fff;border-radius:18px;overflow:hidden;\">\n          <!-- Logo og status -->\n          <tr>\n            <td style=\"padding:22px 8px 24px 8px;text-align:center;\">\n              <img decoding=\"async\" src=\"{company_image_url}\" width=\"120\" alt=\"Logo\"\n                   style=\"background:#ffffff;display:block;margin:0 auto;width:120px;max-width:100%;height:auto;\" \/>\n              <div style=\"font-size:23px;font-weight:800;color:#26263c;letter-spacing:-.5px;line-height:1.25;margin-top:20px;\">\n                {company_name}\n              <\/div>\n              <div style=\"font-size:14px;color:#7a8199;margin:8px 0 8px 0;\">\n                <span style=\"font-size:16px;\">\ud83d\udcc5<\/span> Ordre-ID <b>#{appointment_id}<\/b>\n              <\/div>\n  <span style=\"background:#ecf4fe; color:#007bff; font-weight:700; border-radius:8px; padding:4px 16px 3px 16px; font-size:15px; display:inline-block; margin-top:3px; letter-spacing:0.6px;\">\n  {appointment_status}\n<\/span>\n\n            <\/td>\n          <\/tr>\n\n\n\n\n\n\n<tr>\n  <td style=\"padding:0 8px 22px 8px;\">\n    <div style=\"background:#fff; border-radius:9px; border:1px solid #eaeaef; padding:20px; color:#23263b; font-size:14px; line-height:1.7;\">\n\n      <div style=\"font-weight:700; color:#23263b; margin-bottom:6px; font-size:18px;\">\n        Vurdering mottatt\n      <\/div>\n\n      <div style=\"margin-bottom:12px;\">\n        Det er mottatt en vurdering fra kunde ang\u00e5ende denne bookingen.\n      <\/div>\n\n      <div style=\"font-weight:700; color:#23263b; margin-top:12px;\">\n        Stjerne\n      <\/div>\n      <div>\n        {rating_star}\n      <\/div>\n\n      <div style=\"font-weight:700; color:#23263b; margin-top:12px;\">\n        Kommentar\n      <\/div>\n      <div>\n        {rating_comment}\n      <\/div>\n\n      <div style=\"font-weight:700; color:#23263b; margin-top:12px;\">\n        Info\n      <\/div>\n      <div>\n        Du finner ogs\u00e5 denne vurderingen tilknyttet bookingen i kontrollpanelet.\n      <\/div>\n\n    <\/div>\n  <\/td>\n<\/tr>\n\n\n\n\n\n<!-- Kundeinfo -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:13px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Kunde<\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Navn<\/div>\n      <div style=\"font-size:14px;color:#23263b;\">{customer_first_name} {customer_last_name}<\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">E-post<\/div>\n      <div style=\"font-size:14px;color:#23263b;\">\n        <a href=\"mailto:{customer_email}\" style=\"color:#23263b; text-decoration:underline;\">{customer_email}<\/a>\n      <\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Telefon<\/div>\n      <div style=\"font-size:14px;color:#23263b;\">{customer_phone}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n\n<!-- Totalsum -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:13px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Total pris<\/div>\n      <div style=\"font-size:17px;color:#1f2937;font-weight:900;\">{appointments_total_price}<\/div>\n      <div style=\"font-size:13px;color:#4b5563;font-weight:600;margin-top:10px;\">{appointment_paid_price} er betalt<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n\n          <!-- Tjeneste -->\n          <tr>\n            <td style=\"padding:0 8px 24px 8px;\">\n              <div style=\"background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;\">\n                <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Tjeneste<\/div>\n                <img decoding=\"async\" src=\"{service_image_url}\" width=\"120\" alt=\"Tjeneste\"\n                     style=\"display:block;margin:0 0 11px 0;width:120px;max-width:100%;height:auto;\" \/>\n                <div style=\"font-size:14px;font-weight:700;color:#23263b;letter-spacing:-.1px;\">{service_category_name} \/ {service_name}<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{service_notes}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Ekstratenester<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_extras_list}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Antall personer<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_total_attendees}<\/div>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n\n<!-- Alternativ -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Alternativ<\/div>\n      <img decoding=\"async\" src=\"{staff_profile_image_url}\" width=\"120\" alt=\"Alternativ\"\n           style=\"display:block;margin:0 0 11px 0;width:120px;max-width:100%;height:auto;\" \/>\n      <div style=\"font-size:14px;font-weight:700;color:#23263b;\">{staff_name}<\/div>\n      <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{staff_about}<\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">E-post<\/div>\n      <div style=\"font-size:14px;margin-top:3px;\">\n        <a href=\"mailto:{staff_email}\" style=\"color:#23263b; text-decoration:none;\">{staff_email}<\/a>\n      <\/div>\n      \n      <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Telefon<\/div>\n      <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{staff_phone}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n\n          <!-- Lokasjon -->\n          <tr>\n            <td style=\"padding:0 8px 24px 8px;\">\n              <div style=\"background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;\">\n                <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Lokasjon<\/div>\n                <img decoding=\"async\" src=\"{location_image_url}\" width=\"120\" alt=\"Lokasjon\"\n                     style=\"display:block;margin:0 0 11px 0;width:120px;max-width:100%;height:auto;\" \/>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">{location_name}<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{location_notes}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Adresse<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{location_address}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Telefon<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{location_phone_number}<\/div>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n\n          <!-- Tidspunkt -->\n          <tr>\n            <td style=\"padding:0 8px 24px 8px;\">\n              <div style=\"background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;\">\n                <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Tidspunkt<\/div>\n                <span style=\"display:inline-block; width:120px; height:120px; text-align:left; line-height:120px; font-size:100px; color:{service_color}; margin-bottom:10px;\">\ud83d\uddd3\ufe0f<\/span>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Start<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{recurring_appointments_date_time}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Slutt<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_end_date_time}<\/div>\n                \n                <div style=\"font-weight:700;color:#23263b;font-size:14px;margin-top:12px;\">Varighet<\/div>\n                <div style=\"color:#23263b;font-size:14px;margin-top:3px;\">{appointment_duration}<\/div>\n                \n                <div style=\"font-weight:700;color:#7a8199;font-size:12px;margin-top:12px;\">Booking ble mottatt<\/div>\n                <div style=\"color:#7a8199;font-size:12px;margin-top:3px;\">{appointment_created_date} kl. {appointment_created_time}<\/div>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n\n          <!-- Rabatter og gavekort -->\n          <tr>\n            <td style=\"padding:0 8px 24px 8px;\">\n              <div style=\"background:#f6f8fb;border-radius:10px;padding:30px 20px;\">\n                <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Rabatter og gavekort<\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Gavekort: <b>{giftcard_code}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Rabattkode: <b>{coupon_code}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Rabatt: <b>{appointment_discount_price}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Ytterligere rabatter: <b>{appointment_conditional_prices_discounts}<\/b><\/div>\n                <div style=\"font-size:14px;color:#23263b;\">Pristillegg: <b>{appointment_conditional_prices_additions}<\/b><\/div>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n\n<!-- Sum per booking -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:10px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Sum per booking<\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Tjeneste: <b style=\"color:#23263b;\">{appointment_service_price}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Ekstratjenester: <b style=\"color:#23263b;\">{appointment_extras_price}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Mva: <b style=\"color:#23263b;\">{appointment_tax_amount}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;font-weight:800;\">Totalt: {appointment_sum_price}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n\n<!-- Betaling -->\n<tr>\n  <td style=\"padding:0 8px 24px 8px;\">\n    <div style=\"background:#f6f8fb;border-radius:10px;padding:30px 20px;\">\n      <div style=\"font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;\">Betaling<\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Betalt hittil: <b>{appointment_paid_price}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Betalingsmetode: <b>{appointment_payment_method}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;margin-bottom:5px;\">Mva: <b>{recurring_appointments_tax_amount}<\/b><\/div>\n      <div style=\"font-size:14px;color:#23263b;font-weight:800;\">Totalt: {appointments_total_price}<\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n\n<!-- Knapp -->\n<tr>\n  <td align=\"center\" style=\"padding:0 8px 24px 8px;\">\n    <table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"max-width:350px; width:100%;\">\n      <tr>\n        <td align=\"center\" bgcolor=\"#635bff\" style=\"border-radius:10px;\">\n          <a href=\"https:\/\/bookingtjeneste.no\/nn\/kundepanel\/\" \n             target=\"_blank\"\n             style=\"display:inline-block; padding:18px 0; font-weight:800; font-size:17px; font-family: 'Inter', Arial, sans-serif; color:#ffffff; text-decoration:none; width:100%; border-radius:10px; letter-spacing:0.5px;\">\n            Kundepanel\n          <\/a>\n        <\/td>\n      <\/tr>\n    <\/table>\n  <\/td>\n<\/tr>\n\n\n\n\n<!-- SUPPORTINFO -->\n<tr>\n  <td style=\"padding:0 8px 22px 8px;\">\n    <div style=\"background:#fff;border-radius:9px;border:1px solid #eaeaef;padding:20px;color:#23263b;font-size:14px;line-height:1.7;\">\n      <div style=\"font-weight:700;color:#23263b;margin-bottom:6px;font-size:18px;\">Har du sp\u00f8rsm\u00e5l?<\/div>\n      <div>\n        Send oss en e-post.<br \/>\n        Kontakt oss: <a href=\"mailto:{staff_email}\" style=\"color:#23263b;text-decoration:underline;font-weight:600;\">{staff_email}<\/a>\n      <\/div>\n    <\/div>\n  <\/td>\n<\/tr>\n\n          <!-- FOOTER -->\n          <tr>\n            <td style=\"padding:5px 20px;font-size:13px;color:#555555;text-align:center;line-height:1.7;\">\n              <div>\n                <span style=\"font-size:15px;\"><\/span> {company_name} \u2022\n                <a href=\"\/nn\/{company_website}\/\" style=\"color:#555555;text-decoration:underline;\">{company_website}<\/a><br \/>\n                <span style=\"color:#555555;\">{company_address}<\/span> \u2022\n                <a href=\"mailto:{staff_email}\" style=\"color:#555555;text-decoration:underline;\">Kundeservice<\/a><br \/>\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/betingelser-og-vilkar-kunde\/\" style=\"color:#555555;text-decoration:underline;\">Vilk\u00e5r<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/cookieerklaering-eu\/\" style=\"color:#555555;text-decoration:underline;\">Cookies<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/personvernerklaering\/\" style=\"color:#555555;text-decoration:underline;\">Personvern<\/a>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n        <\/table>\n      <\/td>\n    <\/tr>\n  <\/table>\n<\/body>\n\n\n\n\n<\/textarea>\n\n<button class=\"copy-btn\" onclick=\"copyToClipboard6()\">Kopier kode<\/button>\n\n<script>\n    function copyToClipboard6() {\n        var copyText = document.getElementById(\"htmlCode6\");\n        copyText.style.display = \"block\"; \/\/ Temporarily display the textarea to copy content\n        copyText.select();\n        copyText.setSelectionRange(0, 99999); \/\/ For mobile devices\n\n        document.execCommand(\"copy\");\n        copyText.style.display = \"none\"; \/\/ Hide the textarea again\n        alert(\"HTML code copied to clipboard!\");\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a6ce05 e-con-full e-flex e-con e-child\" data-id=\"2a6ce05\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c551e4e e-con-full e-flex e-con e-child\" data-id=\"c551e4e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5c2145 elementor-widget elementor-widget-pix-heading\" data-id=\"c5c2145\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div  class=\"pix-heading-el text-left\"><div class=\"d-inline-block\" style=\"max-width:650px;\"><h5 class=\"text-heading-default font-weight-bold h5 heading-text el-title_custom_color mb-12\" style=\"\" data-anim-type=\"\" data-anim-delay=\"\">Egendefinert<\/h5><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de38bfb elementor-widget elementor-widget-pix-text\" data-id=\"de38bfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix-el-text w-100 text-left\" ><p class=\"resp-option text-left\"><p>Generell mal til eget innhold.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a474517 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a474517\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Copy HTML Code 5<\/title>\n    <style>\n        .copy-btn {\n            background-color: white;\n            color: black;\n            border: 1px solid black;\n            padding: 10px 20px;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n        \n        .copy-btn:hover {\n            background-color: #f0f0f0;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<textarea id=\"htmlCode5\" style=\"display:none;\">\n\n\n<body style=\"margin:0;padding:0;background:#ffffff;font-family:'Inter',Arial,sans-serif;\">\n  <table width=\"100%\" bgcolor=\"#ffffff\" cellpadding=\"0\" cellspacing=\"0\">\n    <tr>\n      <td align=\"center\" style=\"padding:15px 4px 26px 4px;\">\n        <table width=\"100%\" style=\"max-width:520px;background:#fff;border-radius:18px;overflow:hidden;\">\n          <!-- Logo og status -->\n          <tr>\n            <td style=\"padding:22px 8px 24px 8px;text-align:center;\">\n              <img decoding=\"async\" src=\"{company_image_url}\" width=\"120\" alt=\"Logo\"\n                   style=\"background:#ffffff;display:block;margin:0 auto;width:120px;max-width:100%;height:auto;\" \/>\n              <div style=\"font-size:23px;font-weight:800;color:#26263c;letter-spacing:-.5px;line-height:1.25;margin-top:20px;\">\n                {company_name}\n              <\/div>\n\n\n            <\/td>\n          <\/tr>\n\n\n\n\n<tr>\n  <td style=\"padding:0 8px 22px 8px;\">\n    <div style=\"background:#fff; border-radius:9px; border:1px solid #eaeaef; padding:20px; color:#23263b; font-size:14px; line-height:1.7; text-align:left; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;\">\n\n      <!-- Overskrift -->\n      <div style=\"font-weight:700; color:#23263b; margin-bottom:12px; font-size:18px;\">\n        Eksempel overskrift\n      <\/div>\n\n      <!-- Hilsen og tekst -->\n      <p style=\"margin:0 0 15px 0;\">\n        Hei <strong>{customer_first_name}<\/strong>.\n      <\/p>\n      <p style=\"margin:0 0 20px 0;\">\n        Eksempel tekst i e-posten... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eleifend, dui a varius eleifend, neque arcu elementum tellus, non convallis urna dui sit amet mi. Mauris tempus augue eget ex semper, sed fermentum justo dapibus. Nullam id lacus erat. Phasellus nec justo imperdiet, eleifend augue vitae, vestibulum quam. Etiam facilisis aliquet semper. Sed sodales viverra nisl sed euismod. Aliquam porta nunc odio, malesuada pellentesque justo iaculis a. Donec volutpat convallis risus, a molestie ligula pulvinar eu. Nam sollicitudin quam sit amet velit fermentum feugiat. Morbi semper purus ut faucibus tempor. Donec a rutrum lacus.\n      <\/p>\n\n<!-- Knapp -->\n<tr>\n  <td align=\"center\" style=\"padding:0 8px 24px 8px;\">\n    <table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"max-width:350px; width:100%;\">\n      <tr>\n        <td align=\"center\" bgcolor=\"#635bff\" style=\"border-radius:10px;\">\n          <a href=\"\/nn\/DIN-LENKE-HER\/\" \n             target=\"_blank\"\n             style=\"display:inline-block; padding:18px 0; font-weight:800; font-size:17px; font-family: 'Inter', Arial, sans-serif; color:#ffffff; text-decoration:none; width:100%; border-radius:10px; letter-spacing:0.5px;\">\n            Eksempel knapp\n          <\/a>\n        <\/td>\n      <\/tr>\n    <\/table>\n  <\/td>\n<\/tr>\n\n\n\n\n          <!-- FOOTER -->\n          <tr>\n            <td style=\"padding:5px 20px;font-size:13px;color:#555555;text-align:center;line-height:1.7;\">\n              <div>\n                <span style=\"font-size:15px;\"><\/span> {company_name} \u2022\n                <a href=\"\/nn\/{company_website}\/\" style=\"color:#555555;text-decoration:underline;\">{company_website}<\/a><br \/>\n                <span style=\"color:#555555;\">{company_address}<\/span> \u2022\n                <a href=\"mailto:{staff_email}\" style=\"color:#555555;text-decoration:underline;\">Kundeservice<\/a><br \/>\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/betingelser-og-vilkar-kunde\/\" style=\"color:#555555;text-decoration:underline;\">Vilk\u00e5r<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/cookieerklaering-eu\/\" style=\"color:#555555;text-decoration:underline;\">Cookies<\/a> \u00b7\n                <a href=\"https:\/\/bookingtjeneste.no\/nn\/personvernerklaering\/\" style=\"color:#555555;text-decoration:underline;\">Personvern<\/a>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n        <\/table>\n      <\/td>\n    <\/tr>\n  <\/table>\n<\/body>\n\n\n<\/textarea>\n\n<button class=\"copy-btn\" onclick=\"copyToClipboard5()\">Kopier kode<\/button>\n\n<script>\n    function copyToClipboard5() {\n        var copyText = document.getElementById(\"htmlCode5\");\n        copyText.style.display = \"block\"; \/\/ Temporarily display the textarea to copy content\n        copyText.select();\n        copyText.setSelectionRange(0, 99999); \/\/ For mobile devices\n\n        document.execCommand(\"copy\");\n        copyText.style.display = \"none\"; \/\/ Hide the textarea again\n        alert(\"HTML code copied to clipboard!\");\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Tilbake til kontrollpanel Bookingtjeneste maler Maler for E-post og PDF Dokument Disse malene er designet for \u00e5 h\u00e5ndtere alle slags bookinger. Alt er allerede kodet og klart til bruk. Du trenger bare \u00e5 utf\u00f8re f\u00f8lgende trinn for \u00e5 bruke dem:&#8230;<\/p>","protected":false},"author":1,"featured_media":24547,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17737","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/bookingtjeneste.no\/nn\/wp-json\/wp\/v2\/pages\/17737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bookingtjeneste.no\/nn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bookingtjeneste.no\/nn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bookingtjeneste.no\/nn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bookingtjeneste.no\/nn\/wp-json\/wp\/v2\/comments?post=17737"}],"version-history":[{"count":0,"href":"https:\/\/bookingtjeneste.no\/nn\/wp-json\/wp\/v2\/pages\/17737\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bookingtjeneste.no\/nn\/wp-json\/wp\/v2\/media\/24547"}],"wp:attachment":[{"href":"https:\/\/bookingtjeneste.no\/nn\/wp-json\/wp\/v2\/media?parent=17737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}