<link rel="stylesheet" media="screen" type="text/css"href="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/css/pluginStyle.css" />
<!-- Custom Color Picker -->
<link rel="stylesheet" media="screen" type="text/css" href="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/jqupload/colorpicker.css" />
<!--- range slider -->
<link rel="stylesheet" href="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/jqupload/ion.rangeSlider.css">
<link rel="stylesheet" href="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/jqupload/ion.rangeSlider.skinFlat.css">
<link rel="stylesheet" href="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/css/wovenlabel.css?var=1911720898">
<!-------- main content ---------->
<section class="panel-headings-section for-desktop">
   <input type="hidden" id="current_step" value="1">
   <!-- start --->
   <div class="owl-carousel panel-headings-wrapper">
      <div class="panel-heading active-h step1" data-target="folds" data-id="1">
         <i class="icon icon-label-cut sad"></i>
         <p>Label Type</p>
         <p>1</p>
      </div>
      <div class="panel-heading step2" data-target="inputText" data-id="2">
         <i class="icon icon-text"></i>
         <p>Text</p>
         <p>2</p>
      </div>
      <div class="panel-heading step3" data-target="fonts" data-id="3">
         <i class="icon icon-font"></i>
         <p>Font</p>
         <p>3</p>
      </div>
      <div class="panel-heading step4" data-target="textColor" data-id="4">
         <i class="icon icon-text-color"></i>
         <p>Color</p>
         <p>4</p>
      </div>
      <div class="panel-heading step5" data-target="quanity" data-id="5">
         <i class="icon icon-amount"></i>
         <p>Quantity</p>
         <p>5</p>
      </div>
   </div>
   <!-- End -->
