registration.experientevent.com Open in urlscan Pro
3.219.239.166  Public Scan

Submitted URL: https://registration.experientevent.com/ShowOTR231?passthrough=0x0200000081907afdfa7cc6fc3fc77576ee7414ca0907c09805320d0a7abf7624ae616c04
Effective URL: https://registration.experientevent.com/ShowOTR231/Flow/ATTENDEE/
Submission: On October 26 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

Name: taskCtrl.formProfilePOST javascript:void(0)

<form name="taskCtrl.formProfile" exl-zipcode-lookup="" zip-code="taskCtrl.profile.zipCode" zip-code-callback="taskCtrl.zipLookupCallback" country-code="taskCtrl.profile.countryCode" novalidate="" method="post" action="javascript:void(0)"
  class="ng-isolate-scope ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid-marketing-code ng-invalid ng-invalid-required ng-invalid-remove ng-valid-marketing-code-remove ng-dirty ng-valid-parse" style="">
  <div data-ng-show="taskCtrl.marketingCodeVisible" aria-hidden="false"> <exl-marketing-code data-profile="taskCtrl.profile" data-marketing-code-validation="taskCtrl.marketingCodeValidation" class="ng-isolate-scope">
      <div class="row">
        <div class="columns large-6 medium-6 small-12">
          <div ng-class="{ 'input-validation-error': MarketingCode.formCtrl.marketingCode.$invalid &amp;&amp; MarketingCode.formCtrl.marketingCode.$touched }"> <exl-static-text id-code="WEB_ATT_MKTCODE_P1" class="ng-isolate-scope"><span
                class="exl-static-text-content"><span class="ng-scope"></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> <exl-field-detail item="MarketingCode.detail" profile="MarketingCode.profile"
              async-validation="MarketingCode.marketingCodeValidators" model-options="{updateOn:'blur',debounce:MarketingCode.debounce}" class="ng-isolate-scope">
              <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="marketingCode">
                  <i class="fa fa-fw fa-asterisk text-alert-color ng-hide" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="true"></i>
                  <exl-static-text allow-html="false" id-code="WIZARDTASKLAYOUT_MARKETINGCODE_LAYOUT_FIELDLABEL__MARKETINGCODE" additional-label-text="Field Label" associated-field-name="marketingCode" granularity="page"
                    class="ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope">Marketing Code</span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                  <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                    <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                      ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                      ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="marketingCode" id="marketingCode" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter=""
                      maxlength="100" ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder="" exl-async-validator="fieldDetail.validationSetupFunctions"
                      autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                      class="ng-pristine ng-untouched ng-scope ng-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid ng-valid-marketing-code ng-valid-remove ng-valid-marketing-code-remove" type="text"
                      placeholder=""
                      aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                    <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                  <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="WIZARDTASKLAYOUT_MARKETINGCODE_LAYOUT_FIELDLABEL__MARKETINGCODE_POST" additional-label-text="Post Input"
                  associated-field-name="marketingCode" class="ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope"><span class="ng-scope" style="font-size: 12px;"><em>*Please Note: Marketing Code is not
                          required</em></span></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
              </div>
            </exl-field-detail> <button class="exl-top-margin-small" data-ng-click="MarketingCode.addMarketingCode()">Apply Code</button>
            <!-- ngIf: MarketingCode.isWebStaff || (MarketingCode.profile.currentMarketingCodes && MarketingCode.profile.currentMarketingCodes.length > 0) || (MarketingCode.profile.marketingCodeList && MarketingCode.profile.marketingCodeList.length > 0) -->
            <div
              ng-if="MarketingCode.isWebStaff || (MarketingCode.profile.currentMarketingCodes &amp;&amp; MarketingCode.profile.currentMarketingCodes.length > 0) || (MarketingCode.profile.marketingCodeList &amp;&amp; MarketingCode.profile.marketingCodeList.length > 0)"
              class="ng-scope" style=""> <small> Applied Codes: <!-- ngIf: !MarketingCode.isWebStaff --><span ng-if="!MarketingCode.isWebStaff" class="ng-binding ng-scope"> EMOC25
                  <!-- ngIf: MarketingCode.profile.currentMarketingCodes && MarketingCode.profile.currentMarketingCodes.length > 0 && MarketingCode.profile.marketingCodeList && MarketingCode.profile.marketingCodeList.length > 0 -->
                </span><!-- end ngIf: !MarketingCode.isWebStaff --> </small> <!-- ngIf: MarketingCode.isWebStaff --> </div>
            <!-- end ngIf: MarketingCode.isWebStaff || (MarketingCode.profile.currentMarketingCodes && MarketingCode.profile.currentMarketingCodes.length > 0) || (MarketingCode.profile.marketingCodeList && MarketingCode.profile.marketingCodeList.length > 0) -->
          </div>
          <div ng-show="MarketingCode.regTypeMessage" class="ng-binding ng-hide" aria-hidden="true"> </div>
        </div>
      </div>
    </exl-marketing-code> </div> <exl-static-text id-code="WEB_ATT_PROFILE_FIELDSET_OPENING" class="ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope"><br><br></span></span>
    <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> <exl-wizard-task-layout profile="taskCtrl.profile" overrides="taskCtrl.overrides" once-loaded="taskCtrl.ready = value" class="ng-isolate-scope">
    <h2 class="text-center ng-hide" ng-hide="::WizardTaskLayout.isLoaded" aria-hidden="true" style=""> <i class="fa fa-lg fa-spinner fa-pulse"></i> Loading, please wait... </h2> <!-- ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false" style=""> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 -->
              <div ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1" class="ng-scope">
                <h2 class="groupheader" data-exl-static-text-toggle="{idCode: col.idCode, granularity: 'page'}" style="display: none;"> <exl-static-text id-code="LAYOUT_GROUP_HEADER_1" granularity="page" allow-html="false" additional-label-text=""
                    class="ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope"></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </h2>
              </div><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 -->
            </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_NAICS36D_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --><exl-field-detail ng-if="::col.tableName === 'RegExt'" item="col"
                    profile="WizardTaskLayout.profile.demographics" is-demographic="::col.isPick" full-profile="WizardTaskLayout.profile" class="ng-scope ng-isolate-scope">
                    <accordion class="ng-scope">
                      <dl class="accordion" ng-transclude="">
                        <dd is-open="fieldDetail.isOpen" class="ng-scope ng-isolate-scope">
                          <a href="javascript:void(0);" ng-click="isOpen = !isOpen" ng-class="{ active: isOpen }" accordion-transclude="heading" class="ng-binding"><i class="fa fa-fw fa-asterisk text-alert-color ng-scope ng-hide" ng-show="fieldDetail.item.isRequired &amp;&amp; !fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="true"></i> <i class="fa fa-fw fa-check text-success-color ng-scope" ng-show="fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="false"></i> <exl-static-text allow-html="false" id-code="FIELDDETAIL_NAICS36D_LABEL" additional-label-text="Field Label" associated-field-name="naicS36D" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"> <span ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Primary Business Classification (choose one)</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> <!-- ngIf: ::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED') --><span class="answer ng-scope" ng-if="::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED')"> <span> <span ng-show="fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="false" class=""> <small><em><exl-selected-demographics-list field-detail="fieldDetail.item" profile="fieldDetail.profile" class="ng-binding ng-isolate-scope">National Chain Store</exl-selected-demographics-list></em></small> </span> </span> </span><!-- end ngIf: ::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED') --> <exl-static-text id-code="DEMO_BUSINESS_PENDING_MESSAGE" ng-show="fieldDetail.showBusinessPendingText()" class="ng-scope ng-isolate-scope ng-hide" aria-hidden="true"><span class="exl-static-text-content"><span class="ng-scope"><span style="color: red; font-weight: bold;">Your registration could be pending approval, additional credentials may be required.</span></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </a>
                          <div class="content" ng-style="isOpen ? {display: 'block'} : {}" ng-transclude=""> <accordion-heading class="ng-scope"></accordion-heading> <exl-static-text id-code="FIELDDETAIL_NAICS36D_LABEL_PRE"
                              class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                            <div ng-switch="::fieldDetail.item.fieldTypeCode" class="ng-scope"> <!-- ngSwitchWhen: FREE --> <!-- ngSwitchWhen: SINGLE -->
                              <div ng-switch-when="SINGLE" class="ng-scope"> <!-- ngIf: fieldDetail.item.useHeaders --><exl-custom-select-list-headers ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-if="fieldDetail.item.useHeaders"
                                  name="naicS36D" field-name="naicS36D" ng-required="fieldDetail.item.isRequired" itemlist="fieldDetail.itemlist" selecteditem="fieldDetail.selecteditem" title="Select a Primary Business Classification (choose one)"
                                  modalcss="small" gridcolumns="2" hide-filter="true" static-text-id="DEMO_NAICS36D" click-item="fieldDetail.clickItem" data-ng-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly"
                                  is-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly" header-list="fieldDetail.item.headerList"
                                  class="ng-untouched ng-scope ng-isolate-scope ng-dirty ng-not-empty ng-valid-parse ng-valid ng-valid-required" aria-required="true" aria-disabled="true" disabled="disabled" required="required" aria-invalid="false">
                                  <div class="row" ng-class="{'notranslate': !CustomSelectListHeaders.hideFilter &amp;&amp; CustomSelectListHeaders.itemlist.length > CustomSelectListHeaders.hideLimit}">
                                    <div class="columns end">
                                      <ul class="medium-block-grid-2 small-block-grid-1"> <!-- ngRepeat: header in CustomSelectListHeaders.headerList -->
                                        <li ng-repeat="header in CustomSelectListHeaders.headerList" class="ng-scope"> <!-- ngIf: header.useAccordion --> <!-- ngIf: !header.useAccordion -->
                                          <div ng-if="!header.useAccordion" class="ng-scope">
                                            <div style="font-weight:700" class="ng-binding">Retailer/Buyer</div>
                                            <div class="">
                                              <ul class="select-list small-block-grid-1"> <!-- ngIf: header.showSelectAll --> <!-- ngRepeat: item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value -->
                                                <li ng-repeat="item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="452319" class="ng-scope">
                                                  <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_PRE_452319" class="ng-scope ng-isolate-scope"><span
                                                      class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId --> <button type="button" class="empty"
                                                    ng-click="CustomSelectListHeaders.clickitem(item, $event)" data-ng-disabled="CustomSelectListHeaders.isDisabled || CustomSelectListHeaders.customDisabled(item.value)" disabled="disabled">
                                                    <i class="fa fa-circle-thin" ng-class="::(CustomSelectListHeaders.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                                    <div class="ng-binding">Independent/Specialty Retailer</div>
                                                  </button> <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_POST_452319"
                                                    class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId -->
                                                </li><!-- end ngRepeat: item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value -->
                                                <li ng-repeat="item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="452319A" class="ng-scope">
                                                  <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_PRE_452319A" class="ng-scope ng-isolate-scope"><span
                                                      class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId --> <button type="button"
                                                    class="empty selected" ng-click="CustomSelectListHeaders.clickitem(item, $event)" data-ng-disabled="CustomSelectListHeaders.isDisabled || CustomSelectListHeaders.customDisabled(item.value)"
                                                    disabled="disabled"> <i class="fa fa-check-circle" ng-class="::(CustomSelectListHeaders.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                                    <div class="ng-binding">National Chain Store</div>
                                                  </button> <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_POST_452319A"
                                                    class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId -->
                                                </li><!-- end ngRepeat: item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value -->
                                                <li ng-repeat="item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="452319B" class="ng-scope">
                                                  <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_PRE_452319B" class="ng-scope ng-isolate-scope"><span
                                                      class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId --> <button type="button" class="empty"
                                                    ng-click="CustomSelectListHeaders.clickitem(item, $event)" data-ng-disabled="CustomSelectListHeaders.isDisabled || CustomSelectListHeaders.customDisabled(item.value)" disabled="disabled">
                                                    <i class="fa fa-circle-thin" ng-class="::(CustomSelectListHeaders.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                                    <div class="ng-binding">Regional Chain Store</div>
                                                  </button> <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_POST_452319B"
                                                    class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId -->
                                                </li><!-- end ngRepeat: item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value -->
                                                <li ng-repeat="item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="452311" class="ng-scope">
                                                  <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_PRE_452311" class="ng-scope ng-isolate-scope"><span
                                                      class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId --> <button type="button" class="empty"
                                                    ng-click="CustomSelectListHeaders.clickitem(item, $event)" data-ng-disabled="CustomSelectListHeaders.isDisabled || CustomSelectListHeaders.customDisabled(item.value)" disabled="disabled">
                                                    <i class="fa fa-circle-thin" ng-class="::(CustomSelectListHeaders.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                                    <div class="ng-binding">Mass/Club Merchant</div>
                                                  </button> <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_POST_452311"
                                                    class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId -->
                                                </li><!-- end ngRepeat: item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value -->
                                                <li ng-repeat="item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="452319C" class="ng-scope">
                                                  <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_PRE_452319C" class="ng-scope ng-isolate-scope"><span
                                                      class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId --> <button type="button" class="empty"
                                                    ng-click="CustomSelectListHeaders.clickitem(item, $event)" data-ng-disabled="CustomSelectListHeaders.isDisabled || CustomSelectListHeaders.customDisabled(item.value)" disabled="disabled">
                                                    <i class="fa fa-circle-thin" ng-class="::(CustomSelectListHeaders.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                                    <div class="ng-binding">Discount/Outlet</div>
                                                  </button> <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_POST_452319C"
                                                    class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId -->
                                                </li><!-- end ngRepeat: item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value -->
                                                <li ng-repeat="item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="452319D" class="ng-scope">
                                                  <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_PRE_452319D" class="ng-scope ng-isolate-scope"><span
                                                      class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId --> <button type="button" class="empty"
                                                    ng-click="CustomSelectListHeaders.clickitem(item, $event)" data-ng-disabled="CustomSelectListHeaders.isDisabled || CustomSelectListHeaders.customDisabled(item.value)" disabled="disabled">
                                                    <i class="fa fa-circle-thin" ng-class="::(CustomSelectListHeaders.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                                    <div class="ng-binding">Guide/Outfitter</div>
                                                  </button> <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_POST_452319D"
                                                    class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId -->
                                                </li><!-- end ngRepeat: item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value -->
                                                <li ng-repeat="item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="73194" class="ng-scope">
                                                  <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_PRE_73194" class="ng-scope ng-isolate-scope"><span
                                                      class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId --> <button type="button" class="empty"
                                                    ng-click="CustomSelectListHeaders.clickitem(item, $event)" data-ng-disabled="CustomSelectListHeaders.isDisabled || CustomSelectListHeaders.customDisabled(item.value)" disabled="disabled">
                                                    <i class="fa fa-circle-thin" ng-class="::(CustomSelectListHeaders.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                                    <div class="ng-binding">Climbing Gym</div>
                                                  </button> <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_POST_73194"
                                                    class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId -->
                                                </li><!-- end ngRepeat: item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value -->
                                                <li ng-repeat="item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="72111" class="ng-scope">
                                                  <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_PRE_72111" class="ng-scope ng-isolate-scope"><span
                                                      class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId --> <button type="button" class="empty"
                                                    ng-click="CustomSelectListHeaders.clickitem(item, $event)" data-ng-disabled="CustomSelectListHeaders.isDisabled || CustomSelectListHeaders.customDisabled(item.value)" disabled="disabled">
                                                    <i class="fa fa-circle-thin" ng-class="::(CustomSelectListHeaders.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                                    <div class="ng-binding">Resort</div>
                                                  </button> <!-- ngIf: ::CustomSelectListHeaders.staticTextId --><exl-static-text ng-if="::CustomSelectListHeaders.staticTextId" id-code="DEMO_NAICS36D_POST_72111"
                                                    class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::CustomSelectListHeaders.staticTextId -->
                                                </li><!-- end ngRepeat: item in header.picks | filter:CustomSelectListHeaders.listfilter as filterresults track by item.value -->
                                              </ul>
                                            </div>
                                          </div><!-- end ngIf: !header.useAccordion -->
                                        </li><!-- end ngRepeat: header in CustomSelectListHeaders.headerList -->
                                      </ul>
                                    </div>
                                  </div>
                                </exl-custom-select-list-headers><!-- end ngIf: fieldDetail.item.useHeaders --> <!-- ngIf: !fieldDetail.item.useHeaders --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: MULTI -->
                            </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_NAICS36D_LABEL_POST" additional-label-text="Post Input" associated-field-name="naicS36D"
                              class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                          </div>
                        </dd>
                      </dl>
                    </accordion>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium- columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_COMPANY_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="company">
                        <i class="fa fa-fw fa-asterisk text-alert-color" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="false"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_COMPANY_LABEL" additional-label-text="Field Label" associated-field-name="company" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content">
                            <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Company</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="company" id="company" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter="" maxlength="40"
                            ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder="" exl-async-validator="fieldDetail.validationSetupFunctions"
                            autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                            class="ng-pristine ng-untouched ng-valid ng-scope ng-not-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder="" required="required" disabled="disabled"
                            aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_COMPANY_LABEL_POST" additional-label-text="Post Input" associated-field-name="company"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium- columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_FIRSTNAME_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="firstName">
                        <i class="fa fa-fw fa-asterisk text-alert-color" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="false"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_FIRSTNAME_LABEL" additional-label-text="Field Label" associated-field-name="firstName" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content">
                            <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">First Name</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="firstName" id="firstName" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter=""
                            maxlength="15" ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder=""
                            exl-async-validator="fieldDetail.validationSetupFunctions" autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                            class="ng-pristine ng-untouched ng-valid ng-scope ng-not-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder="" required="required" disabled="disabled"
                            aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_FIRSTNAME_LABEL_POST" additional-label-text="Post Input" associated-field-name="firstName"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="lastName">
                        <i class="fa fa-fw fa-asterisk text-alert-color" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="false"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_LASTNAME_LABEL" additional-label-text="Field Label" associated-field-name="lastName" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content">
                            <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Last Name</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="lastName" id="lastName" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter=""
                            maxlength="20" ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder=""
                            exl-async-validator="fieldDetail.validationSetupFunctions" autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                            class="ng-pristine ng-untouched ng-valid ng-scope ng-not-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder="" required="required" disabled="disabled"
                            aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_LASTNAME_LABEL_POST" additional-label-text="Post Input" associated-field-name="lastName"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_ADDRESS_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="address">
                        <i class="fa fa-fw fa-asterisk text-alert-color" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="false"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_ADDRESS_LABEL" additional-label-text="Field Label" associated-field-name="address" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content">
                            <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Business Street</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="address" id="address" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter="" maxlength="40"
                            ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder="" exl-async-validator="fieldDetail.validationSetupFunctions"
                            autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                            class="ng-pristine ng-untouched ng-valid ng-scope ng-not-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder="" required="required"
                            aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_ADDRESS_LABEL_POST" additional-label-text="Post Input" associated-field-name="address"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="address2">
                        <i class="fa fa-fw fa-asterisk text-alert-color ng-hide" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="true"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_ADDRESS2_LABEL" additional-label-text="Field Label" associated-field-name="address2" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content">
                            <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Address 2</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="address2" id="address2" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter=""
                            maxlength="40" ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder=""
                            exl-async-validator="fieldDetail.validationSetupFunctions" autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                            class="ng-pristine ng-untouched ng-valid ng-scope ng-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder=""
                            aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_ADDRESS2_LABEL_POST" additional-label-text="Post Input" associated-field-name="address2"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_ZIPCODE_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="zipCode">
                        <i class="fa fa-fw fa-asterisk text-alert-color" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="false"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_ZIPCODE_LABEL" additional-label-text="Field Label" associated-field-name="zipCode" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content">
                            <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Postal Code</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="zipCode" id="zipCode" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter="" maxlength="10"
                            ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder="" exl-async-validator="fieldDetail.validationSetupFunctions"
                            autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                            class="ng-pristine ng-untouched ng-valid ng-scope ng-not-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder=""
                            aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_ZIPCODE_LABEL_POST" additional-label-text="Post Input" associated-field-name="zipCode"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="city">
                        <i class="fa fa-fw fa-asterisk text-alert-color ng-hide" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="true"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_CITY_LABEL" additional-label-text="Field Label" associated-field-name="city" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content"> <span
                              data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">City</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="city" id="city" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter="" maxlength="30"
                            ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder="" exl-async-validator="fieldDetail.validationSetupFunctions"
                            autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                            class="ng-pristine ng-untouched ng-valid ng-scope ng-not-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder=""
                            aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_CITY_LABEL_POST" additional-label-text="Post Input" associated-field-name="city"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_STATECODE_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="stateCode">
                        <i class="fa fa-fw fa-asterisk text-alert-color" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="false"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_STATECODE_LABEL" additional-label-text="Field Label" associated-field-name="stateCode" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content">
                            <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">State/Province</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE --> <!-- ngSwitchWhen: SINGLE -->
                        <div ng-switch-when="SINGLE" class="ng-scope">
                          <div ng-switch="::fieldDetail.item.fieldSubType"> <!-- ngSwitchWhen: TYPE_AHEAD_MODAL --> <!-- ngSwitchDefault: -->
                            <div data-ng-switch-default="" class="ng-scope"> <exl-select-list-modal ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" name="stateCode" field-name="stateCode" ng-required="fieldDetail.item.isRequired"
                                itemlist="fieldDetail.itemlist" selecteditem="fieldDetail.selecteditem" title="Select a State/Province" modalcss="medium" gridcolumns="3" tabindex="-1"
                                data-ng-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly" is-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly" exl-async-validator="fieldDetail.validationSetupFunctions"
                                full-profile="fieldDetail.profile" class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty ng-valid-required" aria-required="false" aria-disabled="false" aria-invalid="false"><button type="button"
                                  data-ng-class="SelectListModal.buttoncss || 'small'" data-ng-click="SelectListModal.clickme()" data-ng-disabled="SelectListModal.isDisabled" data-ng-blur="SelectListModal.blur()" class="small"><span
                                    data-ng-bind="SelectListModal.display()" data-ng-hide="SelectListModal.hideSelectedDisplay" class="ng-binding" aria-hidden="false">New York</span> <span
                                    class="fa fa-chevron-right"></span></button></exl-select-list-modal> </div><!-- end ngSwitchWhen: -->
                          </div>
                        </div><!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_STATECODE_LABEL_POST" additional-label-text="Post Input" associated-field-name="stateCode"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="countryCode">
                        <i class="fa fa-fw fa-asterisk text-alert-color" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="false"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_COUNTRYCODE_LABEL" additional-label-text="Field Label" associated-field-name="countryCode" granularity="page" class="ng-isolate-scope"><span
                            class="exl-static-text-content"> <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Country</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE --> <!-- ngSwitchWhen: SINGLE -->
                        <div ng-switch-when="SINGLE" class="ng-scope">
                          <div ng-switch="::fieldDetail.item.fieldSubType"> <!-- ngSwitchWhen: TYPE_AHEAD_MODAL --> <!-- ngSwitchDefault: -->
                            <div data-ng-switch-default="" class="ng-scope"> <exl-select-list-modal ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" name="countryCode" field-name="countryCode" ng-required="fieldDetail.item.isRequired"
                                itemlist="fieldDetail.itemlist" selecteditem="fieldDetail.selecteditem" title="Select a Country" modalcss="medium" gridcolumns="3" tabindex="-1"
                                data-ng-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly" is-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly" exl-async-validator="fieldDetail.validationSetupFunctions"
                                full-profile="fieldDetail.profile" class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty ng-valid-required" aria-required="true" aria-disabled="false" required="required" aria-invalid="false"><button
                                  type="button" data-ng-class="SelectListModal.buttoncss || 'small'" data-ng-click="SelectListModal.clickme()" data-ng-disabled="SelectListModal.isDisabled" data-ng-blur="SelectListModal.blur()" class="small"><span
                                    data-ng-bind="SelectListModal.display()" data-ng-hide="SelectListModal.hideSelectedDisplay" class="ng-binding" aria-hidden="false">United States</span> <span
                                    class="fa fa-chevron-right"></span></button></exl-select-list-modal> </div><!-- end ngSwitchWhen: -->
                          </div>
                        </div><!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_COUNTRYCODE_LABEL_POST" additional-label-text="Post Input" associated-field-name="countryCode"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_VILLCOLO_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --><exl-field-detail ng-if="::col.tableName === 'RegExt'" item="col"
                    profile="WizardTaskLayout.profile.demographics" is-demographic="::col.isPick" full-profile="WizardTaskLayout.profile" class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="villcolo">
                        <i class="fa fa-fw fa-asterisk text-alert-color ng-hide" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="true"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_VILLCOLO_LABEL" additional-label-text="Field Label" associated-field-name="villcolo" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content">
                            <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Village/Colony (required for Mexico)</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="villcolo" id="villcolo" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter=""
                            maxlength="30" ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder=""
                            exl-async-validator="fieldDetail.validationSetupFunctions" autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                            class="ng-pristine ng-untouched ng-valid ng-scope ng-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder=""
                            aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_VILLCOLO_LABEL_POST" additional-label-text="Post Input" associated-field-name="villcolo"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium- columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_PHONE_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="phone">
                        <i class="fa fa-fw fa-asterisk text-alert-color" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="false"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_PHONE_LABEL" additional-label-text="Field Label" associated-field-name="phone" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content"> <span
                              data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Main Phone</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="phone" id="phone" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter="" maxlength="16"
                            ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/^(\s|\d|\.|\+|\-|\(|\))*$/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder=""
                            exl-async-validator="fieldDetail.validationSetupFunctions" autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                            class="ng-pristine ng-untouched ng-scope ng-empty ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder="" required="required"
                            aria-invalid="true"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_PHONE_LABEL_POST" additional-label-text="Post Input" associated-field-name="phone"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium- columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_MOBILEOPT_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --><exl-field-detail ng-if="::col.tableName === 'RegExt'" item="col"
                    profile="WizardTaskLayout.profile.demographics" is-demographic="::col.isPick" full-profile="WizardTaskLayout.profile" class="ng-scope ng-isolate-scope">
                    <accordion class="ng-scope">
                      <dl class="accordion" ng-transclude="">
                        <dd is-open="fieldDetail.isOpen" class="ng-scope ng-isolate-scope">
                          <a href="javascript:void(0);" ng-click="isOpen = !isOpen" ng-class="{ active: isOpen }" accordion-transclude="heading" class="ng-binding active"><i class="fa fa-fw fa-asterisk text-alert-color ng-scope ng-hide" ng-show="fieldDetail.item.isRequired &amp;&amp; !fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="true"></i> <i class="fa fa-fw fa-check text-success-color ng-scope ng-hide" ng-show="fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="true"></i> <exl-static-text allow-html="false" id-code="FIELDDETAIL_MOBILEOPT_LABEL" additional-label-text="Field Label" associated-field-name="mobileopt" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope">Outdoor Retailer communicates reminders, confirmations, promotional offers and other information of interest designed to improve your experience when you provide your contact information.&nbsp; If you provided a cellular telephone number, we need explicit consent from you to send you text messages and use automated dialing technology and pre-recorded messages to confirm and communicate relevant show information.</span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> <!-- ngIf: ::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED') --><span class="answer ng-scope" ng-if="::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED')"> <span> <span ng-show="fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="true" class="ng-hide"> <small><em><exl-selected-demographics-list field-detail="fieldDetail.item" profile="fieldDetail.profile" class="ng-binding ng-isolate-scope"></exl-selected-demographics-list></em></small> </span> </span> </span><!-- end ngIf: ::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED') --> <exl-static-text id-code="DEMO_BUSINESS_PENDING_MESSAGE" ng-show="fieldDetail.showBusinessPendingText()" class="ng-scope ng-isolate-scope ng-hide" aria-hidden="true"><span class="exl-static-text-content"><span class="ng-scope"><span style="color: red; font-weight: bold;">Your registration could be pending approval, additional credentials may be required.</span></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </a>
                          <div class="content" ng-style="isOpen ? {display: 'block'} : {}" ng-transclude="" style="display: block;"> <accordion-heading class="ng-scope"></accordion-heading> <exl-static-text id-code="FIELDDETAIL_MOBILEOPT_LABEL_PRE"
                              class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                            <div ng-switch="::fieldDetail.item.fieldTypeCode" class="ng-scope"> <!-- ngSwitchWhen: FREE --> <!-- ngSwitchWhen: SINGLE -->
                              <div ng-switch-when="SINGLE" class="ng-scope"> <!-- ngIf: fieldDetail.item.useHeaders --> <!-- ngIf: !fieldDetail.item.useHeaders --><exl-select-list ng-model="fieldDetail.profile[fieldDetail.item.fieldName]"
                                  ng-if="!fieldDetail.item.useHeaders" name="mobileopt" field-name="mobileopt" ng-required="fieldDetail.item.isRequired" itemlist="fieldDetail.itemlist" selecteditem="fieldDetail.selecteditem" class="mobileopt"
                                  modalcss="small" gridcolumns="1" hide-filter="true" static-text-id="DEMO_MOBILEOPT" click-item="fieldDetail.clickItem" data-ng-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly"
                                  is-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly" aria-required="false" aria-disabled="false" aria-invalid="false">
                                  <div class="row" ng-class="{'notranslate': !SelectList.hideFilter &amp;&amp; SelectList.itemlist.length > SelectList.hideLimit}">
                                    <div class="columns end"> <!-- ngIf: SelectList.label -->
                                      <div class="exl-search-box medium-6 small-12 ng-hide" data-ng-hide="SelectList.hideFilter || SelectList.itemlist.length <= SelectList.hideLimit" aria-hidden="true">
                                        <div class="fa-wrapper"><i class="fa fa-search"></i></div>
                                        <div class="row">
                                          <div class="small-12 columns"> <input type="search" ng-model="SelectList.listfilter" placeholder="Type to search" name="selectListInputFilter" class="ng-pristine ng-untouched ng-valid ng-empty"
                                              aria-invalid="false"> <span data-tooltip="Clear" class="clear-search ng-scope"> <button type="button" class="empty tight round" data-ng-disabled="!SelectList.listfilter"
                                                data-ng-click="SelectList.listfilter = ''" disabled="disabled"> <i class="fa fa-remove"></i> </button> </span> </div>
                                        </div>
                                      </div>
                                      <ul class="select-list small-block-grid-1 medium-block-grid-1" ng-class="::('medium-block-grid-' + SelectList.gridcolumns)">
                                        <!-- ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                        <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="Y" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                          <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_MOBILEOPT_PRE_Y" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                            <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                            data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-circle-thin" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                            <div class="ng-binding">Yes, I would like to opt-in to receive show related information on my cellular phone number for Outdoor Retailer as described above. I understand that standard message/data rates may
                                              apply and that I may opt out at any time by texting “STOP."</div>
                                          </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_MOBILEOPT_POST_Y" class="ng-scope ng-isolate-scope"><span
                                              class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                        <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                        <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="N" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                          <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_MOBILEOPT_PRE_N" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                            <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                            data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-circle-thin" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                            <div class="ng-binding">No, I do not wish to opt-in to the communications allowances as described above.</div>
                                          </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_MOBILEOPT_POST_N" class="ng-scope ng-isolate-scope"><span
                                              class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                        <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value -->
                                      </ul>
                                    </div>
                                  </div>
                                </exl-select-list><!-- end ngIf: !fieldDetail.item.useHeaders --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: MULTI -->
                            </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_MOBILEOPT_LABEL_POST" additional-label-text="Post Input" associated-field-name="mobileopt"
                              class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                          </div>
                        </dd>
                      </dl>
                    </accordion>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium- columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_MOBILEPHONE_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="mobilePhone">
                        <i class="fa fa-fw fa-asterisk text-alert-color ng-hide" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="true"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_MOBILEPHONE_LABEL" additional-label-text="Field Label" associated-field-name="mobilePhone" granularity="page" class="ng-isolate-scope"><span
                            class="exl-static-text-content"> <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Mobile Phone</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="mobilePhone" id="mobilePhone" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter=""
                            maxlength="100" ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/^(\s|\d|\.|\+|\-|\(|\))*$/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder=""
                            exl-async-validator="fieldDetail.validationSetupFunctions" autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                            class="ng-pristine ng-untouched ng-valid ng-scope ng-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder=""
                            aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_MOBILEPHONE_LABEL_POST" additional-label-text="Post Input" associated-field-name="mobilePhone"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium- columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_EMAIL_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="email">
                        <i class="fa fa-fw fa-asterisk text-alert-color" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="false"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_EMAIL_LABEL" additional-label-text="Field Label" associated-field-name="email" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content"> <span
                              data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Email</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="email" id="email" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter="" maxlength="60"
                            ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(^\s*$)|^([\w-\.\+']*[\w-'])@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,15}|[0-9]{1,3})(\]?)$/"
                            data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder="" exl-async-validator="fieldDetail.validationSetupFunctions" autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false"
                            ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)" class="ng-pristine ng-untouched ng-valid ng-scope ng-not-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text"
                            placeholder="" required="required"
                            aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_EMAIL_LABEL_POST" additional-label-text="Post Input" associated-field-name="email"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                    class="ng-scope ng-isolate-scope">
                    <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="emailCC">
                        <i class="fa fa-fw fa-asterisk text-alert-color ng-hide" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="true"></i>
                        <exl-static-text allow-html="false" id-code="FIELDDETAIL_EMAILCC_LABEL" additional-label-text="Field Label" associated-field-name="emailCC" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content">
                            <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Email CC</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                      <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                        <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                            ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                            ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="emailCC" id="emailCC" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter="" maxlength="60"
                            ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(^\s*$)|^([\w-\.\+']*[\w-'])@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,15}|[0-9]{1,3})(\]?)$/"
                            data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder="" exl-async-validator="fieldDetail.validationSetupFunctions" autocomplete="new-password" exl-ignore-type="" exl-field-recall="" ng-readonly="false"
                            ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)" class="ng-pristine ng-untouched ng-valid ng-scope ng-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text"
                            placeholder=""
                            aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                          <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                        <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_EMAILCC_LABEL_POST" additional-label-text="Post Input" associated-field-name="emailCC"
                        class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    </div>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_VISA_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --><exl-field-detail ng-if="::col.tableName === 'RegExt'" item="col"
                    profile="WizardTaskLayout.profile.demographics" is-demographic="::col.isPick" full-profile="WizardTaskLayout.profile" class="ng-scope ng-isolate-scope"> <label for="visa"
                      class="ng-scope"><i class="fa fa-fw fa-asterisk text-alert-color ng-hide" ng-show="fieldDetail.item.isRequired &amp;&amp; !fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="true"></i>
                      <i class="fa fa-fw fa-check text-success-color ng-hide" ng-show="fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="true"></i> <exl-static-text allow-html="false" id-code="FIELDDETAIL_VISA_LABEL"
                        additional-label-text="Field Label" associated-field-name="visa" class="ng-isolate-scope"><span class="exl-static-text-content"> <span ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Do you need a Visa
                            Letter?</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> <!-- ngIf: ::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED') --> <exl-static-text
                        id-code="DEMO_BUSINESS_PENDING_MESSAGE" ng-show="fieldDetail.showBusinessPendingText()" class="ng-isolate-scope ng-hide" aria-hidden="true"><span class="exl-static-text-content"><span class="ng-scope"><span
                              style="color: red; font-weight: bold;">Your registration could be pending approval, additional credentials may be required.</span></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                    <exl-static-text id-code="FIELDDETAIL_VISA_LABEL_PRE" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                    <div ng-switch="::fieldDetail.item.fieldTypeCode" class="ng-scope"> <!-- ngSwitchWhen: FREE --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                      <div ng-switch-when="MULTI" class="ng-scope"> <!-- ngIf: fieldDetail.item.useHeaders --> <!-- ngIf: !fieldDetail.item.useHeaders --><exl-select-list ng-model="fieldDetail.profile[fieldDetail.item.fieldName]"
                          ng-if="!fieldDetail.item.useHeaders" name="visa" field-name="visa" ng-required="fieldDetail.item.isRequired" itemlist="fieldDetail.itemlist" class="visa" selecteditems="fieldDetail.selecteditems" modalcss="small"
                          gridcolumns="2" hide-filter="true" static-text-id="DEMO_VISA" click-item="fieldDetail.clickItem" data-ng-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly"
                          is-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly" aria-required="false" aria-disabled="false" aria-invalid="false">
                          <div class="row" ng-class="{'notranslate': !SelectList.hideFilter &amp;&amp; SelectList.itemlist.length > SelectList.hideLimit}">
                            <div class="columns end"> <!-- ngIf: SelectList.label -->
                              <div class="exl-search-box medium-6 small-12 ng-hide" data-ng-hide="SelectList.hideFilter || SelectList.itemlist.length <= SelectList.hideLimit" aria-hidden="true">
                                <div class="fa-wrapper"><i class="fa fa-search"></i></div>
                                <div class="row">
                                  <div class="small-12 columns"> <input type="search" ng-model="SelectList.listfilter" placeholder="Type to search" name="selectListInputFilter" class="ng-pristine ng-untouched ng-valid ng-empty" aria-invalid="false">
                                    <span data-tooltip="Clear" class="clear-search ng-scope"> <button type="button" class="empty tight round" data-ng-disabled="!SelectList.listfilter" data-ng-click="SelectList.listfilter = ''" disabled="disabled">
                                        <i class="fa fa-remove"></i> </button> </span> </div>
                                </div>
                              </div>
                              <ul class="select-list small-block-grid-1 medium-block-grid-2" ng-class="::('medium-block-grid-' + SelectList.gridcolumns)">
                                <!-- ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="Y" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                  <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_VISA_PRE_Y" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                    <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                    data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-square-o" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                    <div class="ng-binding">Yes</div>
                                  </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_VISA_POST_Y" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                    <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value -->
                              </ul>
                            </div>
                          </div>
                        </exl-select-list><!-- end ngIf: !fieldDetail.item.useHeaders --> </div><!-- end ngSwitchWhen: -->
                    </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_VISA_LABEL_POST" additional-label-text="Post Input" associated-field-name="visa"
                      class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium- columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_AGES_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --><exl-field-detail ng-if="::col.tableName === 'RegExt'" item="col"
                    profile="WizardTaskLayout.profile.demographics" is-demographic="::col.isPick" full-profile="WizardTaskLayout.profile" class="ng-scope ng-isolate-scope">
                    <accordion class="ng-scope">
                      <dl class="accordion" ng-transclude="">
                        <dd is-open="fieldDetail.isOpen" class="ng-scope ng-isolate-scope">
                          <a href="javascript:void(0);" ng-click="isOpen = !isOpen" ng-class="{ active: isOpen }" accordion-transclude="heading" class="ng-binding active"><i class="fa fa-fw fa-asterisk text-alert-color ng-scope" ng-show="fieldDetail.item.isRequired &amp;&amp; !fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="false"></i> <i class="fa fa-fw fa-check text-success-color ng-scope ng-hide" ng-show="fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="true"></i> <exl-static-text allow-html="false" id-code="FIELDDETAIL_AGES_LABEL" additional-label-text="Field Label" associated-field-name="ages" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"> <span ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Which age group best describes you?</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> <!-- ngIf: ::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED') --><span class="answer ng-scope" ng-if="::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED')"> <span> <span ng-show="fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="true" class="ng-hide"> <small><em><exl-selected-demographics-list field-detail="fieldDetail.item" profile="fieldDetail.profile" class="ng-binding ng-isolate-scope"></exl-selected-demographics-list></em></small> </span> </span> </span><!-- end ngIf: ::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED') --> <exl-static-text id-code="DEMO_BUSINESS_PENDING_MESSAGE" ng-show="fieldDetail.showBusinessPendingText()" class="ng-scope ng-isolate-scope ng-hide" aria-hidden="true"><span class="exl-static-text-content"><span class="ng-scope"><span style="color: red; font-weight: bold;">Your registration could be pending approval, additional credentials may be required.</span></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </a>
                          <div class="content" ng-style="isOpen ? {display: 'block'} : {}" ng-transclude="" style="display: block;"> <accordion-heading class="ng-scope"></accordion-heading> <exl-static-text id-code="FIELDDETAIL_AGES_LABEL_PRE"
                              class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                            <div ng-switch="::fieldDetail.item.fieldTypeCode" class="ng-scope"> <!-- ngSwitchWhen: FREE --> <!-- ngSwitchWhen: SINGLE -->
                              <div ng-switch-when="SINGLE" class="ng-scope"> <!-- ngIf: fieldDetail.item.useHeaders --> <!-- ngIf: !fieldDetail.item.useHeaders --><exl-select-list ng-model="fieldDetail.profile[fieldDetail.item.fieldName]"
                                  ng-if="!fieldDetail.item.useHeaders" name="ages" field-name="ages" ng-required="fieldDetail.item.isRequired" itemlist="fieldDetail.itemlist" selecteditem="fieldDetail.selecteditem" class="ages" modalcss="small"
                                  gridcolumns="2" hide-filter="true" static-text-id="DEMO_AGES" click-item="fieldDetail.clickItem" data-ng-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly"
                                  is-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly" aria-required="true" aria-disabled="false" required="required" aria-invalid="true">
                                  <div class="row" ng-class="{'notranslate': !SelectList.hideFilter &amp;&amp; SelectList.itemlist.length > SelectList.hideLimit}">
                                    <div class="columns end"> <!-- ngIf: SelectList.label -->
                                      <div class="exl-search-box medium-6 small-12 ng-hide" data-ng-hide="SelectList.hideFilter || SelectList.itemlist.length <= SelectList.hideLimit" aria-hidden="true">
                                        <div class="fa-wrapper"><i class="fa fa-search"></i></div>
                                        <div class="row">
                                          <div class="small-12 columns"> <input type="search" ng-model="SelectList.listfilter" placeholder="Type to search" name="selectListInputFilter" class="ng-pristine ng-untouched ng-valid ng-empty"
                                              aria-invalid="false"> <span data-tooltip="Clear" class="clear-search ng-scope"> <button type="button" class="empty tight round" data-ng-disabled="!SelectList.listfilter"
                                                data-ng-click="SelectList.listfilter = ''" disabled="disabled"> <i class="fa fa-remove"></i> </button> </span> </div>
                                        </div>
                                      </div>
                                      <ul class="select-list small-block-grid-1 medium-block-grid-2" ng-class="::('medium-block-grid-' + SelectList.gridcolumns)">
                                        <!-- ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                        <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="AGE1" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                          <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_PRE_AGE1" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                            <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                            data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-circle-thin" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                            <div class="ng-binding">under 15</div>
                                          </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_POST_AGE1" class="ng-scope ng-isolate-scope"><span
                                              class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                        <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                        <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="AGE2" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                          <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_PRE_AGE2" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                            <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                            data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-circle-thin" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                            <div class="ng-binding">16 to 19</div>
                                          </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_POST_AGE2" class="ng-scope ng-isolate-scope"><span
                                              class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                        <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                        <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="AGE3" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                          <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_PRE_AGE3" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                            <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                            data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-circle-thin" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                            <div class="ng-binding">20 to 24</div>
                                          </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_POST_AGE3" class="ng-scope ng-isolate-scope"><span
                                              class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                        <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                        <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="AGE4" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                          <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_PRE_AGE4" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                            <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                            data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-circle-thin" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                            <div class="ng-binding">25 to 34</div>
                                          </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_POST_AGE4" class="ng-scope ng-isolate-scope"><span
                                              class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                        <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                        <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="AGE5" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                          <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_PRE_AGE5" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                            <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                            data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-circle-thin" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                            <div class="ng-binding">35 to 44</div>
                                          </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_POST_AGE5" class="ng-scope ng-isolate-scope"><span
                                              class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                        <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                        <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="AGE6" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                          <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_PRE_AGE6" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                            <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                            data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-circle-thin" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                            <div class="ng-binding">45 to 54</div>
                                          </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_POST_AGE6" class="ng-scope ng-isolate-scope"><span
                                              class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                        <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                        <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="AGE7" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                          <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_PRE_AGE7" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                            <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                            data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-circle-thin" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                            <div class="ng-binding">55 to 64</div>
                                          </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_POST_AGE7" class="ng-scope ng-isolate-scope"><span
                                              class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                        <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                        <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="AGE8" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                          <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_PRE_AGE8" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                            <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                            data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-circle-thin" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                            <div class="ng-binding">65+</div>
                                          </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_AGES_POST_AGE8" class="ng-scope ng-isolate-scope"><span
                                              class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                        <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value -->
                                      </ul>
                                    </div>
                                  </div>
                                </exl-select-list><!-- end ngIf: !fieldDetail.item.useHeaders --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: MULTI -->
                            </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_AGES_LABEL_POST" additional-label-text="Post Input" associated-field-name="ages"
                              class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                          </div>
                        </dd>
                      </dl>
                    </accordion>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium- columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
            <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                id-code="WIZARDTASKLAYOUT_POLICY_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                  class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
      <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
        <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
          <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
            <div ng-switch-default="" class="ng-scope">
              <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --><exl-field-detail ng-if="::col.tableName === 'RegExt'" item="col"
                    profile="WizardTaskLayout.profile.demographics" is-demographic="::col.isPick" full-profile="WizardTaskLayout.profile" class="ng-scope ng-isolate-scope">
                    <accordion class="ng-scope">
                      <dl class="accordion" ng-transclude="">
                        <dd is-open="fieldDetail.isOpen" class="ng-scope ng-isolate-scope">
                          <a href="javascript:void(0);" ng-click="isOpen = !isOpen" ng-class="{ active: isOpen }" accordion-transclude="heading" class="ng-binding active"><i class="fa fa-fw fa-asterisk text-alert-color ng-scope" ng-show="fieldDetail.item.isRequired &amp;&amp; !fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="false"></i> <i class="fa fa-fw fa-check text-success-color ng-scope ng-hide" ng-show="fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="true"></i> <exl-static-text allow-html="false" id-code="FIELDDETAIL_POLICY_LABEL" additional-label-text="Field Label" associated-field-name="policy" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope">Outdoor Retailer Show Policies</span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> <!-- ngIf: ::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED') --><span class="answer ng-scope" ng-if="::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED')"> <span> <span ng-show="fieldDetail.profile[fieldDetail.item.fieldName]" aria-hidden="true" class="ng-hide"> <small><em><exl-selected-demographics-list field-detail="fieldDetail.item" profile="fieldDetail.profile" class="ng-binding ng-isolate-scope"></exl-selected-demographics-list></em></small> </span> </span> </span><!-- end ngIf: ::(fieldDetail.item.displayTypeCode === 'OPEN' || fieldDetail.item.displayTypeCode === 'CLOSED') --> <exl-static-text id-code="DEMO_BUSINESS_PENDING_MESSAGE" ng-show="fieldDetail.showBusinessPendingText()" class="ng-scope ng-isolate-scope ng-hide" aria-hidden="true"><span class="exl-static-text-content"><span class="ng-scope"><span style="color: red; font-weight: bold;">Your registration could be pending approval, additional credentials may be required.</span></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </a>
                          <div class="content" ng-style="isOpen ? {display: 'block'} : {}" ng-transclude="" style="display: block;"> <accordion-heading class="ng-scope"></accordion-heading> <exl-static-text id-code="FIELDDETAIL_POLICY_LABEL_PRE"
                              class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope"><span class="ng-scope"><span class="ng-scope"><span
                                        class="ng-scope"><a href="https:RefFiles/OR_Show_Policies.pdf" target="_blank">Click here</a>&nbsp;to review the Outdoor Retailer show policies.</span></span></span></span></span>
                              <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                            <div ng-switch="::fieldDetail.item.fieldTypeCode" class="ng-scope"> <!-- ngSwitchWhen: FREE --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                              <div ng-switch-when="MULTI" class="ng-scope"> <!-- ngIf: fieldDetail.item.useHeaders --> <!-- ngIf: !fieldDetail.item.useHeaders --><exl-select-list ng-model="fieldDetail.profile[fieldDetail.item.fieldName]"
                                  ng-if="!fieldDetail.item.useHeaders" name="policy" field-name="policy" ng-required="fieldDetail.item.isRequired" itemlist="fieldDetail.itemlist" class="policy" selecteditems="fieldDetail.selecteditems"
                                  modalcss="small" gridcolumns="1" hide-filter="true" static-text-id="DEMO_POLICY" click-item="fieldDetail.clickItem" data-ng-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly"
                                  is-disabled="fieldDetail.item.isDisabled || fieldDetail.item.isReadOnly" aria-required="true" aria-disabled="false" required="required" aria-invalid="true">
                                  <div class="row" ng-class="{'notranslate': !SelectList.hideFilter &amp;&amp; SelectList.itemlist.length > SelectList.hideLimit}">
                                    <div class="columns end"> <!-- ngIf: SelectList.label -->
                                      <div class="exl-search-box medium-6 small-12 ng-hide" data-ng-hide="SelectList.hideFilter || SelectList.itemlist.length <= SelectList.hideLimit" aria-hidden="true">
                                        <div class="fa-wrapper"><i class="fa fa-search"></i></div>
                                        <div class="row">
                                          <div class="small-12 columns"> <input type="search" ng-model="SelectList.listfilter" placeholder="Type to search" name="selectListInputFilter" class="ng-pristine ng-untouched ng-valid ng-empty"
                                              aria-invalid="false"> <span data-tooltip="Clear" class="clear-search ng-scope"> <button type="button" class="empty tight round" data-ng-disabled="!SelectList.listfilter"
                                                data-ng-click="SelectList.listfilter = ''" disabled="disabled"> <i class="fa fa-remove"></i> </button> </span> </div>
                                        </div>
                                      </div>
                                      <ul class="select-list small-block-grid-1 medium-block-grid-1" ng-class="::('medium-block-grid-' + SelectList.gridcolumns)">
                                        <!-- ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value --><!-- ngIf: SelectList.showitem(item.value) -->
                                        <li ng-repeat="item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value" tabindex="-1" exlvalue="Y" ng-if="SelectList.showitem(item.value)" class="ng-scope">
                                          <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_POLICY_PRE_Y" class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span>
                                            <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> <button type="button" class="empty" ng-click="SelectList.clickitem(item, $event)"
                                            data-ng-disabled="SelectList.isDisabled || item.isDisabled"> <i class="fa fa-square-o" ng-class="::(SelectList.isMulti ? 'fa-square-o' : 'fa-circle-thin')"></i>
                                            <div class="ng-binding">I have read and fully agree to the Terms and Conditions of the Outdoor Retailer Show Policies and wish to continue with this registration.</div>
                                          </button> <!-- ngIf: ::SelectList.staticTextId --><exl-static-text ng-if="::SelectList.staticTextId" id-code="DEMO_POLICY_POST_Y" class="ng-scope ng-isolate-scope"><span
                                              class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::SelectList.staticTextId --> </li>
                                        <!-- end ngIf: SelectList.showitem(item.value) --><!-- end ngRepeat: item in SelectList.itemlist | filter:SelectList.listfilter as filterresults track by item.value -->
                                      </ul>
                                    </div>
                                  </div>
                                </exl-select-list><!-- end ngIf: !fieldDetail.item.useHeaders --> </div><!-- end ngSwitchWhen: -->
                            </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_POLICY_LABEL_POST" additional-label-text="Post Input" associated-field-name="policy"
                              class="ng-scope ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                          </div>
                        </dd>
                      </dl>
                    </accordion>
                  </exl-field-detail><!-- end ngIf: ::col.tableName === 'RegExt' --> </span>
                <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                  <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                </div>
              </div>
            </div><!-- end ngSwitchWhen: -->
          </div>
        </div><!-- end ngIf: !WizardTaskLayout.summary -->
      </div><!-- end ngRepeat: col in ::row -->
    </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
  </exl-wizard-task-layout> <exl-static-text id-code="WEB_ATT_PROFILE_FIELDSET_CLOSING" class="ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope"></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
  <!-- ngIf: ::(!taskCtrl.isSelfReg && !taskCtrl.isGroupIndividual && !taskCtrl.hidePassword) -->
  <div data-ng-if="::(!taskCtrl.isSelfReg &amp;&amp; !taskCtrl.isGroupIndividual &amp;&amp; !taskCtrl.hidePassword)" class="ng-scope">
    <div class="row"> <!-- ngIf: !taskCtrl.profile.hasPassword -->
      <div class="medium-6 columns" ng-if="!taskCtrl.profile.hasPassword"> <exl-password profile="taskCtrl.profile" auto-complete="false" class="ng-isolate-scope">
          <div class="row collapse">
            <div class="columns exl-bot-padding"> <exl-field-detail item="Password.detail" profile="Password.profile" class="ng-isolate-scope">
                <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="password">
                    <i class="fa fa-fw fa-asterisk text-alert-color" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="false"></i>
                    <exl-static-text allow-html="false" id-code="WIZARDTASKLAYOUT_PASSWORD_LAYOUT_FIELDLABEL_PASSWORD" additional-label-text="Field Label" associated-field-name="password" granularity="page" class="ng-isolate-scope"><span
                        class="exl-static-text-content"> <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Password</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                  <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                    <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                      <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                        ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                        ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="password" id="password" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter="" maxlength="50"
                        ng-minlength="8" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder="" exl-async-validator="fieldDetail.validationSetupFunctions"
                        autocomplete="new-password" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                        class="ng-pristine ng-untouched ng-scope ng-empty ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="password" placeholder="" required="required"
                        aria-invalid="true"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                      <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                    <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                  </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="WIZARDTASKLAYOUT_PASSWORD_LAYOUT_FIELDLABEL_PASSWORD_POST" additional-label-text="Post Input" associated-field-name="password"
                    class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                </div>
              </exl-field-detail> <label> <input type="checkbox" ng-model="Password.modelShowPwd" ng-change="Password.changeType()" class="ng-pristine ng-untouched ng-valid ng-empty" aria-invalid="false"> <small>Show Password</small> </label> </div>
          </div>
        </exl-password> </div><!-- end ngIf: !taskCtrl.profile.hasPassword --> <!-- ngIf: taskCtrl.profile.hasPassword -->
    </div> <exl-static-text id-code="WEB_ATT_PROFILE_PASSWORD" class="ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope">
          <p>Use this password to return to your registration to edit, review or add more registrants.</p>
        </span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
  </div><!-- end ngIf: ::(!taskCtrl.isSelfReg && !taskCtrl.isGroupIndividual && !taskCtrl.hidePassword) --> <!-- ngIf: taskCtrl.showEventBitOptOut && taskCtrl.beaconOptOutRegFlag && !taskCtrl.requiresConsentToStoreData -->
  <hr> <!-- ngIf: taskCtrl.profile && taskCtrl.profile.regFlags.agreeToTermsOfService && taskCtrl.profile.regFlags.agreeToPrivacyPolicy --><exl-legalities
    ng-if="taskCtrl.profile &amp;&amp; taskCtrl.profile.regFlags.agreeToTermsOfService &amp;&amp; taskCtrl.profile.regFlags.agreeToPrivacyPolicy" reg-form="taskCtrl.formProfile" reg-profile="taskCtrl.profile"
    agree-to-terms-of-service-reg-flag="taskCtrl.profile.regFlags.agreeToTermsOfService" agree-to-terms-of-service-reg-flag-change="taskCtrl.profile.regFlags.agreeToTermsOfService.flagValue = value"
    agree-to-privacy-policy-reg-flag="taskCtrl.profile.regFlags.agreeToPrivacyPolicy" agree-to-privacy-policy-reg-flag-change="taskCtrl.profile.regFlags.agreeToPrivacyPolicy.flagValue = value" class="ng-scope ng-isolate-scope" style="">
    <div class="exl-top-margin exl-bot-margin" ng-show="$ctrl.showTermsOfUse || ($ctrl.alwaysShowPrivacyPolicy || $ctrl.showPrivacyPolicy)" aria-hidden="false">
      <h2> <exl-static-text id-code="LEGAL_POLICIES_HEADER" granularity="none" allow-html="false" additional-label-text="Header text for legal policies" class="ng-isolate-scope"><span class="exl-static-text-content"><span
              class="ng-scope"></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </h2>
      <div> <label> <i class="fa fa-fw fa-asterisk text-alert-color"></i> <input type="checkbox" name="cbxAgreeToShowPolicyRegFlag" ng-required="$ctrl.flow != 'EXHIBITOR'" ng-model="$ctrl.regProfile.regFlags.agreetoshowpolicy.flagValue"
            class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required" aria-invalid="true" style=""> I agree to the Emerald <a data-ng-click="$ctrl.launchShowPolicy()" class="underline">Privacy Policy</a>. </label>
        <!-- ngIf: $ctrl.regForm.cbxAgreeToShowPolicyRegFlag.$touched && $ctrl.flow != 'EXHIBITOR' --> </div> <!-- ngIf: $ctrl.showTermsOfUse -->
      <div data-ng-if="$ctrl.showTermsOfUse" class="ng-scope" style=""> <exl-static-text id-code="LEGAL_TERMS_OF_SERVICE_P1" granularity="none" additional-label-text="" class="ng-isolate-scope"><span class="exl-static-text-content"><span
              class="ng-scope"></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> <label class="tos-label">
          <!-- ngIf: !$ctrl.regProfile.regFlags.skipValidateTermsOfService --><i class="fa fa-fw fa-asterisk text-alert-color ng-scope" ng-if="!$ctrl.regProfile.regFlags.skipValidateTermsOfService"></i><!-- end ngIf: !$ctrl.regProfile.regFlags.skipValidateTermsOfService -->
          <input type="checkbox" name="cbxAgreeToTermsOfServiceRegFlag" ng-model="$ctrl.agreeToTermsOfServiceRegFlag.flagValue" ng-change="$ctrl.agreeToTermsOfServiceRegFlagChange({value: $ctrl.agreeToTermsOfServiceRegFlag.flagValue || false})"
            ng-required="!$ctrl.regProfile.regFlags.skipValidateTermsOfService" ng-disabled="$ctrl.regProfile.regFlags.agreeToTermsOfService.registrantFlagId &amp;&amp; $ctrl.agreeToTermsOfServiceRegFlag.flagValue"
            class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required" aria-invalid="true"> I agree to the <a data-ng-click="$ctrl.launchTermsAndConditions()" class="">Terms of Use</a>. </label>
        <!-- ngIf: $ctrl.regForm.cbxAgreeToTermsOfServiceRegFlag.$touched --> </div><!-- end ngIf: $ctrl.showTermsOfUse --> <!-- ngIf: $ctrl.alwaysShowPrivacyPolicy || $ctrl.showPrivacyPolicy -->
    </div>
  </exl-legalities><!-- end ngIf: taskCtrl.profile && taskCtrl.profile.regFlags.agreeToTermsOfService && taskCtrl.profile.regFlags.agreeToPrivacyPolicy -->
  <div ng-show="::taskCtrl.showBadgeFields" aria-hidden="true" class="ng-hide">
    <h2 class="groupheader"> <exl-static-text allow-html="false" id-code="WEB_ATT_PROFILE_LEGEND_BADGE" class="ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope">Badge</span></span>
        <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </h2> <exl-static-text id-code="WEB_ATT_PROFILE_P2" class="ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope">
          <p>You may choose exactly how your name and company appear on your badge.</p>
        </span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> <exl-wizard-task-layout layout="BADGE" profile="taskCtrl.profile" class="ng-isolate-scope">
      <h2 class="text-center ng-hide" ng-hide="::WizardTaskLayout.isLoaded" aria-hidden="true" style=""> <i class="fa fa-lg fa-spinner fa-pulse"></i> Loading, please wait... </h2> <!-- ngRepeat: row in WizardTaskLayout.data -->
      <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false" style=""> <!-- ngRepeat: col in ::row -->
        <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
          <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
            <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
              <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 -->
                <div ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1" class="ng-scope">
                  <h2 class="groupheader" data-exl-static-text-toggle="{idCode: col.idCode, granularity: 'page'}" style="display: none;"> <exl-static-text id-code="LAYOUT_GROUP_HEADER_1" granularity="page" allow-html="false" additional-label-text=""
                      class="ng-isolate-scope"><span class="exl-static-text-content"><span class="ng-scope"></span></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </h2>
                </div><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 -->
              </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
            </div>
          </div><!-- end ngIf: !WizardTaskLayout.summary -->
        </div><!-- end ngRepeat: col in ::row -->
      </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
      <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
        <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-12 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
          <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
            <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT -->
              <div ng-switch-when="STATIC_TEXT" class="ng-scope"> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') > -1 --> <!-- ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --><exl-static-text
                  id-code="WIZARDTASKLAYOUT_NICKNAME_SUBHEADER" granularity="page" allow-html="false" additional-label-text="" ng-if="::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1" class="ng-scope ng-isolate-scope"><span
                    class="exl-static-text-content"> <span data-ng-bind="::col.defaultText" class="ng-binding ng-scope"></span> </span>
                  <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text><!-- end ngIf: ::col.idCode.indexOf('LAYOUT_GROUP_HEADER') === -1 --> </div><!-- end ngSwitchWhen: --> <!-- ngSwitchDefault: -->
            </div>
          </div><!-- end ngIf: !WizardTaskLayout.summary -->
        </div><!-- end ngRepeat: col in ::row -->
      </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
      <div class="row ng-scope" ng-repeat="row in WizardTaskLayout.data" ng-show="WizardTaskLayout.isLoaded &amp;&amp; !row.hideField" aria-hidden="false"> <!-- ngRepeat: col in ::row -->
        <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
          <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
            <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
              <div ng-switch-default="" class="ng-scope">
                <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                      class="ng-scope ng-isolate-scope">
                      <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="nickName">
                          <i class="fa fa-fw fa-asterisk text-alert-color ng-hide" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="true"></i>
                          <exl-static-text allow-html="false" id-code="FIELDDETAIL_NICKNAME_LABEL" additional-label-text="Field Label" associated-field-name="nickName" granularity="page" class="ng-isolate-scope"><span class="exl-static-text-content">
                              <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Nick Name</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                        <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                          <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                            <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                              ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                              ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="nickName" id="nickName" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter=""
                              maxlength="200" ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder=""
                              exl-async-validator="fieldDetail.validationSetupFunctions" autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                              class="ng-pristine ng-untouched ng-valid ng-scope ng-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder=""
                              aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                            <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                          <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                        </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_NICKNAME_LABEL_POST" additional-label-text="Post Input" associated-field-name="nickName"
                          class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                      </div>
                    </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                  <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                    <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                  </div>
                </div>
              </div><!-- end ngSwitchWhen: -->
            </div>
          </div><!-- end ngIf: !WizardTaskLayout.summary -->
        </div><!-- end ngRepeat: col in ::row -->
        <div ng-class="::'medium-' + col.colSize + ' columns'" ng-repeat="col in ::row" ng-hide="col.hideField" class="ng-scope medium-6 columns" aria-hidden="false"> <!-- ngIf: ::WizardTaskLayout.summary --> <!-- ngIf: !WizardTaskLayout.summary -->
          <div ng-if="!WizardTaskLayout.summary" class="ng-scope">
            <div ng-switch="col.displayTypeCode"> <!-- ngSwitchWhen: STATIC_TEXT --> <!-- ngSwitchDefault: -->
              <div ng-switch-default="" class="ng-scope">
                <div mass-autocomplete="" class="ng-isolate-scope"><span ng-transclude=""> <!-- ngIf: ::col.tableName === 'Registrant' --><exl-field-detail ng-if="::col.tableName === 'Registrant'" item="col" profile="WizardTaskLayout.profile"
                      class="ng-scope ng-isolate-scope">
                      <div ng-class="{ 'input-validation-error' : fieldDetail.formCtrl[fieldDetail.item.fieldName].$invalid &amp;&amp; fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched }" class="ng-scope"> <label for="badgeCompany">
                          <i class="fa fa-fw fa-asterisk text-alert-color ng-hide" ng-show="fieldDetail.item.isRequired || ((fieldDetail.item.fieldName == 'zipCode' || fieldDetail.item.fieldName == 'stateCode')&amp;&amp; (fieldDetail.profile['countryCode'] == 'United States' || fieldDetail.profile['countryCode'] == 'Canada') &amp;&amp; fieldDetail.isNotGuestFlow)" aria-hidden="true"></i>
                          <exl-static-text allow-html="false" id-code="FIELDDETAIL_BADGECOMPANY_LABEL" additional-label-text="Field Label" associated-field-name="badgeCompany" granularity="page" class="ng-isolate-scope"><span
                              class="exl-static-text-content"> <span data-ng-bind="::fieldDetail.item.description" class="ng-binding ng-scope">Badge Company</span> </span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text> </label>
                        <div ng-switch="::fieldDetail.item.fieldTypeCode"> <!-- ngSwitchWhen: FREE -->
                          <div ng-switch-when="FREE" class="ng-scope"> <!-- ngIf: fieldDetail.item.displayTypeCode === 'DATE' -->
                            <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 --><input
                              ng-if="fieldDetail.item.displayTypeCode !== 'DATE' &amp;&amp; ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1"
                              ng-model="fieldDetail.profile[fieldDetail.item.fieldName]" ng-model-options="::fieldDetail.modelOptions" name="badgeCompany" id="badgeCompany" ng-attr-type="{{fieldDetail.item.html5Type}}" exl-model-type-converter=""
                              maxlength="200" ng-minlength="0" ng-required="fieldDetail.item.isRequired" ng-pattern="/(?:)/" data-ng-disabled="fieldDetail.item.isDisabled" data-exl-placeholder=""
                              exl-async-validator="fieldDetail.validationSetupFunctions" autocomplete="on" exl-ignore-type="" exl-field-recall="" ng-readonly="false" ng-blur="fieldDetail.item.onBlurEvent(fieldDetail.item.fieldName)"
                              class="ng-pristine ng-untouched ng-valid ng-scope ng-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" type="text" placeholder=""
                              aria-invalid="false"><!-- end ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) == -1 -->
                            <!-- ngIf: fieldDetail.item.displayTypeCode !== 'DATE' && ['companies', 'comP2', 'comP3', 'comP4', 'comP5', 'comP6', 'comP7', 'comP8', 'comP9', 'comP10'].indexOf(fieldDetail.item.fieldName) > -1 --> </div>
                          <!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: SINGLE --> <!-- ngSwitchWhen: MULTI -->
                        </div> <!-- ngIf: fieldDetail.formCtrl[fieldDetail.item.fieldName].$touched --> <exl-static-text id-code="FIELDDETAIL_BADGECOMPANY_LABEL_POST" additional-label-text="Post Input" associated-field-name="badgeCompany"
                          class="ng-isolate-scope"><span class="exl-static-text-content"></span> <!-- ngIf: staticTextCtrl.isEditMode --></exl-static-text>
                      </div>
                    </exl-field-detail><!-- end ngIf: ::col.tableName === 'Registrant' --> <!-- ngIf: ::col.tableName === 'RegExt' --> </span>
                  <div class="ac-container ng-hide" aria-autocomplete="list" role="listbox" ng-show="show_autocomplete" aria-hidden="true" style="position: absolute;">
                    <ul class="ac-menu"> <!-- ngRepeat: result in results --></ul>
                  </div>
                </div>
              </div><!-- end ngSwitchWhen: -->
            </div>
          </div><!-- end ngIf: !WizardTaskLayout.summary -->
        </div><!-- end ngRepeat: col in ::row -->
      </div><!-- end ngRepeat: row in WizardTaskLayout.data -->
    </exl-wizard-task-layout>
  </div>
  <div ng-show="::taskCtrl.showAdaFields" aria-hidden="false">
    <h2 class="groupheader">Americans with Disabilities Act</h2>
    <div class="row">
      <div class="column exl-bot-padding"> <span ng-show="taskCtrl.profile.isADAMobile" aria-hidden="true" class="ng-hide">ADA Mobile</span> <span ng-show="taskCtrl.profile.isADAVisual" aria-hidden="true" class="ng-hide">ADA Visual</span> <span
          ng-show="taskCtrl.profile.isADAAuditory" aria-hidden="true" class="ng-hide">ADA Auditory</span>
        <div ng-show="taskCtrl.profile.specialAssistNote" ng-bind="taskCtrl.profile.specialAssistNote" class="word-break ng-binding ng-hide" aria-hidden="true"></div>
      </div>
    </div> <exl-ada-modal profile="taskCtrl.profile" modalcss="small" title="Special Accommodations" class="ng-isolate-scope"><button type="button" class="button" ng-click="AdaModal.click()"><span class="fa fa-lg fa-wheelchair"></span> Americans with
        Disabilities Act <span class="fa fa-chevron-right"></span></button></exl-ada-modal>
  </div>
