MAINHACK

Viewing / Editing File: invoice_templates.sql

INSERT INTO `admin_invoice_templates` (`name`, `body`, `editor`, `custom_css`, `type`, `created_at`, `updated_at`) VALUES
('Dynamic Template - Invoice', '<div class=\"element-box_2\" data-element-type=\"box_2\" data-drop=\"false\">\n	\n   \n   \n   \n   <div class=\"float-left dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"d-inline-block\" data-element-type=\"business_logo\">\n         \n         \n         \n         <img src=\"\" class=\"element-logo wp-100\">\n         \n      </div>\n      <div class=\"element-heading d-block heading\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading\" style=\"font-size: 2rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">$invoice_title</h1>\n         \n      </div>\n   </div>\n   <div class=\"float-right dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading\" style=\"font-size: 1.5rem; color: rgb(0, 0, 0); text-align: right; font-weight: 600;\">$business_name</h1>\n         \n      </div>\n      <div class=\"element-paragraph\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_address</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_phone</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_email</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_country</p>\n         \n      </div>\n   </div>\n   <div class=\"clearfix\"></div>\n</div>\n<div class=\"element-box dot-element my-4\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(72, 52, 212); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 10px; float: none; position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   \n</div>\n<div class=\"element-box_2\" data-element-type=\"box_2\" data-drop=\"false\">\n   \n   \n   \n   	\n   <div class=\"float-left dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading mb-2\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading mb-2\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">Billing Details</h1>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_name</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_address</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_zip</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_country</p>\n         \n      </div>\n   </div>\n   <div class=\"float-right dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Invoice No: $invoice_number</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Invoice Date: $invoice_date</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Due Date: $invoice_due_date</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Grand Total: $grand_total</p>\n         \n      </div>\n   </div>\n   <div class=\"clearfix\"></div>\n</div>\n<div class=\"element-invoice-item-table\" data-element-type=\"invoice_item_table\" style=\"position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   <div class=\"table-responsive\">\n      <table class=\"table table-bordered mt-4\" id=\"invoice-item-table\" style=\"background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);\">\n         <thead class=\"base_color\" style=\"background-color: rgb(72, 52, 212); color: rgb(255, 255, 255);\"></thead>\n         <tbody></tbody>\n      </table>\n   </div>\n   \n</div>\n<div class=\"element-box dot-element mb-4\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(204, 204, 204); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 5px; float: none; position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   \n</div>\n<div class=\"element-box_2\" data-element-type=\"box_2\" data-drop=\"false\">\n   \n   \n   \n   \n   <div class=\"float-left dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 600;\">Notes</h1>\n         \n      </div>\n      <div class=\"element-paragraph d-block pr-2\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block pr-2\" style=\"color: rgb(0, 0, 0); text-align: left;\">$invoice_note</p>\n         \n      </div>\n   </div>\n   <div class=\"float-right dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-invoice-summary-table\" data-element-type=\"invoice_summary_table\" style=\"position: relative; left: 0px; top: 0px;\">\n         \n         \n         \n         <div class=\"table-responsive\">\n            <table class=\"table no-style summary-table\" style=\"background-color: rgb(72, 52, 212); color: rgb(255, 255, 255);\">\n               <tbody></tbody>\n            </table>\n         </div>\n         \n      </div>\n   </div>\n   <div class=\"clearfix\"></div>\n</div>\n<div class=\"element-payment-history-table\" data-element-type=\"payment_history_table\" style=\"position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   <div class=\"table-responsive\">\n      <table class=\"table table-bordered\" style=\"background-color: rgb(255, 255, 255); color: rgb(74, 74, 74);\">\n         <thead class=\"base_color\" style=\"background-color: rgb(72, 52, 212); color: rgb(255, 255, 255);\">\n            <tr>\n               <th>Date</th>\n               <th>Method</th>\n               <th class=\"text-right\">Amount</th>\n               <th class=\"text-right\">Invoice Amount</th>\n            </tr>\n         </thead>\n         <tbody></tbody>\n      </table>\n   </div>\n   \n</div>\n<div class=\"element-paragraph d-block mt-5\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   <p class=\"paragraph d-block mt-5\" style=\"color: rgb(0, 0, 0); text-align: center;\">$invoice_footer_details</p>\n   \n</div>', '<div class=\"element-box_2 ui-sortable-handle\" data-element-type=\"box_2\" data-drop=\"false\">\n	<form action=\"\" method=\"post\">\n	    <div class=\"col-md-12 ui-droppable\">\n	       <div class=\"col-12 ui-droppable\"><h5 class=\"text-center\">No option available</h5></div>\n	    </div>\n	 </form>\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n   <div class=\"float-left dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"d-inline-block ui-droppable ui-sortable-handle\" data-element-type=\"business_logo\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <img src=\"/public/backend/images/company-logo.png\" class=\"element-logo wp-100\">\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Logo Witdh</label><input type=\"text\" class=\"form-control company_logo_width\" name=\"company_logo_width\" value=\"100px\" data-change-class=\".element-logo\" data-change-action=\"css_width\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control company_logo_custom_class\" name=\"company_logo_custom_class\" value=\"wp-100\" data-change-class=\".element-logo\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-heading d-block heading ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading\" style=\"font-size: 2rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">$invoice_title</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"$invoice_title\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"2rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\">600</option>\n                     <option value=\"700\" selected=\"selected\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"float-right dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading\" style=\"font-size: 1.5rem; color: rgb(0, 0, 0); text-align: right; font-weight: 600;\">$business_name</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"$business_name\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"1.5rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\" selected=\"selected\">600</option>\n                     <option value=\"700\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_address</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_address</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_phone</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_phone</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_email</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_email</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_country</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_country</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"clearfix ui-droppable\"></div>\n</div>\n<div class=\"element-box dot-element ui-sortable ui-droppable my-4 ui-sortable-handle\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(72, 52, 212); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 10px; float: none; position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt ui-sortable-handle\"></i>\n   <i class=\"far fa-edit ui-sortable-handle\"></i>\n   <i class=\"far fa-clone ui-sortable-handle\"></i>\n   <form action=\"\" method=\"post\" class=\"ui-sortable-handle\">\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Background Color</label><input type=\"text\" class=\"form-control box_background\" name=\"box_background\" value=\"#4834d4\" data-change-class=\"\" data-change-action=\"css_background\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control box_text_color\" name=\"box_text_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border</label><input type=\"text\" class=\"form-control box_border\" name=\"box_border\" value=\"0px solid\" data-change-class=\"\" data-change-action=\"css_border\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border Color</label><input type=\"text\" class=\"form-control box_border_color\" name=\"box_border_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_border-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Width</label><input type=\"text\" class=\"form-control box_width\" name=\"box_width\" value=\"100%\" data-change-class=\"\" data-change-action=\"css_width\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Height</label><input type=\"text\" class=\"form-control box_height\" name=\"box_height\" value=\"10px\" data-change-class=\"\" data-change-action=\"css_height\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Float</label>\n            <select class=\"form-control box_float\" name=\"box_float\" data-change-class=\"\" data-change-action=\"css_float\" required=\"\">\n               <option value=\"none\" selected=\"selected\">None</option>\n               <option value=\"left\">Left</option>\n               <option value=\"right\">Right</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control box_custom_class\" name=\"box_custom_class\" value=\"my-4\" data-change-class=\"\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>\n<div class=\"element-box_2 ui-droppable ui-sortable-handle\" data-element-type=\"box_2\" data-drop=\"false\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n   	<form action=\"\" method=\"post\">\n	    <div class=\"col-md-12 ui-droppable\">\n	       <div class=\"col-12 ui-droppable\"><h5 class=\"text-center\">No option available</h5></div>\n	    </div>\n	</form>\n   <div class=\"float-left dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading mb-2 ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading mb-2\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">Billing Details</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"Billing Details\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"1rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\">600</option>\n                     <option value=\"700\" selected=\"selected\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading mb-2\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_name</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_name</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_address</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_address</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_zip</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_zip</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_country</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_country</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"float-right dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Invoice No: $invoice_number</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Invoice No: $invoice_number</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Invoice Date: $invoice_date</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Invoice Date: $invoice_date</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Due Date: $invoice_due_date</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Due Date: $invoice_due_date</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Grand Total: $grand_total</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Grand Total: $grand_total</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"clearfix ui-droppable\"></div>\n</div>\n<div class=\"element-invoice-item-table ui-droppable ui-sortable-handle\" data-element-type=\"invoice_item_table\" style=\"position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-clone\"></i>\n   <i class=\"far fa-edit\"></i>\n   <div class=\"table-responsive ui-droppable\">\n      <table class=\"table table-bordered mt-4\" id=\"invoice-item-table\" style=\"background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);\">\n         <thead class=\"base_color\" style=\"background-color: rgb(72, 52, 212); color: rgb(255, 255, 255);\">\n            <tr>\n               <th>Name </th>\n               <th class=\"text-center wp-100\">Quantity </th>\n               <th class=\"text-right\">Price </th>\n               <th class=\"text-right\">Amount </th>\n            </tr>\n         </thead>\n         <tbody>\n            \n            <tr>\n               <td>Item 1</td>\n               <td class=\"text-center wp-100\">1</td>\n               <td class=\"text-right\">$ 999.00</td>\n               <td class=\"text-right\">$ 999.00</td>\n            </tr>\n            <tr>\n               <td>Item 2</td>\n               <td class=\"text-center wp-100\">1</td>\n               <td class=\"text-right\">$ 1099.00</td>\n               <td class=\"text-right\">$ 1099.00</td>\n            </tr>\n            \n         </tbody>\n      </table>\n   </div>\n   <form action=\"\" method=\"post\">\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Header Background</label><input type=\"text\" class=\"form-control invoice_item_table_header_background\" name=\"invoice_item_table_header_background\" value=\"#4834d4\" data-change-class=\".base_color\" data-change-action=\"css_background-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Header Color</label><input type=\"text\" class=\"form-control invoice_item_table_header_color\" name=\"invoice_item_table_header_color\" value=\"#FFFFFF\" data-change-class=\".base_color\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Table Background</label><input type=\"text\" class=\"form-control invoice_item_table_background\" name=\"invoice_item_table_background\" value=\"#ffffff\" data-change-class=\".table\" data-change-action=\"css_background-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Table Text Color</label><input type=\"text\" class=\"form-control invoice_item_table_text_color\" name=\"invoice_item_table_text_color\" value=\"#000000\" data-change-class=\".table\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Table Style</label>\n            <select class=\"form-control invoice_item_table_style\" name=\"invoice_item_table_style\" data-change-class=\".table\" data-change-action=\"addClass\" required=\"\">\n               <option value=\"table-bordered\" selected=\"selected\">Table Bordered</option>\n               <option value=\"table-striped\">Table Striped</option>\n               <option value=\"table-condensed\">Table Condensed</option>\n               <option value=\"no-style\">No Style</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control invoice_item_table_custom_class\" name=\"invoice_item_table_custom_class\" value=\"mt-4\" data-change-class=\".table\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>\n<div class=\"element-box dot-element ui-sortable ui-droppable mb-4 ui-sortable-handle\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(204, 204, 204); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 5px; float: none; position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt ui-sortable-handle\"></i>\n   <i class=\"far fa-edit ui-sortable-handle\"></i>\n   <i class=\"far fa-clone ui-sortable-handle\"></i>\n   <form action=\"\" method=\"post\" class=\"ui-sortable-handle\">\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Background Color</label><input type=\"text\" class=\"form-control box_background\" name=\"box_background\" value=\"#ccc\" data-change-class=\"\" data-change-action=\"css_background\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control box_text_color\" name=\"box_text_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border</label><input type=\"text\" class=\"form-control box_border\" name=\"box_border\" value=\"0px solid\" data-change-class=\"\" data-change-action=\"css_border\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border Color</label><input type=\"text\" class=\"form-control box_border_color\" name=\"box_border_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_border-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Width</label><input type=\"text\" class=\"form-control box_width\" name=\"box_width\" value=\"100%\" data-change-class=\"\" data-change-action=\"css_width\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Height</label><input type=\"text\" class=\"form-control box_height\" name=\"box_height\" value=\"5px\" data-change-class=\"\" data-change-action=\"css_height\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Float</label>\n            <select class=\"form-control box_float\" name=\"box_float\" data-change-class=\"\" data-change-action=\"css_float\" required=\"\">\n               <option value=\"none\" selected=\"selected\">None</option>\n               <option value=\"left\">Left</option>\n               <option value=\"right\">Right</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control box_custom_class\" name=\"box_custom_class\" value=\"mb-4\" data-change-class=\"\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>\n<div class=\"element-box_2 ui-droppable ui-sortable-handle\" data-element-type=\"box_2\" data-drop=\"false\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n   <form action=\"\" method=\"post\">\n	    <div class=\"col-md-12 ui-droppable\">\n	       <div class=\"col-12 ui-droppable\"><h5 class=\"text-center\">No option available</h5></div>\n	    </div>\n	</form>\n   <div class=\"float-left dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 600;\">Notes</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"Notes\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"1rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\" selected=\"selected\">600</option>\n                     <option value=\"700\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block pr-2 ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block pr-2\" style=\"color: rgb(0, 0, 0); text-align: left;\">$invoice_note</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$invoice_note</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"pr-2\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"float-right dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-invoice-summary-table ui-droppable ui-sortable-handle\" data-element-type=\"invoice_summary_table\" style=\"position: relative; left: 0px; top: 0px;\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <div class=\"table-responsive ui-droppable\">\n            <table class=\"table no-style summary-table\" style=\"background-color: rgb(72, 52, 212); color: rgb(255, 255, 255);\">\n               <tbody>\n                  <tr>\n                     <td>Sub Total</td>\n                     <td class=\"text-right\">\n                        <span>$ 2198.00</span>\n                     </td>\n                  </tr>\n                  <tr>\n                     <td>Taxes</td>\n                     <td class=\"text-right\">\n                        <span>$ 0.00</span>\n                     </td>\n                  </tr>\n                  <tr>\n                     <td>Discount</td>\n                     <td class=\"text-right\">\n                        <span>$ 0.00</span>\n                     </td>\n                  </tr>\n                  <tr>\n                     <td><b>Grand Total</b></td>\n                     <td class=\"text-right\">\n                        <b>$ 2198.00</b>\n                     </td>\n                  </tr>\n                  <tr>\n                     <td>Amount Due</td>\n                     <td class=\"text-right\">\n                        <span>$ 2198.00</span>\n                     </td>\n                  </tr>\n               </tbody>\n            </table>\n         </div>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Table Background</label><input type=\"text\" class=\"form-control invoice_summary_table_background\" name=\"invoice_summary_table_background\" value=\"rgb(72, 52, 212)\" data-change-class=\".table\" data-change-action=\"css_background-color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Table Text Color</label><input type=\"text\" class=\"form-control invoice_summary_table_text_color\" name=\"invoice_summary_table_text_color\" value=\"#ffffff\" data-change-class=\".table\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Table Style</label>\n                  <select class=\"form-control invoice_summary_table_style\" name=\"invoice_summary_table_style\" data-change-class=\".table\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"table-bordered\">Table Bordered</option>\n                     <option value=\"table-striped\">Table Striped</option>\n                     <option value=\"table-condensed\">Table Condensed</option>\n                     <option value=\"no-style\" selected=\"selected\">No Style</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control invoice_summary_table_custom_class\" name=\"invoice_summary_table_custom_class\" value=\"summary-table\" data-change-class=\".table\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"clearfix ui-droppable\"></div>\n</div>\n<div class=\"element-payment-history-table ui-droppable ui-sortable-handle\" data-element-type=\"payment_history_table\" style=\"position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n   <div class=\"table-responsive ui-droppable\">\n      <table class=\"table table-bordered\" style=\"background-color: rgb(255, 255, 255); color: rgb(74, 74, 74);\">\n         <thead class=\"base_color\" style=\"background-color: rgb(72, 52, 212); color: rgb(255, 255, 255);\">\n            <tr>\n               <th>Date</th>\n               <th>Method</th>\n               <th class=\"text-right\">Amount</th>\n               <th class=\"text-right\">Invoice Amount</th>\n            </tr>\n         </thead>\n         <tbody>\n            <tr>\n               <td>20/04/2023</td>\n               <td>PayPal</td>\n               <td class=\"text-right\">$ 599.00</td>\n               <td class=\"text-right\">$ 599.00</td>\n            </tr>\n         </tbody>\n      </table>\n   </div>\n   <form action=\"\" method=\"post\">\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Header Background</label><input type=\"text\" class=\"form-control payment_history_table_header_background\" name=\"payment_history_table_header_background\" value=\"#4834d4\" data-change-class=\".base_color\" data-change-action=\"css_background-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Header Color</label><input type=\"text\" class=\"form-control payment_history_table_header_color\" name=\"payment_history_table_header_color\" value=\"#FFFFFF\" data-change-class=\".base_color\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Table Background</label><input type=\"text\" class=\"form-control payment_history_table_background\" name=\"payment_history_table_background\" value=\"#FFFFF\" data-change-class=\".table\" data-change-action=\"css_background-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Table Text Color</label><input type=\"text\" class=\"form-control payment_history_table_text_color\" name=\"payment_history_table_text_color\" value=\"#4a4a4a\" data-change-class=\".table\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Table Style</label>\n            <select class=\"form-control payment_history_table_style\" name=\"payment_history_table_style\" data-change-class=\".table\" data-change-action=\"addClass\" required=\"\">\n               <option value=\"table-bordered\" selected=\"selected\">Table Bordered</option>\n               <option value=\"table-striped\">Table Striped</option>\n               <option value=\"table-condensed\">Table Condensed</option>\n               <option value=\"no-style\">No Style</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control payment_history_table_custom_class\" name=\"payment_history_table_custom_class\" value=\"\" data-change-class=\".table\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>\n<div class=\"element-paragraph d-block mt-5 ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n   <p class=\"paragraph d-block mt-5\" style=\"color: rgb(0, 0, 0); text-align: center;\">$invoice_footer_details</p>\n   <form action=\"\" method=\"post\">\n      <div class=\"col-md-12 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$invoice_footer_details</textarea></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Display</label>\n            <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n               <option value=\"d-block\" selected=\"selected\">Block</option>\n               <option value=\"d-inline-block\">Inline block</option>\n               <option value=\"d-inline\">Inline</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Text Align</label>\n            <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n               <option value=\"left\">Left</option>\n               <option value=\"center\" selected=\"selected\">Center</option>\n               <option value=\"right\">Right</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"mt-5\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>', '#invoice-item-table{margin: 20px 0px 0px;}\n@media print {\n  .table thead th{background-color: rgb(72, 52, 212) !important;}\n .table thead th{color: #FFFFFF !important;}\n .summary-table td{background-color: rgb(72, 52, 212) !important;}\n}', 'invoice', '2023-04-19 18:39:05', '2025-01-22 23:48:12');
INSERT INTO `admin_invoice_templates` (`name`, `body`, `editor`, `custom_css`, `type`, `created_at`, `updated_at`) VALUES
('Dynamic Template - Quotation', '<div class=\"element-box_2\" data-element-type=\"box_2\" data-drop=\"false\">\n   \n   \n   \n      \n   <div class=\"float-left dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"d-inline-block\" data-element-type=\"business_logo\">\n         \n         \n         \n         <img src=\"\" class=\"element-logo wp-100\">\n         \n      </div>\n      <div class=\"element-heading\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading\" style=\"font-size: 2rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">$quotation_title</h1>\n         \n      </div>\n   </div>\n   <div class=\"float-right dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading\" style=\"font-size: 1.5rem; color: rgb(0, 0, 0); text-align: right; font-weight: 600;\">$business_name</h1>\n         \n      </div>\n      <div class=\"element-paragraph\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_address</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_phone</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_email</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_country</p>\n         \n      </div>\n   </div>\n   <div class=\"clearfix\"></div>\n</div>\n<div class=\"element-box dot-element my-4\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(72, 52, 212); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 10px; float: none; position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   \n</div>\n<div class=\"element-box_2\" data-element-type=\"box_2\" data-drop=\"false\">\n   \n   \n   \n      \n   <div class=\"float-left dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading mb-2\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading mb-2\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">Billing Details</h1>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_name</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_address</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_zip</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_country</p>\n         \n      </div>\n   </div>\n   <div class=\"float-right dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-paragraph\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Quotation No: $quotation_number</p>\n         \n      </div>\n      <div class=\"element-paragraph\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Quotation Date: $quotation_date</p>\n         \n      </div>\n      <div class=\"element-paragraph\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Expired Date: $quotation_expired_date</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Grand Total: $grand_total</p>\n         \n      </div>\n   </div>\n   <div class=\"clearfix\"></div>\n</div>\n<div class=\"element-invoice-item-table\" data-element-type=\"quotation_item_table\" style=\"position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   <div class=\"table-responsive\">\n      <table class=\"table table-bordered\" id=\"invoice-item-table\" style=\"background-color: rgb(255, 255, 255); color: rgb(74, 74, 74);\">\n         <thead class=\"base_color\" style=\"background-color: rgb(72, 52, 212); color: rgb(255, 255, 255);\"></thead>\n         <tbody></tbody>\n      </table>\n   </div>\n   \n</div>\n<div class=\"element-box dot-element mb-4\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(204, 204, 204); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 5px; float: none; position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   \n</div>\n<div class=\"element-box_2\" data-element-type=\"box_2\" data-drop=\"false\">\n   \n   \n   \n      \n   <div class=\"float-left dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 600;\">Notes</h1>\n         \n      </div>\n      <div class=\"element-paragraph\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block pr-2\" style=\"color: rgb(0, 0, 0); text-align: left;\">$quotation_note</p>\n         \n      </div>\n   </div>\n   <div class=\"float-right dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-invoice-summary-table\" data-element-type=\"quotation_summary_table\">\n         \n         \n         \n         <div class=\"table-responsive\">\n            <table class=\"table no-style summary-table\" style=\"background-color: rgb(72, 52, 212); color: rgb(255, 255, 255);\">\n               <tbody></tbody>\n            </table>\n         </div>\n         \n      </div>\n   </div>\n   <div class=\"clearfix\"></div>\n</div>\n<div class=\"element-paragraph\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   <p class=\"paragraph d-block mt-5\" style=\"color: rgb(0, 0, 0); text-align: center;\">$quotation_footer_details</p>\n   \n</div>', '<div class=\"element-box_2 ui-sortable-handle\" data-element-type=\"box_2\" data-drop=\"false\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n      <form action=\"\" method=\"post\">\n       <div class=\"col-md-12 ui-droppable\">\n          <div class=\"col-12 ui-droppable\"><h5 class=\"text-center\">No option available</h5></div>\n       </div>\n    </form>\n   <div class=\"float-left dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"d-inline-block ui-droppable ui-sortable-handle\" data-element-type=\"business_logo\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <img src=\"/public/backend/images/company-logo.png\" class=\"element-logo wp-100\">\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Logo Witdh</label><input type=\"text\" class=\"form-control company_logo_width\" name=\"company_logo_width\" value=\"100px\" data-change-class=\".element-logo\" data-change-action=\"css_width\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control company_logo_custom_class\" name=\"company_logo_custom_class\" value=\"wp-100\" data-change-class=\".element-logo\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-heading ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading\" style=\"font-size: 2rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">$quotation_title</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"$quotation_title\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"2rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\">600</option>\n                     <option value=\"700\" selected=\"selected\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"float-right dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading\" style=\"font-size: 1.5rem; color: rgb(0, 0, 0); text-align: right; font-weight: 600;\">$business_name</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"$business_name\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"1.5rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\" selected=\"selected\">600</option>\n                     <option value=\"700\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_address</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_address</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_phone</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_phone</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_email</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_email</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_country</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_country</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"clearfix ui-droppable\"></div>\n</div>\n<div class=\"element-box dot-element ui-sortable ui-droppable my-4 ui-sortable-handle\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(72, 52, 212); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 10px; float: none; position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt ui-sortable-handle\"></i>\n   <i class=\"far fa-edit ui-sortable-handle\"></i>\n   <i class=\"far fa-clone ui-sortable-handle\"></i>\n   <form action=\"\" method=\"post\" class=\"ui-sortable-handle\">\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Background Color</label><input type=\"text\" class=\"form-control box_background\" name=\"box_background\" value=\"#4834d4\" data-change-class=\"\" data-change-action=\"css_background\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control box_text_color\" name=\"box_text_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border</label><input type=\"text\" class=\"form-control box_border\" name=\"box_border\" value=\"0px solid\" data-change-class=\"\" data-change-action=\"css_border\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border Color</label><input type=\"text\" class=\"form-control box_border_color\" name=\"box_border_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_border-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Width</label><input type=\"text\" class=\"form-control box_width\" name=\"box_width\" value=\"100%\" data-change-class=\"\" data-change-action=\"css_width\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Height</label><input type=\"text\" class=\"form-control box_height\" name=\"box_height\" value=\"10px\" data-change-class=\"\" data-change-action=\"css_height\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Float</label>\n            <select class=\"form-control box_float\" name=\"box_float\" data-change-class=\"\" data-change-action=\"css_float\" required=\"\">\n               <option value=\"none\" selected=\"selected\">None</option>\n               <option value=\"left\">Left</option>\n               <option value=\"right\">Right</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control box_custom_class\" name=\"box_custom_class\" value=\"my-4\" data-change-class=\"\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>\n<div class=\"element-box_2 ui-droppable ui-sortable-handle\" data-element-type=\"box_2\" data-drop=\"false\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n      <form action=\"\" method=\"post\">\n       <div class=\"col-md-12 ui-droppable\">\n          <div class=\"col-12 ui-droppable\"><h5 class=\"text-center\">No option available</h5></div>\n       </div>\n    </form>\n   <div class=\"float-left dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading mb-2 ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading mb-2\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">Billing Details</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"Billing Details\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"1rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\">600</option>\n                     <option value=\"700\" selected=\"selected\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading mb-2\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_name</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_name</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_address</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_address</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_zip</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_zip</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_country</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_country</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"float-right dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-paragraph ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Quotation No: $quotation_number</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Quotation No: $quotation_number</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Quotation Date: $quotation_date</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Quotation Date: $quotation_date</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Expired Date: $quotation_expired_date</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Expired Date: $quotation_expired_date</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Grand Total: $grand_total</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Grand Total: $grand_total</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"clearfix ui-droppable\"></div>\n</div>\n<div class=\"element-invoice-item-table ui-droppable ui-sortable-handle\" data-element-type=\"quotation_item_table\" style=\"position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"fas fa-clone\" style=\"\"></i>\n   <div class=\"table-responsive ui-droppable\">\n      <table class=\"table table-bordered\" id=\"invoice-item-table\" style=\"background-color: rgb(255, 255, 255); color: rgb(74, 74, 74);\">\n         <thead class=\"base_color\" style=\"background-color: rgb(72, 52, 212); color: rgb(255, 255, 255);\">\n            <tr>\n               <th>Name </th>\n               <th class=\"text-center wp-100\">Quantity </th>\n               <th class=\"text-right\">Price </th>\n               <th class=\"text-right\">Amount </th>\n            </tr>\n         </thead>\n         <tbody>\n            \n            <tr>\n               <td>Item 1</td>\n               <td class=\"text-center wp-100\">1</td>\n               <td class=\"text-right\">$ 999.00</td>\n               <td class=\"text-right\">$ 999.00</td>\n            </tr>\n            <tr>\n               <td>Item 2</td>\n               <td class=\"text-center wp-100\">1</td>\n               <td class=\"text-right\">$ 1099.00</td>\n               <td class=\"text-right\">$ 1099.00</td>\n            </tr>\n            \n         </tbody>\n      </table>\n   </div>\n   <form action=\"\" method=\"post\">\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Header Background</label><input type=\"text\" class=\"form-control invoice_item_table_header_background\" name=\"invoice_item_table_header_background\" value=\"#4834d4\" data-change-class=\".base_color\" data-change-action=\"css_background-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Header Color</label><input type=\"text\" class=\"form-control invoice_item_table_header_color\" name=\"invoice_item_table_header_color\" value=\"#FFFFFF\" data-change-class=\".base_color\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Table Background</label><input type=\"text\" class=\"form-control invoice_item_table_background\" name=\"invoice_item_table_background\" value=\"#FFFFFF\" data-change-class=\".table\" data-change-action=\"css_background-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Table Text Color</label><input type=\"text\" class=\"form-control invoice_item_table_text_color\" name=\"invoice_item_table_text_color\" value=\"#4a4a4a\" data-change-class=\".table\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Table Style</label>\n            <select class=\"form-control invoice_item_table_style\" name=\"invoice_item_table_style\" data-change-class=\".table\" data-change-action=\"addClass\" required=\"\">\n               <option value=\"table-bordered\" selected=\"selected\">Table Bordered</option>\n               <option value=\"table-striped\">Table Striped</option>\n               <option value=\"table-condensed\">Table Condensed</option>\n               <option value=\"no-style\">No Style</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control invoice_item_table_custom_class\" name=\"invoice_item_table_custom_class\" value=\"\" data-change-class=\".table\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>\n<div class=\"element-box dot-element ui-sortable ui-droppable mb-4 ui-sortable-handle\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(204, 204, 204); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 5px; float: none; position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt ui-sortable-handle\"></i>\n   <i class=\"far fa-edit ui-sortable-handle\"></i>\n   <i class=\"far fa-clone ui-sortable-handle\"></i>\n   <form action=\"\" method=\"post\" class=\"ui-sortable-handle\">\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Background Color</label><input type=\"text\" class=\"form-control box_background\" name=\"box_background\" value=\"#ccc\" data-change-class=\"\" data-change-action=\"css_background\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control box_text_color\" name=\"box_text_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border</label><input type=\"text\" class=\"form-control box_border\" name=\"box_border\" value=\"0px solid\" data-change-class=\"\" data-change-action=\"css_border\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border Color</label><input type=\"text\" class=\"form-control box_border_color\" name=\"box_border_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_border-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Width</label><input type=\"text\" class=\"form-control box_width\" name=\"box_width\" value=\"100%\" data-change-class=\"\" data-change-action=\"css_width\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Height</label><input type=\"text\" class=\"form-control box_height\" name=\"box_height\" value=\"5px\" data-change-class=\"\" data-change-action=\"css_height\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Float</label>\n            <select class=\"form-control box_float\" name=\"box_float\" data-change-class=\"\" data-change-action=\"css_float\" required=\"\">\n               <option value=\"none\" selected=\"selected\">None</option>\n               <option value=\"left\">Left</option>\n               <option value=\"right\">Right</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control box_custom_class\" name=\"box_custom_class\" value=\"mb-4\" data-change-class=\"\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>\n<div class=\"element-box_2 ui-droppable ui-sortable-handle\" data-element-type=\"box_2\" data-drop=\"false\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n      <form action=\"\" method=\"post\">\n       <div class=\"col-md-12 ui-droppable\">\n          <div class=\"col-12 ui-droppable\"><h5 class=\"text-center\">No option available</h5></div>\n       </div>\n    </form>\n   <div class=\"float-left dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 600;\">Notes</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"Notes\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"1rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\" selected=\"selected\">600</option>\n                     <option value=\"700\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block pr-2\" style=\"color: rgb(0, 0, 0); text-align: left;\">$quotation_note</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$quotation_note</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"pr-2\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"float-right dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-invoice-summary-table ui-droppable ui-sortable-handle\" data-element-type=\"quotation_summary_table\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"fas fa-clone\" style=\"\"></i>\n         <div class=\"table-responsive ui-droppable\">\n            <table class=\"table no-style summary-table\" style=\"background-color: rgb(72, 52, 212); color: rgb(255, 255, 255);\">\n               <tbody>\n                  <tr>\n                     <td>Sub Total</td>\n                     <td class=\"text-right\">\n                        <span>$ 2,198.00</span>\n                     </td>\n                  </tr>\n                  <tr>\n                     <td>Taxes</td>\n                     <td class=\"text-right\">\n                        <span>$ 0.00</span>\n                     </td>\n                  </tr>\n                  <tr>\n                     <td>Discount</td>\n                     <td class=\"text-right\">\n                        <span>$ 0.00</span>\n                     </td>\n                  </tr>\n                  <tr>\n                     <td><b>Grand Total</b></td>\n                     <td class=\"text-right\">\n                        <b>$ 2,198.00</b>\n                     </td>\n                  </tr>\n               </tbody>\n            </table>\n         </div>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Table Background</label><input type=\"text\" class=\"form-control invoice_summary_table_background\" name=\"invoice_summary_table_background\" value=\"#4834d4\" data-change-class=\".table\" data-change-action=\"css_background-color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Table Text Color</label><input type=\"text\" class=\"form-control invoice_summary_table_text_color\" name=\"invoice_summary_table_text_color\" value=\"#FFFFFF\" data-change-class=\".table\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Table Style</label>\n                  <select class=\"form-control invoice_summary_table_style\" name=\"invoice_summary_table_style\" data-change-class=\".table\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"table-bordered\">Table Bordered</option>\n                     <option value=\"table-striped\">Table Striped</option>\n                     <option value=\"table-condensed\">Table Condensed</option>\n                     <option value=\"no-style\" selected=\"selected\">No Style</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control invoice_summary_table_custom_class\" name=\"invoice_summary_table_custom_class\" value=\"summary-table\" data-change-class=\".table\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"clearfix ui-droppable\"></div>\n</div>\n<div class=\"element-paragraph ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n   <p class=\"paragraph d-block mt-5\" style=\"color: rgb(0, 0, 0); text-align: center;\">$quotation_footer_details</p>\n   <form action=\"\" method=\"post\">\n      <div class=\"col-md-12 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$quotation_footer_details</textarea></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Display</label>\n            <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n               <option value=\"d-block\" selected=\"selected\">Block</option>\n               <option value=\"d-inline-block\">Inline block</option>\n               <option value=\"d-inline\">Inline</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Text Align</label>\n            <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n               <option value=\"left\">Left</option>\n               <option value=\"center\" selected=\"selected\">Center</option>\n               <option value=\"right\">Right</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"mt-5\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>', '#invoice-item-table{margin: 20px 0px 0px;}\n\n@media print {\n  .table thead th{background-color: rgb(72, 52, 212) !important;}\n .table thead th{color: #FFFFFF !important;}\n .summary-table td{background-color: rgb(72, 52, 212) !important;}\n}', 'quotation', '2023-04-21 01:30:53', '2025-01-22 23:48:06');
INSERT INTO `admin_invoice_templates` (`name`, `body`, `editor`, `custom_css`, `type`, `created_at`, `updated_at`) VALUES
('Dynamic Template - Heliotrope', '<div class=\"element-box_2\" data-element-type=\"box_2\" data-drop=\"false\">\n	\n   \n   \n   \n   <div class=\"float-left dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"d-inline-block\" data-element-type=\"business_logo\">\n         \n         \n         \n         <img src=\"\" class=\"element-logo wp-100\">\n         \n      </div>\n      <div class=\"element-heading d-block heading\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading\" style=\"font-size: 2rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">$invoice_title</h1>\n         \n      </div>\n   </div>\n   <div class=\"float-right dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading\" style=\"font-size: 1.5rem; color: rgb(0, 0, 0); text-align: right; font-weight: 600;\">$business_name</h1>\n         \n      </div>\n      <div class=\"element-paragraph\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_address</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_phone</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_email</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_country</p>\n         \n      </div>\n   </div>\n   <div class=\"clearfix\"></div>\n</div>\n<div class=\"element-box dot-element my-4\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(224, 86, 253); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 10px; float: none; position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   \n</div>\n<div class=\"element-box_2\" data-element-type=\"box_2\" data-drop=\"false\">\n   \n   \n   \n   	\n   <div class=\"float-left dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading mb-2\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading mb-2\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">Billing Details</h1>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_name</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_address</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_zip</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_country</p>\n         \n      </div>\n   </div>\n   <div class=\"float-right dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Invoice No: $invoice_number</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Invoice Date: $invoice_date</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Due Date: $invoice_due_date</p>\n         \n      </div>\n      <div class=\"element-paragraph d-block\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Grand Total: $grand_total</p>\n         \n      </div>\n   </div>\n   <div class=\"clearfix\"></div>\n</div>\n<div class=\"element-invoice-item-table\" data-element-type=\"invoice_item_table\" style=\"position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   <div class=\"table-responsive\">\n      <table class=\"table table-striped mt-4\" id=\"invoice-item-table\" style=\"background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);\">\n         <thead class=\"base_color\" style=\"background-color: rgb(224, 86, 253); color: rgb(255, 255, 255);\"></thead>\n         <tbody></tbody>\n      </table>\n   </div>\n   \n</div>\n<div class=\"element-box dot-element mb-4\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(204, 204, 204); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 5px; float: none; position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   \n</div>\n<div class=\"element-box_2\" data-element-type=\"box_2\" data-drop=\"false\">\n   \n   \n   \n   \n   <div class=\"float-left dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading\" data-element-type=\"heading\">\n         \n         \n         \n         <h1 class=\"d-block heading\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 600;\">Notes</h1>\n         \n      </div>\n      <div class=\"element-paragraph d-block pr-2\" data-element-type=\"paragraph\">\n         \n         \n         \n         <p class=\"paragraph d-block pr-2\" style=\"color: rgb(0, 0, 0); text-align: left;\">$invoice_note</p>\n         \n      </div>\n   </div>\n   <div class=\"float-right dot-element\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-invoice-summary-table\" data-element-type=\"invoice_summary_table\" style=\"position: relative; left: 0px; top: 0px;\">\n         \n         \n         \n         <div class=\"table-responsive\">\n            <table class=\"table table-bordered summary-table\" style=\"background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);\">\n               <tbody></tbody>\n            </table>\n         </div>\n         \n      </div>\n   </div>\n   <div class=\"clearfix\"></div>\n</div>\n<div class=\"element-payment-history-table\" data-element-type=\"payment_history_table\" style=\"position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   <div class=\"table-responsive\">\n      <table class=\"table table-striped\" style=\"background-color: rgb(255, 255, 255); color: rgb(74, 74, 74);\">\n         <thead class=\"base_color\" style=\"background-color: rgb(224, 86, 253); color: rgb(255, 255, 255);\">\n            <tr>\n               <th>Date</th>\n               <th>Method</th>\n               <th class=\"text-right\">Amount</th>\n               <th class=\"text-right\">Invoice Amount</th>\n            </tr>\n         </thead>\n         <tbody></tbody>\n      </table>\n   </div>\n   \n</div>\n<div class=\"element-paragraph d-block mt-5\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n   \n   \n   \n   <p class=\"paragraph d-block mt-5\" style=\"color: rgb(0, 0, 0); text-align: center;\">$invoice_footer_details</p>\n   \n</div>', '<div class=\"element-box_2 ui-sortable-handle\" data-element-type=\"box_2\" data-drop=\"false\">\n	<form action=\"\" method=\"post\">\n	    <div class=\"col-md-12 ui-droppable\">\n	       <div class=\"col-12 ui-droppable\"><h5 class=\"text-center\">No option available</h5></div>\n	    </div>\n	 </form>\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n   <div class=\"float-left dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"d-inline-block ui-droppable ui-sortable-handle\" data-element-type=\"business_logo\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <img src=\"/public/backend/images/company-logo.png\" class=\"element-logo wp-100\">\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Logo Witdh</label><input type=\"text\" class=\"form-control company_logo_width\" name=\"company_logo_width\" value=\"100px\" data-change-class=\".element-logo\" data-change-action=\"css_width\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control company_logo_custom_class\" name=\"company_logo_custom_class\" value=\"wp-100\" data-change-class=\".element-logo\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-heading d-block heading ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading\" style=\"font-size: 2rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">$invoice_title</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"$invoice_title\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"2rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\">600</option>\n                     <option value=\"700\" selected=\"selected\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"float-right dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading\" style=\"font-size: 1.5rem; color: rgb(0, 0, 0); text-align: right; font-weight: 600;\">$business_name</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"$business_name\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"1.5rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\" selected=\"selected\">600</option>\n                     <option value=\"700\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_address</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_address</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_phone</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_phone</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_email</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_email</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">$business_country</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$business_country</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"clearfix ui-droppable\"></div>\n</div>\n<div class=\"element-box dot-element ui-sortable ui-droppable my-4 ui-sortable-handle\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(224, 86, 253); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 10px; float: none; position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt ui-sortable-handle\"></i>\n   <i class=\"far fa-edit ui-sortable-handle\"></i>\n   <i class=\"far fa-clone ui-sortable-handle\"></i>\n   <form action=\"\" method=\"post\" class=\"ui-sortable-handle\">\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Background Color</label><input type=\"text\" class=\"form-control box_background\" name=\"box_background\" value=\"#e056fd\" data-change-class=\"\" data-change-action=\"css_background\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control box_text_color\" name=\"box_text_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border</label><input type=\"text\" class=\"form-control box_border\" name=\"box_border\" value=\"0px solid\" data-change-class=\"\" data-change-action=\"css_border\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border Color</label><input type=\"text\" class=\"form-control box_border_color\" name=\"box_border_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_border-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Width</label><input type=\"text\" class=\"form-control box_width\" name=\"box_width\" value=\"100%\" data-change-class=\"\" data-change-action=\"css_width\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Height</label><input type=\"text\" class=\"form-control box_height\" name=\"box_height\" value=\"10px\" data-change-class=\"\" data-change-action=\"css_height\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Float</label>\n            <select class=\"form-control box_float\" name=\"box_float\" data-change-class=\"\" data-change-action=\"css_float\" required=\"\">\n               <option value=\"none\" selected=\"selected\">None</option>\n               <option value=\"left\">Left</option>\n               <option value=\"right\">Right</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control box_custom_class\" name=\"box_custom_class\" value=\"my-4\" data-change-class=\"\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>\n<div class=\"element-box_2 ui-droppable ui-sortable-handle\" data-element-type=\"box_2\" data-drop=\"false\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n   	<form action=\"\" method=\"post\">\n	    <div class=\"col-md-12 ui-droppable\">\n	       <div class=\"col-12 ui-droppable\"><h5 class=\"text-center\">No option available</h5></div>\n	    </div>\n	</form>\n   <div class=\"float-left dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading d-block heading mb-2 ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading mb-2\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 700;\">Billing Details</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"Billing Details\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"1rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\">600</option>\n                     <option value=\"700\" selected=\"selected\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading mb-2\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_name</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_name</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_address</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_address</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_zip</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_zip</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: left;\">$customer_country</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$customer_country</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"float-right dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Invoice No: $invoice_number</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Invoice No: $invoice_number</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Invoice Date: $invoice_date</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Invoice Date: $invoice_date</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Due Date: $invoice_due_date</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Due Date: $invoice_due_date</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block\" style=\"color: rgb(0, 0, 0); text-align: right;\">Grand Total: $grand_total</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">Grand Total: $grand_total</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\" selected=\"selected\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"clearfix ui-droppable\"></div>\n</div>\n<div class=\"element-invoice-item-table ui-droppable ui-sortable-handle\" data-element-type=\"invoice_item_table\" style=\"position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-clone\"></i>\n   <i class=\"far fa-edit\"></i>\n   <div class=\"table-responsive ui-droppable\">\n      <table class=\"table table-striped mt-4\" id=\"invoice-item-table\" style=\"background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);\">\n         <thead class=\"base_color\" style=\"background-color: rgb(224, 86, 253); color: rgb(255, 255, 255);\">\n            <tr>\n               <th>Name </th>\n               <th class=\"text-center wp-100\">Quantity </th>\n               <th class=\"text-right\">Price </th>\n               <th class=\"text-right\">Amount </th>\n            </tr>\n         </thead>\n         <tbody>\n            \n            <tr>\n               <td>Item 1</td>\n               <td class=\"text-center wp-100\">1</td>\n               <td class=\"text-right\">$ 999.00</td>\n               <td class=\"text-right\">$ 999.00</td>\n            </tr>\n            <tr>\n               <td>Item 2</td>\n               <td class=\"text-center wp-100\">1</td>\n               <td class=\"text-right\">$ 1099.00</td>\n               <td class=\"text-right\">$ 1099.00</td>\n            </tr>\n            \n         </tbody>\n      </table>\n   </div>\n   <form action=\"\" method=\"post\">\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Header Background</label><input type=\"text\" class=\"form-control invoice_item_table_header_background\" name=\"invoice_item_table_header_background\" value=\"#e056fd\" data-change-class=\".base_color\" data-change-action=\"css_background-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Header Color</label><input type=\"text\" class=\"form-control invoice_item_table_header_color\" name=\"invoice_item_table_header_color\" value=\"#FFFFFF\" data-change-class=\".base_color\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Table Background</label><input type=\"text\" class=\"form-control invoice_item_table_background\" name=\"invoice_item_table_background\" value=\"#ffffff\" data-change-class=\".table\" data-change-action=\"css_background-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Table Text Color</label><input type=\"text\" class=\"form-control invoice_item_table_text_color\" name=\"invoice_item_table_text_color\" value=\"#000000\" data-change-class=\".table\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Table Style</label>\n            <select class=\"form-control invoice_item_table_style\" name=\"invoice_item_table_style\" data-change-class=\".table\" data-change-action=\"addClass\" required=\"\">\n               <option value=\"table-bordered\">Table Bordered</option>\n               <option value=\"table-striped\" selected=\"selected\">Table Striped</option>\n               <option value=\"table-condensed\">Table Condensed</option>\n               <option value=\"no-style\">No Style</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control invoice_item_table_custom_class\" name=\"invoice_item_table_custom_class\" value=\"mt-4\" data-change-class=\".table\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>\n<div class=\"element-box dot-element ui-sortable ui-droppable mb-4 ui-sortable-handle\" data-sort=\"true\" data-element-type=\"box\" style=\"background: rgb(204, 204, 204); color: rgb(0, 0, 0); border: 0px solid rgb(0, 0, 0); width: 100%; height: 5px; float: none; position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt ui-sortable-handle\"></i>\n   <i class=\"far fa-edit ui-sortable-handle\"></i>\n   <i class=\"far fa-clone ui-sortable-handle\"></i>\n   <form action=\"\" method=\"post\" class=\"ui-sortable-handle\">\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Background Color</label><input type=\"text\" class=\"form-control box_background\" name=\"box_background\" value=\"#ccc\" data-change-class=\"\" data-change-action=\"css_background\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control box_text_color\" name=\"box_text_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border</label><input type=\"text\" class=\"form-control box_border\" name=\"box_border\" value=\"0px solid\" data-change-class=\"\" data-change-action=\"css_border\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Border Color</label><input type=\"text\" class=\"form-control box_border_color\" name=\"box_border_color\" value=\"#000\" data-change-class=\"\" data-change-action=\"css_border-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Width</label><input type=\"text\" class=\"form-control box_width\" name=\"box_width\" value=\"100%\" data-change-class=\"\" data-change-action=\"css_width\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Height</label><input type=\"text\" class=\"form-control box_height\" name=\"box_height\" value=\"5px\" data-change-class=\"\" data-change-action=\"css_height\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Float</label>\n            <select class=\"form-control box_float\" name=\"box_float\" data-change-class=\"\" data-change-action=\"css_float\" required=\"\">\n               <option value=\"none\" selected=\"selected\">None</option>\n               <option value=\"left\">Left</option>\n               <option value=\"right\">Right</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control box_custom_class\" name=\"box_custom_class\" value=\"mb-4\" data-change-class=\"\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>\n<div class=\"element-box_2 ui-droppable ui-sortable-handle\" data-element-type=\"box_2\" data-drop=\"false\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n   <form action=\"\" method=\"post\">\n	    <div class=\"col-md-12 ui-droppable\">\n	       <div class=\"col-12 ui-droppable\"><h5 class=\"text-center\">No option available</h5></div>\n	    </div>\n	</form>\n   <div class=\"float-left dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-heading ui-droppable ui-sortable-handle\" data-element-type=\"heading\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <h1 class=\"d-block heading\" style=\"font-size: 1rem; color: rgb(0, 0, 0); text-align: left; font-weight: 600;\">Notes</h1>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Heading Text</label><input type=\"text\" class=\"form-control heading_text\" name=\"heading_text\" value=\"Notes\" data-change-class=\".heading\" data-change-action=\"html\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Font Size</label><input type=\"text\" class=\"form-control heading_style\" name=\"heading_style\" value=\"1rem\" data-change-class=\".heading\" data-change-action=\"css_font-size\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control heading_text_color\" name=\"heading_text_color\" value=\"#000\" data-change-class=\".heading\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control heading_text_align\" name=\"heading_text_align\" data-change-class=\".heading\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control heading_display_type\" name=\"heading_display_type\" data-change-class=\".heading\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Font Weight</label>\n                  <select class=\"form-control heading_font_weight\" name=\"heading_font_weight\" data-change-class=\".heading\" data-change-action=\"css_font-weight\" required=\"\">\n                     <option value=\"400\">400</option>\n                     <option value=\"500\">500</option>\n                     <option value=\"600\" selected=\"selected\">600</option>\n                     <option value=\"700\">700</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control heading_custom_class\" name=\"heading_custom_class\" value=\"heading\" data-change-class=\".heading\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n      <div class=\"element-paragraph d-block pr-2 ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <p class=\"paragraph d-block pr-2\" style=\"color: rgb(0, 0, 0); text-align: left;\">$invoice_note</p>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-12 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$invoice_note</textarea></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Display</label>\n                  <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"d-block\" selected=\"selected\">Block</option>\n                     <option value=\"d-inline-block\">Inline block</option>\n                     <option value=\"d-inline\">Inline</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Text Align</label>\n                  <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n                     <option value=\"left\" selected=\"selected\">Left</option>\n                     <option value=\"center\">Center</option>\n                     <option value=\"right\">Right</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"pr-2\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"float-right dot-element ui-sortable ui-droppable\" style=\"width:50%\" data-drop=\"true\" data-sort=\"true\">\n      <div class=\"element-invoice-summary-table ui-droppable ui-sortable-handle\" data-element-type=\"invoice_summary_table\" style=\"position: relative; left: 0px; top: 0px;\">\n         <i class=\"far fa-trash-alt\"></i>\n         <i class=\"far fa-edit\"></i>\n         <i class=\"far fa-clone\"></i>\n         <div class=\"table-responsive ui-droppable\">\n            <table class=\"table table-bordered summary-table\" style=\"background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);\">\n               <tbody>\n                  <tr>\n                     <td>Sub Total</td>\n                     <td class=\"text-right\">\n                        <span>$ 2198.00</span>\n                     </td>\n                  </tr>\n                  <tr>\n                     <td>Taxes</td>\n                     <td class=\"text-right\">\n                        <span>$ 0.00</span>\n                     </td>\n                  </tr>\n                  <tr>\n                     <td>Discount</td>\n                     <td class=\"text-right\">\n                        <span>$ 0.00</span>\n                     </td>\n                  </tr>\n                  <tr>\n                     <td><b>Grand Total</b></td>\n                     <td class=\"text-right\">\n                        <b>$ 2198.00</b>\n                     </td>\n                  </tr>\n                  <tr>\n                     <td>Amount Due</td>\n                     <td class=\"text-right\">\n                        <span>$ 2198.00</span>\n                     </td>\n                  </tr>\n               </tbody>\n            </table>\n         </div>\n         <form action=\"\" method=\"post\">\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Table Background</label><input type=\"text\" class=\"form-control invoice_summary_table_background\" name=\"invoice_summary_table_background\" value=\"#FFFFFF\" data-change-class=\".table\" data-change-action=\"css_background-color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Table Text Color</label><input type=\"text\" class=\"form-control invoice_summary_table_text_color\" name=\"invoice_summary_table_text_color\" value=\"#000000\" data-change-class=\".table\" data-change-action=\"css_color\" required=\"\"></div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\">\n                  <label>Table Style</label>\n                  <select class=\"form-control invoice_summary_table_style\" name=\"invoice_summary_table_style\" data-change-class=\".table\" data-change-action=\"addClass\" required=\"\">\n                     <option value=\"table-bordered\" selected=\"selected\">Table Bordered</option>\n                     <option value=\"table-striped\">Table Striped</option>\n                     <option value=\"table-condensed\">Table Condensed</option>\n                     <option value=\"no-style\">No Style</option>\n                  </select>\n               </div>\n            </div>\n            <div class=\"col-md-6 ui-droppable\">\n               <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control invoice_summary_table_custom_class\" name=\"invoice_summary_table_custom_class\" value=\"summary-table\" data-change-class=\".table\" data-change-action=\"addClass\"></div>\n            </div>\n            <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n         </form>\n      </div>\n   </div>\n   <div class=\"clearfix ui-droppable\"></div>\n</div>\n<div class=\"element-payment-history-table ui-droppable ui-sortable-handle\" data-element-type=\"payment_history_table\" style=\"position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n   <div class=\"table-responsive ui-droppable\">\n      <table class=\"table table-striped\" style=\"background-color: rgb(255, 255, 255); color: rgb(74, 74, 74);\">\n         <thead class=\"base_color\" style=\"background-color: rgb(224, 86, 253); color: rgb(255, 255, 255);\">\n            <tr>\n               <th>Date</th>\n               <th>Method</th>\n               <th class=\"text-right\">Amount</th>\n               <th class=\"text-right\">Invoice Amount</th>\n            </tr>\n         </thead>\n         <tbody>\n            <tr>\n               <td>20/04/2023</td>\n               <td>PayPal</td>\n               <td class=\"text-right\">$ 599.00</td>\n               <td class=\"text-right\">$ 599.00</td>\n            </tr>\n         </tbody>\n      </table>\n   </div>\n   <form action=\"\" method=\"post\">\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Header Background</label><input type=\"text\" class=\"form-control payment_history_table_header_background\" name=\"payment_history_table_header_background\" value=\"#e056fd\" data-change-class=\".base_color\" data-change-action=\"css_background-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Header Color</label><input type=\"text\" class=\"form-control payment_history_table_header_color\" name=\"payment_history_table_header_color\" value=\"#FFFFFF\" data-change-class=\".base_color\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Table Background</label><input type=\"text\" class=\"form-control payment_history_table_background\" name=\"payment_history_table_background\" value=\"#FFFFF\" data-change-class=\".table\" data-change-action=\"css_background-color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Table Text Color</label><input type=\"text\" class=\"form-control payment_history_table_text_color\" name=\"payment_history_table_text_color\" value=\"#4a4a4a\" data-change-class=\".table\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Table Style</label>\n            <select class=\"form-control payment_history_table_style\" name=\"payment_history_table_style\" data-change-class=\".table\" data-change-action=\"addClass\" required=\"\">\n               <option value=\"table-bordered\">Table Bordered</option>\n               <option value=\"table-striped\" selected=\"selected\">Table Striped</option>\n               <option value=\"table-condensed\">Table Condensed</option>\n               <option value=\"no-style\">No Style</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control payment_history_table_custom_class\" name=\"payment_history_table_custom_class\" value=\"\" data-change-class=\".table\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>\n<div class=\"element-paragraph d-block mt-5 ui-droppable ui-sortable-handle\" data-element-type=\"paragraph\" style=\"position: relative; left: 0px; top: 0px;\">\n   <i class=\"far fa-trash-alt\"></i>\n   <i class=\"far fa-edit\"></i>\n   <i class=\"far fa-clone\"></i>\n   <p class=\"paragraph d-block mt-5\" style=\"color: rgb(0, 0, 0); text-align: center;\">$invoice_footer_details</p>\n   <form action=\"\" method=\"post\">\n      <div class=\"col-md-12 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Paragraph Text</label><textarea class=\"form-control paragraph_text\" name=\"paragraph_text\" data-change-class=\".paragraph\" data-change-action=\"html\" required=\"\">$invoice_footer_details</textarea></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Text Color</label><input type=\"text\" class=\"form-control paragraph_text_color\" name=\"paragraph_text_color\" value=\"#000\" data-change-class=\".paragraph\" data-change-action=\"css_color\" required=\"\"></div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Display</label>\n            <select class=\"form-control paragraph_display_type\" name=\"paragraph_display_type\" data-change-class=\".paragraph\" data-change-action=\"addClass\" required=\"\">\n               <option value=\"d-block\" selected=\"selected\">Block</option>\n               <option value=\"d-inline-block\">Inline block</option>\n               <option value=\"d-inline\">Inline</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\">\n            <label>Text Align</label>\n            <select class=\"form-control paragraph_text_align\" name=\"paragraph_text_align\" data-change-class=\".paragraph\" data-change-action=\"css_text-align\" required=\"\">\n               <option value=\"left\">Left</option>\n               <option value=\"center\" selected=\"selected\">Center</option>\n               <option value=\"right\">Right</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6 ui-droppable\">\n         <div class=\"form-group ui-droppable\"><label>Custom Class</label><input type=\"text\" class=\"form-control paragraph_custom_class\" name=\"paragraph_custom_class\" value=\"mt-5\" data-change-class=\".paragraph\" data-change-action=\"addClass\"></div>\n      </div>\n      <div class=\"col-md-12 mt-2 ui-droppable\"><button type=\"submit\" class=\"btn btn-primary btn-block\"><i class=\"ti-check-box mr-1\"></i>Save Setting</button></div>\n   </form>\n</div>', '#invoice-item-table{margin: 20px 0px 0px;}\n@media print {\n  .table thead th{background-color: #e056fd !important;}\n .table thead th{color: #FFFFFF !important;}\n}', 'invoice', '2023-04-21 16:36:36', '2025-01-22 23:47:55');

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: invoice_templates.sql

Server Info

System Features

User Info