</section>
<div class="sticky-trigger"></div>
<section class="main-contents ">
   <div class="previewRowHeight"></div>
   <div class="proPreview proPreview-deg-ord-print desktopView">
      <div class="wrapper">
         <span class="close-preview" style="display:none;">X</span>
         <div class="previewWindow">
            <div id="myCanvas">
               <div class="windowBody">
                  <div class="row heading hide-mobile">
                     <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <!-- <div class="windowHeading" onclick="" >Label Preview</div> -->
                     </div>
                     <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <div class="rev-dwnl-sec pull-right">
                           <div class="rev-sec quantitity_option">
                              <span class="add-amount">Quantity Options</span>
                              <!-- [woocommerce_rating id="1668" displaycount="true"]<span class='rev-cnt'>1 Review</span> -->
                           </div>
                        </div>
                     </div>
                  </div>
                  <div id="previewRow">
                     <div class="productPrevImgW">
                        <div class="productPrevImg" style="text-align:center;">
                           <div class="" id="displaydesignnew" style="width:350px;height: 125px;">
                              <div class="icon_n_txt">
                                 <div class="icon_on_label">
                                    <img src="" class="icon_on_label_img" alt="icon">
                                 </div>
                                 <div id="texts" class="text-center pull-left">
                                    <div class="row1">row 1</div>
                                    <div class="row2">row 2</div>
                                    <div class="row3">row 3</div>
                                 </div>
                              </div>
                              <div class="firstset"></div>
                              <div class="secondset"></div>
                           </div>
                        </div>
                     </div>
                     <div class="" id="displaydesignnew_bck">
                        <em>Back Side</em>
                        <div id="back">
                           <div class="displaydesignnew_bck_vw">
                              <div class="icon_n_txt_bck">
                                 <div id="texts_bck" class="text-center">
                                    <div class="row1_bck"></div>
                                    <div class="row2_bck"></div>
                                    <div class="row3_bck"></div>
                                 </div>
                                 <div id="imgU_bck" style="display:none;">
                                    <img id="previewHolder_bck" alt="img">
                                 </div>
                              </div>
                              <div class="firstset_bck"></div>
                              <div class="secondset_bck"></div>
                           </div>
                        </div>
                     </div>
                     <div class="overlay_o"></div>
                     <div id="canvas_logo" class="text-center">
                        <canvas id="myCanvas2" width="" height="" style="">Your browser does not support the
                           canvas element.
                        </canvas>
                        <div id="canvas_loader" style="display:none;"><img
                           src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/img/loader.gif" alt="loader"></div>
                        </div>
                     </div>
                     <div class="row hide-mobile">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                           <div class="infos">
                              <p>
                                 Please click <a onclick="repair()"
                                 style="color:red;text-decoration: underline;cursor: pointer;">here</a> if
                                 image not shown or appears to be broken.
                              </p>
                           </div>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-xs-12">
                           <div id="hereallwillchnage">
                              <div class="quantity">
                                 <input id="quantity_5afbe1dedc150" class="input-text qty text" step="1" min="1"
                                 max="" name="quantity" value="1" title="Qty" size="4" pattern="[0-9]*"
                                 inputmode="numeric" aria-labelledby="" type="hidden">
                              </div>
                              <input type="hidden" id="custom_data_1" name="custom_data_1" value="" />
                              <input type="hidden" id="custom_data_2" name="custom_data_2" value="" />
                              <input type="hidden" id="custom_data_3" name="custom_data_3" value="" />
                              <input type="hidden" id="custom_data_4" name="custom_data_4" value="" />
                              <input type="hidden" id="custom_data_5" name="custom_data_5" value="" />
                              <input type="hidden" id="custom_data_6" name="custom_data_6" value="" />
                              <input type="hidden" id="custom_data_7" name="custom_data_7" value="300" />
                              <input type="hidden" id="custom_data_8" name="custom_data_8" value="NA" />
                              <input type="hidden" id="custom_data_9" name="custom_data_9" value="NA" />
                              <input type="hidden" id="custom_data_10" name="custom_data_10" value="" />
                              <input type="hidden" id="sizetag" name="sizetag" value="" />
                              <input type="hidden" id="totalpricelabeladd2crt" name="totalpricelabeladd2crt"
                              value="" />
                              <div class="btns-inline btn-cart-canvas" style="display:none;">
                                 <button type="button" name="add-to-cart" value="1668" class="add-to-cart-btn designtoolbutton"
                                 onclick="if (!confirm('Are you sure? Once added to the cart, you cannot edit the image.')) return false; else submitDesign(1);">
                                 Add to cart
                              </button>
                              <span class="or">
                                 Or
                              </span>
                              <p class="dwn-pdf-btn fancybox-inline dwn-pdf-btn-brd">
                                 <a href="#pdfLeadPopup" target="_blank" onclick="submitDesign(1, 'sbmtQT');" id="sbmtQT">
                                    <img alt="img" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkBAYNOQiZbZzzAAAAdUlEQVQoz82PMQ6CABRDX4CN0TMwuAKnwY2ds+HgjYgbEA5A8twMX0Ed7fTb3zYpBNjZRSWLlNMLJ+EL/spgavW8K9P3hpzeFsCWnnynzMLBm1fvnrdyGSyLi0X4uoaWchsAV/TTBv1h5mx9mK+Z8OLoEUabBxs7SqIhWWFPAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA0LTA2VDEzOjU3OjA4KzAwOjAwNsR2EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNC0wNlQxMzo1NzowOCswMDowMEeZzqwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC"><span>Submit
                                    Quote</span></a>
                                 </p>
                              </div>
                              <div class="btns-inline btn-prev-next">
                                 <button class="col-sm-6 btn btn-prev" onclick="prev_new();" disabled>Prev</button>
                                 <button class="col-sm-6 btn btn-next" onclick="nxt_new();">Next</button>
                              </div>
                              <div class="btns-inline btn-canvas-submit" style="display:none;">
                                 <button class="col-sm-12 btn btn-next">Preview & Submit</button>
                              </div>
                           </div>
                        </div>
                        <div class="col-xs-12">
                           <div class="productPrevCont ">
                              <div class="note-txt">
                                 <p>This image is only a preview. Colors and text may appear slightly different
                                    on the actual product.
                                 </p>
                              </div>
                              <div class="label-input-details-wrapper">
                                 <div class="label-input-details">
                                    <div class="productPrevContRow"> <span
                                       class="productPrevContRowTitle">Size</span> <span
                                       class="productPrevContRowDes"><span id="slwidth">2.4</span>" X <span
                                       id="slheight">0.8</span>" Inch</span> <br>
                                    </div>
                                    <div class="productPrevContRow"> <span class="productPrevContRowTitle">Label
                                    Color</span> <span class="productPrevContRowDes"
                                    id="labelcolor">#f1e4df</span> 
                                 </div>
                                 <div class="productPrevContRow"> <span class="productPrevContRowTitle">Text
                                 Color</span> <span class="productPrevContRowDes"
                                 id="logocolor">Black</span> 
                              </div>
                              <div class="productPrevContRow"> <span
                                 class="productPrevContRowTitle">Font</span> <span
                                 class="productPrevContRowDes" id="designfont">Open Sans</span>
                              </div>
                              <div class="productPrevContRow"> <span
                                 class="productPrevContRowTitle">Symbol</span> <span
                                 class="productPrevContRowDes" id="symbolhere">NONE</span> </div>
                                 <div class="productPrevContRow"> <span
                                    class="productPrevContRowTitle">Cut/Fold</span> <span
                                    class="productPrevContRowDes" id="cutnfolddiv">Straight Cut - No
                                 Fold</span> 
                              </div>
                              <div class="productPrevContRow"> <span class="productPrevContRowTitle">Woven
                              label type</span> <span class="productPrevContRowDes"
                              id="woovenlabtype">N/A</span> 
                           </div>
                           <div class="productPrevContRow"> <span class="productPrevContRowTitle">Iron
                           On or Adhesive</span> <span class="productPrevContRowDes"
                           id="labirononadhesive">N/A</span> 
                        </div>
                        <div class="productPrevContRow"> <span
                           class="productPrevContRowTitle">Sizetag</span> <span
                           class="productPrevContRowDes" id="sizetagchosen">N/A</span> </div>
                        </div>
                        <div class="toggle-less">See More</div>
                     </div>
                     <div class="productPrevContRow noteText"> <strong>Note:</strong> This product may
                        take 8-10 days for design, printing and process. 
                     </div>
                     <hr>
                     <div class="productPrevContRow"> <span
                        class="productPrevContRowTitle">Quantity</span> <span
                        class="productPrevContRowDes"><span id="quantity1">100</span> PIECES</span>
                     </div>
                     <div class="productPrevContRow sajgd">
                        <span class="productPrevContRowTitle">Price per label</span>
                        <span class="productPrevContRowDes">$<span
                           id="priceperlabel1">0.75</span></span>
                        </div>
                        <hr>
                        <div class="productPrevContRow str-txt"> <span
                           class="productPrevContRowTitle">Total</span> <span
                           class="productPrevContRowDes">$<span id="totalprice1">75</span></span>
                        </div>
                        <hr>
                     </div>
                  </div>
               </div>
               <div class="viewall"><span>View Details</span> <i class="fa fa-chevron-circle-down"
                  aria-hidden="true"></i></div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <section class="panel-headings-section for-mob">
      <!-- start --->
      <div class="owl-carousel panel-headings-wrapper">
         <div class="panel-heading mobilestep1 active-h" data-target="folds"  data-id="1">
            <p>LABEL TYPE</p>
            <p>1</p>
         </div>
         <div class="panel-heading mobilestep2" data-target="inputText" data-id="2">
            <p>TEXT</p>
            <p>2</p>
         </div>
         <div class="panel-heading mobilestep3" data-target="fonts" data-id="3">
            <p>FONTS</p>
            <p>3</p>
         </div>
         <div class="panel-heading mobilestep4" data-target="textColor" data-id="4">
            <p>COLOR</p>
            <p>4</p>
         </div>
         <div class="panel-heading mobilestep5" data-target="quanity" data-id="5">
            <p>QUANTITY</p>
            <p>5</p>
         </div>
      </div>
      <!-- End -->
   </section>

  


   <div class="proCustomizations">
      <div class="woveLblDesnOrdr">
         <input type="hidden" name="canvaswidth" id="canvaswidth" value="350">
         <input type="hidden" name="canvasheight" id="canvasheight" value="125">
         <input type="hidden" name="seletsize" id="setselectsize" value="3">
         <input type="hidden" name="selectedwidth" id="selectedwidth" value="350">
         <input type="hidden" name="selectedheight" id="selectedheight" value="125">
         <input type="hidden" name="usertextbox1" id="usertextbox1" value="">
         <input type="hidden" name="usertextbox2" id="usertextbox2">
         <input type="hidden" name="usertextbox3" id="usertextbox3">
         <input type="hidden" name="usertextbox1_bck" id="usertextbox1_bck" value="">
         <input type="hidden" name="usertextbox2_bck" id="usertextbox2_bck">
         <input type="hidden" name="usertextbox3_bck" id="usertextbox3_bck">
         <input type="hidden" name="sliderwidth" id="sliderwidth" value="3">
         <input type="hidden" name="sliderhight" id="sliderhight" value="0.5">
         <input type="hidden" name="userbgcolor" id="userbgcolor" value="f1e4df">
         <input type="hidden" name="usertextcolor" id="usertextcolor" value="6c6b6b">
         <input type="hidden" name="seliconhere" id="seliconhere">
         <input type="hidden" name="selalignhere" id="selalignhere" value="m">
         <input type="hidden" name="selfonthere" id="selfonthere">
         <input type="hidden" name="selfonthereName" id="selfonthereName" value="Montserrat">
         <input type="hidden" name="lineSpecingCLast" id="lineSpecingCLast">
         <input type="hidden" name="lineSpecingC" id="lineSpecingC">
         <input type="hidden" name="fontpadTop" id="fontpadTop">
         <input type="hidden" name="calculatedSize" id="calculatedSize">
         <input type="hidden" name="backgroungcol" id="backgroungcol">
         <input type="hidden" name="alignline1" id="alignline1">
         <input type="hidden" name="alignline2" id="alignline2">
         <input type="hidden" name="alignline3" id="alignline3">
         <input type="hidden" name="iconSize" id="iconSize">
         <input type="hidden" name="iconpricedisp" id="iconpricedisp">
         <input type="hidden" name="iconPosition" id="iconPosition">
         <input type="hidden" name="iconAlign" id="iconAlign" value="l">
         <input type="hidden" name="usertextcolorprcie" id="usertextcolorprcie">
         <input type="hidden" name="userlabelcutnfold" id="userlabelcutnfold">
         <input type="hidden" name="newBgColor" id="newBgColor">
         <input type="hidden" name="newtxtColor" id="newtxtColor">
         <input type="hidden" name="pldoquantityforpdf" id="pldoquantityforpdf">
         <input type="hidden" name="pldopriceperlabelforpdf" id="pldopriceperlabelforpdf">
         <input type="hidden" name="pldototalpricelabelpdf" id="pldototalpricelabelpdf">
         <input type="hidden" name="textcolforpdf" id="textcolforpdf">
         <input type="hidden" name="valtxcolonval" id="valtxcolonval">
         <input type="hidden" name="selectwlebelt" id="selectwlebelt">
         <input type="hidden" name="irononadhesive" id="irononadhesive">
         <input type="hidden" name="cutnfolddivforajax" id="cutnfolddivforajax">
         <input type="hidden" name="totalquantity" id="totalquantity">
         <input type="hidden" name="unitpricehere" id="unitpricehere">
         <input type="hidden" name="labelclassid" id="labelclassid">
         <input type="hidden" name="textbox1fontVal" id="textbox1fontVal" value="auto">
         <input type="hidden" name="textbox2fontVal" id="textbox2fontVal" value="auto">
         <input type="hidden" name="textbox3fontVal" id="textbox3fontVal" value="auto">
         <input type="hidden" name="sideOption" id="sideOption" value="One Sided">
         <input type="hidden" name="textbox1_bckfontVal" id="textbox1_bckfontVal" value="auto">
         <input type="hidden" name="textbox2_bckfontVal" id="textbox2_bckfontVal" value="auto">
         <input type="hidden" name="textbox3_bckfontVal" id="textbox3_bckfontVal" value="auto">
         <input type="hidden" name="datactdFromCanvas" id="datactdFromCanvas" value="">
         <input type="hidden" name="cutnfolddivforajax" id="cutnfolddivforajax">
         <!----- guide and tips button ---->
         <div class="guideArea">
            <a class="button" target="_blank" href="https://www.xpresalabels.com/faq/">Click here for guide & tips</a>
            <img alt="img" 
            src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjU2LDBDMTIwLjQ3NywwLDEwLjIyNCwxMTAuMjU1LDEwLjIyNCwyNDUuNzc4YzAsNjIuMTcxLDIzLjEyLDEyMS4xODYsNjUuMjA2LDE2Ni43MjVsLTEzLjcwNyw4OC4zNDIgICAgYy0wLjU1OCwzLjYwMSwwLjk1Myw3LjIwOCwzLjkxLDkuMzM2YzEuNjc3LDEuMjA3LDMuNjU3LDEuODIsNS42NDcsMS44MmMxLjUyLDAsMy4wNDYtMC4zNTcsNC40NDctMS4wODNsNzkuMjQxLTQxLjAzNiAgICBjMzEuODI1LDE0LjM4Niw2NS43ODgsMjEuNjc1LDEwMS4wMzIsMjEuNjc1YzEzNS41MjEsMCwyNDUuNzc4LTExMC4yNTUsMjQ1Ljc3OC0yNDUuNzc4QzUwMS43NzgsMTEwLjI1NSwzOTEuNTIzLDAsMjU2LDB6ICAgICBNMjU2LDQ3Mi4yMTFjLTMzLjk3MywwLTY2LjY0Ni03LjM0Ny05Ny4xMTQtMjEuODM1Yy0yLjczMS0xLjMtNS45MTQtMS4yNDUtOC42MDEsMC4xNDZsLTY2LjUyNCwzNC40NWwxMS41MS03NC4xNzcgICAgYzAuNDYzLTIuOTgyLTAuNDkzLTYuMDA3LTIuNTgyLTguMTg0Yy00MC43MDQtNDIuMzczLTYzLjEyMS05OC4wNzItNjMuMTIxLTE1Ni44MzVDMjkuNTY4LDEyMC45MjIsMTMxLjE0NSwxOS4zNDQsMjU2LDE5LjM0NCAgICBzMjI2LjQzMywxMDEuNTc3LDIyNi40MzMsMjI2LjQzM1MzODAuODU2LDQ3Mi4yMTEsMjU2LDQ3Mi4yMTF6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsNzAuNzA4Yy0yOC4yMzYsMC01MS4yMDgsMjIuOTcyLTUxLjIwOCw1MS4yMDhjMCwyOC4yMzYsMjIuOTcyLDUxLjIwOCw1MS4yMDgsNTEuMjA4ICAgIGMyOC4yMzgsMCw1MS4yMDgtMjIuOTcyLDUxLjIwOC01MS4yMDhDMzA3LjIwOCw5My42NzgsMjg0LjIzNiw3MC43MDgsMjU2LDcwLjcwOHogTTI1NiwxNTMuNzggICAgYy0xNy41NywwLTMxLjg2NC0xNC4yOTQtMzEuODY0LTMxLjg2NFMyMzguNDMsOTAuMDUyLDI1Niw5MC4wNTJjMTcuNTcxLDAsMzEuODY0LDE0LjI5NCwzMS44NjQsMzEuODY0UzI3My41NywxNTMuNzgsMjU2LDE1My43OHogICAgIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zMTIuNzU4LDM1Ny43NGgtMTEuMDEzVjE5OS4xNDhjMC01LjM0Mi00LjMzMS05LjY3Mi05LjY3Mi05LjY3MmgtOTIuODI4Yy01LjM0MiwwLTkuNjcyLDQuMzMxLTkuNjcyLDkuNjcydjMyLjE0MyAgICBjMCw1LjM0Miw0LjMzMSw5LjY3Miw5LjY3Miw5LjY3MmgxMS4wMTN2MTE2Ljc3N2gtMTEuMDEzYy01LjM0MiwwLTkuNjcyLDQuMzMxLTkuNjcyLDkuNjcydjMyLjE0MyAgICBjMCw1LjM0Myw0LjMzMSw5LjY3Myw5LjY3Miw5LjY3M2gxMTMuNTE0YzUuMzQyLDAsOS42NzItNC4zMzEsOS42NzItOS42NzJ2LTMyLjE0M0MzMjIuNDMsMzYyLjA3MSwzMTguMDk5LDM1Ny43NCwzMTIuNzU4LDM1Ny43NCAgICB6IE0zMDMuMDg1LDM4OS44ODRoLTk0LjE3di0xMi44aDExLjAxM2M1LjM0MiwwLDkuNjcyLTQuMzMxLDkuNjcyLTkuNjcyVjIzMS4yOTFjMC01LjM0Mi00LjMzMS05LjY3Mi05LjY3Mi05LjY3MmgtMTEuMDEzICAgIHYtMTIuNzk4SDI4Mi40djE1OC41OTNjMCw1LjM0Miw0LjMzMSw5LjY3Miw5LjY3Miw5LjY3MmgxMS4wMTNWMzg5Ljg4NHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+" />
         </div>

        
         <!----- folds ---->
         <div class="panel panel-primary" data-div="folds" id="folds">
         </div>
                  <!----- custom labels ---->
                  <!----- Fonts ---->
                  <!----- custom input texts ---->
         <div class="panel inputTexts" data-div="inputText" id="inputTexts">
            <h4 class="panel-title text-center">TEXT</h4>
            <div class="panel-body-desig-order panel-body">
               <div class="frm-algn-holder">
                  <div class="frm-sec col-lg-12">
                     <p style="color: red;" id="textErrorMsg"></p>
                     <form action="" method="get">
                        <p>
                           <label>Row 1</label><input name="textbox1" id="textbox1" type="text"
                           onfocus="clearDefaultText()" onblur="selecttext(1)" maxlength="22">
                           <span class="selectFontSize">
                              <span>Font Size:</span>
                              <select name="" onchange="manualFontChange(1, this.value);" id="textbox1Font">
                                 <option value="auto">Auto</option>
                                 <option value="8">8px</option><option value="9">9px</option><option value="10">10px</option><option value="11">11px</option><option value="12">12px</option><option value="13">13px</option><option value="14">14px</option><option value="15">15px</option><option value="16">16px</option><option value="17">17px</option><option value="18">18px</option><option value="19">19px</option><option value="20">20px</option><option value="21">21px</option><option value="22">22px</option><option value="23">23px</option><option value="24">24px</option><option value="25">25px</option><option value="26">26px</option><option value="27">27px</option><option value="28">28px</option><option value="29">29px</option><option value="30">30px</option><option value="31">31px</option><option value="32">32px</option><option value="33">33px</option><option value="34">34px</option><option value="35">35px</option><option value="36">36px</option><option value="37">37px</option><option value="38">38px</option><option value="39">39px</option><option value="40">40px</option><option value="41">41px</option><option value="42">42px</option><option value="43">43px</option><option value="44">44px</option><option value="45">45px</option><option value="46">46px</option><option value="47">47px</option><option value="48">48px</option><option value="49">49px</option><option value="50">50px</option><option value="51">51px</option><option value="52">52px</option><option value="53">53px</option><option value="54">54px</option><option value="55">55px</option><option value="56">56px</option><option value="57">57px</option><option value="58">58px</option><option value="59">59px</option><option value="60">60px</option><option value="61">61px</option><option value="62">62px</option><option value="63">63px</option><option value="64">64px</option><option value="65">65px</option><option value="66">66px</option><option value="67">67px</option><option value="68">68px</option><option value="69">69px</option><option value="70">70px</option><option value="71">71px</option><option value="72">72px</option><option value="73">73px</option><option value="74">74px</option><option value="75">75px</option><option value="76">76px</option><option value="77">77px</option><option value="78">78px</option><option value="79">79px</option><option value="80">80px</option><option value="81">81px</option><option value="82">82px</option><option value="83">83px</option><option value="84">84px</option><option value="85">85px</option><option value="86">86px</option><option value="87">87px</option><option value="88">88px</option><option value="89">89px</option><option value="90">90px</option>                            </select>
                         </span>
                      </p>
                      <span id="fontError1"></span>
                      <p>
                        <label>Row 2</label><input name="textbox2" id="textbox2" type="text"
                        onblur="selecttext(2)" maxlength="22" value="">
                        <span class="selectFontSize">
                           <span>Font Size:</span>
                           <select name="" onchange="manualFontChange(2, this.value);" id="textbox2Font">
                              <option value="auto">Auto</option>
                              <option value="8">8px</option><option value="9">9px</option><option value="10">10px</option><option value="11">11px</option><option value="12">12px</option><option value="13">13px</option><option value="14">14px</option><option value="15">15px</option><option value="16">16px</option><option value="17">17px</option><option value="18">18px</option><option value="19">19px</option><option value="20">20px</option><option value="21">21px</option><option value="22">22px</option><option value="23">23px</option><option value="24">24px</option><option value="25">25px</option><option value="26">26px</option><option value="27">27px</option><option value="28">28px</option><option value="29">29px</option><option value="30">30px</option><option value="31">31px</option><option value="32">32px</option><option value="33">33px</option><option value="34">34px</option><option value="35">35px</option><option value="36">36px</option><option value="37">37px</option><option value="38">38px</option><option value="39">39px</option><option value="40">40px</option><option value="41">41px</option><option value="42">42px</option><option value="43">43px</option><option value="44">44px</option><option value="45">45px</option><option value="46">46px</option><option value="47">47px</option><option value="48">48px</option><option value="49">49px</option><option value="50">50px</option><option value="51">51px</option><option value="52">52px</option><option value="53">53px</option><option value="54">54px</option><option value="55">55px</option><option value="56">56px</option><option value="57">57px</option><option value="58">58px</option><option value="59">59px</option><option value="60">60px</option><option value="61">61px</option><option value="62">62px</option><option value="63">63px</option><option value="64">64px</option><option value="65">65px</option><option value="66">66px</option><option value="67">67px</option><option value="68">68px</option><option value="69">69px</option><option value="70">70px</option><option value="71">71px</option><option value="72">72px</option><option value="73">73px</option><option value="74">74px</option><option value="75">75px</option><option value="76">76px</option><option value="77">77px</option><option value="78">78px</option><option value="79">79px</option><option value="80">80px</option><option value="81">81px</option><option value="82">82px</option><option value="83">83px</option><option value="84">84px</option><option value="85">85px</option><option value="86">86px</option><option value="87">87px</option><option value="88">88px</option><option value="89">89px</option><option value="90">90px</option>                         </select>
                      </span>
                   </p>
                   <span id="fontError2"></span>
                   <p>
                     <label>Row 3</label><input name="textbox3" id="textbox3" type="text"
                     onblur="selecttext(3)" maxlength="22" value="">
                     <span class="selectFontSize">
                        <span>Font Size:</span>
                        <select name="" onchange="manualFontChange(3, this.value);" id="textbox3Font">
                           <option value="auto">Auto</option>
                           <option value="8">8px</option><option value="9">9px</option><option value="10">10px</option><option value="11">11px</option><option value="12">12px</option><option value="13">13px</option><option value="14">14px</option><option value="15">15px</option><option value="16">16px</option><option value="17">17px</option><option value="18">18px</option><option value="19">19px</option><option value="20">20px</option><option value="21">21px</option><option value="22">22px</option><option value="23">23px</option><option value="24">24px</option><option value="25">25px</option><option value="26">26px</option><option value="27">27px</option><option value="28">28px</option><option value="29">29px</option><option value="30">30px</option><option value="31">31px</option><option value="32">32px</option><option value="33">33px</option><option value="34">34px</option><option value="35">35px</option><option value="36">36px</option><option value="37">37px</option><option value="38">38px</option><option value="39">39px</option><option value="40">40px</option><option value="41">41px</option><option value="42">42px</option><option value="43">43px</option><option value="44">44px</option><option value="45">45px</option><option value="46">46px</option><option value="47">47px</option><option value="48">48px</option><option value="49">49px</option><option value="50">50px</option><option value="51">51px</option><option value="52">52px</option><option value="53">53px</option><option value="54">54px</option><option value="55">55px</option><option value="56">56px</option><option value="57">57px</option><option value="58">58px</option><option value="59">59px</option><option value="60">60px</option><option value="61">61px</option><option value="62">62px</option><option value="63">63px</option><option value="64">64px</option><option value="65">65px</option><option value="66">66px</option><option value="67">67px</option><option value="68">68px</option><option value="69">69px</option><option value="70">70px</option><option value="71">71px</option><option value="72">72px</option><option value="73">73px</option><option value="74">74px</option><option value="75">75px</option><option value="76">76px</option><option value="77">77px</option><option value="78">78px</option><option value="79">79px</option><option value="80">80px</option><option value="81">81px</option><option value="82">82px</option><option value="83">83px</option><option value="84">84px</option><option value="85">85px</option><option value="86">86px</option><option value="87">87px</option><option value="88">88px</option><option value="89">89px</option><option value="90">90px</option>                      </select>
                   </span>
                </p>
                <span id="fontError3"></span>
             </form>
             <p id="charectorInfo"></p>
          </div>
          <div class="algn-sec col-lg-12">
            <p>Text Alignment</p>
            <ul>
               <li><a href="javascript:void(0);" onclick="selectalign('l')"><img
                  src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/images/left-aligned.png"
                  alt="img" /></a></li>
                  <li><a class="selected" href="javascript:void(0);" onclick="selectalign('m')"
                     class="selected"><img
                     src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/images/middle-aligned.png"
                     alt="img" /></a></li>
                     <li><a href="javascript:void(0);" onclick="selectalign('r')"><img
                        src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/images/right-aligned.png"
                        alt="img" /></a></li>
                     </ul>
                     <!-- <p>Calcualtions</p> -->
                     <p><input id="calculatedFontSize" readonly type="hidden"></p>
                  </div>
               </div>
               <div class="btn-grp">
                  <!-- <button class="save-button" onclick="nxt(this);">Next</button> -->
               </div>
               <!--<div class="text-center container-full"><small>Please Click "Save" before proceeding.</small></div>-->
               <!-- <script type="text/javascript" src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/fontCalculations.js" ></script>   -->
            </div>
            <h4 class="panel-title text-center">SYMBOL</h4>
            <div class="panel-body" id="icons" style="display: none;">
               <div class="iconSection col-md-12">
               </div>
               <div class="algn-sec algn-sec-icon col-lg-4">
                  <a href="javascript:;" id="removeIcon" onclick="removeIcon();"
                  class="btn btn-warning pull-right">Remove Icon</a>
                  <p>Icon Alignment</p>
                  <br>
                  <ul style="overflow: hidden;">
                     <li><a class="selected" href="javascript:void(0);" onclick="iconAlign('l')"><img
                        src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/images/left-aligned.png"
                        alt="img" /></a></li>
                        <li><a href="javascript:void(0);" onclick="iconAlign('r')"><img
                           src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/images/right-aligned.png"
                           alt="img" /></a></li>
                        </ul>
                        <br>
                        <p id="iconcalcInfo"></p>
                     </div>
                  </div>
                        <h4 class="panel-title text-center">PRINT ON BACK <small>(centered folded only)</small></h4>

   <div class="panel-body" id="printOptions" style="display:none;">

    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <div class="oneSide default" onclick="selectSideOptions(this, 'One Sided');">
                <img src="data:image/png;base64,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">
                <h4>One Sided</h4>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <div class="oneSide twoSide" onclick="selectSideOptions(this, 'Both Sided');">
                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMsAAAB8CAYAAAGwM3RoAAAgAElEQVR42u2dd3hUVfr4P/fe6UkggEBEIIAIChIUWbB/sSEWfroWRHQVAQOy6uqK7rLr6gpiQdG1AAZRwAoqq6i7uioWFBURaQpSpAQIPQlp0+/9/XHOTW6GmcmkJzDv88wzM7ede8573vOW8xblYMfuRIHtxIdMNazz1j//QiKQnZ2NLca5zvFu/OHKy8jt04vqgEoNILdPr9MBA+iRcENtdm6udkPXTH7ie0ABNspD3oR61GbnZhaWlZQftPv9yjv/uPf38mHRPjjLKj3bLb+7xWqoHEfZ+XuwT5tDIBAwD70X66Y2OzfD3Xfhcrnw+XwA5OTkAGwxr3G5XNx888288sorsbv58ssvUxuw2WxMnz4dYMrAgQMxDKP8XDFwUzWe9WLEfyPygoyMDHJycvw5OTmVGlogvx0R13eQ3/0iHmht6KA8ni6vb21iwxxSs6EHLA9xAI8DIyMePEH+NizHVwMu4EZgOfA3YIM8fzswory7xmEd5gmA2bNnxxwzpU+fuGMqJ0XlcTUMMVWtMHv2bMLhcCmQAmC32xk1ahQA2rffx21kxtrVaPLtx4wbl1BDUR80vk/fqIiP7HTkgdAZAxNagh41f8xd/VONp3wiDU00f5SpWr02FDl0NQIlCj+qkhcBvPOPe2vFizpXdWOiDdSYD81/+O8tgEUJzLqa86Dh908pMhTlioip2zkh/mPF0/zJf7sAw4jJe66dNPUwJgvclxAhyaWiM5B7zaSpoBxGZywoK2Z8/t5KxwYMGMDo0aMrHRs7dmzMNa1WPGfkyJHmy6pyQXVEbaQO4FKAefPmXZmTkzPc2ogRwaSmy+9jLOeGJzBTOwBDzHvmzJlTPlyG5BkfAAURjRZYflsljQIL71lq4bwG8Jv1paPymZdeeqlGY+R2uxPnMZEXvvrqq/h8PlZOngItW8Zs5Jmf12I39PWaYZz07PPPs+bnnxNqxA84zT/jsk5BFV2vFn+pirc4rbh4Yc2qel3uTWmSv2zeVDN5LdELJ/TuQ5laI7k+Kj+JBrUlWwVgR+8TWXbV0Dqn/uzs7OqNWG1g8ZibKDi2fb23UyP1qbpwwexXCNuijlt3ifV2ddFOJTKNM+XqZJqpus5bD/4lkSmt1HqaWbG0auhVhA0dDPj+misUWyDwBXAeQCw2XRXcWrifd8aO5dVXX6WsrKz8uMPhIBwOm/K59cHTgT9GPOZV4A+W/4uAK6hqBObMqaTjikXU6WT4/VN4pDifjpqNqz1pfOQtZXs4yK2p6ZTpOjNLChnmSaOvw4ktd2O1Ox3JfcaOHWsey54wYcKs4uLiBRIRUy6++OKfPv7443L0PwHcBbwDXA+UAu/L33UJBvATcFqUcz2k4hhrcIOAfe7cufj9fkNRFOXXX38lKysLv99vZGdnH3bfWtkRE96Vau9uqclOA562qMdWWnouCn0ZVejzJuyyXG8VvN+U31OkWFTpma+99ho5OTnlKrlVinFEjELkMcMyh2MtCFdKgS/Rzgy2auiW61Pl90z5PcbSGYAWUmqtJClVJcE6aCZgdqbKJWnevHn4fL4WQJFVlrzppqotRtrK1eD1gqaBI2JsvF5ISxPf5srockFpKc+sWY3d0CtdbhrJYnWGRNbzCJPGc8CDQH6s6+/u3Qd/DWUrE15YszrrtxRPr8dO6Dlf0yt3yvh5LXr2rXXSmUorqMTWYTq53dC5NevUOmW48SB0xsCaqfvW5T9KR3IAI6ioX8xYu/r8WbWQ5etVNK9GB8cCLMo4lv+1bdegnUlEBdgB6LVo43vgunLLxKS/oQWDjaYCdKxlW9sAFMNgwaSJdd6RWpnIagJaKMTbD9yHGgrXrz7TAB3RFzw0sUFopt47U9oq3QZkAOMtVqF59dKZD70l9doZV3GJfv6c1/cAM4DjJd+42SLc/lJnnbn54B4+qOcOtd6ZR/8PPo52qg/QG7GJaNTJNBt5cA+Ful6vHeqyai1tduyKdXqLxNifgVF1JiqEOvfgUJSO/XLeOaw790yj7bZcZdC8N2vWmK7z9oMJbb9Xyw4Qk8/YcjfSz+nmxYsuBiCv5wnk9egOcFDRdaWmo5aqqDjzNjPk3Xf5/e9/X1nXcDgi1XMlToc+Ai6Rv/8DXBZXnPnJ7+XHoZdYD30HtKkp6ltbDCUff/wxps4eCVIttt66A+hkxdjtt9+uBCXjtdlsl02fPr280zGXZnOjQ8IZ5b90nc2hIFOL8klTVdJVlalF+cwsKcSGwpzSQ7xQUohdUXirrLhSR6oCcw/EAp2CwSBffPGF+fK/C1okiFAoNN20GCUEZ511Fjk5OaSlpTWsBGyzccMNN1TCWk5OzneI3RDkYvHprFmzvrNqmgYQAuzAOKl7K3X8bo9Ko8jfgalRzm+SS3QgyrkRwOs2m02ZPn26x2azlRUWFuJ2u/F4PPj9fld2drbPnGaKhXZs9dARENvTthgdAegZ59435JRi7NixZUVFRaSmpi7XNG25pC9fpDhjYuh5ix3LAP4XYW35DrFp9Z0p0VPhNWNelyVXnESWX6hwtHhJEvwUKjw8DmOkd999d8Gf/vSn3wG/iyeb3QHcL3+bZsiL5U02oEwuBK8AVyO2+W6T57wWjK4BTk5wobsLYTwHGC1Xrr8h3Fc6AG2jDEArn89HcXFxzAdvjTIS5m9zlEoj1nqAc6nw2DIsNq/+cTABcKHlf1gOqsNynRHl3tRY2LLazQxgmMX6Ykgp15BTaqXlISMsfMd86OvS8vmd5boMYG8EERtSsNwPnM/he6uGxfBn/t8llUNDTudHLUbKatnNjHpaDOrFCBiPaZ4OTDKnUE5ODv3792/QF+zRowezZs1i/PjxdWeTklsJ91mX1QcffJA9e/bEf3DPnqhz5pkm0AhpNiQsnMEgOJ1QXAwpKWAYhL1ecipMVE8DdwMsXbo0pstfQkbA1NRUpk2bZv79ADhsd3XJkiW8/vrrlVXlKrzE4kFYUczObFCgp2oxiFs9yqJ1pjp2s6HR6Ojcc8/l3HPPFZ0wDMZmnVJ77VTXjfF9+iq+CDOvtnI14csugby8OjECKpLJDQQKo43qyB25zO1U7mq0H+GmkrgBxDAY1fdUcwHKrySte71o7/y7Tg0aPWVHoqq5AwoL6OTzNsqqVhvrjBKF/whBbNPGGm3gNgVTkyKFwXYW7n37jDWr0vUG7lBdGs73NTaTrRd3E80wuLXvqaj15CnXYJ3xhMOMPKVfg3cEEvdqSlQ3aSxYAvxf5MHCjHZ8dMdY7D5fk5cvTXNZvZJMY4Ia1lk15Hw2nDEAxTCaBVIabC1rlI4EQ3w8fjSFGWIXVTGM5t2fIwEp+7pmnr3kxmG7pVS6U342IFyzNlK73eXGofy3yoqbPWLabd3+zeVPTT825HD0lqax0VIr/tWClNaIAKj9kifuoGqv+UaDcpnwhdbtudZTY7t4k2H+BR0y+GTsLWihUHXuH4GwloWkzvlTQ3cgkvmXazLj8vfSZudm3m7mFNQqbw/DH3iEnt/+UJ3b3pCT1C6R0k9OtvWNTjFWaK1qHOzYnYBhUGIktDwvilzH7f4ARW3b6PkdMq5yeH2b227f8XM99uNn4B+RB+1+P/Mn/R1DrbWyuBexZ5LZqOJyvh5Gyd1Q6djLbTK41pNGIJq0YxhXaKEQ39xwLdv6nozd538IESSbBlx9TO5OBs19o0GNGwqgORy4AgG8LmdtH2dGY3RB7JT8AXitGvf3Q3j6qsA6wIyoPy3WslmtkbLZbMyaNYtgbFexlRLZlSKEGwoxqYrKHw7uJpZAM2XKFDIyMtA0DV3Xsdvt5Ofns3DhQpYsWQJASkoK48aNo2fPnlW5SBcD/8XiDxgFbgIuttvtN4RCIfLz89m/fz9ZWVnouo5hGASDwenA6uzs7Fk1Rkw59bz8cjzkHAb1iZg0ReX5kkL+XLCv7hGdmsrMmTMrxZHEAqfTaXXDAMhQFOXBKVOm3LZ9+/ZB8lhITtwv5f9z27dvv+Thhx++f8yYMQ/XGjEmDB48mOHDhxMKhSrNLpvNRklJCR999FFMfxITbkhpweulRVHPZWg29oQPl646aDbywiEaEiZNmkTXrl0Jh8Poul4+Mf1+P3feeWf5dTNmzEDTNBABEaH8/PwPJ06cCPA2cC1wuVwK5wHXXnTRRbdcc801l2dnZ39YZ4ixQvfu3RkxYgSTJk1q7mpRZ6mg1kQp7Q/8eO2113LhhRcCGHa7XbnnnnsoKCiIesOLL76Iruvh7OxsLRZiChBxPXZJciZskkrblmYysG8D19Rw0rkQPhlOorvuxIMbESFwCsAFF1zAsGHDUFW1na7rexF+Is9brh+DCCPKBHLjSWWtEDFDQfmQ+VIMPiHKS/wZeAo4BfgTMEcqeeUEBJwNvIVwjbDG6T+DcB55ArAqGycCkxGuDvuAFyzn7kM4uqxFbOLHg8IEB3KapI4vEL68WJChy/cfLd83MiZjprQkPCSlLIAD1gsWL17M4sWLX5di9qnAqoi4x9nyk7geQ7Td0MrIDEaIejsQfiDm87zAHqCr5b4gIvuKqdQuRASlKYh9+BBgemtagy8N+R75ciKsrIIaXpSzMdY1qVKiMs8/ISeaJt8tLCdpoUXSPIUKVy+npQ8bJHIVOak/kr9PAVbIZ5qT7lcQIVkzZsw4THiqSo8ZDFwkH/4L0f1lzJeyyt89EV5ODjnrdClKRralUuHcdpnl3FCEK4vp0WR15DxLIr5VHS11JQhXstVA3xi8xCqGnUpFwiIilrhYCucqiZQNVHh5aYDu8/kYNWoUiqJwzjnn0L17d9LT06tt7xpMRdoMExzymC1ili6w/C9FRGhZ4QN530tyLe+PiF81+UKkjjAI4b5mRCyDhuU9osG8OLa73fK9rOeXWf6rUe59E5FBCrmUGggXHpd8v2Xy3P+z3NtDLoUmTAC+jjv40qss4ajMKOBA5NFoFp5nzQUildmauGNEVSAeeOCBw9bJIx0GDhzI0KFD6+XZdTLroyU88Hg8fPLJJ5SWlpKZmcnTTz9dty/epSvqh/+BkhLw+9FvGYmx5beqVHnUSy5Ff/stU12HtBZwYD94PKh3/xl92pNg3Y7u0gWmz2Tm3j24VQVFUfD7/YfNcI/Hw2effca8efPqhGJqhZi0tDSefvppa5izIcXZB6Ndr2kaZWVlLFmyhLVr1zJo0CDmz5/PoUOHEmpPHTUaTu6Dcs45wpWzgSCsKDy/dk1k0PtHkk+2jXbPjBkzWL16deMgJjU1lX/961/R4s/XAh5EnF/izMvhQNM0DMPA5/OR6nZzayiMv99pkIC9qoEQ47UZxpdhRbnkqeO7s8vpijqIvn37CFz9+yaHGKuJYjkiQOaRmrRRZLNzb++T0aKHJXqpiAKqX+SoIgxH1cPWQQtgSSYWE6KlpIhk3Kdk1Zr5Vwd+lMh/RIq/BonF0JRDi1CQWatXcsGB/bF0kgYBTdfRKiMl8fbDYZETJN4nhrLYEPClRNIlFs3fDJKqUsG6enceL61eSWo4zNEAaiO2fbVE1MXyfzdp/jCkgvqo5FPl4FdVpq77mTmrV8qlJYmYhoAt0vyhSJvaRItppAUiCukZYINXVYOzV/1kpIaDxxypiGkuDn9FiLQu3yvAN63a8EqnTmiGUe2wlSRi6hhcus7kHj3Z4vYIR4tm7gLb7BGjGga3nnoammT6EVJRY6eMq7f26yIM40q59jcmn+wUVcQNhlh21VC2nXJyk6cQq52xLqgllQQSwjf4NPb5WHTvnZSmt0wuYU0B7P4Arz32T9RmqusccQqAGg7zyhOTmi1CjjikKLrOa48/hL2yo11y+WosCDqdvP3gfTi83uZP7UcCQkJOB+88cC8Or++ImGDNnlJsgSBvTPnHQYfPVwLkITwltwFfIfzZipKU0sCgayot9+3PRLga3YxwLgQRD7OLirQP2xEemE1faU6vRT2upoEUjSueeLYk7WB+ISLI9b+IRNYDEbE3ZjWomxEO20GJpNcRhs+mhxR77gZaNXPEhBwOLn96Bmo4rn/3l4gYFRNJG4BDEkGjmhRSdMCWu4HmTjFBp5PrHngEWzDhkItJEjlpwA0SOa82GZ6iA0cCxQRdTob981HCdnt1bisBLpAICknkvNgkGL0OaLkbSG/mu3wBl4sREycRrFkM5S0SOakSOcMbFSnIt2i/8zfszdyLNWy3MeJvkwi4auwIcz3CmTsH4Q/duHrKAT3M9nCQk+wOinU9kdCoXCLKIiu6jqrrgR29T7xUV7XUTut+fc+ov+DWqKRtKCqXPfsCn4y7BUWv0caYDrRElBQ2EHW03m805bHP7m0AnOpw8km7TtiIG7e2RH6wBYIUHNuer26+npJW6ZtsgUBRyG5PG/H3yRhaw/Mrz6EiDEVBqV3ijbnyEwa+IUr6rAZVHlcG/LTduZnL9+9Ci9M1WyBI/nHH8uaU+/n49jH4UjyGLRD4BjiusZYwj6IQMgwcjjrbINSkIFCT5ex1SW27LQrtwlqZWZb6vaTv3MSyC4Zgc1depxXdYNnV/w8lHEbR9WMQyW8u4/CAowZDxhd+L5ft24kBaCNHMe2paXg8npjx9oqiVCoTGCcu/wLgrySeuNiMmusjxW4rmIUjU6gc4FQ9k8Mng86iXbvDKyGpIglOR0S0Vh9E2o8GRobKt34vF+/bSchC02E9zF133UVWVhYTJkxA13V0XS9PnLBixQref/99cnNzsdvtdO7cmYceeojS0tJYTT0m+2cgKsrGs4IGAcXtdlNYWMi2bdvo2rUrbrcbh8Ox2ev1Rq0NUS3u279/f8aNGxfLt3g7IuC0UuaCkN3OiL9PRq9HnpKuqjhzN1VCRm1h+vTp2Gxx5+yZCF+1WAEtE4CdS5YsmR+Zf9ntduP1ehk+fDjnnXfe+UD/7OzsqQnxlEj48ccfmTdvnpkMIBIyIxFS36ABNkXBlruxThEC8Mc//pHVq1ejxJYav7UixH64wvqoYRjzX3/99W6I8L1zgQGA6hV7Pp3nz59/TDAY/JyKsL/qIwXg66+/Zu7cubEQUwmcTielZWWkqRppisq7ZSVMLcrnqeICckNBXIqCBvgMg+eLC5lalM/8smLeLCumpSxa8l9vKVOL8plalM+73hLSVRVFSoNn7c2l5Y5N9ZbUbMaMGcyZMyeusGC325k/fz5jx47FXTl9uq2wsBBEOHhrKaHuRMSMgog/PRAtgLXGykOPHj24/PLL6du3L76IpJ02m43i4mLuuuuuuM9IUVS62+2sDlRv+/YMp5vv/A23w9i5c2cee+wx/H4/mqYhZzoOh4PJkyezZYvIH9G2bVseffRRc3k3bDabcvvtt+P1eq9BVNTtgQgfWYeo8PGKjM+vVLW2xnsLGzdu5KmnniqfUZqm4XA4+Oyzzw7LYR8LSg292ggBGhQhALm5uYwYMaISb+3Tpw/vvfdepVQh+/fvZ8eOHXTo0AFgp67rpKSk4PV6uyFcbXshkkbciQi6+reu6yX1tuxPnz69wcsN1ROcWQudrxuUlz3qlpOT89XDDz8cm+LPOIMXX3xxUU5OzsmRYd7/Q8TZh+TnNqnBgoiVvwkR0XQH8HITHsxhwD2IZGo24F9SOkp04/5NaYDcTPT0KfHgI0TGionAYxMmTOCEE04AWAwscLvds4qKitiyZQvt27enZcuWuN1u/H7/SMMwbgMGWj0kFcvsWMrhVb5TEVkrMpvRTDekLlGT8pg7JBJPqGG7E4HHNE3jrrvuom/fvni93g8kLzmLihwwrRF5ZXZKRTuq2+q3iEw9tyMqMpnKXzHNM/HB/hrel09E8FJNIBwOl9ePGTly5NDTTz/doShKDiJ3mAp8iKiQVVaV7esO+b3WMmui7Ra1Q2QsApFGI5pztyl3P4BwADfhdESakWlR7nlOLiFZiIQ11vZel+d61YVNTz5/AcLJIlax5ueoqDhvhSGIdCeTq2jjJmDB3Llzh40bN278p59+egsiDLwNwl+gLNGXN3eGChBZiCL3VqchMpuauVY6SEnCVBUGIXKX3IdI4XQH8K48t1yKgtdZjHI2izniDsQ+xq1UlCk7U7Z3gzz3Sy0YMZaJ8qJ8j7/L51sVkQAiNUo7qZVb1aDfgE8QDhjpxM4d84Rcfa5DJN75wzvvvMOmTZtqNKMCkkGmE734/D2IFEu95LJ2HXCshTq+pKJ+7oNyZigSeUXy+S4qcnQ9F0U0v0O2bz4jMjr39Foi5U9UJKYzSyidaDnfWk7O6xD79+Z7nozIceaQffi7PDcqhomli6k9INNcPfnkk2zcuLFGZD5KUsjqOPfkWv7vkQr2/5P/za0Xq+x9r7ynteXTBjDL05ZRuR6dWabpYjkwNklxdZEjv40c8AwqauhZoSTi9wG5ZD0t39N8/1T5rLeiPOMp4FNJ2R5pXRbi7EsvkZKSEs98c5jyaFoszexGX5HYps7OKtbxbpJX5MVS7hGppMbJT19EGUhz2XsJkeCtriwq++XyfEYCz9wpB9aMw8lL4Pn3IKKfX0VEPz8rKZTCwkJuvPFGunbtysknn0zPnj3R49SbXmZZNszlyIiyhm9AZI2zwkEqcol1idLRcTE6b6r+nogBMyyW5ykRk+bPCYimE2KcM/OMDYq43kwHsRqRe9MKuyUvnROjD/dbnvNX+dsaHmfmLYsrfFiVRxP+FqOz/igvskEOVuRAlJuKotxjJkUz5PrtkuRteij+J0I3spbYfDfiGfcRPzWIIZl5JIy3nL8z4l0HSMa+mooqspF988jfYUn5HknFtihIKY3yjGohZbe8aV5EZ6+xDKSBqGNqIuUgYjtzmDxniqodpFJkSJHT6haaFfG8KyNe+lPZZjEV5Xnvt1w/zvL7wij9GkBFdguzQMFy+W0tArvY8r+/5Xc7qdEbFu0+Mg3T2RF9MN9jpPxfYJFM/YiqFgvlpKe6lFIdiLZ8JaG2ZggLUtTkcDQ9qAlSUiPXdKfTyWuvvVaXniPNAsaMGVMvz62uXeuhiP8PAlx66aVceeWV2O12fvrpJ2bOnEkoVP+57ZVB52F8+UXDzmJVZfTo0Zx11ln4/X7cbjcPPfQQv/32W62Xr5oi5TA477zzGDFiRCVZ2yytsXjxYtq3b8+mTZtYunRpnQ6O9v6HcMwxkJaG8cYb6I9OqXpAR49Bf/NNKBPCkXLGGRjfCf1RvfEPGD/9hLHuFwvWFdTbxtN+9BgeX7MKQ1UJh8OHJYpWFIVQKMQjjzzCzp07GxcpZ555JrfccouJkGlSaTp8RisKa9eu5bnnnqsbhHz0P2gZkbTA5a66N14v2O3gcomkaWVl5SXHKSsT5UmcTnENQCAAfj9tA34m/7qeiOK/Hmn9eN5KRZqmMXr06GpLUXWGlGeeeQZXhRP1TVKsjvlMt9vNsmXLWL58OS1btiQzM5PZs2cn1ljLdNTrrkMZO05kTm3AikhRkNJCisvnUVFfpRzS0tIqbR9XFym1iv+LMA+8Io2OBpVzzVsmqpesrCyysiryKZ5++um8//77fP/99+zbt698+evbty8//vijmDmDL0ad+oSYzX5/o9TftoCZr7+nZhhRrYvhWsbx16p3Tz/9NB7PYXtCvaQh7iLgs+owUIfDUb4+B4NBCrxeJp7zf6iNnKzAQimjgJdcut5+aevW+97s0DH6AGoaJY8/hr7ovYanlBiwDrE5FpTUc3OiVBfpquRITcUIBGhsUACnri8LqWqXeR07KV8d0xZV1+POaOUvf0X750Po/7gf48MPGp1SrLBaGudaEiN9ezywGwZ/O7EX+6PrP62luaf+tW1AVzXAiEzV25aI2itRweWqcsm1psitb42+L8JEHoyi41QJQUXhiXU/o0cP+dMbklI0PRwrd3LV4PNVKz1uQ5hZ/i37ZRo4q5URrUzTeOWnHwlrR2QWrDozs9QUeiNclVYjMnP3qA5inlmz6ohPhdsYSAGxJawhdvw2IPYmBiVyo0sPM/nXdUcFYhqrh6vkktYV4Vli7mFkxLupnd/PuG1bIzXrJFLqgXJOkAj6iooNt+WIDajDoN+hQq7L24WRREqDwAtU5E15GuHZYu7w7Ze2tWEG9Lhg/z7b2QX5ZUmkNCy8gQjVM5F0BsJzczSwQleU4LBdO/3hI3QZay5y5mb5mQuQEg5zW1Zfh2YY/iRSmgCkhkLccNrv0HTdwxEKzUq+dOk6N/QfUHPNOomUuoUyTePmfv3L894fydDkly8FWJvWgue6HX9UIKTJI8VmGLzcOZNvW7U+4pesShOxDqpC1AWYW8lHM3yLCMFLCOz+ACWt01l+xaXs6H0idp+fJNQe4lUBbiormJ5EUwL7gIaBPRgk74TjWTr8KnypqdgCgSShJNl9EsrZv65jC4ZYNeQCfh50tvAS0HVsTcCLIUksSWgaKn44jKGqfH/NFfzW/1TsPh9aAzhrJyFJLM0HKcEg3tRUll5/Nbu7d8Pu9x8RhXuSxJKEOiaSFBbfejP7unTC7vM3+3JjSWJJQt2KW7qO3+OxLR5zU4t9XTNDdp9Pt/v8AZKGjySxJCGCWEJhCo5t339fl86/2X0+m8SLg6orSR9AJMzJQ9SOX4qoHLeTOPmsklBDPLmOcC/E5gAhh50OGzd/O3Ta821TCwpbhZyONETaKyXOxwmchMib9gEiy+s9kmBKqZwxYz3wKCJjX4vkiNeQs7TYsYnprdszJrUlh/Qk1280grHb1dSCQi5/agYlrdNZPPomio9phS0QjHVLQHKWA5KrxILWiDQ4QxHhQ6dQ4UuTh4iOnCOf4UtiIg5nCQPj8vfi2bGJD7wltFSTyVwam8u4Skq5cuq/uGD2q2jBEGF7raTlfOBHRO6Q0xCBKor8vhqRG/AlRESR6dU9hYoMaUkwiaV8mTIMRh7cgyN3I2/Lsg1JaDwIOp203b6D6x58hLPeXIhus2HULVBOjLkAABRsSURBVE50yU3+iEjMb4p3lyHSHy6lIivdQkTCtSSxRI5gktM0HQi43XRcv5Eb73uQE7/5joDbXd95139A5Io2C2b3ltzpa0k8hxCpG9OPemKJxmne9ZaQpiSJpnGJxkXWp1/yh3v/Qee16wk6nQ3V9K/SiGAaHK5GZC0uoCI/a4+jmlisnGbMwT1MLjpI6/qr111toVwNh7EFAuLjD6AFg80dF1WGSxmqSthu54y33+P3jz1N2oF8wrYGt/5/BgyUhHOSxN0GSThvIxIQH5FQLYbexWbnOo9I4N/b7uQSdwqtVJUSXac+w0y0UAg1FMbbMo293bqwpV/f1IMdO8z0pabeiGEQctifPHbTlikXzZpbqKtqYycPaxjE6Tohp4OP7hhLWYtU1HCjWzK7IFK+Xyr/V7csVJOAOnPR3xYK8njR4RU/Bjhc3JnWiqGeVDyKQkliJdZjE0cwiKob7O2Wyfa+J7OlX18CbjdaMHiTGg6/JN/7B1sg0BNROuOoczBUADQNmo5OuU0aB0BUFJkJ3IUoo3K91IUaimjPRZRX7oUwnRciqm39gogb2liTB9cJD/8h4OPGg7vLs6id6/Qwt00GHcI6fj2MUhUDMwzCdhv7u3Rm3Tlnsrd7F4JOJzZ/AMUwPMBMu893k5QK/4QlKerRBKmKShiD5QEfTxTls/FACMesHK665hq6d+9OMBhskBTSCcD78uNCFO9YJo8/CEyqh/bup6KC11tADvA5ouxPAOEJcQwih+BERLChKt9lirymbsWw6rEHjfsffpjOnTsRDASrfgvDwBYMiczCAtoBixBFovYgqmd9E+32kN1Oxm9bOf/l1ziSxDC3omBXFL71e8kpKeSN0uK413fo0IGrr76afv36YRjGYamwo6NJw263oygKPp+PrVu34vf7sdlstGjRgpSUFNLS0tA0jUDt4mdGyUlsQ2Tvua0OhugZRLGW2dIIgaIoKIpSnlkaIBgMxio3NB1R+GUucEudimHVohXA5vfjCIaqm2q1HSI/1YmIzbTjSKxW0xEhWnkUleUBH48X5fOxt7RateDz8vLK06t7PB4uvfRSzjzzTHJzc1myZAmlpSIPfevWrenatSvr169n69atyDLi8UUQm40rrriCyy+/HF3Xa8LBXpafc6UFbRwio9INNRiq1ogShAeANJfLVbJt2za+/vprNm/eTGFhIV6vF7/02M7IyODqq6+me/fu7N69m82bN9O7d2+OP/74PwYCgT8ZhrFCWvdOkgtzA3MWCeecc055Lv1w4tkmUiVrTIjKmjtn0YCWqsaMkkL+mL+3yb9vZmYmo0ePpmvXrpSV1dhfs4XEb00MAOsB1el09tywYQOPP/543EJ18eCee+4hKyvL5vP5NgG+7Ozsk+LhqV4hNzeXRYsWkZ+fT//+/VEUJZGCCwFI3MCmOByk5hfQdeUaDEUBRcGpKHgUFbeq4FIqPg4UFCX6wzUUUhQVl+Uep6LgMO9VFMKGUakInB3RjiuiHaeiYI/RlgakqSpew+BDbynZ+XsZX7CX/3pLmwVxHzp0iC+++IJFixbhcDjo3bt3TcqR+bHkHdA0DYfDwcqVK/H5fGRkZMRaXAcDdzscjvHr16//5fHHH8cwjGxEVcvrpQ7yM6K053EIs/YyRLo5E75GZHR+f8uWLYGBAwfqDodju2EYt5922mkPNbgYFgnffPMN33zzTTmnsdvthMNhAoFAwoNsyqKKomC321m1ahXLly/np1WryHC5GBWC39mdvF5azPyyIvwxnpuiqNyYksaY1HROc7g4oId4t6yE54sLWRuMH2zV3+HirhatOMfp4SNvCdOKCtgUis0AW6oqt6elc0tKSzI0G++VlfBMcQHLA83fZ1HXdRYuXMjChQs59dRTGTlyJOnp6YdVPYgHDoeD4uJinnnmmcPqPd1yyy2cd955eCtHiXYHCAQCG7Oyshg8eDCffPLJLIsIv0+K7z/Ka6+TSn2J1HlHAv9D5Aou6du3L+np6ZSVleU3noKfIPTq1YshQ4Zw8sknYxjGYbKwoii4XC727t3LggUL2LRpE4FAIHIAk9BEoFWrVgwZMoSysjK2b9+O0+mkV69eZGZm0qVLF1RVxTAMNE1j7969TJ8+nS1btsR83tChQxk2bJhV3Osm9ZXHFEWZCDBp0iSzdteVkjiut5iR+0nL3DJEUu07EIVAzwJGX3bZZQwfPpyysrLbgeeys7OVRucssWDdunWsW7cOgBNOOIE777yT1NRUVFVl165dvPfee/zwww/JWdhMoKCggDfffLPSsWXLltX4eR988AHr169n4sSJhMNhDMPYgtg6+CvwgWEY38qSmKmSq7yE8CLYicgsn48wYZs52VyIvZ8twDHhcPiArusnAs8hqqzH5SynS9mxLI6yXYIoRmSFLISLRgkV4a+q5di6mg5Q27Zt8fl8FBcXH61z7kRp8fFFUYBdiH2DkFwp62NjpR3Cy3g0otZECcIzub5zL/WSOsnNiLib8n2ZzMxM/vnPfxIMBk2x/VFJMH9xOp1T9+zZw2effcamTZsoLS0lFAqVW/lSUlJITU3F4/GQkpJC+/bt6devHz169EBRlOxwOJyD8Di4O57p2MpybkLYnVMtx/6NcJyLB29LZWkLwtb9eXJ9rTPIQFSvaSf//4AoZ1dUj2065OLXEbHj7ZHKce96JhaPXLBNIkDqGo+Vr85ZWUycOJFAIIDf78cwjAypf2QB/wCeUhSlzNxrsUm/uXA4jK7rViOETbYxWfbtIoQHQsL7LK/Iz5UIOzjAVcCf47CnVyWhDKTh3BmOJtgj5W2zFPWieiYULASRJz8Nld/XlGxWxrpgzZo1XH+9UEc6derE+eefv2fAgAF9W7Rogd/vH6Pr+i+GYXQxDCMAbAyHw5ulaNZO9qO75Mw7JaFoVCMpSDSd5T2gDbBCKkjTECGpF1lYfj95fkZTMBIcRdCQKSjjieb1CQktBjt27GDevHnMmzfPFLVmt2vXbvbQoUPp16+faWV1SeII1EVfYnnh5UvT2gvy/yDEDmcWIjnCpwgb9h/jPLuF5DofAXupSJyA5FZGlM/TUcSQbConYZgpB2B5xL3nW+5LR5QOWyHZ7Rj5HmbkXw7RXeJHyH4ulCbGOyPaGRzlnhtl//YC98m2FsvrvQi/pcYGG8I1JAh8h9g9/zOwS77nrojxi0Y4IYmfSJz5qfDLioQOcq4slWM5XrZvjs0T1TQyeeT82y3H9UapOhwqLS01tm7duvrZZ59l5MiRfPvtt6SmpvoQTpR1QvSJcIVBEvlqNfSYSBl4h2SF+VJhHQt8aDHvvQqcLf8XImLFrfbEUyzs+QCikPm18vhDUgG9W7LcJ4AJiNJum6MsDlupiLk4C+GFalUYrwfmR0HSLnnu4yj6mqkA77Ocu0aeB+EH9UINcfSiRQy7F3iymve75CLVBeFkeF0UUfpGiZcTpIhijtVKuUDqiH2LWyyGmw6IRBeDLVzvVHlelX0fBHSKMlnbSTx4JBH2tOB7iFzYInWW1sB2OT86RennX6VhoHwH3uVycfvtt9O3b9+EPQ3i6SyJ+Hf/IAcKix6ztJorgul8tFlypA8t57YB5wBTLVxhZhROZ/b2LUkoSGvQFQj/on3y3SZIhM9B7NRaP19J5OTLz8QIqx+SIy2QFimrPH1SxDiA2C3+2EKoVvBFEFtjgU+u/P+VCwkx3tMhJ2Q02CwXFquFMw+4GFF42rx/uvz9kMSFTyrgkXhYKOdEvhS7bkmQ6JGGh4MIx0zruD4m1YWKjvl8PPnkk9xzzz0YhoFay3CGqu6+X4o/kyUXMhX9M+Xx6mYAiUdgj1JRpvzEiIFItJemU973kgCjfY6XOlmbiMG9Q/4/AAyTq7EpZsyxcDUrrAIuQXit/lXes1KKOTpNJ6Pky4hYk32SU+2W4szlCYooahwczLcQ0YlS/DZFuv/GwcNxFjz8I4F3yAPay7FujdhPMUXzX6TYvDnajfv27eP+++9nwYIF7Ny5E5vNhtvtxuPx4HK5cDqd5Z+aQGdEYoL/RRmks6Xcb8qskxMQw8yw0xVVyKPb5XWLI851sQzM9DjPmGd5rwsT6GeXOOdOkRzGKp//YlnhTJGhVMrf/SLu72+578+1mOgvWp4zoZri72DLQmRIiSCSyz1h0eWyIghktTy3idjZMW1yXKx4MzPDFCN23KtaQDtEjKnZ37/GuS9VEshvETjKrs2qYpqXo33iISeriom9OmISpdaSWAZZkHZmDYmlV8TATYmzUq5A7C2ZsCCGAm8q/uYzx1u4azwEWd/lvjoiluoQ3UeIDWdTKQ/GWBymWJ7fvwbEcqGFA5tm5sEReBgT415TDzk7AWI5xaLLRIOlFmOFpz6JJV1aSwwpDyYq9myNGJQ7qyCWWBPYJJStEauMdeIFY3CdSOhmsfIYFsvLbxHve2kMrhStDyYCl1tEyWMk9zWfN01yl6sQfkgrLO/8H9neIqqfQsi6KL1L7PSrHjlZTU7xqjw+3nL/Ibka95ME/EvEyvyQ7P80ee8my/hdHk0ftrRli8KZCyLwUCzb224hsJMj7hsfwzrazWJRjcat/ifPj6gvzqLIwYmMKzDjSV6LItN6pPXEIc/pEauRSdUfSuXdgSiR3kPqEjcjdvoHyHM7ZUffiNJWNznJdMs5sw1dKvsH4nC0YcAFUqwsk6vPv4kegz1BKpsBRIn3k+Uz9slJ/lqMfY4R0uDQAvhJTpw18twoqUetQfgebUkQZ5dKLqBKS5t1fG2WiWkuaqZ+ZJp4ddnPEosZf7wciwDwBSK6sFCOpZnW9T/SaueLEJMGIzaez5XXH5ALwluIVEnxoLW0DJ4nrWCF0tDyDpWD+rrLRckax2STYm+uHNt75bv3kO/TUfb3RznuP9ZWuatmmEGdQ6JiWBKS0OgQj7M0RGoQq1WoSuvQcccdR1ZWMs1uEpoe1KeLfgdpShxKxZ5Ff6kbfSDZaqWAG7fbzcSJE3G73TidTlatWsU777zDtm3bkpg6QiAjI4Mrr7ySM888szyY75NPPil3W2nK0GT8uoYMGcLw4cMPi5xUFKXc/r1161aWLVvG0qVLKSoqarYTRuneHeUvf0UZeDqUlmJ89hnGq69gbNzQfKngmGNoc8ON3NMlk0N5eZT5fBQVFZGSkkK7du3o2LEjdrudQCAQNV7e5XLh9/tZsWIFH3/8Mdu3b280MazJEssll1xSTiSJJh2wpu9RFAVd18tj+99//33efffdGicwqFci6dIF9ZnnIDMTSksrJ9bQNPB44MABjA2/Qq3S0Sooxx0H3U8APQzbt2H8uALydonTxx+P0v0E6NEDdu/G+OpL2L8fundHOakXdO0qkveVlIjzBw/C9m2we3dFEz17wrHHonTOhFatCQf8ZJQUc//GjTj1MHotkoaoqorL5aK0tJTly5fz+eefs3Xr1qOXWJxOJ5MmTaJdu3aR+ah6SIMACBeYv1T32W63m/z8fL755hs+//xz8vPzG5dILr0U9Z57oVUr8B2Z9YLCikKG35cIsbgQ1sXBiMQSfaocPyldrF69mjlz5lBQUNAoxNJoYcV2ux2HwxEtg8dGScQ3IdxM7kO4a9xGgi7qXq8Xt9vNRRddxMUXX4zdbkdVVXRdR9d1bDZbeRx4Xl4eb7zxBqtWraqbjh13HOqUR1FOPwOCAQiFBIEYxhFLKImqKwjnyrMRpuBTEe5CCU1gn89HVlYWHTt2rFdiaSwFv7ZgBqOdi3Bu9EujwHXE8AGKBrqulydbM8GaqbFly5aMHz8ep9NZnkyhuLiYXbt2UVBQQGFhIYZh4Ha7yczMpFs3sR/2ww8/8N6//83OvDyUCy9EGTYcZcAAIT4Fg5B/MKnNC7gUsQfSGvhBgU5OXd8ZUBSKq1kBIGSz1WsC+iar4KempjJ58mTS0tISTb7XDngd4V4RQhQbfbax3l8zDEqdTh7o3YdDuo52lNfjjBDDUnVFeVyB8Q5dR8H4136H896VLdNDX7Y5hl1ut8kyqisjoTqdKKqKsWyZMIp89y3U4dg3STGsBrAPEa0JIpXNiwgz9DqER8C3DfkyuqLg8fvpWpDPqvRW1b3dg3DlOGIqB6ugF9tstlc6dbpQNYzWCnDIZt+4Pi1tiaGq7dD1VzU5EeXCYsYglVSrISklKFlZKE9OA6dTGEcKCjC2/CYMJ0nOEhVaIDxqTefGJQhX+zUN1Q+3rrMxJYUnuvfAryhoia2W6Qi/q2OOYmaUjwj6OtCUXip0xsB4C0KzhiJEaLMCtJUKo+l4uF5yoHoFr6rSyevlpVU/cV3eLsKqikESjkQ4kgpFHkDUblGAlghL2nQqvGZfpB4zlZRqGhfu38es1SvpU1xMWLMlZ1eSWJoNx5mKiMJTEJF5NipczkslMfWraz3GAO7espmpP6+hRShEOFntOUkszQzMZAtmrff/k33/iorYiZWIcIUutW3Mr6q0DAV59uc1/GnLZlSFWu1oJyFJLI1NPDdTUes9TRoKzqFyoNpBxB5PNtGD0uJCmabRq7iYl1f+xLV5uwhrmiiJkYQksTRjKKEia4xZ712THGiF5ErrqRz1t0NypsmIvZ8exDAFl2kaFx7Yz6srljNk397GKMedhDqAJNbiqCAI36WfiZ6rqwciT0F3aVjoj9g4jboAGZBfpmn7rsnbdWDIvr2+v5/Yq0WxzZaoqTkJSWJp1rCRxEpEOyTHaQF47Ibh2ul2twto6gA1dhKIJCSJ5aiEAHDApesHVrZoyezMLpTYbOmargeUJFdJEksSpEJoGNgNg0/btuXN4zphyGNHux9ZkliSUA52Q8eraszt3IXlrVqh6jqKTKWThCSxJAHwhMNs9aTwYmYXdng8aOFwkoskiSUJJmiGgYrB++2PZVFGBwxAM3S0cDg5OEliSYJJJAV2Oy9lduHXtBao4TCqkTAX0REJ5sqO4iEspOkkTk8I/j9Eme6HglbwXgAAAABJRU5ErkJggg==">
                <h4>Both Sided</h4>
            </div>
        </div>
    </div>

    <div class="panel-body panel-body-2">
        <h4 class="panel-title text-center">Input texts for the back side:</h4>
        <div class="frm-algn-holder">
            <div class="frm-sec col-lg-12">
                <p style="color: red" id="textErrorMsg"></p>
                <form action="" method="get">
                    <p>
                        <label>Row 1</label>
                        <input name="textbox1" id="textbox1_bck" type="text" onfocus="" value=""
                        onchange="selecttext_new(1, this)" maxlength="22">
                        <span class="selectFontSize">
                            <span>Font Size:</span>
                            <select name="" onchange="manualFontChange_bck(1, this);" id="textbox1Font_bck">
                                <option value="auto">Auto</option>
                                <option value="8">8px</option><option value="9">9px</option><option value="10">10px</option><option value="11">11px</option><option value="12">12px</option><option value="13">13px</option><option value="14">14px</option><option value="15">15px</option><option value="16">16px</option><option value="17">17px</option><option value="18">18px</option><option value="19">19px</option><option value="20">20px</option><option value="21">21px</option><option value="22">22px</option><option value="23">23px</option><option value="24">24px</option><option value="25">25px</option><option value="26">26px</option><option value="27">27px</option><option value="28">28px</option><option value="29">29px</option><option value="30">30px</option><option value="31">31px</option><option value="32">32px</option><option value="33">33px</option><option value="34">34px</option><option value="35">35px</option><option value="36">36px</option><option value="37">37px</option><option value="38">38px</option><option value="39">39px</option><option value="40">40px</option><option value="41">41px</option><option value="42">42px</option><option value="43">43px</option><option value="44">44px</option><option value="45">45px</option><option value="46">46px</option><option value="47">47px</option><option value="48">48px</option><option value="49">49px</option><option value="50">50px</option><option value="51">51px</option><option value="52">52px</option><option value="53">53px</option><option value="54">54px</option><option value="55">55px</option><option value="56">56px</option><option value="57">57px</option><option value="58">58px</option><option value="59">59px</option><option value="60">60px</option><option value="61">61px</option><option value="62">62px</option><option value="63">63px</option><option value="64">64px</option><option value="65">65px</option><option value="66">66px</option><option value="67">67px</option><option value="68">68px</option><option value="69">69px</option><option value="70">70px</option><option value="71">71px</option><option value="72">72px</option><option value="73">73px</option><option value="74">74px</option><option value="75">75px</option><option value="76">76px</option><option value="77">77px</option><option value="78">78px</option><option value="79">79px</option><option value="80">80px</option><option value="81">81px</option><option value="82">82px</option><option value="83">83px</option><option value="84">84px</option><option value="85">85px</option><option value="86">86px</option><option value="87">87px</option><option value="88">88px</option><option value="89">89px</option><option value="90">90px</option>                            </select>
                        </span>
                    </p>
                    <!--<span id="fontError1"></span>-->
                    <p>
                        <label>Row 2</label>
                        <input name="textbox2" id="textbox2_bck" type="text"
                        onchange="selecttext_new(2, this)" maxlength="22" value="">
                        <span class="selectFontSize">
                            <span>Font Size:</span>
                            <select name="" onchange="manualFontChange_bck(2, this);" id="textbox2Font_bck">
                                <option value="auto">Auto</option>
                                <option value="8">8px</option><option value="9">9px</option><option value="10">10px</option><option value="11">11px</option><option value="12">12px</option><option value="13">13px</option><option value="14">14px</option><option value="15">15px</option><option value="16">16px</option><option value="17">17px</option><option value="18">18px</option><option value="19">19px</option><option value="20">20px</option><option value="21">21px</option><option value="22">22px</option><option value="23">23px</option><option value="24">24px</option><option value="25">25px</option><option value="26">26px</option><option value="27">27px</option><option value="28">28px</option><option value="29">29px</option><option value="30">30px</option><option value="31">31px</option><option value="32">32px</option><option value="33">33px</option><option value="34">34px</option><option value="35">35px</option><option value="36">36px</option><option value="37">37px</option><option value="38">38px</option><option value="39">39px</option><option value="40">40px</option><option value="41">41px</option><option value="42">42px</option><option value="43">43px</option><option value="44">44px</option><option value="45">45px</option><option value="46">46px</option><option value="47">47px</option><option value="48">48px</option><option value="49">49px</option><option value="50">50px</option><option value="51">51px</option><option value="52">52px</option><option value="53">53px</option><option value="54">54px</option><option value="55">55px</option><option value="56">56px</option><option value="57">57px</option><option value="58">58px</option><option value="59">59px</option><option value="60">60px</option><option value="61">61px</option><option value="62">62px</option><option value="63">63px</option><option value="64">64px</option><option value="65">65px</option><option value="66">66px</option><option value="67">67px</option><option value="68">68px</option><option value="69">69px</option><option value="70">70px</option><option value="71">71px</option><option value="72">72px</option><option value="73">73px</option><option value="74">74px</option><option value="75">75px</option><option value="76">76px</option><option value="77">77px</option><option value="78">78px</option><option value="79">79px</option><option value="80">80px</option><option value="81">81px</option><option value="82">82px</option><option value="83">83px</option><option value="84">84px</option><option value="85">85px</option><option value="86">86px</option><option value="87">87px</option><option value="88">88px</option><option value="89">89px</option><option value="90">90px</option>                            </select>
                        </span>
                    </p>
                    <span id="fontError2"></span>
                    <p>
                        <label>Row 3</label>
                        <input name="textbox3" id="textbox3_bck" type="text"
                        onchange="selecttext_new(3, this)" maxlength="22" value="">
                        <span class="selectFontSize">
                            <span>Font Size:</span>
                            <select name="" onchange="manualFontChange_bck(3, this);" id="textbox3Font_bck">
                                <option value="auto">Auto</option>
                                <option value="8">8px</option><option value="9">9px</option><option value="10">10px</option><option value="11">11px</option><option value="12">12px</option><option value="13">13px</option><option value="14">14px</option><option value="15">15px</option><option value="16">16px</option><option value="17">17px</option><option value="18">18px</option><option value="19">19px</option><option value="20">20px</option><option value="21">21px</option><option value="22">22px</option><option value="23">23px</option><option value="24">24px</option><option value="25">25px</option><option value="26">26px</option><option value="27">27px</option><option value="28">28px</option><option value="29">29px</option><option value="30">30px</option><option value="31">31px</option><option value="32">32px</option><option value="33">33px</option><option value="34">34px</option><option value="35">35px</option><option value="36">36px</option><option value="37">37px</option><option value="38">38px</option><option value="39">39px</option><option value="40">40px</option><option value="41">41px</option><option value="42">42px</option><option value="43">43px</option><option value="44">44px</option><option value="45">45px</option><option value="46">46px</option><option value="47">47px</option><option value="48">48px</option><option value="49">49px</option><option value="50">50px</option><option value="51">51px</option><option value="52">52px</option><option value="53">53px</option><option value="54">54px</option><option value="55">55px</option><option value="56">56px</option><option value="57">57px</option><option value="58">58px</option><option value="59">59px</option><option value="60">60px</option><option value="61">61px</option><option value="62">62px</option><option value="63">63px</option><option value="64">64px</option><option value="65">65px</option><option value="66">66px</option><option value="67">67px</option><option value="68">68px</option><option value="69">69px</option><option value="70">70px</option><option value="71">71px</option><option value="72">72px</option><option value="73">73px</option><option value="74">74px</option><option value="75">75px</option><option value="76">76px</option><option value="77">77px</option><option value="78">78px</option><option value="79">79px</option><option value="80">80px</option><option value="81">81px</option><option value="82">82px</option><option value="83">83px</option><option value="84">84px</option><option value="85">85px</option><option value="86">86px</option><option value="87">87px</option><option value="88">88px</option><option value="89">89px</option><option value="90">90px</option>                            </select>
                        </span>
                    </p>
                    <span id="fontError3"></span>
                </form>
                <p id="charectorInfo"></p>
            </div>

        </div>
        <div class="close-panel" onclick=""><span>X</span></div>
    </div>