</form>

Text Content

LOADING, PLEASE WAIT...

Sign In ALLISON
   
   
 * ALLISON FITZGERALD
   
   
 * Add Another Person
   
 * Sign Out

Cart 1
Dashboard


TELL US ABOUT YOURSELF



Please complete the following fields. If you need to update locked profile
information below, please email customer service with your request.

Asterisk indicates required fields.


NOT YOU? CLICK HERE TO LOOK UP YOUR RECORD OR START A NEW REGISTRATION.

Marketing Code

*Please Note: Marketing Code is not required
Apply Code
Applied Codes: EMOC25





LOADING, PLEASE WAIT...





Primary Business Classification (choose one) National Chain Store Your
registration could be pending approval, additional credentials may be required.
   
 * Retailer/Buyer
      
      
    * Independent/Specialty Retailer
      
    * National Chain Store
      
    * Regional Chain Store
      
    * Mass/Club Merchant
      
    * Discount/Outlet
      
    * Guide/Outfitter
      
    * Climbing Gym
      
    * Resort
      

   




Company




First Name


Last Name



Business Street


Address 2



Postal Code


City



State/Province
New York

Country
United States


Village/Colony (required for Mexico)




Main Phone




Outdoor Retailer communicates reminders, confirmations, promotional offers and
other information of interest designed to improve your experience when you
provide your contact information.  If you provided a cellular telephone number,
we need explicit consent from you to send you text messages and use automated
dialing technology and pre-recorded messages to confirm and communicate relevant
show information. Your registration could be pending approval, additional
credentials may be required.
   
   
 * Yes, I would like to opt-in to receive show related information on my
   cellular phone number for Outdoor Retailer as described above. I understand
   that standard message/data rates may apply and that I may opt out at any time
   by texting “STOP."
   
   
   
 * No, I do not wish to opt-in to the communications allowances as described
   above.
   
   