</div>               </div>
               <div class="panel" data-div="fonts" id="fonts">
                  <h4 class="panel-title text-center">FONT</h4>
                  <div class="">
                     <div id="fontsLoader">
                     </div>
                     <div class="btn-grp">
                        <!-- <button class="save-button" onclick="nxt(this);">Next</button> -->
                     </div>
                     <!--<div class="text-center container-full"><small>Please Click "Save" before proceeding.</small></div>-->
                  </div>
                  
<h4 class="panel-title text-center">WOVEN TYPE</h4>
<div class="panel-body-desig-order woven_type" style="display:none;">

    <div class="">
        <ul class="woven-list">
                            <li onclick="selectwlabeltype('TAFFETA', this); selectprice();"><img src="https://xpresalabels.com/site/wp-content/uploads/2018/05/taffeta-img.png" alt="" />
                    <h3>TAFFETA</h3>
                </li>
                                <li onclick="selectwlabeltype('SATIN', this); selectprice();"><img src="https://xpresalabels.com/site/wp-content/uploads/2018/05/satin-img.png" alt="" />
                    <h3>SATIN</h3>
                </li>
                                <li onclick="selectwlabeltype('DAMASK', this); selectprice();"><img src="https://xpresalabels.com/site/wp-content/uploads/2018/05/damask-img.png" alt="" />
                    <h3>DAMASK</h3>
                </li>
                        </ul>
        <p>This option weaves an additional layer of white thread into your label to vibrantly brighten the background color, and prevent shine-through. Choose this option if your label pairs a white or a light background with a dark or bright text, symbol or logo. Adding a second layer of white yarn will prevent the logo from bleeding, or shining through, into the background.</p>

        <!-- <div class="btn-grp">
            <button class="save-button" onclick="nxt(this);">Next</button>
        </div> -->
        <div class="text-center container-full"><small>Please Click "Save" before proceeding.</small></div>
    </div>
</div>
                  <h4 class="panel-title text-center">IRON ON OR ADHESIVE <small>(Straight cut only)</small></h4>
<div class="panel-body-desig-order enableDisabled" id="ironHeatSeal" style="display:none;">

    <div class="wrapDisabled" id="ironHeatSealDisable" style="display: none;">
        <p>Only available for Straight Cut option.</p>
    </div>
    <a href="javascript:void(0);" onclick="clearironoradhe();" class="btn btn-warning" id="clearironoradhe" style="float: right; display: none;"><i class="fa fa-close"></i> Clear</a>
    <div class="row-sec">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <div class="desig-order-shrt-des">
                    <div class="img-hvr"> <img src="https://xpresalabels.com/site/wp-content/uploads/2018/05/iron-on.png" alt="" onclick="selectironoradhe('Iron On', '2.00', this); selectprice();"> </div>
                    <h4>Iron On</h4>
                    <p>(Not suitable for items that are washed)</p>
                </div>
            </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <div class="desig-order-shrt-des">
                    <div class="img-hvr"> <img src="https://xpresalabels.com/site/wp-content/uploads/2018/05/adhisive-img.png" alt="" onclick="selectironoradhe('Adhesive', '3.00', this); selectprice();"> </div>
                    <h4>Adhesive</h4>
                    <p>(Not suitable for clothing or items that are washed)</p>
                </div>
            </div>
                </div>
    <p class="note-txt">Note: for iron-on labels a layer of adhesive is added to the back of the labels such that it can be attached to fabric using a regular iron (no steam). For more information about applying iron on labels, please read our FAQ.</p>
</div>
               </div>
               <!----- background colors ---->
               <!----- text colors ---->
               <div class="panel color-bg-sec" data-div="textColor" id="textColors">
                  <h4 class="panel-title text-center">TEXT COLOR</h4>
                  <div class="color-text">
                     <p style="color: red" id="colorselectionError"></p>
                     <div class="colorSelection">
                        <span class="colorContainer" onclick="selecttextcolor('000000', 'Black', '', this)">
                           <span class="colorContainer-label " style="background-color: #000000">
                              <input type="radio" name="radio-51" value="Black" checked="checked">
                              <span class="wpcf7-list-item-label">Black</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('ffffff', 'White', '', this)">
                           <span class="colorContainer-label " style="background-color: #ffffff">
                              <input type="radio" name="radio-52" value="White" checked="checked">
                              <span class="wpcf7-list-item-label">White</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('06038d', 'Blue', '', this)">
                           <span class="colorContainer-label " style="background-color: #06038d">
                              <input type="radio" name="radio-53" value="Blue" checked="checked">
                              <span class="wpcf7-list-item-label">Blue</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('6cace4', 'Light Blue', '', this)">
                           <span class="colorContainer-label " style="background-color: #6cace4">
                              <input type="radio" name="radio-54" value="Light Blue" checked="checked">
                              <span class="wpcf7-list-item-label">Light Blue</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('41b6e6', 'Turquoise', '', this)">
                           <span class="colorContainer-label " style="background-color: #41b6e6">
                              <input type="radio" name="radio-55" value="Turquoise" checked="checked">
                              <span class="wpcf7-list-item-label">Turquoise</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('4f2c1d', 'Brown', '', this)">
                           <span class="colorContainer-label " style="background-color: #4f2c1d">
                              <input type="radio" name="radio-56" value="Brown" checked="checked">
                              <span class="wpcf7-list-item-label">Brown</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('63513d', 'Light brown', '', this)">
                           <span class="colorContainer-label " style="background-color: #63513d">
                              <input type="radio" name="radio-57" value="Light brown" checked="checked">
                              <span class="wpcf7-list-item-label">Light brown</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('a83d72', 'Dark pink', '', this)">
                           <span class="colorContainer-label " style="background-color: #a83d72">
                              <input type="radio" name="radio-58" value="Dark pink" checked="checked">
                              <span class="wpcf7-list-item-label">Dark pink</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('f57eb6', 'Pink', '', this)">
                           <span class="colorContainer-label " style="background-color: #f57eb6">
                              <input type="radio" name="radio-59" value="Pink" checked="checked">
                              <span class="wpcf7-list-item-label">Pink</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('470a68', 'Dark purple', '', this)">
                           <span class="colorContainer-label " style="background-color: #470a68">
                              <input type="radio" name="radio-510" value="Dark purple" checked="checked">
                              <span class="wpcf7-list-item-label">Dark purple</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('7566a0', 'Purple', '', this)">
                           <span class="colorContainer-label " style="background-color: #7566a0">
                              <input type="radio" name="radio-511" value="Purple" checked="checked">
                              <span class="wpcf7-list-item-label">Purple</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('006341', 'Green', '', this)">
                           <span class="colorContainer-label " style="background-color: #006341">
                              <input type="radio" name="radio-512" value="Green" checked="checked">
                              <span class="wpcf7-list-item-label">Green</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('a4d65e', 'Apple green', '', this)">
                           <span class="colorContainer-label " style="background-color: #a4d65e">
                              <input type="radio" name="radio-513" value="Apple green" checked="checked">
                              <span class="wpcf7-list-item-label">Apple green</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('e8e1c7', 'Off White', '', this)">
                           <span class="colorContainer-label " style="background-color: #e8e1c7">
                              <input type="radio" name="radio-514" value="Off White" checked="checked">
                              <span class="wpcf7-list-item-label">Off White</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('ff6a39', 'Orange', '', this)">
                           <span class="colorContainer-label " style="background-color: #ff6a39">
                              <input type="radio" name="radio-515" value="Orange" checked="checked">
                              <span class="wpcf7-list-item-label">Orange</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('c8102e', 'Red', '', this)">
                           <span class="colorContainer-label " style="background-color: #c8102e">
                              <input type="radio" name="radio-516" value="Red" checked="checked">
                              <span class="wpcf7-list-item-label">Red</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('9b111e', 'Rubyred', '', this)">
                           <span class="colorContainer-label " style="background-color: #9b111e">
                              <input type="radio" name="radio-517" value="Rubyred" checked="checked">
                              <span class="wpcf7-list-item-label">Rubyred</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('5b6770', 'Silvergrey', '', this)">
                           <span class="colorContainer-label " style="background-color: #5b6770">
                              <input type="radio" name="radio-518" value="Silvergrey" checked="checked">
                              <span class="wpcf7-list-item-label">Silvergrey</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('ffcd00', 'Yellow', '', this)">
                           <span class="colorContainer-label " style="background-color: #ffcd00">
                              <input type="radio" name="radio-519" value="Yellow" checked="checked">
                              <span class="wpcf7-list-item-label">Yellow</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('cbb677', 'Sparkling gold', '', this)">
                           <span class="colorContainer-label " style="background-color: #cbb677">
                              <input type="radio" name="radio-520" value="Sparkling gold" checked="checked">
                              <span class="wpcf7-list-item-label">Sparkling gold</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('aa0114', 'Sparkling red', '', this)">
                           <span class="colorContainer-label " style="background-color: #aa0114">
                              <input type="radio" name="radio-521" value="Sparkling red" checked="checked">
                              <span class="wpcf7-list-item-label">Sparkling red</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('a7a9ac', 'Sparkling silver', '', this)">
                           <span class="colorContainer-label " style="background-color: #a7a9ac">
                              <input type="radio" name="radio-522" value="Sparkling silver" checked="checked">
                              <span class="wpcf7-list-item-label">Sparkling silver</span>
                           </span>
                        </span>
                        <span class="colorContainer" onclick="selecttextcolor('3f00ff', 'Sparkling blue', '', this)">
                           <span class="colorContainer-label " style="background-color: #3f00ff">
                              <input type="radio" name="radio-523" value="Sparkling blue" checked="checked">
                              <span class="wpcf7-list-item-label">Sparkling blue</span>
                           </span>
                        </span>
                     </div>
                     <div class="additionalColors">
                        <h4 class="additionalColorCode">You can also Submit PMS/ PantoneCodes color code for better
                           understanding
                        </h4>
                        <a target="_blank"
                        href="https://xpresalabels.com/site/wp-content/uploads/2018/05/PantoneCodes.pdf"
                        class="pdflinkinPopup pdfShowgal">Click Here To Check Pantone Color Codes</a>
                        <input type="text" id="pantoneText" class="customColorpantone" placeholder="Select Other Color"
                        readonly>
                     </div>
                     <div class="btn-grp">
                     </div>
                  </div>
                  <!----- background colors ---->
                  <h4 class="panel-title text-center">BACKGROUND COLOR</h4>
                  <div class="panel-body" id="backGroundColors" style="display:none;">
                     <div class="colorSelection">
                        <span class="colorContainer" onclick="selectcolor('000000', 'Black', '', this)">
    <span class="colorContainer-label " style="background-color: #000000">
        <input type="radio" name="radio-51" value="Black" checked="checked">
        <span class="wpcf7-list-item-label">Black</span></span></span>
<span class="colorContainer" onclick="selectcolor('ffffff', 'White', '', this)">
    <span class="colorContainer-label " style="background-color: #ffffff">
        <input type="radio" name="radio-52" value="White" checked="checked">
        <span class="wpcf7-list-item-label">White</span></span></span>
<span class="colorContainer" onclick="selectcolor('06038d', 'Blue', '', this)">
    <span class="colorContainer-label " style="background-color: #06038d">
        <input type="radio" name="radio-53" value="Blue" checked="checked">
        <span class="wpcf7-list-item-label">Blue</span></span></span>
<span class="colorContainer" onclick="selectcolor('6cace4', 'Light Blue', '', this)">
    <span class="colorContainer-label " style="background-color: #6cace4">
        <input type="radio" name="radio-54" value="Light Blue" checked="checked">
        <span class="wpcf7-list-item-label">Light Blue</span></span></span>
<span class="colorContainer" onclick="selectcolor('41b6e6', 'Turquoise', '', this)">
    <span class="colorContainer-label " style="background-color: #41b6e6">
        <input type="radio" name="radio-55" value="Turquoise" checked="checked">
        <span class="wpcf7-list-item-label">Turquoise</span></span></span>
<span class="colorContainer" onclick="selectcolor('4f2c1d', 'Brown', '', this)">
    <span class="colorContainer-label " style="background-color: #4f2c1d">
        <input type="radio" name="radio-56" value="Brown" checked="checked">
        <span class="wpcf7-list-item-label">Brown</span></span></span>
<span class="colorContainer" onclick="selectcolor('63513d', 'Light brown', '', this)">
    <span class="colorContainer-label " style="background-color: #63513d">
        <input type="radio" name="radio-57" value="Light brown" checked="checked">
        <span class="wpcf7-list-item-label">Light brown</span></span></span>
<span class="colorContainer" onclick="selectcolor('a83d72', 'Dark pink', '', this)">
    <span class="colorContainer-label " style="background-color: #a83d72">
        <input type="radio" name="radio-58" value="Dark pink" checked="checked">
        <span class="wpcf7-list-item-label">Dark pink</span></span></span>
<span class="colorContainer" onclick="selectcolor('f57eb6', 'Pink', '', this)">
    <span class="colorContainer-label " style="background-color: #f57eb6">
        <input type="radio" name="radio-59" value="Pink" checked="checked">
        <span class="wpcf7-list-item-label">Pink</span></span></span>
<span class="colorContainer" onclick="selectcolor('470a68', 'Dark purple', '', this)">
    <span class="colorContainer-label " style="background-color: #470a68">
        <input type="radio" name="radio-510" value="Dark purple" checked="checked">
        <span class="wpcf7-list-item-label">Dark purple</span></span></span>
<span class="colorContainer" onclick="selectcolor('7566a0', 'Purple', '', this)">
    <span class="colorContainer-label " style="background-color: #7566a0">
        <input type="radio" name="radio-511" value="Purple" checked="checked">
        <span class="wpcf7-list-item-label">Purple</span></span></span>
<span class="colorContainer" onclick="selectcolor('006341', 'Green', '', this)">
    <span class="colorContainer-label " style="background-color: #006341">
        <input type="radio" name="radio-512" value="Green" checked="checked">
        <span class="wpcf7-list-item-label">Green</span></span></span>
<span class="colorContainer" onclick="selectcolor('a4d65e', 'Apple green', '', this)">
    <span class="colorContainer-label " style="background-color: #a4d65e">
        <input type="radio" name="radio-513" value="Apple green" checked="checked">
        <span class="wpcf7-list-item-label">Apple green</span></span></span>
<span class="colorContainer" onclick="selectcolor('e8e1c7', 'Off White', '', this)">
    <span class="colorContainer-label " style="background-color: #e8e1c7">
        <input type="radio" name="radio-514" value="Off White" checked="checked">
        <span class="wpcf7-list-item-label">Off White</span></span></span>
<span class="colorContainer" onclick="selectcolor('ff6a39', 'Orange', '', this)">
    <span class="colorContainer-label " style="background-color: #ff6a39">
        <input type="radio" name="radio-515" value="Orange" checked="checked">
        <span class="wpcf7-list-item-label">Orange</span></span></span>
<span class="colorContainer" onclick="selectcolor('c8102e', 'Red', '', this)">
    <span class="colorContainer-label " style="background-color: #c8102e">
        <input type="radio" name="radio-516" value="Red" checked="checked">
        <span class="wpcf7-list-item-label">Red</span></span></span>
<span class="colorContainer" onclick="selectcolor('9b111e', 'Rubyred', '', this)">
    <span class="colorContainer-label " style="background-color: #9b111e">
        <input type="radio" name="radio-517" value="Rubyred" checked="checked">
        <span class="wpcf7-list-item-label">Rubyred</span></span></span>
<span class="colorContainer" onclick="selectcolor('5b6770', 'Silvergrey', '', this)">
    <span class="colorContainer-label " style="background-color: #5b6770">
        <input type="radio" name="radio-518" value="Silvergrey" checked="checked">
        <span class="wpcf7-list-item-label">Silvergrey</span></span></span>
<span class="colorContainer" onclick="selectcolor('ffcd00', 'Yellow', '', this)">
    <span class="colorContainer-label " style="background-color: #ffcd00">
        <input type="radio" name="radio-519" value="Yellow" checked="checked">
        <span class="wpcf7-list-item-label">Yellow</span></span></span>
<span class="colorContainer" onclick="selectcolor('cbb677', 'Sparkling gold', '', this)">
    <span class="colorContainer-label " style="background-color: #cbb677">
        <input type="radio" name="radio-520" value="Sparkling gold" checked="checked">
        <span class="wpcf7-list-item-label">Sparkling gold</span></span></span>
<span class="colorContainer" onclick="selectcolor('aa0114', 'Sparkling red', '', this)">
    <span class="colorContainer-label " style="background-color: #aa0114">
        <input type="radio" name="radio-521" value="Sparkling red" checked="checked">
        <span class="wpcf7-list-item-label">Sparkling red</span></span></span>
<span class="colorContainer" onclick="selectcolor('a7a9ac', 'Sparkling silver', '', this)">
    <span class="colorContainer-label " style="background-color: #a7a9ac">
        <input type="radio" name="radio-522" value="Sparkling silver" checked="checked">
        <span class="wpcf7-list-item-label">Sparkling silver</span></span></span>
<span class="colorContainer" onclick="selectcolor('3f00ff', 'Sparkling blue', '', this)">
    <span class="colorContainer-label " style="background-color: #3f00ff">
        <input type="radio" name="radio-523" value="Sparkling blue" checked="checked">
        <span class="wpcf7-list-item-label">Sparkling blue</span></span></span>
                     </div>
                     <div class="additionalColors">
                        <h4 class="additionalColorCode">You can also Submit PMS/ PantoneCodes color code for better
                           understanding
                        </h4>
                        <a target="_blank"
                        href="https://xpresalabels.com/site/wp-content/uploads/2018/05/PantoneCodes.pdf"
                        class="pdflinkinPopup pdfShowgal">Click Here To Check Pantone Color Codes</a>
                        <input type="text" id="pantoneBG" class="customColorpantone" placeholder="Select Other Color"
                        readonly>
                     </div>
                     <div class="btn-grp">
                        <!-- <button class="save-button" onclick="nxt(this);">Next</button> -->
                     </div>
                     <!--<div class="text-center container-full"><small>Please Click "Save" before proceeding.</small></div>-->
                  </div>
               </div>
               <!----- Quantity ---->
               <div class="panel" id="amnt_qbltm" data-div="quanity">
                  <div class="panel-body-table-sec">
                     <h4 class="panel-title text-center">QUANTITY</h4>
                     <span id="quantityErrorMsg"> </span>
                     <table width="100%" border="0" cellspacing="0" cellpadding="0" class="stripped-table">
                        <thead>
                           <tr>
                              <th width="20%">&nbsp;</th>
                              <th width="20%">Quantity</th>
                              <th width="20%">Unit Price</th>
                           </tr>
                        </thead>
                        <tbody id="priceContainerFull">
                        </tbody>
                     </table>
                     <div class="btn-grp">
                        <!-- <button class="save-button" onclick="nxt(this);">Next</button> -->
                     </div>
                     <!--<div class="text-center container-full"><small>Please Click "Save" before proceeding.</small></div>-->
                  </div>
                  <h4 class="panel-title text-center">COMMENTS/NOTES</h4>
                  <div class="panel-body-desig-order cmnts-sec" style="display:none;">
                     <textarea name="" cols="" rows="" placeholder="Additional comments or instructions (if any)"
                     id="addicomm"></textarea>
                     <p>Instructions that help our designers with their review are welcome and will ensure a smooth order
                        process.
                     </p>
                     <div class="sizeTags">
                        <label for="sizeTag">Size Tag:</label>
                        <select id="sizeTag" class="form-control">
                           <option>Choose</option>
                           <option>XS</option>
                           <option>S</option>
                           <option>M</option>
                           <option>L</option>
                           <option>XL</option>
                        </select>
                     </div>
                     <div class="btn-grp">
                        <button class="save-button" onclick="submitDesign(2);">Save</button>
                     </div>
                  </div>
               </div>
            </div>

            
          

            <!-- TABS -->
            <div class="tab-pro-des">
                              <div id="horizontalTab">
                  <ul class="resp-tabs-list hor_1">
                      
                        <li>
                           Description
                        </li>
                                          <li>Reviews</li>
                      
                        <li>Q & A</li>
                                           
                        <li>Discount</li>
                                           
                        <li>Product Photos</li>
                                       </ul>

                 
                  <div class="resp-tabs-container hor_1">
                  

                     <div><p>When deciding to use clothing labels you want to make sure they are going to be the right size and material for the garment. Printed labels can easily been sewn in and are thin for comfort and flexibility. While the hang tags, are thicker stronger labels used for the exterior of the garment or product.</p>
<p>We offer <u>custom clothing labels</u> in various types of material. The most common type of material used for clothing tags is Satin Acetate. Satin Acetate is used when considering the softness of material or when cost is a major concern. Three different colors can be produced on satin acetate clothing tags. Hang tags also referred to as HangTags are printed on cardstock with options of matte, glossy or semi gloss. Thickness can be from 12pt. to 24pt. String and pin can be customized for your custom hang tag labels. Get the right printed tags and hang tags are the biggest steps in starting your clothing line, fashion labels, home accessories or industrial tags.</p>
<p>The durability of our Xpresa <u>Woven Labels</u> is never in doubt; they are produced with the highest quality and durability to withstand all environmental conditions. However, be advised that printed labels do not withstand as long as woven labels since they are produced using thread to recreate your artwork. Browse our samples of <u>printed labels</u> and see how <u>custom clothing labels</u> can change your brand!</p>
                       <div class="qaPanelCustomProduct">
                                              <div class="qaPanelCustomProductItem" id="item1">
                        <h4 class="show" data-id="item1">Label type </h4>
                        <div class="qaPanelCustomProductAns item1">
                           <p>Printed Label – Labels printed on satin acetate, card stock or other printed paper based material. Flexo or Rotary stamping.</p>
<p>See our fold options in our quote forms. Please allow and indicate seam in our Additional Comments section.</p>
                        </div>
                     </div>
                                        <div class="qaPanelCustomProductItem" id="item2">
                        <h4 class="" data-id="item2">Turnaround/Lead time</h4>
                        <div class="qaPanelCustomProductAns item2">
                           <p>Xpresa Labels is one of the oldest and most reputable online label manufacturers. We offer the fastest turn-around time and best quality options in the industry. Once we receive your Quote, we prepare a custom quote and samples within 24 hours. Our quote form will indicate pricing, instructions and lead times in writing. Once we receive your order commitment, we will prepare a proof (physical proof via .jpg) typically within 24 hours. Once we receive your approval, we will ship your order in 8-10 business days.</p>
                        </div>
                     </div>
                                        <div class="qaPanelCustomProductItem" id="item3">
                        <h4 class="" data-id="item3">Proofing</h4>
                        <div class="qaPanelCustomProductAns item3">
                           <p>Once you have completed our quote form and your custom design and submitted an order as instructed in our quote, we prepare a proof which is a physical proof sent as a .jpg for a woven version and a software layout for <a href="https://www.xpresalabels.com/printed-labels/"><u>printed satin</u></a> or printed hang tags.</p>
<p>Having a design ready as a digital file usually is the simplest way, but you can utilize our Design Tool to Create a simple design, or provide a MS Paint, Clear Sketch or the font written in an email with requested positioning and layout, and we will do our best to reproduce your proof.</p>
<p>We do our best to recreate, but with a woven process, there are some size limitations based on the size of your labels.</p>
<p>Physical samples can be sent out but will delay your project by 7 days. Our physical .jpgs will have very clear details with measurements.</p>
                        </div>
                     </div>
                                 </div>
               </div>         <div>
            <!--  -->
         </div>
                     <div>
               <div class="qaPanelCustomProduct">
                                     <div class="qaPanelCustomProductItem">
                     <h4>Sample Question?</h4>
                     <div class="qaPanelCustomProductAns">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.                     </div>
                  </div>
                                  <div class="qaPanelCustomProductItem">
                     <h4>Duis aute irure dolor in reprehenderit in voluptate?</h4>
                     <div class="qaPanelCustomProductAns">
                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.                      </div>
                  </div>
                           </div>
         </div>
         <div><p>FREE SHIPPING, FREE SAMPLING and Promo Code FREESHIP</p>
</div>      <div class="proAddiImgCont">
                 <div class="proAddiImgItems">
         <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/Cotton_Labels.jpg" rel="gallery1" class="fancybox">
            <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/Cotton_Labels-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Cotton Labels" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/Cotton_Labels-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Cotton_Labels-324x324.jpg 324w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Cotton_Labels-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />         </a>
      </div>
           <div class="proAddiImgItems">
         <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/Mishka-Psychic-Love-Printed-Satin-new.jpg" rel="gallery1" class="fancybox">
            <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/Mishka-Psychic-Love-Printed-Satin-new-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Mishka Psychic Love Printed Satin new" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/Mishka-Psychic-Love-Printed-Satin-new-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Mishka-Psychic-Love-Printed-Satin-new-324x324.jpg 324w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Mishka-Psychic-Love-Printed-Satin-new-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />         </a>
      </div>
           <div class="proAddiImgItems">
         <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Canvas-Reference-InterMix-Label.jpg" rel="gallery1" class="fancybox">
            <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Canvas-Reference-InterMix-Label-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Printed Canvas Reference-InterMix Label" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Canvas-Reference-InterMix-Label-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Canvas-Reference-InterMix-Label-324x324.jpg 324w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Canvas-Reference-InterMix-Label-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />         </a>
      </div>
           <div class="proAddiImgItems">
         <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Canvas.jpg" rel="gallery1" class="fancybox">
            <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Canvas-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Printed Canvas" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Canvas-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Canvas-324x324.jpg 324w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Canvas-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />         </a>
      </div>
           <div class="proAddiImgItems">
         <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Satin-Clothing-labels-123-medical-1.jpg" rel="gallery1" class="fancybox">
            <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Satin-Clothing-labels-123-medical-1-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Printed Satin- Clothing labels- 123- medical" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Satin-Clothing-labels-123-medical-1-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Satin-Clothing-labels-123-medical-1-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />         </a>
      </div>
           <div class="proAddiImgItems">
         <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Satin.jpg" rel="gallery1" class="fancybox">
            <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Satin-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Printed Satin" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Satin-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Satin-324x324.jpg 324w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Satin-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />         </a>
      </div>
           <div class="proAddiImgItems">
         <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/printed-warning-matte-taffeta-beco.jpg" rel="gallery1" class="fancybox">
            <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/printed-warning-matte-taffeta-beco-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="printed warning matte taffeta beco" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/printed-warning-matte-taffeta-beco-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/printed-warning-matte-taffeta-beco-324x324.jpg 324w, https://xpresalabels.com/site/wp-content/uploads/2018/06/printed-warning-matte-taffeta-beco-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />         </a>
      </div>
           <div class="proAddiImgItems">
         <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Woven-Edge.jpg" rel="gallery1" class="fancybox">
            <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Woven-Edge-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Printed Woven Edge" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Woven-Edge-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Woven-Edge-324x324.jpg 324w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Printed-Woven-Edge-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />         </a>
      </div>
   </div>