Mobile Phone




Email


Email CC



Do you need a Visa Letter? Your registration could be pending approval,
additional credentials may be required.
   
   
 * Yes
   
   




Which age group best describes you? Your registration could be pending approval,
additional credentials may be required.
   
   
 * under 15
   
   
   
 * 16 to 19
   
   
   
 * 20 to 24
   
   
   
 * 25 to 34
   
   
   
 * 35 to 44
   
   
   
 * 45 to 54
   
   
   
 * 55 to 64
   
   
   
 * 65+
   
   




Outdoor Retailer Show Policies Your registration could be pending approval,
additional credentials may be required.
Click here to review the Outdoor Retailer show policies.
   
   
 * I have read and fully agree to the Terms and Conditions of the Outdoor
   Retailer Show Policies and wish to continue with this registration.
   
   


Password

Show Password

Use this password to return to your registration to edit, review or add more
registrants.

--------------------------------------------------------------------------------

I agree to the Emerald Privacy Policy.
I agree to the Terms of Use.


BADGE

You may choose exactly how your name and company appear on your badge.


LOADING, PLEASE WAIT...





Nick Name


Badge Company




AMERICANS WITH DISABILITIES ACT

ADA Mobile ADA Visual ADA Auditory

Americans with Disabilities Act
Back Next
Cancel and return to Group Summary


LOADING, PLEASE WAIT...


Was this page easy to use?  

YES NO


OUTDOOR RETAILER 
SNOW SHOW IS ALMOST HERE!

--------------------------------------------------------------------------------

75

days

:

11

hours

:

1

min

:

21

sec

Helpful Links
   
 * Show Hours
   
 * Show Info
   
 * Health & Safety
   
 * Hotel Info
   
 * Browse Sessions
   
 * Contact Info
   
 * FAQ
   

Helpful Links
   
 * Show Hours
   
 * Show Info
   
 * Health & Safety
   
 * Hotel Info
   
 * Browse Sessions
   
 * Contact Info
   
 * FAQ
   

Get Social!
 

Need Help?

For help with this site, you may:

 * Search for your answer
   
 * E-mail Customer Service
   
 * Call Customer Service at 864-208-8511

If you are on the phone or in chat with our agent, give them this code
If you are on the phone or in chat with our agent, give them this code
Questions?

Click here to chat with a Customer Service Agent,
Mon-Fri 9:00am-5:00pm ET

Activate Live Chat


Maritz Terms of Use | Maritz Privacy Policy