</div>
</div>
</div>
</div>
</section>
<!--------- alert ------------>
<div class="wrapper" id="alertFor">
   <p class="alerttext"></p>
   <div class="close"><i class="fa fa-times-circle" aria-hidden="true"></i></div>
</div>
<!---------------------------->
<!-- scripts start-->
<script type="text/javascript" src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/jqupload/colorpicker.js"></script>
<script type="text/javascript">
   jQuery('#pantoneBG').ColorPicker({

      onShow: function(colpkr) {
       jQuery(colpkr).fadeIn(500);
                  //alert('sss');
       return false;
    },
    onHide: function(colpkr) {
       jQuery(colpkr).fadeOut(500);
       return false;
    },
    onChange: function(hsb, hex, rgb) {
       jQuery('#pantoneBG').css('backgroundColor', '#' + hex);
       jQuery('#pantoneBG').css('color', invertColor(hex, 'true'));

       document.getElementById("custom_data_2").value = '#' + hex;
       document.getElementById("labelcolor").innerHTML = '#' + hex;

       document.getElementById('userbgcolor').value = hex;
       jQuery('#pantoneBG').val("RGB: " + rgb.r + ',' + rgb.g + ',' + rgb.b);
       jQuery('#backGroundColors .colorSelection span').removeClass('selected');
    },
    onHide: function(hsb, hex, rgb) {
   //submitDesign();
       var arr = {
        backgroundColor: hex
     }
     createLogoCanvas(arr);
  }

});
</script>
<script type="text/javascript">
   var baseRates = {
    100:1.1, 200:0.70, 300:0.50, 500:0.4, 1000:0.22, 2000:0.15, 3000:0.12, 5000:0.07, 10000:0.055, 20000:0.05, 25000:0.05, 50000:0.04,  }

 var recommendVals = [];
      recommendVals.push(1);
       recommendVals.push('');
       recommendVals.push(1);
       recommendVals.push('');
       recommendVals.push(1);
       recommendVals.push('');
       recommendVals.push(1);
       recommendVals.push('');
       recommendVals.push('');
       recommendVals.push('');
       recommendVals.push('');
       recommendVals.push('');
  
const baseRatesHolder = {
 100:1.1, 200:0.70, 300:0.50, 500:0.4, 1000:0.22, 2000:0.15, 3000:0.12, 5000:0.07, 10000:0.055, 20000:0.05, 25000:0.05, 50000:0.04, }

var baseIncrate = {
 100:0.01, 200:0.0035, 300:0.003, 500:0.003, 1000:0.003, 2000:0.003, 3000:0.003, 5000:0.003, 10000:0.003, 20000:0.002, 25000:0.002, 50000:0.002, }

var extraColors = {
 100:10, 200:10, 300:12, 500:12, 1000:12, 2000:13, 3000:15, 5000:15, 10000:25, 20000:50, 25000:75, 50000:75, }

var heatSealRate = {
 100:0.15, 200:0.15, 300:0.10, 500:0.08, 1000:0.05, 2000:0.04, 3000:0.03, 5000:0.02, 10000:0.015, 20000:0.01, 25000:0.01, 50000:0.01, }

var satinRates = {
 100:0.05, 200:0.04, 300:0.04, 500:0.03, 1000:0.02, 2000:0.02, 3000:0.015, 5000:0.012, 10000:0.01, 20000:0.008, 25000:0.006, 50000:0.005, }

var damaskRates = {
 100:0.10, 200:0.05, 300:0.05, 500:0.04, 1000:0.03, 2000:0.03, 3000:0.02, 5000:0.022, 10000:0.02, 20000:0.015, 25000:0.012, 50000:0.01, }

var increasedRates = {},
save4Later = {},
flagD = 'ok',
classV = 'productPrevImg';

var designSelection = {};

var iconAdhesive = {};

var extraColorHolder = {};

function selectquantity(valquantity, vareachunit) {
 jQuery('#xtraPrice').remove();
 var price_for_both_side=0;
 if (valquantity != '') {
  document.getElementById("priceperlabel1").innerHTML = vareachunit.toFixed(2);
  document.getElementById("unitpricehere").value = vareachunit;
  if (valquantity == 'ProofOnly' || valquantity == "FreeSamplePacket") {
   vartotalprice = parseFloat(vareachunit);
   vartotalprice1 = parseFloat(vartotalprice);
   document.getElementById("custom_data_7").value = valquantity;
   document.getElementById("quantity1").innerHTML = 1;
   document.getElementById("totalquantity").value = 1;
   document.getElementById("custom_data_7").value = 1;
   document.getElementById("totalprice1").innerHTML = vareachunit;
   document.getElementById("totalpricelabeladd2crt").value = vartotalprice1;
   document.getElementById("totalprice1").innerHTML = vartotalprice1.toFixed(2);
} else {
   vartotalprice = parseFloat(valquantity) * parseFloat(vareachunit);
   vartotalprice1 = parseFloat(vartotalprice);
   document.getElementById("quantity1").innerHTML = valquantity;
   document.getElementById("totalquantity").value = valquantity;
   document.getElementById("custom_data_7").value = valquantity;
   document.getElementById("totalpricelabeladd2crt").value = vartotalprice1;
   document.getElementById("totalprice1").innerHTML = vartotalprice1.toFixed(2);
}

if ((jQuery('#setselectsize').val() == 3 || jQuery('#setselectsize').val() == 4) && jQuery('#sideOption')
   .val() == 'Both Sided') {
   price_for_both_side=calculatePrice(valquantity);
price_for_both_side=parseFloat(price_for_both_side)*parseFloat(valquantity);
vartotalprice1 = vartotalprice1 +parseFloat(price_for_both_side);
document.getElementById("totalpricelabeladd2crt").value = vartotalprice1;
document.getElementById("totalprice1").innerHTML = vartotalprice1.toFixed(2);
jQuery('.productPrevContRow.sajgd').after(
   '<div class="productPrevContRow" id="xtraPrice"><span class="productPrevContRowTitle">For Both Sides</span><span class="productPrevContRowDes">$'+calculatePrice(valquantity)+'/PIECE</span></div>'
   );
}
}
   //submitDesign(2);
}

function isEmpty(obj) {
   for (var prop in obj) {
    if (obj.hasOwnProperty(prop))
     return false;
}
return true;
}

function setPricingTable() {

   var selectedQuantity = document.getElementById('totalquantity').value;
   var selectedlabelType = document.getElementById('setselectsize').value;
   if (selectedQuantity == '') {
    selectedQuantity = 100;
 }

 var priceChart = "<tr><td colspan='3'>There are some ERROR !! Please check after some time. </td></tr>";
 var priceChartData = '';
 if (isEmpty(increasedRates)) {
    var i = 0;
    for (var baseQuantity in baseRates) {

     if (baseQuantity == selectedQuantity) {
      var selectedDisplay = "checked";
   } else {
      var selectedDisplay = " ";
   }

   var highlightClass = recommendVals[i] ? 'recommended' : '';
   priceChartData += '<tr class="' + highlightClass +
   '"><td width="20"><label class="customRadio"><input name="quantityhere" id="priceChartData_' + i +
   '" type="radio" value="' + baseQuantity + '" ' + selectedDisplay + ' onchange="selectquantity(' +
   baseQuantity + ',' + (baseRates[baseQuantity]).toFixed(3) +
   ')"><span class="checkmark"></span></label></td><td>' + baseQuantity + '</td><td width="20%">$' + (
      baseRates[baseQuantity]).toFixed(3) + '</td><td>$' + ((baseRates[baseQuantity]) * baseQuantity)
   .toFixed(2) + '</td></tr>';
   i++;
}
priceChart = priceChartData;
} else {

 var i = 0;
 for (var baseQuantity in increasedRates) {

  if (baseQuantity == selectedQuantity) {
   var selectedDisplay = "checked";
} else {
   var selectedDisplay = " ";
}

priceChartData +=
'<tr><td width="20"><label class="customRadio"><input name="quantityhere" id="priceChartData_' + i +
'" type="radio" value="' + baseQuantity + '" ' + selectedDisplay + ' onchange="selectquantity(' +
baseQuantity + ',' + (increasedRates[baseQuantity]).toFixed(3) +
')"><span class="checkmark"></span></label></td><td>' + baseQuantity + '</td><td width="20%">$' + (
   increasedRates[baseQuantity]).toFixed(3) + '</td></tr>';
i++;
}
priceChart = priceChartData;
}

document.getElementById('priceContainerFull').innerHTML = priceChart;
if (isEmpty(increasedRates)) {
 var x = baseRates[selectedQuantity];
} else {
 var x = increasedRates[selectedQuantity];
}
selectquantity(selectedQuantity, x);
selecttext();
}

function updateSliderW(val) {
   document.getElementById("sliderwidth").value = val;
   document.getElementById("slwidth").innerHTML = val;
}

function updateSliderH(val) {
   document.getElementById("slheight").innerHTML = val;
   document.getElementById("sliderhight").value = val;
}

function reCalculatePriceTable() {

   var baseCount = baseRates.length;
   baseSizeWidth = 0.375;
   baseSizeHeight = 0.375;
   if (document.getElementById("sliderwidth").value != "") {
    currentWidth = document.getElementById("sliderwidth").value;
 } else {
    currentWidth = baseSizeWidth;
 }

 if (document.getElementById("sliderhight").value != "") {
    currentHeight = document.getElementById("sliderhight").value;
 } else {
    currentHeight = baseSizeHeight;
 }

 var currentWidth = parseFloat(currentWidth);
 var currentHeight = parseFloat(currentHeight);
 var totalSqMm = (currentWidth * 25.4) * (currentHeight * 25.4);
 var basePrice, incrimantedWidth, incrimantedHeight, incrimantedCount, priceForWidth, priceForHeight,
 incrementedSqMm;
 if (totalSqMm <= 1290) {

    for (var peoductQauantity in baseRates) {

     if (iconAdhesive['ironAdhesive']) {
      iconAdhesiveprice = iconAdhesive[peoductQauantity];
   } else {
      iconAdhesiveprice = 0;
   }

   if (extraColorHolder['setofColor']) {} else {
      extraColorHolder[peoductQauantity] = 0;
   }

   if (designSelection['labelType']) {} else {
      designSelection[peoductQauantity] = 0;
   }


   increasedRates[peoductQauantity] = baseRates[peoductQauantity] + iconAdhesiveprice + extraColorHolder[
      peoductQauantity] + designSelection[peoductQauantity];
}

} else {

 incrementedSqMm = totalSqMm - 1290;
 incrementedQnty = incrementedSqMm / 100;
 incrementedSqMmFx = incrementedQnty.toFixed(0);
 for (var peoductQauantity in baseRates) {

  if (iconAdhesive['ironAdhesive']) {
   iconAdhesiveprice = iconAdhesive[peoductQauantity];
} else {
   iconAdhesiveprice = 0;
}

if (extraColorHolder['setofColor']) {

} else {
   extraColorHolder[peoductQauantity] = 0;
}

if (designSelection['labelType']) {} else {
   designSelection[peoductQauantity] = 0;
}


extraPricePerqntity = incrementedSqMmFx * baseIncrate[peoductQauantity];
nwPricePerQntity = baseRates[peoductQauantity] + extraPricePerqntity + iconAdhesiveprice + extraColorHolder[
   peoductQauantity] + designSelection[peoductQauantity];
increasedRates[peoductQauantity] = nwPricePerQntity;
}

}

setPricingTable();
}

function MeasureText(text, fontName, size) {

   if (fontName == "") {
    fontName = "Arial";
 }

 font = fontName;
 var bold = "Normal";
 var str = text + ':' + bold + ':' + font + ':' + size;
 if (typeof(__measuretext_cache__) == 'object' && __measuretext_cache__[str]) {
    return __measuretext_cache__[str];
 }

 var div = document.createElement('DIV');
 div.innerHTML = text;
 div.style.position = 'absolute';
 div.style.top = '-100px';
 div.style.left = '-100px';
 div.style.fontFamily = font;
 div.style.fontWeight = bold ? 'bold' : 'normal';
 div.style.fontSize = size + 'px';
 div.style.lineHeight = 'normal';
 document.body.appendChild(div);
 var size = [div.offsetWidth, div.offsetHeight];
 var sizeHeight = div.offsetHeight;
 document.body.removeChild(div);
 if (typeof(__measuretext_cache__) != 'object') {
    var __measuretext_cache__;
 }
 __measuretext_cache__ = sizeHeight;
 return sizeHeight;
}

function invertColor(hex, bw) {
   if (hex.length === 3) {
    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
 }
 if (hex.length !== 6) {
    throw new Error('Invalid HEX color.');
 }
 var r = parseInt(hex.slice(0, 2), 16),
 g = parseInt(hex.slice(2, 4), 16),
 b = parseInt(hex.slice(4, 6), 16);
 if (bw) {
    return (r * 0.299 + g * 0.587 + b * 0.114) > 186 ?
    '#000000' :
    '#FFFFFF';
 }
 r = (255 - r).toString(16);
 g = (255 - g).toString(16);
 b = (255 - b).toString(16);
 return "#" + padZero(r) + padZero(g) + padZero(b);
}

function getTextHeight(text, fontsz) {
   div = document.createElement('div');
   div.innerHTML = text;
   div.style.fontSize = fontsz + 'px';
   return div.height;
}

function labelSizingSelect(_this, lid, lw, lh, lxp, withPx) {
   jQuery('.productPrevImg').attr('class', 'productPrevImg');
   jQuery('div[onclick^="labelSizingSelect"]').not(_this).removeClass('selected');
   jQuery(_this).addClass('selected');
   if (withPx) {
    var dpi = 1;
 } else {
    var dpi = 100;
 }

 jQuery('.ank').remove();
 jQuery('head').append(
    '<style class="ank">.productPrevImg.woven_label.woven_labelcf:after, .productPrevImg.woven_label.woven_labelcfv:after{width:' +
    (lw * 100) + 'px!important;left:calc(50% - ' + parseFloat((lw * 100)) / 2 + 'px)!important;}</style>');

 lw = parseFloat(lw);
 lh = parseFloat(lh);
 document.getElementById('selectedwidth').value = lw;
 document.getElementById('selectedheight').value = lh;
 document.getElementById("setselectsize").value = lid;
 if (!withPx) {
    document.getElementById("sliderwidth").value = lw;
    document.getElementById("sliderhight").value = lh;
 }

 document.getElementById("slwidth").innerHTML = lw;
 document.getElementById("slheight").innerHTML = lh;
 document.getElementById("custom_data_1").value = lw + 'X' + lh;
 var wdth = lw * 100;
 var h8 = lh * 100;

 setPricingTable()
 reCalculatePriceTable();
 document.getElementById("canvaswidth").value = wdth;
 document.getElementById("canvasheight").value = h8;
 document.getElementById("canvas_loader").style.height = h8 + 'px';
 var arg = {
    wdth: wdth,
    h8: h8,
 };
 createLogoCanvas(arg);
}

function clearDefaultText() {
   /*var mytext1 = document.getElementById("textbox1").value;
   if (mytext1 == "Your Text Here" || mytext1 == "Logo") {
   document.getElementById("textbox1").value = "";
   }*/
}

function selectshape(val, pixelwidth, pixelheight, shapeClass, foldname, d) {
   classV = shapeClass;
   (shapeClass === 'woven_label woven_labelcfv') ? jQuery('.productPrevImgW').height(300): jQuery('.productPrevImgW')
   .height('auto');
   
   document.getElementById("cutnfolddivforajax").value = foldname;
   document.getElementById("custom_data_6").value = foldname;
   document.getElementById("cutnfolddiv").innerHTML = foldname;
   
   jQuery('.desig-order-shrt-des').each(function() {
    jQuery(this).removeClass('selected');
 })
   jQuery(d).parent().addClass('selected');
   if (document.getElementById("setselectsize")) {
    document.getElementById("setselectsize").value = val;
 }
 var userheight;
 var userwidth;
 var userwidth = pixelwidth;
 var userheight = pixelheight;
 var myEle = document.getElementById("ironHeatSealDisable");
 if (myEle) {
    if (val == 6) {
     document.getElementById('ironHeatSealDisable').style.display = "none";
     var arr = {};
     createLogoCanvas(arr);
  } else {
     document.getElementById('ironHeatSealDisable').style.display = "block";
     clearironoradhe();
  }
}

if (val == 5) {
 document.getElementById('quantityErrorMsg').innerHTML =
 "<p style='color:red; text-align:center;'>Minimum label quantity should be 1000</p>";
} else {
 document.getElementById('quantityErrorMsg').innerHTML = "";
}

if (document.getElementById("userbgcolor")) {
 var colorval = document.getElementById("userbgcolor").value;
}

valtxcolo = document.getElementById("usertextcolor").value;
seliconhere = document.getElementById("seliconhere").value;
mytext1 = document.getElementById("usertextbox1").value;
mytext2 = document.getElementById("usertextbox2").value;
mytext3 = document.getElementById("usertextbox3").value;
calculatedSize = document.getElementById("calculatedSize").value;
fontpadTop = document.getElementById("fontpadTop").value;
lineSpecingC = document.getElementById("lineSpecingC").value;
lineSpecingCLast = document.getElementById("lineSpecingCLast").value;

var setselectsize = document.getElementById('setselectsize').value;
var selectedwidth = document.getElementById('selectedwidth').value;
var selectedheight = document.getElementById('selectedheight').value;
if (setselectsize) {

} else {
 setselectsize = 1;
}
if (selectedwidth) {
 selectedwidthpx = selectedwidth;
} else {
 selectedwidth = 2.35;
 selectedwidthpx = 235;
}
if (selectedheight) {
 selectedheightpx = selectedheight;
} else {
 selectedheight = .78;
 selectedheightpx = 78;
}

   //console.log(foldname);
if (foldname !== 'Center-folded (horizontally)' || foldname !== 'Center-folded (vertitally)') {
 jQuery('#displaydesignnew_bck').addClass('hide').removeClass('show');
}

document.getElementById("slwidth").innerHTML = selectedwidth;
document.getElementById("slheight").innerHTML = selectedheight;
}



function selectprice() {
   var sizesel = document.getElementById("setselectsize").value;
   var labeltype = document.getElementById("selectwlebelt").value;
   var irononorheat = document.getElementById("irononadhesive").value;
}

function manualFontChange(tid, tval) {
   if (tid == 1) {
    document.getElementById('textbox1fontVal').value = tval;
 } else if (tid == 2) {
    document.getElementById('textbox2fontVal').value = tval;
 } else if (tid == 3) {
    document.getElementById('textbox3fontVal').value = tval;
 }
   //console.log(tval);
 selecttext(tid);
 var arg = {
    fontsizes: {
     1: ('' === document.getElementById('textbox1fontVal').value ? '25' : document.getElementById(
      'textbox1fontVal').value),
     2: ('' === document.getElementById('textbox2fontVal').value ? '25' : document.getElementById(
      'textbox2fontVal').value),
     3: ('' === document.getElementById('textbox3fontVal').value ? '25' : document.getElementById(
      'textbox3fontVal').value)
  }
}
createLogoCanvas(arg);
}

function selecttext(val) {

   val = document.getElementById("setselectsize").value;
   
   mytext1 = document.getElementById("textbox1").value;
   document.getElementById("usertextbox1").value = mytext1;
   jQuery('.row1').text(mytext1);
   
   mytext2 = document.getElementById("textbox2").value;
   document.getElementById("usertextbox2").value = mytext2;
   jQuery('.row2').text(mytext2);
   
   mytext3 = document.getElementById("textbox3").value;
   document.getElementById("usertextbox3").value = mytext3;
   jQuery('.row3').text(mytext3);
   
   valtxcolo = document.getElementById("usertextcolor").value;
   seliconhere = document.getElementById("seliconhere").value;
   selectedFonthere = document.getElementById("selfonthereName").value;
   if (selectedFonthere == "") {
    selectedFonthere = "Arial";
 }
 userwidth = document.getElementById("selectedwidth").value;
 userheight = document.getElementById("selectedheight").value;
 var colorval = document.getElementById("userbgcolor").value;

 var frameWidth = parseInt(document.getElementById("selectedwidth").value);
 var frameHeight = parseInt(document.getElementById("selectedheight").value);
 if (!(frameWidth) || !(frameHeight)) {
    document.getElementById("textErrorMsg").innerHTML = "Please select Frame size first !!";
 } else {
    document.getElementById("textErrorMsg").innerHTML = "";
 }

   //submitDesign();
 var prevAlign = document.getElementById("iconAlign").value;
 if (prevAlign == '') {
    prevAlign = 'l';
 }
 iconAlign(prevAlign);
 var arr = {
    textline2: document.getElementById('usertextbox2').value,
    textline3: document.getElementById('usertextbox3').value
 };
 createLogoCanvas(arr);
}

function selectcolor(valc, valcn, valcp, ds) {

   jQuery(ds).addClass('selected').siblings().removeClass('selected');
   val = document.getElementById("setselectsize").value;
   mytext1 = document.getElementById("usertextbox1").value;
   mytext2 = document.getElementById("usertextbox2").value;
   mytext3 = document.getElementById("usertextbox3").value;
   valtxcolo = document.getElementById("usertextcolor").value;
   seliconhere = document.getElementById("seliconhere").value;
   userwidth = document.getElementById("selectedwidth").value;
   userheight = document.getElementById("selectedheight").value;
   calculatedSize = document.getElementById("calculatedSize").value;
   fontpadTop = document.getElementById("fontpadTop").value;
   lineSpecingC = document.getElementById("lineSpecingC").value;
   lineSpecingCLast = document.getElementById("lineSpecingCLast").value;
   document.getElementById("custom_data_2").value = valcn;
   document.getElementById("labelcolor").innerHTML = valcn;
   jQuery('.displaydesignnew_bck_vw').css({
    'background-color': '#' + valc
 });
   if (valcp) {
    document.getElementById("backgroungcol").value = valcp;
 }


 document.getElementById("userbgcolor").value = valc;
 colorval = valc;
   //submitDesign();
 if (document.getElementById("pantoneBG")) {
    jQuery('#pantoneBG').attr('style', '');
    jQuery('#pantoneBG').val('');
 }

 var arr = {
    backgroundColor: valc
 }
 createLogoCanvas(arr);
}

function selecttextcolor(valtxcolo, valtxcolon, valtextcolprice, d) {
   jQuery(d).addClass('selected').siblings().removeClass('selected');
   document.getElementById("usertextcolor").value = valtxcolo;
   document.getElementById("custom_data_3").value = valtxcolon;
   if (valtextcolprice) {
    document.getElementById("usertextcolorprcie").value = valtextcolprice;
 }

 val = document.getElementById("setselectsize").value;
 colorval = document.getElementById("userbgcolor").value;
 mytext1 = document.getElementById("usertextbox1").value;
 mytext2 = document.getElementById("usertextbox2").value;
 mytext3 = document.getElementById("usertextbox3").value;
 seliconhere = document.getElementById("seliconhere").value;
 userwidth = document.getElementById("selectedwidth").value;
 userheight = document.getElementById("selectedheight").value;
 document.getElementById("logocolor").innerHTML = valtxcolon;
 calculatedSize = document.getElementById("calculatedSize").value;
 fontpadTop = document.getElementById("fontpadTop").value;
 lineSpecingC = document.getElementById("lineSpecingC").value;
 lineSpecingCLast = document.getElementById("lineSpecingCLast").value;
 jQuery('.displaydesignnew_bck_vw').css({
    'color': '#' + valtxcolo
 });

 if (colorval == valtxcolo) {
    document.getElementById("colorselectionError").innerHTML =
    "Similar to Label Color, please select a different one.";
 } else {
    document.getElementById("colorselectionError").innerHTML = "";
 }

   //submitDesign();
 if (document.getElementById("pantoneText")) {
    jQuery('#pantoneText').attr('style', '');
    jQuery('#pantoneText').val('');
 }
 var arr = {
    color: valtxcolo,
 };
 createLogoCanvas(arr);
}

function selecticonhere(seliconhere, seliconname, seliconprice, d) {
   jQuery(d).addClass('selected').siblings().removeClass('selected');
   document.getElementById("seliconhere").value = seliconhere;
   valtxcolo = document.getElementById("usertextcolor").value;
   val = document.getElementById("setselectsize").value;
   colorval = document.getElementById("userbgcolor").value;
   mytext1 = document.getElementById("usertextbox1").value;
   mytext2 = document.getElementById("usertextbox2").value;
   mytext3 = document.getElementById("usertextbox3").value;
   varalign = document.getElementById("selalignhere").value;
   userwidth = document.getElementById("selectedwidth").value;
   userheight = document.getElementById("selectedheight").value;
   document.getElementById("symbolhere").innerHTML = seliconname;
   calculatedSize = document.getElementById("calculatedSize").value;
   fontpadTop = document.getElementById("fontpadTop").value;
   lineSpecingC = document.getElementById("lineSpecingC").value;
   lineSpecingCLast = document.getElementById("lineSpecingCLast").value;
   document.getElementById("iconpricedisp").value = seliconprice;
   document.getElementById("custom_data_5").value = seliconname;
   
   
   if (val != '') {
    if (val == 1) {
     document.getElementById("iconSize").value = '35';
  } else if (val == 2) {
     document.getElementById("iconSize").value = '45';
  } else if (val == 3) {
     document.getElementById("iconSize").value = '27';
  } else if (val == 4) {
     document.getElementById("iconSize").value = '22';
  } else {
   // document.getElementById("iconSize").value = '55';
  }
} else {

   //get alignmenment
 var prevAlign = document.getElementById("selalignhere").value;
 if (prevAlign == '') {
  prevAlign = 'l';
}
selectalign(prevAlign);
}

selecttext();
jQuery('.icon_n_txt').addClass('withicon');
var arr = {};
createLogoCanvas(arr);
}

function selectalign(varalign) {
   jQuery(this).addClass('selected');
   document.getElementById("selalignhere").value = varalign;
   valtxcolo = document.getElementById("usertextcolor").value;
   val = document.getElementById("setselectsize").value;
   colorval = document.getElementById("userbgcolor").value;
   mytext1 = document.getElementById("usertextbox1").value;
   mytext2 = document.getElementById("usertextbox2").value;
   mytext3 = document.getElementById("usertextbox3").value;
   seliconhere = document.getElementById("seliconhere").value;
   userwidth = document.getElementById("selectedwidth").value;
   userheight = document.getElementById("selectedheight").value;
   calculatedSize = document.getElementById("calculatedSize").value;
   fontpadTop = document.getElementById("fontpadTop").value;
   lineSpecingC = document.getElementById("lineSpecingC").value;
   lineSpecingCLast = document.getElementById("lineSpecingCLast").value;
   iconAlignment = document.getElementById("iconAlign").value;
   iconPosition = parseInt(document.getElementById("iconPosition").value);
   var ckhIcon = document.getElementById("seliconhere").value;
   var iconSize = document.getElementById("iconSize").value;
   if (iconSize == '') iconSize = 45;
   iconSize = parseInt(iconSize);
   
   var textalign;
   
   function makeAlignment() {
   //jQuery('#texts').attr('class','');
    jQuery("#texts").removeClass(function(index, css) {
     return (css.match(/\btext-\S+/g) || []).join(' ');
  });

    if (varalign == 'l') {
     jQuery('#texts').addClass('text-left');
     textalign = 'start'
  };
  if (varalign == 'm') {
     jQuery('#texts').addClass('text-center');
     textalign = undefined
  };
  if (varalign == 'r') {
     jQuery('#texts').addClass('text-right');
     textalign = 'end'
  };
}
makeAlignment();

var arg = {
 textalign: textalign
};
createLogoCanvas(arg);
}

function selectfonthere(varfonthere, varfontherename, d) {
   jQuery(d).addClass('selected').siblings().removeClass('selected');
   document.getElementById("selfonthere").value = varfonthere;
   document.getElementById("custom_data_4").value = varfontherename;
   document.getElementById("selfonthereName").value = varfontherename;
   valtxcolo = document.getElementById("usertextcolor").value;
   val = document.getElementById("setselectsize").value;
   colorval = document.getElementById("userbgcolor").value;
   mytext1 = document.getElementById("usertextbox1").value;
   mytext2 = document.getElementById("usertextbox2").value;
   mytext3 = document.getElementById("usertextbox3").value;
   seliconhere = document.getElementById("seliconhere").value;
   varalign = document.getElementById("selalignhere").value;
   userwidth = document.getElementById("selectedwidth").value;
   userheight = document.getElementById("selectedheight").value;
   document.getElementById("designfont").innerHTML = varfontherename;
   calculatedSize = document.getElementById("calculatedSize").value;
   fontpadTop = document.getElementById("fontpadTop").value;
   lineSpecingC = document.getElementById("lineSpecingC").value;
   lineSpecingCLast = document.getElementById("lineSpecingCLast").value;
   selecttext();
   
   var arr = {
    font: varfontherename
 }
 createLogoCanvas(arr);
}

function selectFrameType(foldopn, foldname) {
   document.getElementById("labelcutnfold").innerHTML = foldname;
   document.getElementById("userlabelcutnfold").value = foldname;
}

function removeIcon() {
   document.getElementById("iconSize").value = '0';
   document.getElementById("seliconhere").value = '';
   selecttext();
   jQuery('.icon_n_txt').removeClass('withicon');
   jQuery('.icon_on_label_img').attr('src', '');
   var arg = {
    img: ''
 };
 createLogoCanvas(arg);
}

function iconAlign(v) {
   var iconName = document.getElementById("seliconhere").value;
   var line1align = parseInt(document.getElementById("alignline1").value);
   var line2align = parseInt(document.getElementById("alignline2").value);
   var line3align = parseInt(document.getElementById("alignline3").value);
   var iconSize = parseInt(document.getElementById("iconSize").value);
   var userwidth = parseInt(document.getElementById("selectedwidth").value);
   userwidth = userwidth * 1.5;
   
   if (iconName) {
    jQuery("#texts").removeClass(function(index, css) {
     return (css.match(/\bpull\S+/g) || []).join(' ');
  });
    if (v == "r") {
     var iconAlign = userwidth - iconSize - 10;
     document.getElementById("iconcalcInfo").innerHTML = "";
     document.getElementById("iconPosition").value = iconAlign;
     jQuery('.icon_on_label').css({
      'left': 'auto',
      'right': '15px'
   });
     jQuery('#texts').addClass('pull-left');
  } else {
     document.getElementById("iconPosition").value = 10;
     jQuery('.icon_on_label').css({
      'right': 'auto',
      'left': '15px'
   });
     jQuery('#texts').addClass('pull-right');
  }

  document.getElementById("iconAlign").value = v;
} else {
 document.getElementById("iconcalcInfo").innerHTML = "Please select a Symbol. ";
}
var prevAlign = document.getElementById("selalignhere").value;
if (prevAlign == '') {
 prevAlign = 'm';
}

selectalign(prevAlign);
var arg = {
 iconalign: v
};
createLogoCanvas(arg);

}

function selectwlabeltype(vallt, d) {
   jQuery(d).addClass('selected');
   jQuery(d).siblings().removeClass('selected');
   document.getElementById("selectwlebelt").value = vallt;
   document.getElementById("woovenlabtype").innerHTML = vallt;
   document.getElementById("custom_data_10").value = vallt;
   //document.getElementById("custom_data_4").value = vallt;
   designSelection['labelType'] = true;
   var d = 1;
   for (key in baseRates) {

    var iconAdhesiveprice = 0;
    if (iconAdhesive['ironAdhesive']) {

     iconAdhesiveprice = iconAdhesive[key];
  } else {
     iconAdhesiveprice = 0;
  }

  if (extraColorHolder['setofColor']) {

  } else {
     extraColorHolder[key] = 0;
  }

  if (vallt == "SATIN") {

     baseRates[key] = baseRatesHolder[key] + satinRates[key] + iconAdhesiveprice + extraColorHolder[key];
     designSelection[key] = satinRates[key];
  } else if (vallt == "DAMASK") {

     baseRates[key] = baseRatesHolder[key] + damaskRates[key] + iconAdhesiveprice + extraColorHolder[key];
     designSelection[key] = damaskRates[key];
  } else {
     baseRates[key] = baseRatesHolder[key] + iconAdhesiveprice;
     designSelection[key] = 0;
  }

  d++;
}
reCalculatePriceTable();
}

function selectironoradhe(valia, p, d) {
   jQuery(d).parents().eq(1).addClass('selected');
   jQuery(d).parents().eq(2).siblings().find('.desig-order-shrt-des').removeClass('selected');
   document.getElementById("irononadhesive").value = valia;
   document.getElementById("labirononadhesive").innerHTML = valia;
   document.getElementById("custom_data_9").value = valia;
   
   var d = 1;
   iconAdhesive['ironAdhesive'] = true;
   if (iconAdhesive['ironAdhesive']) {
    document.getElementById('clearironoradhe').style.display = "block";
 }

 for (key in baseRates) {

    var typePrice = 0;
    if (designSelection['labelType']) {

    } else {
     designSelection[key] = 0;
  }
  if (extraColorHolder['setofColor']) {

  } else {
     extraColorHolder[key] = 0;
  }


  baseRates[key] = baseRatesHolder[key] + heatSealRate[key] + designSelection[key] + extraColorHolder[key];
  iconAdhesive[key] = heatSealRate[key];

  d++;
}


reCalculatePriceTable();
}

function clearironoradhe() {
   document.getElementById('clearironoradhe').style.display = "none";
   document.getElementById('labirononadhesive').innerHTML = "Not Set";
   document.getElementById("custom_data_9").value = document.getElementById('labirononadhesive').value;
   if (iconAdhesive['ironAdhesive']) {
    for (key in baseRates) {
     baseRates[key] = baseRates[key] - iconAdhesive[key];
  }
  iconAdhesive = [];
}

document.getElementById('labirononadhesive').innerHTML = "Not Set";
jQuery('#ironHeatSeal .selected').removeClass('selected');
reCalculatePriceTable();
}

function priceandallgen(v) {

   /*********** merge two canvas ***************/
   var dataURL;
   if (jQuery('#displaydesignnew_bck').hasClass('show')) {

    var canvasFront = document.getElementById('canvascr');


    var newCanvas = document.createElement('canvas');
    newCanvas.id = 'newCanvas';
    newCanvas.width = canvasFront.width;
    newCanvas.height = canvasFront.height * 2 + 10;
    var ctxN = newCanvas.getContext('2d');
    ctxN.fillStyle = "#FFF";
    ctxN.fillRect(0, 0, canvasFront.width, canvasFront.height);
    ctxN.drawImage(canvasFront, 0, 0);

    var ctxN2 = newCanvas.getContext('2d');
    var canvasBack = document.getElementById('canvascr_bck');
    ctxN2.drawImage(canvasBack, 0, canvasBack.height);

   //ctxF.drawImage(ctxB, canvasFront.width, canvasFront.height*2);

    dataURL = newCanvas.toDataURL("image/png");
   //var link = document.createElement('a');
   //link.download = "merged.png";
   //link.href = newCanvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
   //link.click();
 } else {
    dataURL = '';
 }


 var1 = document.getElementById("custom_data_1").value;
 var2 = document.getElementById("custom_data_2").value;
 var3 = document.getElementById("custom_data_3").value;
 var4 = document.getElementById("custom_data_4").value;
 var5 = document.getElementById("custom_data_5").value;
 var6 = document.getElementById("custom_data_6").value;
 var7 = document.getElementById("custom_data_7").value;
 var8 = document.getElementById("custom_data_8").value;
 var9 = document.getElementById("custom_data_9").value;
 var10 = document.getElementById("custom_data_10").value;
 varprice = document.getElementById("totalpricelabeladd2crt").value;
 jQuery.ajax({
    url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
    type: 'post',
    data: {
     action: 'my_action_woven_add2cart',
     ctsmdate1: var1,
     ctsmdate2: var2,
     ctsmdate3: var3,
     ctsmdate4: var4,
     ctsmdate5: var5,
     ctsmdate6: var6,
     ctsmdate7: var7,
     ctsmdate8: var8,
     ctsmdate9: var9,
     ctsmdate10: var10,
     imgMerged: dataURL,
     ctsmdateprice: varprice
  },
  beforeSend: function() {
   // setting a timeout
     jQuery('#displaydesign').closest('.windowBody').find('.imgDesignPlaceholder').remove();
     jQuery('#displaydesign').closest('.windowBody').prepend(
      "<div class='imgDesignPlaceholder'></div>")
  },
  success: function(data) {
   //console.log(v);
     data = JSON.parse(data);
     console.log(data);
     if (data == 'fail') {
      alert('No records found');
   } else {
      if (data.buyNowLink != '') {
       jQuery('#hereallwillchnage').html(data.html);
       jQuery('input[name="buyLink"]').val(data.buyNowLink);
       jQuery('input[value="Download Quote"]').removeClass('hide');
       jQuery('#iha5').remove();
       if (v != 'sbmtQT') {
        jQuery('button[value="1668"]').click();
     } else {
        jQuery('input[name="variationID"]').val(data.variationID);
     }
  }

   //jQuery('.designtoolbutton').click();
   /*document.getElementById("add2crtfrmsub").submit();*/
   //jQuery.get('http://www.xpresalabels.com/?post_type=product&add-to-cart=1668', function() {});
}
}
});
}

function priceandallgenanother() {
   var1 = document.getElementById("custom_data_1").value;
   var2 = document.getElementById("custom_data_2").value;
   var3 = document.getElementById("custom_data_3").value;
   var4 = document.getElementById("custom_data_4").value;
   var5 = document.getElementById("custom_data_5").value;
   var6 = document.getElementById("custom_data_6").value;
   var9 = document.getElementById("custom_data_9").value;
   var10 = document.getElementById("custom_data_10").value;
   var7 = document.getElementById("totalpricelabeladd2crt").value;
   ctsmdateprice = document.getElementById("totalpricelabeladd2crt").value;
   jQuery.ajax({
    url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
    type: 'post',
    data: {
     action: 'my_action_woven_add2cart',
     ctsmdate1: var1,
     ctsmdate2: var2,
     ctsmdate3: var3,
     ctsmdate4: var4,
     ctsmdate5: var5,
     ctsmdate6: var6,
     ctsmdate7: var7,
     ctsmdate9: var9,
     ctsmdate10: var10,
     ctsmdateprice: ctsmdateprice
  },
  beforeSend: function() {
   // setting a timeout
     jQuery('#displaydesign').closest('.windowBody').find('.imgDesignPlaceholder').remove();
     jQuery('#displaydesign').closest('.windowBody').prepend(
      "<div class='imgDesignPlaceholder'></div>")
  },
  success: function(data) {
   //console.log(data);
     if (data == 'fail') {
      alert('No records found');
   } else {
      jQuery('#hereallwillchnage').html(data);
      jQuery('button[value="1668"]').click();
   //jQuery('.designtoolbutton').click();
      alert('Please wait while the page is redirect');
   }
}
});
}

   /******* png to datauri **********/
function getDataUri(url, color, callback) {
   color = (undefined == color) ? '#09f' : '#' + color;
   var image = new Image();
   image.onload = function() {
    var canvas = document.createElement('canvas');
    canvas.width = this.naturalWidth;
    canvas.height = this.naturalHeight;
    canvas.getContext('2d').drawImage(this, 0, 0);

    canvas.getContext('2d').globalCompositeOperation = "source-in";

   // draw color
    canvas.getContext('2d').fillStyle = color;
    canvas.getContext('2d').fillRect(0, 0, canvas.width, canvas.height);

    callback(canvas.toDataURL('image/png').replace(/^data:image\/(png|jpg);base64,/, ''));
    callback(canvas.toDataURL('image/png'));
 };
 image.src = url;
}

   /******* hexcolor to rgb *********/
function hexToRgb(color) {
   var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
   color = color.replace(shorthandRegex, function(m, r, g, b) {
    return r + r + g + g + b + b;
 });
   
   var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(color);
   return result ? {
    r: parseInt(result[1], 16),
    g: parseInt(result[2], 16),
    b: parseInt(result[3], 16)
 } : {
    r: 0,
    g: 0,
    b: 0
 };
}

   //goto text
function gotoText() {
   jQuery("html, body").animate({
    scrollTop: jQuery('.inputTexts').offset().top
 }, 500);
}

   //goto labelsize
function gotoLabelSize() {
   console.log(jQuery('.labelSize .selected').length);
   var to = (jQuery('.labelSize .selected').length > 0) ? jQuery('.labelSize .selected') : jQuery('.labelSize');
   jQuery("html, body").animate({
    scrollTop: to.offset().top - to.height()
 }, 500);
}

   //calculate text width function
function getTextWidth(font, fontsize, txt) {

   var formattedWidth;
   if (txt == '') {
    formattedWidth = '0px';
 } else {
    var text = document.createElement("span");
    document.body.appendChild(text);
    text.style.font = font;
    text.style.fontSize = fontsize + "px";
    text.style.height = 'auto';
    text.style.width = 'auto';
    text.style.position = 'absolute';
    text.style.whiteSpace = 'no-wrap';
    text.innerHTML = txt;

    var width = Math.ceil(text.clientWidth);
    formattedWidth = width + "px";
 }

 return formattedWidth;
   //document.body.removeChild(text);
}

   //***** create logo from canvas *****//
function createLogoCanvas(arg, v) {
   jQuery('#canvas_loader').show();
   
   
   /** all variables **/
   var imageObj = new Image(),
   iconimg = document.getElementById('seliconhere').value,
   flag,
   txtXaxis = {},
   txtYaxis, wdth, h8, backgroundColor, color, lineHeight1, lineHeight2,
   lineHeight3, x, y, fontsizes, fontsize1, fontsize2, fontsize3, font, leftSpaceText, rightSpaceText,
   text, textline1, textline2, textline3, img = arg.img,
   cnv, canvas, ctx, textall, iconalign, totalTextHeight,
   fontHeight, textalign, maxmimumLength, maxmimumHeight, isBiggerText = false,
   imgWidth, imgHeight,
   rowHeights = [],
   scrollPos,
   widthErrorText =
   'Text width is greater than label size, please <a onclick="gotoLabelSize()">choose different width label</a> or <a onclick="gotoText()">add lesser text</a>.',
   heightErrorText =
   'Total text height is greater than label size, please <a onclick="gotoLabelSize()">choose different height label</a> or <a onclick="gotoText()">add lesser text</a>.';
   
   //get scrolled position
   scrollPos = jQuery(document).scrollTop();
   
   //canvas dimentions
   wdth = (undefined == arg.wdth) ? document.getElementById('canvaswidth').value : arg.wdth;
   h8 = (undefined == arg.h8) ? document.getElementById('canvasheight').value : arg.h8;
   color = (undefined == arg.color) ? document.getElementById('usertextcolor').value : arg.color;
   x = (undefined == arg.x) ? 0 : arg.x;
   y = (undefined == arg.y) ? 0 : arg.y;
   backgroundColor = (undefined === arg.backgroundColor) ? document.getElementById('userbgcolor').value : arg
   .backgroundColor;
   
   //get the values of the rows
   fontsize1 = ('auto' == document.getElementById('textbox1fontVal').value) ? 25 : document.getElementById(
    'textbox1fontVal').value;
   fontsize2 = ('auto' == document.getElementById('textbox2fontVal').value) ? 25 : document.getElementById(
    'textbox2fontVal').value;
   fontsize3 = ('auto' == document.getElementById('textbox3fontVal').value) ? 25 : document.getElementById(
    'textbox3fontVal').value;
   
   arg.fontsizes = (undefined === arg.fontsizes) ? {
    1: fontsize1,
    2: fontsize2,
    3: fontsize3
 } : arg.fontsizes;

   //text styles
 txtXaxis[1] = wdth / 2;
 lineHeight1 = ("" !== document.querySelector('.row1').innerText) ? parseFloat(getComputedStyle(document
    .querySelector('.row1')).lineHeight) : 0;
 lineHeight2 = ("" !== document.querySelector('.row2').innerText) ? parseFloat(getComputedStyle(document
    .querySelector('.row2')).lineHeight) : 0;
 lineHeight3 = ("" !== document.querySelector('.row3').innerText) ? parseFloat(getComputedStyle(document
    .querySelector('.row3')).lineHeight) : 0;
 txtYaxis = (h8 / 2 - (lineHeight2 + lineHeight3) / 2);
 iconalign = (undefined == arg.iconalign) ? document.getElementById('iconAlign').value : arg.iconalign;

 (undefined == textalign) ? textalign = 'center': '';
 ('m' === document.getElementById('selalignhere').value) ? textalign = 'center': '';
 ('l' === document.getElementById('selalignhere').value) ? textalign = 'start': '';
 ('r' === document.getElementById('selalignhere').value) ? textalign = 'end': '';

 font = (undefined == arg.font) ? document.getElementById('selfonthereName').value : arg.font;
 text = (undefined == arg.text) ? document.getElementById('usertextbox1').value : arg.text;
 textline1 = (undefined == arg.textline1) ? document.getElementById('usertextbox1').value : arg.textline1;
 textline2 = (undefined == arg.textline2) ? document.getElementById('usertextbox2').value : arg.textline2;
 textline3 = (undefined == arg.textline3) ? document.getElementById('usertextbox3').value : arg.textline3;

 jQuery('.displaydesignnew_bck_vw').css({
    'width': wdth + 'px',
    'height': h8 + 'px'
 });

   //remove created canvas to replace the new
 jQuery('#myCanvas2').remove();

   //canvas properties
 canvas = document.createElement('canvas');
 canvas.setAttribute("id", "myCanvas2");
 canvas.width = wdth;
 canvas.height = h8;
 ctx = canvas.getContext('2d');

 (img === undefined) ? imageObj.src = 'https://xpresalabels.com/site/wp-content/plugins/xpresalabels/img/back.png': imageObj.src = arg
 .img;
 imageObj.crossOrigin = "anonymous";


 jQuery('#displaydesignnew').css({
    'width': wdth + 'px',
    'height': h8 + 'px',
    'background-color': '#' + backgroundColor
 });

 jQuery('.row1').css({
    'font-size': fontsize1 + 'px',
    'font-family': font
 });
 jQuery('.row2').css({
    'font-size': fontsize2 + 'px',
    'font-family': font
 });
 jQuery('.row3').css({
    'font-size': fontsize3 + 'px',
    'font-family': font
 });

 jQuery('#texts > div').css('color', '#' + color);

 var row1TextWidth = jQuery('.row1').outerWidth();
 var row2TextWidth = jQuery('.row2').outerWidth();
 var row3TextWidth = jQuery('.row3').outerWidth();

   //maxmimumLength = parseInt(row1TextWidth) + parseInt(row2TextWidth) + parseInt(row3TextWidth);
 maxmimumHeight = parseInt(lineHeight1) + parseInt(lineHeight2) + parseInt(lineHeight3);

   //if img added calculate img height and width
 (document.getElementById('seliconhere').value != '') ? imgHeight = imgWidth = 50: imgHeight = imgWidth = 0;

 maxmimumLength = Math.round(Math.max(parseFloat(row1TextWidth), parseFloat(row2TextWidth), parseFloat(
    row3TextWidth)) + imgWidth);

 var h8Sum = 0,
 newFontSizes = [],
 newf, textParentWidth, arrw;
 textParentWidth = jQuery('#texts').width();



 arrw = [parseFloat(row1TextWidth), parseFloat(row2TextWidth), parseFloat(row3TextWidth)];
 jQuery('.icon_n_txt #texts > div').each(function() {
    h8Sum = h8Sum + parseInt(jQuery(this).css('height'));
    rowHeights.push(parseInt(jQuery(this).css('height')));
 });


 if (h8Sum >= h8 - 2) {
    jQuery('.icon_n_txt #texts > div').css('line-height', h8 / 3 + 'px');
 } else {
    jQuery('.icon_n_txt #texts > div').css('line-height', 'normal');
 }

 checkNadjustText(arrw, maxmimumLength, textParentWidth, 'front');


 jQuery('.productPrevImg').attr('class', 'productPrevImg');

 var tme = v;
   //console.log(tme);

 if (undefined == tme) {
    tme = 1000;
 }

 if (seliconhere == '') {
    setTimeout(function() {
     html2canvas(jQuery("#displaydesignnew"), {
      onrendered: function(canvas) {
       canvas.id = 'canvascr';

       jQuery('#displaydesignnew').next('canvas').remove();
       jQuery('#displaydesignnew').after(canvas);

   //console.log(classV);
       if ((classV === 'woven_label woven_labelcfv')) {
   //jQuery('.productPrevImg').attr('class', '').addClass('productPrevImg woven_label woven_labelcf');
        setTimeout(function() {
         jQuery('.productPrevImg').attr('class', '').addClass(
          'productPrevImg woven_label woven_labelcfv');
         jQuery('#canvas_loader').hide();
      }, tme);
     } else {
        setTimeout(function() {
         jQuery('.productPrevImg').attr('class', '').addClass(
          'productPrevImg ' + classV);
         jQuery('#canvas_loader').hide();
      }, tme);
     }

     jQuery('#datactdFromCanvas').val(canvas.toDataURL("image/png"));


     window.scrollTo(0, scrollPos);
  }
});
  }, (tme - 500));
 } else {
    getDataUri(seliconhere, color, function(dataUri) {
     jQuery('.icon_on_label_img').attr('src', dataUri);
     var imageHeight = jQuery('.icon_n_txt .icon_on_label img').height() / 2;
     jQuery('.icon_n_txt .icon_on_label').css('top', 'calc(50% - ' + imageHeight + 'px)');

     var image_i = new Image();
     image_i.onload = function() {

      setTimeout(function() {
       html2canvas(jQuery("#displaydesignnew"), {
        onrendered: function(canvas) {
         canvas.id = 'canvascr';
         jQuery('#displaydesignnew').next('canvas').remove();
         jQuery('#displaydesignnew').after(canvas);

   //console.log(classV);
         if ((classV === 'woven_label woven_labelcfv')) {
   //jQuery('.productPrevImg').attr('class', '').addClass('productPrevImg woven_label woven_labelcf');
          setTimeout(function() {
           jQuery('.productPrevImg').attr('class', '')
           .addClass(
            'productPrevImg woven_label woven_labelcfv'
            );
           jQuery('#canvas_loader').hide();
        }, tme);
       } else {
          setTimeout(function() {
           jQuery('.productPrevImg').attr('class', '')
           .addClass('productPrevImg ' + classV);
           jQuery('#canvas_loader').hide();
        }, tme);
       }

       jQuery('#datactdFromCanvas').val(canvas.toDataURL(
          "image/png"));
       window.scrollTo(0, scrollPos);
    }
 });
    }, (tme - 500));

   }
   image_i.src = dataUri;

});
 }

   //jQuery('body').append('<style id="afterCss">.productPrevImg.woven_label.woven_labelcf:after {}</style>');

 if (jQuery('div#displaydesignnew_bck').hasClass('hide') == false) {
    madeBackToCanvas();
 }

 var calH8 = jQuery('.wrapper').height();
   //(jQuery(window).width() >= 768) ? jQuery('.panel').css('height', calH8) : '';;
 jQuery('.panel').css('height', calH8);
}

function checkNadjustText(arrw, maxmimumLength, textParentWidth, side) {
   side = (side == 'front') ? '' : '_bck';
   
   //console.log(side);
   
   var newFontSizes = [],
   font = document.getElementById('selfonthereName').value,
   fontsize1 = (document.getElementById('textbox1' + side + 'fontVal').value == 'auto') ? 25 : document
   .getElementById('textbox1' + side + 'fontVal').value,
   fontsize2 = (document.getElementById('textbox2' + side + 'fontVal').value == 'auto') ? 25 : document
   .getElementById('textbox2' + side + 'fontVal').value,
   fontsize3 = (document.getElementById('textbox3' + side + 'fontVal').value == 'auto') ? 25 : document
   .getElementById('textbox3' + side + 'fontVal').value;
   textline1 = document.getElementById('usertextbox1' + side).value,
   textline2 = document.getElementById('usertextbox2' + side).value,
   textline3 = document.getElementById('usertextbox3' + side).value,
   row1TextWidth = getTextWidth(font, newFontSizes[1], textline1),
   row2TextWidth = getTextWidth(font, newFontSizes[2], textline2),
   row3TextWidth = getTextWidth(font, newFontSizes[3], textline3);
   
   //console.log(maxmimumLength);
   //console.log(textParentWidth);
   
   if (maxmimumLength > textParentWidth) {
    for (var i = 0; i <= 2; i++) {
     var trgtfntsz = parseFloat(jQuery('.row' + (i + 1) + side).css('font-size'));
     newFontSizes[i + 1] = adjustText('.row' + (i + 1) + side, trgtfntsz, i + 1, side);
  }
  newFontSizes[1] = undefined == newFontSizes[1] ? fontsize1 : newFontSizes[1];
  newFontSizes[2] = undefined == newFontSizes[2] ? fontsize2 : newFontSizes[2];
  newFontSizes[3] = undefined == newFontSizes[3] ? fontsize2 : newFontSizes[3];

  arrw = [parseFloat(row1TextWidth), parseFloat(row2TextWidth), parseFloat(row3TextWidth)];
  maxmimumLength = Math.round((Math.max(arrw[0], arrw[1], arrw[2])));

  if (maxmimumLength < textParentWidth) {
     checkNadjustText(arrw, maxmimumLength, textParentWidth, side);
  }
}

function adjustText(selector, fontsize, num, side) {
 var selectedValue = jQuery('#textbox' + num + 'Font' + side).val();
 if (selectedValue === 'auto') {
  for (var i = fontsize; i > 0; i--) {
   fontsize = fontsize - 1;
   var textWdth = parseFloat(getTextWidth(font, fontsize, jQuery(selector).text()));
   textWdth = jQuery(selector).width();
   if (textWdth >= textParentWidth) {
    fontsize = (fontsize == 0) ? 1 : fontsize;
    jQuery(selector).css('font-size', fontsize + 'px');
    var newf = parseFloat(jQuery(selector).css('font-size'));
 } else {

 }
}
return newf;
} else {
   //return newf;
}

}
}

   /********* ON document ready **********/
jQuery(document).on('ready', function() {
   jQuery('.dwn-pdf-btn a').click(function() {
    jQuery("input[name=labelsize]").val(jQuery('#custom_data_1').val());
    jQuery("input[name=sizetagm]").val(jQuery('input#sizetag').val());
    jQuery("input[name=labelcolor]").val(jQuery('#labelcolor').text());
    jQuery("input[name=labellogocolor]").val(jQuery('#logocolor').text());
    jQuery("input[name=labelfont]").val(jQuery('#designfont').text());
    jQuery("input[name=labeltotalprice]").val('USD' +
     jQuery('#totalpricelabeladd2crt').val());
    jQuery("input[name=labelsymbol]").val(jQuery('#symbolhere').text());
    jQuery("input[name=labelcutnfold]").val(jQuery('#cutnfolddiv').text());
    jQuery("input[name=labelwoovenlabtype]").val(jQuery('#woovenlabtype').text());
    jQuery("input[name=labellabirononadhesive]").val(jQuery('#labirononadhesive').text());
    jQuery("input[name=Quantity]").val(jQuery('#quantity1').text());
    jQuery("input[name=displaydesigns]").val(jQuery('#displaydesign div img').attr('src'));
 });
   
   jQuery('.close').click(function() {
    jQuery('div#alertFor').removeClass('open');
 });
   
   document.getElementById("textbox1").value = "";
   
   selectshape(1, '900', '800', 'woven_label fold_left fold_right', 'End Fold - Left & Right', jQuery(
    'img[data-arr="1"]')[0]);
   //labelSizingSelect(jQuery('.customLabelSizes div[data-arr="3"]')[0], 3, '2', '1', '');
   
   selectSideOptions('.default', 'One Sided');
   
   jQuery('.icon_on_label').prependTo('.icon_n_txt');
   
   setPricingTable();
   
   
   
   jQuery('#pantoneText').ColorPicker({

    onShow: function(colpkr) {
     jQuery(colpkr).fadeIn(500);
     return false;
  },
  onHide: function(colpkr) {
     jQuery(colpkr).fadeOut(500);
     return false;
  },
  onChange: function(hsb, hex, rgb) {
     jQuery('#pantoneText').css('backgroundColor', '#' + hex);
     jQuery('#pantoneText').css('color', invertColor(hex, 'true'));

     document.getElementById("custom_data_3").value = '#' + hex;
     document.getElementById("logocolor").innerHTML = '#' + hex;

     document.getElementById('usertextcolor').value = hex;
     jQuery('#pantoneText').val("RGB: " + rgb.r + ',' + rgb.g + ',' + rgb.b);
     jQuery('#textColors .colorSelection span').removeClass('selected');
  },
  onHide: function(hsb, hex, rgb) {
   //submitDesign();
     var arr = {
      color: hex
   }
   createLogoCanvas(arg);
}
});
   
   var arg = {};
   createLogoCanvas(arg);
   
   jQuery('.designtoolbutton').click(function() {
   //alert('clicked');
    var custom_data_1 = document.getElementById("custom_data_1").value;
    var custom_data_2 = document.getElementById("custom_data_2").value;
    var custom_data_3 = document.getElementById("custom_data_3").value;
    var custom_data_4 = document.getElementById("custom_data_4").value;
    var custom_data_5 = document.getElementById("custom_data_5").value;
    var custom_data_6 = document.getElementById("custom_data_6").value;
    var custom_data_7 = document.getElementById("custom_data_7").value;
    var custom_data_8 = document.getElementById("custom_data_8").value;
    var custom_data_9 = document.getElementById("custom_data_9").value;
    var custom_data_10 = document.getElementById("custom_data_10").value;
    var sizetag = document.getElementById("sizetag").value;
    var ajaxurl = 'https://xpresalabels.com/site/wp-admin/admin-ajax.php';
    jQuery.ajax({
   url: ajaxurl, //AJAX file path - admin_url('admin-ajax.php')
   type: "POST",
   data: {
   //action name
      action: 'wdm_add_user_custom_data_options',
      custom_data_1: custom_data_1,
      custom_data_2: custom_data_2,
      custom_data_3: custom_data_3,
      custom_data_4: custom_data_4,
      custom_data_5: custom_data_5,
      custom_data_6: custom_data_6,
      custom_data_7: custom_data_7,
      custom_data_8: custom_data_8,
      custom_data_9: custom_data_9,
      custom_data_10: custom_data_10,
      product_price: document.getElementById("totalpricelabeladd2crt").value,
      sizetag: sizetag
   },
   async: false,
   success: function(data) {}
});
 });
   
   // jQuery('.panel-heading').click(function() {
   //     var arr = {};
   //     createLogoCanvas(arr);
   //     submitDesign(2);
   //     var trgt = jQuery(this).attr('data-target');
   //     jQuery('div[data-div="' + trgt + '"]').show().siblings().not('.cart-sec, .guideArea').hide();
   // });
   
   jQuery('.panel-headings-wrapper').owlCarousel({
    loop: false,
    margin: 0,
    nav: true,
    dots: false,
    mouseDrag: false,
    responsive: {
     0: {
      items: 3
   },
   600: {
      items: 3
   },
   1000: {
      items: 4,
   },
   1200: {
      items: 4,
   },
   1400: {
      items: 4,
   }
}
});
});

   /* Tab openning */
jQuery(document.body).on('click', '.symbol-click', function() {
   var _this = jQuery(this);
   var _this_cat = _this.data('cat');
   //jQuery('.symbol-click').removeClass('selected');
   _this.addClass('selected').siblings().removeClass('selected');
   jQuery('#' + _this_cat).css('display', 'flex');
   jQuery('#' + _this_cat).siblings('div.designerIcons').css('display', 'none');
   
});

   /* on scroll */
var scroll = false,
start_time, request_time, count = 0;
jQuery(document).ready(function() {
   //(scroll == false) ? jQuery('div#folds').prepend("<div class='imgDesignPlaceholder'></div>") : "";
   //var _scrolled = jQuery(this).scrollTop();
   //var _scrolledDiv = jQuery('.aboutTesti').offset().top - jQuery('.aboutTesti').outerHeight();

   jQuery('.panel:not(.panel-primary)').css('display', 'none');
   scroll = true;
   start_time = new Date().getTime();
   /* Load folds */
   jQuery.ajax({
      url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
      type: 'post',
      cache: true,
      datattype: 'json',
      data: {
         action: 'load_folds',
         scroll: scroll

      },
      beforeSend: function() {

      },
      success: function(data) {
         jQuery('#folds').html(data);

         jQuery('#folds').imagesLoaded(function() {
            jQuery('.imgDesignPlaceholder').remove();
            showMore('hide', '#folds');
         });

   loadFunction('load_labelSizes', '#customLabels'); //load Custom Label Sizes
   loadFunction('load_backGroundColors',
   '#backGroundColors .colorSelection'); //load background colors
   //loadFunction('load_textColors', '#textColors .colorSelection'); //load text colors
   loadFunction('load_additionalLayers', '#additionalLayers'); //load additionalLayers
   loadFunction('load_ironadhesive', '#ironAdhesives'); //load additionalLayers
   
   
   /* Load fonts */
   jQuery.ajax({
      url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
      type: 'post',
      cache: true,
      data: {
         action: 'my_action',
         callRequest: 'myfonts'
      },
      beforeSend: function() {
         jQuery('#fontsLoader').closest('.panel-body').css('position',
            'relative');
         jQuery('#fontsLoader').closest('.panel-body').find(
            '.imgDesignPlaceholder').remove();
         jQuery('#fontsLoader').closest('.panel-body').prepend(
            "<div class='imgDesignPlaceholder'></div>")
      },
      success: function(data) {
   // var calH8 = jQuery('.previewWindow').height();
   // jQuery(window).width() > 767 ? jQuery('.panel, .proPreview').css('height', calH8) : jQuery('.panel').css('height', calH8);

         jQuery('#fontsLoader').closest('.panel-body').find(
            '.imgDesignPlaceholder').delay(1000).queue(function() {
               jQuery(this).remove();
            });
            if (data == 'fail') {
               alert('No records found');
            } else {
               jQuery('#fontsLoader').html(data);
            }
         }
      });
   
   /* Load symbols */
   jQuery.ajax({
      url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
      type: 'post',
      cache: true,
      data: {
         action: 'load_my_symbols',
         callRequest: 'mysymbols'
      },
      beforeSend: function() {
   // setting a timeout
         jQuery('#fontsLoader').closest('.panel-body').css('position',
            'relative');
         jQuery('#fontsLoader').closest('.panel-body').find(
            '.imgDesignPlaceholder').remove();
         jQuery('#fontsLoader').closest('.panel-body').prepend(
            "<div class='imgDesignPlaceholder'></div>")
      },
      success: function(data) {
         jQuery('#fontsLoader').closest('.panel-body').find(
            '.imgDesignPlaceholder').delay(1000).queue(function() {
               jQuery(this).remove();
            });
            if (data == 'fail') {
               alert('No records found');
            } else {
               jQuery('.iconSection').html(data);
            }
         }
      });
   
}
});
});

function loadFunction(action, selector) {
   jQuery.ajax({
      url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
      type: 'post',
      cache: true,
      datattype: 'json',
      data: {
         action: action
      },
      success: function(data) {
         jQuery(selector).html(data);
         showMore('hide', selector);
         var options = "";

         if (options != '') {
   // console.log(options[0]);
            request_time = new Date().getTime() - start_time;

            jQuery(selector).imagesLoaded(function() {
               addEditedOption(options);
   //console.log(count);
               (count === 4) ? setTimeout(function() {
                  jQuery('.loading').removeClass('loading');
               }, request_time): '';
               count = count + 1;
            });
         } else {
            jQuery('.loading').removeClass('loading');
         }
      }
   });
}

function showMore(ev, selector) {
   //('#customLabels' === selector) ? adjustImageRatio() : '';
   var h8 = jQuery(selector + ' .panel-body-desig-order > div > div').outerHeight();
   (ev === 'hide') ? (
      jQuery(selector + ' .divider').each(function() {
         jQuery(this).slideUp();
      }),
      jQuery(selector + ' p.more-types > a').text('Show More').attr('onclick', "showMore('show' , '" + selector +
         "')")
      ) : (
      jQuery(selector + ' .divider').each(function() {
         jQuery(this).slideDown();
      }),
      jQuery(selector + ' p.more-types > a').text('Show Less').attr('onclick', "showMore('hide' , '" + selector +
         "')")
      );

   }
   
   /* next */
   function nxt(d) {
      console.log(d);
   // return false;
      jQuery('.rght-add-to-cart-sec').show();

      var arr = {};
      createLogoCanvas(arr);
      submitDesign(2);

      var parent = jQuery(d).closest(".panel").attr('data-div');
      jQuery('div[data-target="' + parent + '"]').parent().next().find('.panel-heading').click();
      var owl = jQuery('.panel-headings-wrapper');
      owl.trigger('next.owl.carousel');
   }
   
   function repair() {
      var arr = {};
      createLogoCanvas(arr);
      submitDesign(2);
   }
   /* next */
   function nxt_new() {
      var lavel_size_select=jQuery('#custom_data_1').val();
      if(lavel_size_select==''){
        alert('Please select label size to proceed');
        jQuery('.panel-heading').removeClass('active-h');
        jQuery('.mobilestep1').addClass("active-h");
        jQuery('.step1').addClass("active-h");
        jQuery('.customLabelSizes').show();
        jQuery('.customLabelSizes').prev("h4").addClass("section-open");
        jQuery('html, body').animate({
         scrollTop: jQuery(".customLabelSizes").offset().top-300
      }, 1000);
        return false;
     }
     var current_step=jQuery('#current_step').val();
     var next_step=parseInt(current_step)+1;

     var woventype =jQuery('#custom_data_10').val();
     if(woventype=='' && next_step>3){
      alert('Please select woven label type to proceed');
      jQuery('.panel-heading').removeClass('active-h');
      jQuery('.mobilestep3').addClass("active-h");
      jQuery('.step3').addClass("active-h");
      jQuery('.woven_type').show();
      jQuery('.woven_type').prev("h4").addClass("section-open");
      jQuery('html, body').animate({
         scrollTop: jQuery(".woven_type").offset().top-400
      }, 1000);
      return false;
   }

   var background =jQuery('#custom_data_2').val();
   if(background=='' && next_step>4){
      alert('Please select background color to proceed');
      jQuery('.panel-heading').removeClass('active-h');
      jQuery('.mobilestep4').addClass("active-h");
      jQuery('.step4').addClass("active-h");
      jQuery('#backGroundColors').show();
      jQuery('#backGroundColors').prev("h4").addClass("section-open");
      jQuery('html, body').animate({
         scrollTop: jQuery("#backGroundColors").offset().top-400
      }, 1000);
      return false;
   }

   
   jQuery('.step'+next_step).trigger('click');
   jQuery('.mobilestep'+next_step).addClass('active-h');
   jQuery('#current_step').val(next_step);
   if(next_step>1){
      jQuery('.btn-prev').removeAttr('disabled');
   }
   else{
      jQuery('.btn-prev').prop("disabled", true);

   }
   if(next_step >= 5 ){
      jQuery('.btn-prev-next').hide();
      jQuery('.btn-canvas-submit').show();
   }
   else{
      jQuery('.btn-prev-next').show();
      jQuery('.btn-canvas-submit').hide();
   }
   console.log('.step'+next_step);

}


function prev_new() {
   var current_step=jQuery('#current_step').val();
   var prev_step=parseInt(current_step)-1;
   jQuery('.step'+prev_step).trigger('click');
   jQuery('.mobilestep'+prev_step).addClass('active-h');
   jQuery('#current_step').val(prev_step);
   if(prev_step>1){
      jQuery('.btn-prev').removeAttr('disabled');
   }
   else{
      jQuery('.btn-prev').prop("disabled", true);

   }
   if(prev_step >= 5 ){
      jQuery('.btn-prev-next').hide();
      jQuery('.btn-canvas-submit').show();
   }
   else{
      jQuery('.btn-prev-next').show();
      jQuery('.btn-canvas-submit').hide();
   }
   console.log(prev_step);

}

jQuery(document.body).on('click', '.panel-heading', function() {
   //   return false;
   var step_id=jQuery(this).data('id');
      //alert(step_id);
   var lavel_size_select=jQuery('#custom_data_1').val();
   if(lavel_size_select=='' && step_id>1){
      alert('Please select label size to proceed');
      jQuery('.panel-heading').removeClass('active-h');
      jQuery('.step1').trigger("click");
      jQuery('.mobilestep1').trigger("click");
      jQuery('.mobilestep1').addClass("active-h");
      jQuery('.step1').addClass("active-h");
      jQuery('.customLabelSizes').show();
      jQuery('.customLabelSizes').prev("h4").addClass("section-open");
      jQuery('html, body').animate({
         scrollTop: jQuery(".customLabelSizes").offset().top-400
      }, 1000);
      return false;
   }

   var woventype =jQuery('#custom_data_10').val();
   if(woventype=='' && step_id>3){
      alert('Please select woven label type to proceed');
      jQuery('.panel-heading').removeClass('active-h');

      jQuery('.step3').trigger("click");
      jQuery('.mobilestep3').trigger("click");
      jQuery('.mobilestep3').addClass("active-h");
      jQuery('.step3').addClass("active-h");
      jQuery('.woven_type').show();
      jQuery('.woven_type').prev("h4").addClass("section-open");
      jQuery('html, body').animate({
         scrollTop: jQuery(".woven_type").offset().top-400
      }, 1000);
      return false;
   }

   var background =jQuery('#custom_data_2').val();
   if(background=='' && step_id>4){
      alert('Please select background color to proceed');
      jQuery('.panel-heading').removeClass('active-h');

      jQuery('.step4').trigger("click");

      jQuery('.mobilestep4').trigger("click");
      jQuery('.mobilestep4').addClass("active-h");
      jQuery('.step4').addClass("active-h");
      jQuery('#backGroundColors').show();
      jQuery('.woven_type').prev("h4").addClass("section-open");
      jQuery('html, body').animate({
         scrollTop: jQuery("#backGroundColors").offset().top-400
      }, 1000);
      return false;
   }

   jQuery('#current_step').val(step_id);
   var arr = {};
   createLogoCanvas(arr);
   submitDesign(2);
   var trgt = jQuery(this).attr('data-target');
   jQuery('div[data-div="' + trgt + '"]').show().siblings().not('.cart-sec, .guideArea').hide();
   if(step_id>1){
      jQuery('.btn-prev').removeAttr('disabled');
   }
   else{
      jQuery('.btn-prev').prop("disabled", true);

   }
   if(step_id >= 5 ){
      jQuery('.btn-prev-next').hide();
      jQuery('.btn-canvas-submit').show();
   }
   else{
      jQuery('.btn-prev-next').show();
      jQuery('.btn-canvas-submit').hide();
   }

});

jQuery(document.body).on('click', '.btn-canvas-submit', function() {
   jQuery('.proPreview-deg-ord-print').addClass('model-preview');
   jQuery('.add-amount').addClass('change-quantity');
   jQuery('.close-preview').show();
   jQuery('.btn-cart-canvas').show();
   jQuery('.btn-prev-next').hide();
   jQuery('.btn-canvas-submit').hide();

});
jQuery(document.body).on('click', '.close-preview', function() {
   var current_step=jQuery('#current_step').val();
   jQuery('.proPreview-deg-ord-print').removeClass('model-preview');
   jQuery('.add-amount').removeClass('change-quantity');
   jQuery('.btn-cart-canvas').hide();
   if(current_step==5){
      jQuery('.btn-prev-next').hide();
      jQuery('.btn-canvas-submit').show();
      jQuery('.close-preview').hide();
   }
   else{
    jQuery('.btn-prev-next').show();
    jQuery('.btn-canvas-submit').hide();
    jQuery('.close-preview').hide();
 }


});





function repair() {
   var arr = {};
   createLogoCanvas(arr);
   submitDesign(2);
}

   //**** Submit Ajax ****//
function submitDesign(v, ds) {

   if (v == 1) {
      var arr = {};
      createLogoCanvas(arr, '3500');
   }

   jQuery('.windowBody').addClass('loads');

   iconSize = document.getElementById("iconSize").value;
   valtxcolo = document.getElementById("usertextcolor").value;
   val = document.getElementById("setselectsize").value;
   colorval = document.getElementById("userbgcolor").value;
   mytext1 = document.getElementById("usertextbox1").value;
   mytext2 = document.getElementById("usertextbox2").value;
   mytext3 = document.getElementById("usertextbox3").value;
   seliconhere = document.getElementById("seliconhere").value;
   varalign = document.getElementById("selalignhere").value;
   userwidth = document.getElementById("selectedwidth").value;
   userheight = document.getElementById("selectedheight").value;
   calculatedSize = document.getElementById("calculatedSize").value;
   fontpadTop = document.getElementById("fontpadTop").value;
   lineSpecingC = document.getElementById("lineSpecingC").value;
   lineSpecingCLast = document.getElementById("lineSpecingCLast").value;
   line1align = document.getElementById("alignline1").value;
   line2align = document.getElementById("alignline2").value;
   line3align = document.getElementById("alignline3").value;
   varfonthere = document.getElementById("selfonthere").value;
   additionalcomm = document.getElementById("addicomm").value;
   cutnfoldoption = document.getElementById("cutnfolddivforajax").value;
   iconPosition = parseInt(document.getElementById("iconPosition").value);

   if (iconPosition == 0 || isNaN(iconPosition)) {
      iconPosition = 10;
   }

   //console.log(userwidth + " / " + iconPosition);
   var pricebackcolcal = '0';
   var priceiconcal = '0';
   var prcietextcal = '0';

   pricebackcolcal = document.getElementById("backgroungcol").value;
   priceiconcal = document.getElementById("iconpricedisp").value;
   prcietextcal = document.getElementById("usertextcolorprcie").value;

   /*checking font*/
   var firstcustomfonts = document.getElementById("textbox1fontVal").value;
   if (firstcustomfonts == '') {
      firstcustomfonts = 0;
   }
   var secondcustomfonts = document.getElementById("textbox2fontVal").value;
   if (secondcustomfonts == '') {
      secondcustomfonts = 0;
   }
   var thirdcustomfonts = document.getElementById("textbox3fontVal").value;
   if (thirdcustomfonts == '') {
      thirdcustomfonts = 0;
   }


   if (pricebackcolcal == '') {
      pricebackcolcal = 0;
   }
   if (priceiconcal == '') {
      priceiconcal = 0;
   }
   if (prcietextcal == '') {
      prcietextcal = 0;
   }

   var otherprice = parseFloat(pricebackcolcal) + parseFloat(priceiconcal) + parseFloat(prcietextcal);
                           var myinputprice = '';
      var pricequantity = 100;
                              var myinputprice = '';
      var pricequantity = 200;
                              var myinputprice = '';
      var pricequantity = 300;
                              var myinputprice = '';
      var pricequantity = 400;
      
   var quantityforpdfwldo = document.getElementById("totalquantity").value;
   var priceperlabelforpdfwldo = document.getElementById("unitpricehere").value;


   var totalpricelabelpdfwldo = document.getElementById("totalpricelabeladd2crt").value;

   /*text color for pdf*/
   //var textcolforpdfsend = document.getElementById("textcolforpdf").value;
   var backgroungcol1 = document.getElementById("userbgcolor").value;
   var textcolforpdfsend = document.getElementById("usertextcolor").value;
   var9a = document.getElementById("custom_data_9").value;
   var10a = document.getElementById("custom_data_10").value;
   var sizes = userwidth + 'x' + userheight;


   /*********** merge two canvas ***************/
   var dataURL;
   if (jQuery('#displaydesignnew_bck').hasClass('show')) {

      var canvasFront = document.getElementById('canvascr');


      var newCanvas = document.createElement('canvas');
      newCanvas.id = 'newCanvas';
      newCanvas.width = canvasFront.width;
      newCanvas.height = canvasFront.height * 2 + 10;
      var ctxN = newCanvas.getContext('2d');
      ctxN.fillStyle = "#FFF";
      ctxN.fillRect(0, 0, canvasFront.width, canvasFront.height);
      ctxN.drawImage(canvasFront, 0, 0);

      var ctxN2 = newCanvas.getContext('2d');
      var canvasBack = document.getElementById('canvascr_bck');
      ctxN2.drawImage(canvasBack, 0, canvasBack.height);

   //ctxF.drawImage(ctxB, canvasFront.width, canvasFront.height*2);

      dataURL = newCanvas.toDataURL("image/png");
      jQuery('#datactdFromCanvas').val(dataURL);
   //var link = document.createElement('a');
   //link.download = "merged.png";
   //link.href = newCanvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
   //link.click();
   } else {
      dataURL = '';
   }


   jQuery.ajax({
      url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
      type: 'post',
      data: {
         action: 'my_action_wovenldesignorder',
         keyword: val,
         size: sizes,
         usertext1: mytext1,
         usertext2: mytext2,
         usertext3: mytext3,
         selectedwidth: userwidth,
         selectedheight: userheight,
         colorhere: colorval,
         textcolorhere: valtxcolo,
         selectedicon: seliconhere,
         fontsize: calculatedSize,
         topSpace: fontpadTop,
         lineSpecing: lineSpecingC,
         lineSpecingLast: lineSpecingCLast,
         cutnfoldoptionsend: cutnfoldoption,
         iconsize: iconSize,
         alignment1: line1align,
         alignment2: line2align,
         alignment3: line3align,
         selectedfont: varfonthere,
         quantityforpdfwldopdf: quantityforpdfwldo,
         priceperlabelforpdfwldopdf: priceperlabelforpdfwldo,
         totalpricelabelpdfwldopdf: document.getElementById("totalpricelabeladd2crt").value,
         colorbackghere: backgroungcol1,
         textcolforpdfsend1: textcolforpdfsend,
         iconAlign: iconPosition,
         additionalcompas: additionalcomm,
         extravalue: "Sandip",
         firstcustomfontsn: firstcustomfonts,
         secondcustomfontsn: secondcustomfonts,
         thirdcustomfontsn: thirdcustomfonts,
         myvar9here: var9a,
         myvar10here: var10a,
         sizetag: jQuery('input#sizetag').val(),
         dataFromCanvas: jQuery('#datactdFromCanvas').val()
      },
      beforeSend: function() {
   //setting a timeout
         jQuery('#displaydesign').closest('.windowBody').find('.imgDesignPlaceholder').remove();
         jQuery('#displaydesign').closest('.windowBody').prepend(
            "<div class='imgDesignPlaceholder'></div>");
      },
      success: function(data) {
   //console.log(ds);

         jQuery('input[name="imagelogo"]').val(data);
         if (data == 'fail') {
            alert('No records found');
            jQuery('.windowBody').removeClass('loads');
         } else {
            jQuery('#displaydesign').html(data);
            console.log(data);

            if ((v === 1)) {
               var img = new Image();
               img.src = data;
               img.onerror = function() {
                  alert(
                     'There is an error saving your image, please refresh your browser and retry choosing the options'
                     );
                  location.reload();
                  return false;
               }
            }

            (v === 1) ?
            priceandallgen(ds):
            (jQuery('#displaydesign').closest('.windowBody').find('.imgDesignPlaceholder').delay(
               1000).queue(function() {
                  jQuery(this).remove();
               }), jQuery('.windowBody').removeClass('loads'));
         }
         (flagD == 'ok') ? adjustImageRatio(): '';
      }
   });
}


function checkImgUrl(url) {
   var img = new Image();
   img.src = url;
   //img.onload = function() { callback(this.width, this.height); }
   img.onerror = function() {
      return false;
   }
}

   //all images loaded count function
(function($) {
   $.fn.extend({
      imagesLoaded: function(callback, cycling) {
         var i, ic,
         c = true,
         $this = $(this),
         t = $this.find('img').andSelf(),
         l = t.length,
         img = [];
         for (i = 0; i < l; i++) {
            if (t[i].tagName === "IMG") {

               ic = ('fileSize' in t[i] && t[i].fileSize < 0 && t[i].count > 10) ? true : t[i]
               .complete;

   c = (c && ic && t[i].height !== 0); // complete flag
   
   if (ic === false) {
      img.push(t[i]);
      t[i].count = (t[i].count || 0) + 1;
   }
}
}
if (c) {
   if (typeof callback === "function") {
      callback();
   }
} else {
   setTimeout(function() {
      $(img).imagesLoaded(callback, true);
   }, 200);
}
   // maintain chainability
if (!cycling) {
   return $this;
}
}
});
})(jQuery);

var a = [];

function saveForLater(p) {
   var arr = {};
   createLogoCanvas(arr);
   submitDesign(2);

   var foldOption = jQuery('div#folds .selected > img').attr('data-arr');

   var labelSizw = jQuery('.col-lg-4.col-md-4.col-sm-4.col-xs-12.selected').attr('data-arr');

   var text1 = jQuery('input#textbox1').val();
   var text2 = jQuery('input#textbox2').val();
   var text3 = jQuery('input#textbox3').val();
   var textAlign = jQuery('div#inputTexts .algn-sec .selected').parent().index() + 1;

   var text1Size = jQuery('select#textbox1Font').val();
   var text2Size = jQuery('select#textbox2Font').val();
   var text3Size = jQuery('select#textbox3Font').val();

   var font = jQuery('.fontWrapper .selected').index() + 1;

   var backColor = (jQuery('#backGroundColors span.colorContainer.selected').length > 0) ? jQuery(
      '#backGroundColors span.colorContainer.selected').index() + 1 : jQuery('input#userbgcolor').val();

   var textColor = (jQuery('#textColors span.colorContainer.selected').length > 0) ? jQuery(
      '#textColors span.colorContainer.selected').index() + 1 : jQuery('input#usertextcolor').val();

   var symbolTitleClick = jQuery('.designerIconsCat .selected').index() + 1;
   var symbolClick = jQuery('.iconSection > div > a.selected').attr('data-arr');
   var iconAlign = jQuery('.algn-sec.algn-sec-icon.col-lg-4 li .selected').parent().index() + 1;

   var wovenLabelType = jQuery('ul.woven-list li.selected').index() + 1;

   var ironOrAdhesive = jQuery('div#ironHeatSeal .desig-order-shrt-des.selected img').parents().eq(2).index() + 1;

   var quantity = jQuery('input#totalquantity').val();

   var addtnlCommnt = jQuery('textarea#addicomm').val();

   var arrToSave = [];
   arrToSave.push({
      foldOption: parseInt(foldOption),
      labelSizw: labelSizw,
      text1: text1,
      text2: text2,
      text3: text3,
      text1Size: text1Size,
      text2Size: text2Size,
      text3Size: text3Size,
      textAlign: textAlign,
      font: font,
      backColor: backColor,
      textColor: textColor,
      symbolTitleClick: symbolTitleClick,
      symbolClick: symbolClick,
      iconAlign: iconAlign,
      wovenLabelType: wovenLabelType,
      ironOrAdhesive: ironOrAdhesive,
      quantity: quantity,
      addtnlCommnt: addtnlCommnt,
   });

   console.log(arrToSave);
   p = (p == undefined) ? '' : p;
   jQuery.ajax({
      url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
      type: 'post',
      cache: true,
      datattype: 'json',
      data: {
         action: 'saveForLater_WD',
         arrToSave: arrToSave,
         p: p
      },
      beforeSend: function() {

      },
      success: function(data) {
         var d = data.split('/');
         console.log(d);
         var myAccountPageUrl =
         'https://xpresalabels.com/site/my-account/';
         if (d[1] == 'login=false') {
            jQuery.fancybox.open(
               '<div class="message"> <h2>Please Login to continue</h2> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" href="' +
               myAccountPageUrl + '?' + d[0] +
               '">Login</a> </div><div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" href="' +
               myAccountPageUrl + '?' + d[0] + '">Sign up</a> </div></div></div>');
         } else if (d[0] == 'already added') {
            jQuery.fancybox.open(
               '<div class="message"> <h2>Want to replace previously saved item?</h2> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" href="javascript:void(0)" data-fancybox-close onclick="saveForLater(1)">Yes</a> </div><div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" data-fancybox-close href="javascript:void(0)" >No</a> </div></div></div>'
               );
         } else {
            jQuery.fancybox.open(
               '<div class="message"> <h2>Product saved!</h2> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" href="' +
               myAccountPageUrl +
               '/saved-items/">View saved product</a> </div><div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" data-fancybox-close href="javascript:void(0)" >Continue customizing</a> </div></div></div>'
               );
         }
      }
   });
}

function adjustImageRatio() {
   jQuery('div#customLabels .divider').show();
   jQuery('.row-sec .customLabelGenImgPrev').each(function() {

      var wddhSdBe = parseInt(jQuery(this).attr('dat-width'));
      var h8SdBe = parseInt(jQuery(this).attr('dat-height'));
      console.log(wddhSdBe);
      console.log(h8SdBe);
      var ratio = wddhSdBe / h8SdBe;

      var parWdth = jQuery(this).parent().outerWidth() - 20;
      var parH8 = jQuery(this).parent().outerHeight() - 20;

      if (wddhSdBe > parWdth) {

         var dpi = 75;
         var dividend = (parWdth * dpi) / wddhSdBe;
         var resWdth = (wddhSdBe / 75) * dividend;
         var resH8 = (h8SdBe / 75) * dividend;

   //          jQuery(this).css({
   //             'width': resWdth + 'px',
   //             'height': resH8 + 'px',
   // //'background': 'red'
   //          });
      }

   });
   jQuery('div#customLabels .divider').hide();
   flagD = 'notOk';
}

function addEditedOption(options) {

   jQuery('div#folds [data-arr="' + options[0].foldOption + '"]').parent().addClass('selected').children().click();
   jQuery('div#customLabels [data-arr="' + options[0].labelSizw + '"]').addClass('selected').click();

   jQuery('input#textbox1').val(options[0].text1);
   jQuery('input#textbox2').val(options[0].text2);
   jQuery('input#textbox3').val(options[0].text3);

   jQuery('select#textbox1Font').val(options[0].textbox1Font);
   jQuery('select#textbox2Font').val(options[0].textbox2Font);
   jQuery('select#textbox3Font').val(options[0].textbox3Font);

   jQuery('select#textbox1Font, select#textbox2Font, select#textbox3Font').trigger('change');

   jQuery('div#inputTexts .algn-sec ul li:nth-child(' + options[0].textAlign + ') > a').addClass('selected').click();

   jQuery('.fontWrapper > a:nth-child(' + options[0].font + ')').addClass('selected').click();

   isNaN(options[0].backColor) ? changePantoneBG(options[0].backColor) : jQuery(
      '#backGroundColors .colorSelection > span:nth-child(' + options[0].backColor + ')').addClass('selected')
   .click();

   isNaN(options[0].textColor) ? changePantoneText(options[0].textColor) : jQuery(
      '#textColors .colorSelection > span:nth-child(' + options[0].textColor + ')').addClass('selected').click();

   //jQuery('#textColors .colorSelection > span.colorContainer:nth-child('+options[0].textColor+')').addClass('selected').click();

   jQuery('.designerIconsCat ul li:nth-child(' + options[0].symbolTitleClick + ')').addClass('selected').click();
   jQuery('.iconSection [data-arr="' + options[0].symbolClick + '"]').addClass('selected').click();
   jQuery('.algn-sec.algn-sec-icon.col-lg-4 li:nth-child(' + options[0].iconAlign + ')').addClass('selected').click();

   jQuery('ul.woven-list li:nth-child(' + options[0].wovenLabelType + ')').addClass('selected').click();

   jQuery('div#ironHeatSeal .row-sec > div:nth-child(' + options[0].ironOrAdhesive + ')').addClass('selected').click();

   jQuery('tbody#priceContainerFull input[value="' + options[0].quantity + '"]').attr('checked', true);

   jQuery('textarea#addicomm').val(options[0].addtnlCommnt);
}

function selectSideOptions(d, printSide) {
   console.log(jQuery('#cutnfolddivforajax').val());
   jQuery(d).addClass('selected');
   jQuery('.oneSide').not(d).removeClass('selected');
   jQuery('#printOptionChosen, #newPrintOption').val(printSide);
   jQuery('#labprintOption').text(printSide);
   jQuery('.warning').remove();


   if (printSide == 'Both Sided') {
      if (jQuery('#cutnfolddivforajax').val() == 'Center-folded (horizontally)' || jQuery('#cutnfolddivforajax')
         .val() == 'Center-folded (vertically)') {
         jQuery('.panel-body-2').addClass('full');
      jQuery('#displaydesignnew_bck').addClass('show').removeClass('hide');
      jQuery('#sideOption').val('Both Sided');
   } else {
      jQuery('#displaydesignnew_bck').addClass('hide').removeClass('show');
      jQuery('#printOptions .row').append(
         '<span class="warning">Please choose different label. Both side printing is for "Center Folded" labels only.</span>'
         );
      jQuery('#sideOption').val('One Sided');
   }

} else {
   jQuery('panel-body-2').removeClass('full');
   jQuery('#displaydesignnew_bck').removeClass('show').addClass('hide');
   jQuery('#sideOption').val('One Sided');
}

setPricingTable();
}

   /************ back side functions ************/
function selecttext_new(p, t) {
   jQuery('#imgU_bck').hide();
   jQuery('#texts_bck').show();
   var v = jQuery(t).val();
   jQuery('#usertextbox' + p + '_bck').val(v);
   jQuery('.row' + p + '_bck').text(v);
   
   var n = jQuery(t).val();
   
   var row1TextWidth = jQuery('.row1_bck').outerWidth(),
   row2TextWidth = jQuery('.row2_bck').outerWidth(),
   row3TextWidth = jQuery('.row3_bck').outerWidth(),
   arrfgh = [parseFloat(row1TextWidth), parseFloat(row2TextWidth), parseFloat(row3TextWidth)],
   maxmimumLength = Math.round(Math.max(parseFloat(row1TextWidth), parseFloat(row2TextWidth), parseFloat(
      row3TextWidth))),
   textParentWidth = jQuery('#texts_bck').width();
   checkNadjustText(arrfgh, maxmimumLength, textParentWidth, 'bck');
   
   madeBackToCanvas();
}

function manualFontChange_bck(p, t) {
   var n = jQuery(t).val();
   jQuery('#textbox' + p + '_bckfontVal').val(n);
   if (n == 'auto') {
      jQuery('.row' + p + '_bck').css('font-size', '25px');
      var row1TextWidth = jQuery('.row1_bck').outerWidth(),
      row2TextWidth = jQuery('.row2_bck').outerWidth(),
      row3TextWidth = jQuery('.row3_bck').outerWidth(),
      arrfgh = [parseFloat(row1TextWidth), parseFloat(row2TextWidth), parseFloat(row3TextWidth)],
      maxmimumLength = Math.round(Math.max(parseFloat(row1TextWidth), parseFloat(row2TextWidth), parseFloat(
         row3TextWidth))),
      textParentWidth = jQuery('#texts_bck').width();
      checkNadjustText(arrfgh, maxmimumLength, textParentWidth, 'bck');

   } else {
      jQuery('.row' + p + '_bck').css('font-size', n + 'px');
   }
   madeBackToCanvas();
}



jQuery('.close-panel').click(function() {
   jQuery('.panel-body.panel-body-2').removeClass('full');
});

function selectalign_bck(cls) {
   jQuery('div#texts_bck').attr('class', '').addClass(cls);;
}

function getTextWidth(font, fontsize, txt) {
   var formattedWidth;
   if (txt == '') {
      formattedWidth = '0px';
   } else {
      var text = document.createElement("span");
      document.body.appendChild(text);
      text.style.font = font;
      text.style.fontSize = fontsize + "px";
      text.style.height = 'auto';
      text.style.width = 'auto';
      text.style.position = 'absolute';
      text.style.whiteSpace = 'no-wrap';
      text.innerHTML = txt;

      var width = Math.ceil(text.clientWidth);
      formattedWidth = width + "px";
   }
   return formattedWidth;
}

function madeBackToCanvas() {
   html2canvas(jQuery(".displaydesignnew_bck_vw"), {
      onrendered: function(canvas) {
         canvas.id = 'canvascr_bck';
         setTimeout(function() {
            jQuery('.displaydesignnew_bck_vw').next('canvas').remove();
            jQuery('.displaydesignnew_bck_vw').after(canvas);


            if (jQuery('.displaydesignnew_bck_vw').hasClass('Circle_h') && jQuery(
               '#canvascr_bck').length > 0) {
               var imgs = new Image();
            imgs.src =
            'https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/images/pattern-overlay.png';
            var c_n = document.getElementById("canvascr_bck");
            var ctx_n = c_n.getContext("2d");
            ctx_n.drawImage(imgs, 0, 0);
            ctx_n.globalCompositeOperation = 'destination-in';
            ctx_n.beginPath();
            ctx_n.arc(c_n.width / 2, c_n.height / 2, c_n.height / 2, 0, Math.PI * 2);
            ctx_n.closePath();
            ctx_n.fill();
         }

      }, 100);
      }
   });
   
}
   /************ back side functions ************/

function changePantoneText(color) {
   jQuery('#pantoneText').css('background-color', '#' + color);
   jQuery('#pantoneText').val('#' + color);
   selecttextcolor(color, '#' + color, '0.70');
}

function changePantoneBG(color) {
   jQuery('#pantoneBG').css('background-color', '#' + color);
   jQuery('#pantoneBG').val('#' + color);
   selectcolor(color, '#' + color, '');
}

jQuery('select#sizeTag').change(function() {
   var dsval = jQuery(this).val();
   (dsval !== 'Choose') ? (jQuery('span#sizetagchosen').text(dsval), jQuery('input#sizetag').val(dsval)) : (
      jQuery('span#sizetagchosen').text('N/A'), jQuery('input#sizetag').val('N/A'));
});


document.addEventListener('wpcf7mailsent', function(event) {
   if ('1708' == event.detail.contactFormId) {
      window.location.href = "https://www.xpresalabels.com/thank-you-quote/";
   // //console.log(jQuery('form.wpcf7-form').serialize());
   // //event.preventDefault();
   // var usertextbox1Val = jQuery('input#usertextbox1').val();
   // var usertextbox2Val = jQuery('input#usertextbox2').val();
   // var usertextbox3Val = jQuery('input#usertextbox3').val();
   // jQuery.ajax({
   //     type: 'POST',
   //     url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
   //     data: {
   //         data: jQuery('form.wpcf7-form').serialize() + '&usertextbox1Val=' + usertextbox1Val +
   //         '&usertextbox2Val=' + usertextbox2Val + '&usertextbox3Val=' + usertextbox3Val,
   //         action: 'cf7FormSubmit_WD',
   //     },
   //     success: function(data) {
   //         //console.log(data);
   //         window.open(
   //             "https://xpresalabels.com/site/tcpdf/tcpdf/pdfwoovenlabeldesignorder.php",
   //             '_blank');
   //         window.location.href = "https://xpresalabels.com/woven-label-design-order/";
   //     }
   // });
   }
}, false);

function readURL(input) {

}

jQuery("#filePhoto").change(function() {
   var input = this;
   if (input.files && input.files[0]) {
      var reader = new FileReader();
      reader.onload = function(e) {
         jQuery('div#texts_bck').hide();
         jQuery('div#imgU_bck').show();
         jQuery('#previewHolder, #previewHolder_bck').attr('src', e.target.result);
         madeBackToCanvas();
      }
      reader.readAsDataURL(input.files[0]);
   }
});

jQuery(document).ready(function() {
   jQuery('.toggle-less').click(function() {
      var txt = jQuery(".label-input-details").is(':visible') ? 'See More' : 'See Less';
      jQuery(this).text(txt);
      jQuery(this).toggleClass('toggle');
      jQuery('.label-input-details').slideToggle();
   });
   //headerTopMargin();
});

   // var targetTopHeader = '.header_top_holder';
var previewBox = '#previewRow';
var targetHSpace = '.previewRowHeight';

function previewBoxTopMargin() {
   // var tHeight = $(targetTopHeader).innerHeight();
   var bHeight = jQuery(previewBox).innerHeight();
   jQuery(targetHSpace).css('height', bHeight + "px");
};
jQuery(window).on('load resize', function() {
   previewBoxTopMargin();
});
jQuery('.add-amount').click(function() {
   jQuery('.panel-headings-wrapper .owl-item .panel-heading').removeClass("active-h");
   jQuery('.panel-headings-wrapper').trigger('to.owl.carousel', 5);
   jQuery('.mobilestep5').addClass("active-h");
   jQuery('.step5').addClass("active-h");
   jQuery('#amnt_qbltm').slideDown();
});
jQuery(document.body).on('click', '.change-quantity', function() {
   jQuery('.panel-headings-wrapper .owl-item .panel-heading').removeClass("active-h");
   jQuery('.panel-headings-wrapper').trigger('to.owl.carousel', 5);
   jQuery('.mobilestep11').addClass("active-h");
   jQuery('.step5').addClass("active-h");
   jQuery('#amnt_qbltm').slideDown().siblings().slideUp();
   jQuery('.proPreview-deg-ord-print').removeClass('model-preview');
   
   jQuery('.btn-cart-canvas').hide();
   jQuery('.btn-prev-next').show();
   jQuery('.btn-canvas-submit').hide();
   jQuery('.close-preview').hide();
   jQuery('.add-amount').removeClass('change-quantity');
});

jQuery(document.body).on('click', '.qaPanelCustomProductItem h4', function() {
   var div_to_show=jQuery(this).data('id');
   // jQuery('.qaPanelCustomProductItem h4').removeClass('show');
   jQuery('.qaPanelCustomProductItem').removeClass('open');
   jQuery('#'+div_to_show).addClass('open');
   jQuery('.'+div_to_show).show();
   jQuery(this).addClass('show');
   
});

jQuery(document.body).on('click', '.qaPanelCustomProductItem h4.show', function() {
   var div_to_show=jQuery(this).data('id');
   
   jQuery('.qaPanelCustomProductItem').removeClass('open');
   
   jQuery('.'+div_to_show).hide();
   jQuery(this).removeClass('show');
   
});
jQuery(document).on('click','.panel-title',function(){
   jQuery(this).toggleClass("section-open");
   console.log('test');
   jQuery(this).next("div").slideToggle();
   
});

function calculatePrice(quantity) {
 let pricePerUnit = 0;

 if (quantity >= 100 && quantity < 500) {
  pricePerUnit = 0.20;
} else if (quantity === 1000) {
  pricePerUnit = 0.08;
} else if (quantity === 2000) {
  pricePerUnit = 0.05;
} else if (quantity === 3000) {
  pricePerUnit = 0.04;
} else if (quantity === 5000) {
  pricePerUnit = 0.03;
} else if (quantity >= 10000) {
  pricePerUnit = 0.02;
}

return pricePerUnit;
}

</script>
<script type="text/javascript" src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/jqupload/ion.rangeSlider.min.js"></script>
<script type="text/javascript" src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/js/pluginScript.js"></script>
<script type="text/javascript" src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/js/cnvs.js"></script>
{"id":1336,"date":"2018-05-18T05:53:09","date_gmt":"2018-05-18T05:53:09","guid":{"rendered":"https:\/\/www.xpresalabels.com\/?page_id=1336"},"modified":"2026-02-17T05:33:22","modified_gmt":"2026-02-17T10:33:22","slug":"woven-label-design-order","status":"publish","type":"page","link":"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/","title":{"rendered":"Woven Label Design and Order"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"designToolnew.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1336","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Woven Label Design and Order. Custom quote for label tags.<\/title>\n<meta name=\"description\" content=\"Design custom woven labels online with our easy tool. See instant preview, choose size &amp; backing. Professional quality clothing tags. Order in minutes!\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Woven Label Design and Order. Custom quote for label tags.\" \/>\n<meta property=\"og:description\" content=\"Design custom woven labels online with our easy tool. See instant preview, choose size &amp; backing. Professional quality clothing tags. Order in minutes!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/\" \/>\n<meta property=\"og:site_name\" content=\"Xpresa Labels\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/xpresalabels\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-17T10:33:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@xpresalabels\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/\",\"url\":\"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/\",\"name\":\"Woven Label Design and Order. Custom quote for label tags.\",\"isPartOf\":{\"@id\":\"https:\/\/xpresalabels.com\/site\/#website\"},\"datePublished\":\"2018-05-18T05:53:09+00:00\",\"dateModified\":\"2026-02-17T10:33:22+00:00\",\"description\":\"Design custom woven labels online with our easy tool. See instant preview, choose size & backing. Professional quality clothing tags. Order in minutes!\",\"breadcrumb\":{\"@id\":\"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/xpresalabels.com\/site\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Woven Label Design and Order\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/xpresalabels.com\/site\/#website\",\"url\":\"https:\/\/xpresalabels.com\/site\/\",\"name\":\"Xpresa Labels\",\"description\":\"Custom Woven Clothing Labels and Tags\",\"publisher\":{\"@id\":\"https:\/\/xpresalabels.com\/site\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/xpresalabels.com\/site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/xpresalabels.com\/site\/#organization\",\"name\":\"Xpresa Labels\",\"url\":\"https:\/\/xpresalabels.com\/site\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/xpresalabels.com\/site\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/xpresalabels.com\/site\/wp-content\/uploads\/2022\/03\/logo.jpg\",\"contentUrl\":\"https:\/\/xpresalabels.com\/site\/wp-content\/uploads\/2022\/03\/logo.jpg\",\"width\":110,\"height\":80,\"caption\":\"Xpresa Labels\"},\"image\":{\"@id\":\"https:\/\/xpresalabels.com\/site\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/xpresalabels\/\",\"https:\/\/x.com\/xpresalabels\",\"https:\/\/linkedin.com\/company\/xpresa-labels--custom-woven-printed-labels\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Woven Label Design and Order. Custom quote for label tags.","description":"Design custom woven labels online with our easy tool. See instant preview, choose size & backing. Professional quality clothing tags. Order in minutes!","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Woven Label Design and Order. Custom quote for label tags.","og_description":"Design custom woven labels online with our easy tool. See instant preview, choose size & backing. Professional quality clothing tags. Order in minutes!","og_url":"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/","og_site_name":"Xpresa Labels","article_publisher":"https:\/\/facebook.com\/xpresalabels\/","article_modified_time":"2026-02-17T10:33:22+00:00","twitter_card":"summary_large_image","twitter_site":"@xpresalabels","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/","url":"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/","name":"Woven Label Design and Order. Custom quote for label tags.","isPartOf":{"@id":"https:\/\/xpresalabels.com\/site\/#website"},"datePublished":"2018-05-18T05:53:09+00:00","dateModified":"2026-02-17T10:33:22+00:00","description":"Design custom woven labels online with our easy tool. See instant preview, choose size & backing. Professional quality clothing tags. Order in minutes!","breadcrumb":{"@id":"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xpresalabels.com\/site\/woven-label-design-order\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/xpresalabels.com\/site\/woven-label-design-order\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xpresalabels.com\/site\/"},{"@type":"ListItem","position":2,"name":"Woven Label Design and Order"}]},{"@type":"WebSite","@id":"https:\/\/xpresalabels.com\/site\/#website","url":"https:\/\/xpresalabels.com\/site\/","name":"Xpresa Labels","description":"Custom Woven Clothing Labels and Tags","publisher":{"@id":"https:\/\/xpresalabels.com\/site\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xpresalabels.com\/site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/xpresalabels.com\/site\/#organization","name":"Xpresa Labels","url":"https:\/\/xpresalabels.com\/site\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/xpresalabels.com\/site\/#\/schema\/logo\/image\/","url":"https:\/\/xpresalabels.com\/site\/wp-content\/uploads\/2022\/03\/logo.jpg","contentUrl":"https:\/\/xpresalabels.com\/site\/wp-content\/uploads\/2022\/03\/logo.jpg","width":110,"height":80,"caption":"Xpresa Labels"},"image":{"@id":"https:\/\/xpresalabels.com\/site\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/xpresalabels\/","https:\/\/x.com\/xpresalabels","https:\/\/linkedin.com\/company\/xpresa-labels--custom-woven-printed-labels"]}]}},"_links":{"self":[{"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/pages\/1336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/comments?post=1336"}],"version-history":[{"count":1,"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/pages\/1336\/revisions"}],"predecessor-version":[{"id":55272,"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/pages\/1336\/revisions\/55272"}],"wp:attachment":[{"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/media?parent=1336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}