www.lottosun.com Open in urlscan Pro
104.21.80.242  Public Scan

Submitted URL: http://email.be.jackpot-selections.com/c/eJx1kUuO5CAQRE9TtWvE32bhxUyX-h4YsAFjjAF_Tz_uA4wUUsQi9VKZoTuoYY_ersMQIyhQgxpIGAUICE45_SY_vPmL8O...
Effective URL: https://www.lottosun.com/lottery-tickets/usa-powerball/?tl_affid=9384&ft=5&chan=BENL%0A%09%09%09%09%09
Submission: On September 18 via api from BE — Scanned from DE

Form analysis 1 forms found in the DOM

Name: aspnetFormPOST https://www.lottosun.com/lottery-tickets/usa-powerball/?tl_affid=9384&ft=5&chan=BENL%0a%09%09%09%09%09

<form name="aspnetForm" method="post" action="https://www.lottosun.com/lottery-tickets/usa-powerball/?tl_affid=9384&amp;ft=5&amp;chan=BENL%0a%09%09%09%09%09" id="aspnetForm" style="display: inline;" class="ng-pristine ng-valid">
  <div>
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="">
  </div>
  <script type="text/javascript" name="MPSetServerTime">
    setServerTime(new Date(2021, 8, 18, 7, 5, 8));
  </script>
  <script type="text/javascript" name="XSSCommunicator">
    (function() {
      function listener(msgEvent) {
        var isValidMessage = true;
        if (!isValidMessage) {
          return;
        }
        var msg = null;
        try {
          msg = JSON.parse(msgEvent.data);
        } catch (e) {}
        if (msg == null) {
          return;
        }
        var msgObj = msg.message;
        if (msgObj == null || msgObj == 'undefined') {
          return;
        }
        var inst = window;
        if (msgObj.mo) {
          try {
            inst = eval(msgObj.mo);
          } catch (e) {
            inst = window;
          }
        }
        if (typeof(inst[msgObj.mn]) == 'undefined') {
          return;
        }
        if (typeof(inst[msgObj.mn].apply) == 'function') {
          inst[msgObj.mn].apply(inst, msgObj.mp);
        } else {
          try {
            inst[msgObj.mn](msgObj.mp);
          } catch (e) {}
        }
      }
      if (window.addEventListener) {
        addEventListener('message', listener, false);
      } else {
        attachEvent('onmessage', listener);
      }
    })();
  </script>
  <script type="text/javascript">
    //<![CDATA[
    $('body,html').addClass('sub-site custom').attr('lang', 'en-GB'); //]]>
  </script>
  <script type="text/javascript" name="notNamed">
    $(function() {
      if (!window.TL) {
        throw new Error("Can't save angular modules in 'TL.Desktop.Modules.Application' because TL is not defined. HasMobify: " + !!window.Mobify);
      };
      TL.Desktop.Modules.Application = angular.module("Application", ["Auth", "FormsShared", "FullRegistration", "UserDetails", "PaymentMethods", "Shared", "XssContent", "LivePerson", "GamblingAML", "GamblingLicense", "GamblingProtectionOfFunds",
        "Regulation", "RegulationAgeVerification", "RegulationLocation", "RegulationUser", "TermsAndConditions", "FrozenUser", "SubSitePolicyPermissions", "Consent", "User", "LocationIdentification", "ScratchCardShared", "FooterContent",
        "AutoLogout", "Finance", "Security", "DesktopHeader", "ContentDirectives", "TicketLine", "PlayShared", "PlayRequest", "Syndication", "BundleItemCards", "UpsaleCampaign", "PushNotification", "ngAnimate"
      ]);
    });
  </script>
  <script src="https://www.lottosun.com/jslib.axd?ngm=$ng-app$/app.config.js&amp;v=20210913134916" type="text/javascript"></script>
  <script type="text/javascript" name="MegaMenuContainer">
    menuAsyncgens = [];
  </script>
  <script type="text/javascript" name="MenuItemControlBase_GetUserControlReadyScript">
    $(function() {
      applyBorders("#support_menuItemControl");
    });
  </script>
  <div upsale-campaign-exit-intent="" class="wrapper_not_supported_browser mobile_exc ng-isolate-scope" data-mobile="remove">
    <div class="exit-intent">
      <div class="upsale-popup TL_PopupControl ng-isolate-scope" ng-class="{&quot;no-header&quot;:hideHeader}" shared-popup="" unique-id="exitIntentUpsaleCampaignPopupId" id="exitIntentUpsaleCampaignPopupId" hide-header="hidePopupHeader"
        close-on-click="true" style="left: 640px; max-height: 1155px;">
        <table class="Header">
          <tbody>
            <tr>
              <td class="td-icon-left"><span></span></td>
              <td>
                <div class="Text ng-binding"> &nbsp;</div>
              </td>
              <td class="td-icon-right"><span class="DefaultPopupCloser" ng-click="popupCloserClick()"></span></td>
            </tr>
          </tbody>
        </table>
        <div class="divContainer" ng-transclude=""><!-- ngInclude: template --></div>
      </div>
    </div>
  </div>
  <div multiple-sessions-open="" class="ng-scope">
    <div class="multiple-sessions-container">
      <div class="toaster-container  show-toaster ng-hide" ng-show="showToaster" id="multipleSessionsOpenToaster" title-text="" body-text="" css-class="">
        <div class="inner-wrapper">
          <div class="close-X" ng-click="removeToast($event, id)">X</div>
          <div class="body-container">
            <div class="icon-wrapper">
              <div class="icon"></div>
            </div>
            <div class="body">
              <div class="title ng-binding" ng-bind-html="titleText | Shared.UnsafeHtml"></div>
              <div class="body-text ng-binding" ng-bind-html="bodyText | Shared.UnsafeHtml"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="headerwrapper mobile_exc" data-mobile="remove">
    <table border="0" cellpadding="0" cellspacing="0" class="header" id="tblMainSiteHeader">
      <tbody>
        <tr>
          <td class="HeaderTopMargin" colspan="5">&nbsp;</td>
        </tr>
        <tr>
          <td id="ctl00_Header_Logo" class="logoV2">
            <a href="https://www.lottosun.com/" id="headerLogoLink" target="_self" data-mobile="add">
                <img src="https://www.lottosun.com//objects/dm.tlo?id=18694&amp;v=20212608154346" id="headerLogoImg" class="ImgLogo" alt="Site logo" onload="(function(){var logoImg = new Image();logoImg.src = $(&quot;#headerLogoImg&quot;)[0].src;$(&quot;#headerLogoImg&quot;).css({ &quot;width&quot;: (logoImg.width / logoImg.height) * 59 + &quot;px&quot; })})()" style="width: 134.389px;">
            </a>
          </td>
          <td id="ctl00_Header_headerCenterArea" class="headerCenterArea header-center-area-v2">
            <div id="ctl00_Header_HeaderAuthentication" class="header-authentication header-authentication-v3">
            </div>
          </td>
          <td class="headerRightArea header-right-area-v2" id="HeaderRightArea" clientidmode="Static">
            <table border="0" cellpadding="0" cellspacing="0" class="right-area-table">
              <tbody>
                <tr>
                  <td id="ctl00_Header_Td2">
                    <div my-account-icon="" class="my-account-desktop-element-container ng-isolate-scope">
                      <!-- ngIf: myAccountTextLoaded() --><a class="my-account-desktop-icon-container ng-scope" ng-if="myAccountTextLoaded()" id="myAccountIconButton" title="LOG IN / SIGN UP">
    <div class="my-account-icon"></div>
    <div class="my-account-text ng-binding" id="myAccountIconText">
        LOG IN / SIGN UP
    </div>
</a><!-- end ngIf: myAccountTextLoaded() -->
                    </div>
                  </td>
                  <td id="Td1" class="thelotter-combo-languages">
                    <div ng-controller="Shared.LanguagesDropdownController" style="min-height:23px" class="ng-scope">
                      <div shared-generic-dropdown="" model="model" ng-show="isLanguagesComboShown()" class="ng-isolate-scope">
                        <div class="btn-group text-line  generic-dropdown-button-container no-select">
                          <div ng-click="toggleShow()" class="generic-dropdown-input-combo-container">
                            <div class="dropdown-text-line-wrapper">
                              <div ng-transclude="">
                                <!-- selected item -->
                                <div id="ctl00_Header_LanguagesComboControl1_globeIcon" class="icon-globe ng-scope" title="Language">
                                  <!-- ngIf: model.isDropdownDisplayed() -->
                                </div>
                              </div>
                            </div> <span class="arrow"></span>
                          </div><!-- ngIf: currentDropdownShowState() -->
                        </div>
                      </div>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
    <script type="text/javascript" name="Header">
      ComputeHeaderSpaces();
    </script>
    <div class="general_menu_wrapper mobile_exc" data-mobile="remove">
      <div id="menu" class="header-v3-promotions">
        <ul>
          <li id="lotteriesMenuItem" class="lotteries-menu-item" loadmode="NoMenu" configs="" style="cursor: pointer;">
            <div class="menu-item-wrapper"><a href="https://www.lottosun.com/lottery-tickets/" class="menuLink">Lotteries</a></div>
          </li>
          <li id="scratchCardsMenuItem" class="scratchcards-menu-item" loadmode="NoMenu" configs="" style="cursor: pointer;">
            <div class="menu-item-wrapper"><a href="https://www.lottosun.com/scratchcards/" class="menuLink">Scratchcards</a></div>
          </li>
          <li id="rafflesMenuItem" class="raffles-menu-item" loadmode="NoMenu" configs="" style="cursor: pointer;">
            <div class="menu-item-wrapper"><a href="https://www.lottosun.com/raffles/" class="menuLink">Raffles</a></div>
          </li>
          <li id="promotionsMenuItem" class="promotions-menu-item" loadmode="NoMenu" configs="" style="cursor: pointer;">
            <div class="menu-item-wrapper"><a href="https://www.lottosun.com/lottery-promotions/" class="menuLink">Promotions</a></div>
          </li>
          <li id="resultsInfoMenuItem" class="results-info-menu-item" loadmode="NoMenu" configs="" style="cursor: pointer;">
            <div class="menu-item-wrapper"><a href="https://www.lottosun.com/lottery-results/" class="menuLink">Results &amp;  Info</a></div>
          </li>
          <li id="dynamicMenuItem" class="dynamic-menu-item" loadmode="Sync">
            <div class="menu-item-wrapper">Magazine<div class="white_arrow"></div>
            </div>
            <div class="hideOnLoad"></div>
            <div class="tooltip fixed" style="display: none;">
              <div class="menu_wrapper">
                <div id="ctl00_menu_dynamicMenuItem_dynamicMenu_ctl00_magazineMenuGroup" class="menu_group">
                  <ul class="menu_list">
                    <li id="ctl00_menu_dynamicMenuItem_dynamicMenu_ctl00_first" class="hide"></li>
                    <li id="ourWinnersItem">
                      <a id="ourWinnersLink" title="Our Winners" href="https://www.lottosun.com/lottery-winners/">Our Winners</a>
                    </li>
                    <li id="lotteryStoriesItem">
                      <a id="lotteryStoriesLink" title="Lottery Stories" href="https://www.lottosun.com/lottery-stories/">Lottery Stories</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </li>
          <li id="supportMenuItem" class="support-menu-item no-right-border" loadmode="Sync">
            <div class="menu-item-wrapper menuLast">Support<div class="white_arrow"></div>
            </div>
            <div class="hideOnLoad"></div>
            <div class="tooltip fixed" style="display: none;">
              <div class="menu_wrapper">
                <div id="support_menuItemControl">
                  <div id="ctl00_menu_supportMenuItem_supportMenuItemControl_supportMenuGroup" class="menu_group first_menu_group">
                    <ul class="menu_list">
                      <li id="ctl00_menu_supportMenuItem_supportMenuItemControl_first" class="hide"></li>
                      <li id="ctl00_menu_supportMenuItem_supportMenuItemControl_contactUsItemWrapper">
                        <a id="contactUsItem" title="Contact Us" href="https://www.lottosun.com/contact-us/">Contact Us</a>
                      </li>
                      <li>
                        <a href="https://www.lottosun.com/help/">FAQ</a>
                      </li>
                      <li id="supportMenuBankingItem">
                        <a href="https://www.lottosun.com/lottery-promotions/vip-club/">VIP Club</a>
                      </li>
                      <li id="howLotteriesWorkItem">
                        <a href="https://www.lottosun.com/how-it-works/">How It Works</a>
                      </li>
                      <li id="howSyndicatesWorkItem">
                        <a href="https://www.lottosun.com/lottery-syndicate/">How Syndicates Work</a>
                      </li>
                      <li id="howBundlesWorkItem">
                        <a href="https://www.lottosun.com/lottery-bundles/">How Bundles Work</a>
                      </li>
                      <li id="bankingItem">
                        <a href="https://www.lottosun.com/banking/">Banking</a>
                      </li>
                      <li id="lotteryTaxesItem">
                        <a href="https://www.lottosun.com/lottery-taxes/">Lottery Taxes</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div id="menuArrow" class="menuArrow">
        <div>
          <img src="https://www.lottosun.com/App_Themes/Default/images/Sprites/header.png?v=20212608154346">
        </div>
      </div>
    </div>
    <div id="maincontent" class="wrapper_content page-layout-no-rightbar localsite">
      <div id="ctl00_stickyElemetsContainer" class="sticky-elements-container" data-mobile="remove">
        <div class="live-person-wrapper">
          <table id="ctl00_LivePersonUserControl_tblControl" cellpadding="0" cellspacing="0" border="0" align="center">
            <tbody>
              <tr>
                <td id="ctl00_LivePersonUserControl_tdImage">
                  <div id="LP_DIV_1395329764081" style="width:30px;height:128px;">
                    <div id="LPMcontainer-1631948711671-2" class="LPMcontainer LPMoverlay" role="button" tabindex="0"
                      style="margin: 1px; padding: 0px; border-style: solid; border-width: 0px; font-style: normal; font-weight: normal; font-variant: normal; list-style: outside none none; letter-spacing: normal; line-height: normal; text-decoration: none; vertical-align: baseline; white-space: normal; word-spacing: normal; background-repeat: repeat-x; background-position: left bottom; background-color: transparent; border-color: rgb(102, 102, 102); width: 30px; height: 128px; cursor: pointer; display: block; position: relative; top: 0px; left: 0px;">
                      <img src="https://www.tl-res.com/images/liveperson/sticky/en/reponline.gif" id="LPMimage-1631948711671-3" alt="" class="LPMimage"
                        style="margin: 0px; padding: 0px; border-style: none; border-width: 0px; font-style: normal; font-weight: normal; font-variant: normal; list-style: outside none none; letter-spacing: normal; line-height: normal; text-decoration: none; vertical-align: baseline; white-space: normal; word-spacing: normal; position: absolute; top: 0px; left: 0px; z-index: 600;">
                    </div>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <table id="contentInnerMasterServer" border="0" cellpadding="0" cellspacing="0" class="contentInnerMaster structure">
        <tbody>
          <tr valign="top" style="height: 30px;" class="mobile_exc" data-mobile="remove">
            <td></td>
            <td id="ndMasterPageTdPaddingRowTop"></td>
            <td></td>
          </tr>
          <tr valign="top" style="height: 100%" class="structure">
            <td data-mobile="remove" class="left-column"></td>
            <td id="tdMainLeftSite" class="TdMainLeftSite structure">
              <div id="divMainLeftSite" class="content_wide_full">
                <!-- registers to the page all the angular dependencies including js, css and etc -->
                <div play-not-allowed-popup="" class="ng-isolate-scope">
                  <div class="play-not-allowed-popup popup-v2 TL_PopupControl_v2 ng-isolate-scope" ng-class="{'no-header':hideHeader}" unique-id="playNotAllowedPopup" id="playNotAllowedPopup" shared-popup-v2="" close-on-esc="false">
                    <table class="Header" ng-class="{'space-bottom':popImg}">
                      <tbody>
                        <tr>
                          <!-- ngIf: popImg -->
                          <td class="pad-zero">
                            <span class="DefaultPopupCloser_v2" ng-click="popupCloserClick()"></span>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <div class="div-container" ng-transclude="">
                      <div class="play-not-allowed-popup-icon ng-scope"></div>
                      <div class="play-not-allowed-popup-container ng-scope">
                        <div class="title ng-binding" ng-bind-html="translations.header | Shared.UnsafeHtml">Please Note!</div>
                        <div class="popup-body ng-binding" ng-bind-html="translations.cannotPurchaseTicket | Shared.UnsafeHtml">Unfortunately this lottery is not available in your region.<br>We invite you to play the other exciting lotteries on our
                          site.</div>
                        <div class="button-row">
                          <a class="play-not-allowed-popup-button tl-btn btn-color-orange btn-no-icon tl-btn btn-color-orange btn-no-icon button ng-binding" color="orange" ng-click="playClick()">Play Now</a>
                        </div>
                      </div>
                    </div>
                    <div class="pop-footer"></div>
                  </div>
                </div>
                <div id="ctl00_ContentPlaceHolderMain_playTitleContainer">
                  <!-- this is the main title with the SEO area -->
                  <div class="main-title-new">
                    <div id="ctl00_ContentPlaceHolderMain_PlayMainTitleControl_divMainHeader" class="area-1">
                      <div id="ctl00_ContentPlaceHolderMain_PlayMainTitleControl_SEOArea1Control_divContent" style="text-align: left;" class="cssSEOArea1 play-main-title">
                        <div>
                          <h1>Play Powerball Online</h1>
                        </div>
                      </div>
                    </div>
                    <div class="long_regular_separator"></div>
                  </div>
                </div>
                <div class="loader-image-container hide">
                  <div class="loader-red"></div>
                </div>
                <!-- angular section for the Play Request Process -->
                <div id="App-PlayRequest" data-ng-controller="PlayRequest.PlayRequestController" class="ng-scope">
                  <!-- angular section for banner -->
                  <div id="ctl00_ContentPlaceHolderMain_bannersContainerTemplate">
                    <!-- ngIf: shouldShowBanner() -->
                    <div class="top-banner ng-scope ng-isolate-scope" banner-container="" banner-group="getBannerGroup()" ng-if="shouldShowBanner()"><!-- ngIf: !settings.isMobile -->
                      <div ng-if="!settings.isMobile" style="margin-top: 15px;cursor: default;" class="ng-scope">
                        <div class="banner ng-isolate-scope" style="overflow:hidden" shared-banner="" banner-data="bannerModel">
                          <!-- ngIf: model.BannerType == bannerTypes.url --><!-- ngIf: model.BannerType == bannerTypes.base64 --><!-- ngIf: model.BannerType == bannerTypes.html -->
                          <div></div>
                        </div>
                      </div><!-- end ngIf: !settings.isMobile --><!-- ngIf: settings.isMobile -->
                    </div><!-- end ngIf: shouldShowBanner() -->
                  </div>
                  <div id="ctl00_ContentPlaceHolderMain_playRequestTemplate" style="min-height:477px;">
                    <!-- ngIf: !shouldDisplayTemporarilySuspended -->
                    <div class="play-request-view-container ng-scope" ng-if="!shouldDisplayTemporarilySuspended">
                      <!-- ngInclude: template -->
                      <div data-ng-include="template" data-ng-show="viewState.isDoneLoading" class="ng-scope">
                        <div style="position: relative;" id="play-request-container" class="panel desktop ng-scope" data-ng-controller="PlayRequest.PlayContainerWrapperController">
                          <div class="lottery-card-holder">
                            <!-- ngIf: !lotteryCard.isQuickDraw -->
                            <div class="lottery-card category-regular size-type-fullrow syndication closing-soon"
                              ng-class="{ 'syndication' : cardData.isSyndication(), 'not-playable': !cardData.isPlayable(), 'cash-value' : shouldDisplayJackpotCashValue() &amp;&amp; cardData.isPlayable()}" ng-if="!lotteryCard.isQuickDraw"
                              data-shared-lottery-card="" data-card-data="lotteryCard" style="width: 962px; height: 72px;">
                              <!-- ngIf: cardData.cardType != supportedCardTypes.mobile && isRunning -->
                              <div class="content-wrapper ng-scope" ng-if="cardData.cardType != supportedCardTypes.mobile &amp;&amp; isRunning"
                                ng-class="{ 'draw-closed': isDrawClosed &amp;&amp; $scope.cardData.cardType == $scope.supportedCardTypes.medium}">
                                <!-- ngIf: isDrawClosed -->
                                <!-- ngIf: !isDrawClosed -->
                                <div class="syndication-indicator ng-scope" ng-if="!isDrawClosed" ng-click="syndicationClick()" shared-tooltip="Improve your odds by playing in a lottery syndicate!"></div><!-- end ngIf: !isDrawClosed -->
                                <div class="card-logo" ng-class="{ 'cash-value' : shouldDisplayJackpotCashValue() }">
                                  <!-- ngIf: cardData.drawLogoType == logoTypes.cssClass && !adjustMobileBackgroundPosition -->
                                  <!-- ngIf: cardData.drawLogoType == logoTypes.cssClass && adjustMobileBackgroundPosition -->
                                  <!-- ngIf: cardData.drawLogoType == logoTypes.url --><img class="logo-element ng-scope" ng-if="cardData.drawLogoType == logoTypes.url" ng-src="https://www.lottosun.com/objects/dm.tlo?id=831&amp;v=20212608154346"
                                    alt="U.S. - Powerball" src="https://www.lottosun.com/objects/dm.tlo?id=831&amp;v=20212608154346"><!-- end ngIf: cardData.drawLogoType == logoTypes.url -->
                                </div>
                                <!-- ngIf: isDrawClosedAndCardTypeSupported() -->
                                <!-- ngIf: !isDrawClosed -->
                                <div class="jackpot ng-scope" ng-if="!isDrawClosed" ng-class="{ 'with-cash-value' : shouldDisplayJackpotCashValue() }" style="height: 70px; line-height: 70px;">
                                  <div class="jackpot-text ng-binding" ng-class="{ 'with-cash-value' : shouldDisplayJackpotCashValue() }" ng-bind-html="jackpotTextFormatter.getDrawCurrencyJackpotText() | Shared.UnsafeHtml"><span
                                      class="jackpot-currency" style="font-size: 22px;">US$</span><span class="jackpot-num-part" style="font-size: 38px;">457</span>&nbsp;<span class="jackpot-text-part" style="font-size: 22px;">Million</span></div>
                                  <div class="jackpot-hint-wrapper ng-hide" ng-show="isJackpotHintVisible()">
                                    <div shared-tooltip="" class="jackpot-hint hint hint-yellow hint hint-yellow" data-shared-hint="" content-type="html" color="yellow" tip-css-class="lottery-card-tip"></div>
                                    <div class="tooltip">
                                      <div ng-bind-html="getJackpotHintText() | Shared.UnsafeHtml" class="ng-binding">This jackpot is equivalent to US$&nbsp;457&nbsp;Million</div>
                                    </div>
                                  </div>
                                  <!-- ngIf: shouldDisplayJackpotCashValue() -->
                                </div><!-- end ngIf: !isDrawClosed -->
                                <div class="bottom-wrapper" ng-class="{ 'cash-value' : shouldDisplayJackpotCashValue() }">
                                  <!-- ngIf: cardData.cardType == supportedCardTypes.huge && cardData.showPromotionImage -->
                                  <div class="button-wrapper">
                                    <!-- ngIf: !isDrawClosed --><a class="tl-btn btn-color-orange btn-no-icon btn-size-large" ng-show="showButton()" ng-href="" data-ng-class="{ 'btn-no-text': IsTextNotExist, 'btn-loading': isLoading }" ng-click="handleClick()" shared-simple-button="" ng-if="!isDrawClosed" on-click="play()" color="orange" size="large"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude=""><span class="ng-scope ng-binding">PLAY NOW</span></span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346" src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346"></span></div></a><!-- end ngIf: !isDrawClosed -->
                                  </div>
                                  <!-- ngIf: !isDrawClosed -->
                                  <div class="card-timer ng-scope" ng-if="!isDrawClosed" ng-class="{ 'cash-value' : shouldDisplayJackpotCashValue() }">
                                    <span class="pre-timer-text ng-binding">Draw Closes In</span>&nbsp; <span shared-tick-second="closeTimeCountdown()" shared-draw-timer="" seconds-before-close="cardData.secondsBeforeClose"
                                      plural-days-translations="translationPlural" blink-threshold-seconds="blink" closing-soon-text="cardData.Translations.closingSoonText" container-element="element" timer-ended="timerEnded()"
                                      is-suspend-refresh-on-timer-end="isMediumCard() || isHalfRowCard() || isHugeCard()" class="ng-isolate-scope"><span class="timer">18:24:45</span><span class="alt-timer-text ng-binding"
                                        style="display:none;">CLOSING SOON</span></span>
                                  </div><!-- end ngIf: !isDrawClosed -->
                                </div>
                              </div><!-- end ngIf: cardData.cardType != supportedCardTypes.mobile && isRunning -->
                              <!-- ngIf: cardData.cardType == supportedCardTypes.mobile && isRunning -->
                            </div><!-- end ngIf: !lotteryCard.isQuickDraw -->
                            <!-- ngIf: lotteryCard.isQuickDraw -->
                          </div>
                          <!-- ngInclude: landingTemplate -->
                          <div class="landing-page ng-scope" data-ng-include="landingTemplate" style="">
                            <div id="play-request-container" class="panel desktop ng-scope" data-ng-controller="PlayRequest.PlayContainerController">
                              <!-- ngIf: initializationFinished -->
                              <div ng-if="initializationFinished" class="ng-scope">
                                <div shared-tabs-toolbar="">
                                  <div class="tabs-toolbar" ng-transclude="">
                                    <div class="hide hand-written-instruction-container ng-scope" data-hand-written-instruction="" target-hint="choose-lines" state-watch="handWrittenInstruction.state" fade-in-duration="1000" pre-delay="1000"
                                      image-source="objects/dm.tlo?id=7721">
                                      <div class="hand-written-instruction choose-lines" style="background-image: url(&quot;https://www.lottosun.com/objects/dm.tlo?id=7721&amp;v=20212608154346&quot;);"> </div>
                                    </div>
                                    <ul class="nav-tabs ng-scope ng-isolate-scope" data-shared-nav-tabs="" is-active="isActiveTab(index)" tabs="tabsInfo" data-tab-clicked="tabClicked(index)"><!-- ngRepeat: tabInfo in tabsInfo -->
                                      <li ng-repeat="tabInfo in tabsInfo" ng-class="{ 'first-tab':$first, 'last-tab': $last, 'middle-tab': $middle, 'active-tab':isActive({index:tabInfo.value})}" class="nav-tab ng-scope first-tab active-tab"
                                        ng-click="tabClicked({index:tabInfo.value})" shared-tooltip="Play with a personal entry, pick your own numbers and keep wins for yourself.">
                                        <div ng-show="false" class="tab-hint personal ng-hide" shared-tooltip="Play with a personal entry, pick your own numbers and keep wins for yourself."></div><span class="ng-binding">Standard</span>
                                      </li><!-- end ngRepeat: tabInfo in tabsInfo -->
                                      <li ng-repeat="tabInfo in tabsInfo" ng-class="{ 'first-tab':$first, 'last-tab': $last, 'middle-tab': $middle, 'active-tab':isActive({index:tabInfo.value})}" class="nav-tab ng-scope middle-tab"
                                        ng-click="tabClicked({index:tabInfo.value})" shared-tooltip="Play with a group and improve your odds of winning!">
                                        <div ng-show="false" class="tab-hint syndication ng-hide" shared-tooltip="Play with a group and improve your odds of winning!"></div><span class="ng-binding">Syndicate</span>
                                      </li><!-- end ngRepeat: tabInfo in tabsInfo -->
                                      <li ng-repeat="tabInfo in tabsInfo" ng-class="{ 'first-tab':$first, 'last-tab': $last, 'middle-tab': $middle, 'active-tab':isActive({index:tabInfo.value})}" class="nav-tab ng-scope last-tab"
                                        ng-click="tabClicked({index:tabInfo.value})" shared-tooltip="Buy a bundle that includes personal and group entries.">
                                        <div ng-show="false" class="tab-hint bundle ng-hide" shared-tooltip="Buy a bundle that includes personal and group entries."></div><span class="ng-binding">Bundle</span>
                                      </li><!-- end ngRepeat: tabInfo in tabsInfo -->
                                    </ul>
                                    <div class="nav-buttons-group ng-scope" ng-hide="isSyndication() || isBundle()">
                                      <a class="btn-lucky-numbers tl-btn btn-color-disabled btn-no-icon btn-size-small tl-btn btn-color-disabled btn-no-icon btn-size-small ng-hide" ng-show="showButton()" ng-href="" data-ng-class="{ 'btn-no-text': IsTextNotExist, 'btn-loading': isLoading }" ng-click="handleClick()" data-shared-simple-button="" color="blue-no-hover" offset="-3" shared-tooltip="Login to play this lottery with your lucky numbers" is-visible="!(isMyNumbersSaved || isNewUser())" is-disabled="isMyLuckyNumberDisable()" ignore-touch="true"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude="">
                    <span class="LuckNumbersText ng-scope ng-binding" data-ng-click="pickMyNumber()" shared-tooltip="" ignore-touch="true" offset="2">My Lucky Numbers</span>
                    <span class="LuckNumbersSeperator ng-scope">| </span>
                    <span class="LuckNumbers-Save-Button ng-scope disable" data-ng-click="setMyNumbers()" shared-tooltip="" ignore-touch="true" ng-class="{disable: isSaveMyLuckyNumberDisable()}"></span>
                </span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346" src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346"></span></div></a>
                                      <span></span>
                                      <div class="TLC-Notification   ng-hide TLC-Notification-Success" data-shared-label-notification="" type="Success" ng-hide="!isMyNumbersSaved"><span class="TLC-Notification-Icon"></span><span
                                          class="TLC-Notification-Txt" ng-transclude=""><span class="ng-scope ng-binding">Numbers saved!</span></span></div>
                                      <a class="tl-btn btn-color-blue btn-no-icon btn-size-small" ng-show="showButton()" ng-href="" data-ng-class="{ 'btn-no-text': IsTextNotExist, 'btn-loading': isLoading }" ng-click="handleClick()" data-shared-simple-button="" on-click="quickPickAllLines()" offset="-3" shared-tooltip="Automatically generate your number selection for all lines" ignore-touch="true"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude=""><span data-ng-class="{'quickpick-disable':isSyndication()}" class="ng-scope ng-binding">Quick Pick</span></span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346" src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346"></span></div></a>
                                      <a class="tl-btn btn-color-disabled btn-icon-clear-disabled btn-size-small btn-no-text" ng-show="showButton()" ng-href="" data-ng-class="{ 'btn-no-text': IsTextNotExist, 'btn-loading': isLoading }" ng-click="handleClick()" data-shared-simple-button="" on-click="clearAllLines()" offset="-3" shared-tooltip="Clear all lines" tip-css-class="tooltip-content-centered" ignore-touch="true" icon="clear" is-disabled="!isAnyNumberSelected()"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude=""></span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346" src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346"></span></div></a>
                                    </div>
                                  </div>
                                  <div class="tabs-toolbar-bottom-line"></div>
                                </div>
                                <div class="clear-both">
                                  <ul class="nav-tabs-simple ng-isolate-scope" data-shared-nav-tabs-simple="" ng-show="showTabsLines()" is-active="isActiveTab(index)" is-bold="isSystematicTab(index)" tabs="tabsLinesInfo"
                                    data-tab-clicked="tabLinesClicked(index)"><!-- ngRepeat: tabInfo in tabsInfo -->
                                    <li ng-repeat="tabInfo in tabsInfo" ng-class="{'active-tab':isActive({index:tabInfo.value})}" ng-click="tabClicked({index:tabInfo.value})" class="ng-scope active-tab"><span
                                        ng-class="{'bold':isBold({index:tabInfo.value})}" class="ng-binding">3 Lines</span>
                                      <div ng-show="false" shared-tooltip="" class="hint hint-systematic ng-hide"></div>
                                    </li><!-- end ngRepeat: tabInfo in tabsInfo -->
                                    <li ng-repeat="tabInfo in tabsInfo" ng-class="{'active-tab':isActive({index:tabInfo.value})}" ng-click="tabClicked({index:tabInfo.value})" class="ng-scope"><span ng-class="{'bold':isBold({index:tabInfo.value})}"
                                        class="ng-binding">5 Lines</span>
                                      <div ng-show="false" shared-tooltip="" class="hint hint-systematic ng-hide"></div>
                                    </li><!-- end ngRepeat: tabInfo in tabsInfo -->
                                    <li ng-repeat="tabInfo in tabsInfo" ng-class="{'active-tab':isActive({index:tabInfo.value})}" ng-click="tabClicked({index:tabInfo.value})" class="ng-scope"><span ng-class="{'bold':isBold({index:tabInfo.value})}"
                                        class="ng-binding">7 Lines</span>
                                      <div ng-show="false" shared-tooltip="" class="hint hint-systematic ng-hide"></div>
                                    </li><!-- end ngRepeat: tabInfo in tabsInfo -->
                                    <li ng-repeat="tabInfo in tabsInfo" ng-class="{'active-tab':isActive({index:tabInfo.value})}" ng-click="tabClicked({index:tabInfo.value})" class="ng-scope"><span ng-class="{'bold':isBold({index:tabInfo.value})}"
                                        class="ng-binding">10 Lines</span>
                                      <div ng-show="false" shared-tooltip="" class="hint hint-systematic ng-hide"></div>
                                    </li><!-- end ngRepeat: tabInfo in tabsInfo -->
                                    <li ng-repeat="tabInfo in tabsInfo" ng-class="{'active-tab':isActive({index:tabInfo.value})}" ng-click="tabClicked({index:tabInfo.value})" class="ng-scope"><span ng-class="{'bold':isBold({index:tabInfo.value})}"
                                        class="ng-binding">15 Lines</span>
                                      <div ng-show="false" shared-tooltip="" class="hint hint-systematic ng-hide"></div>
                                    </li><!-- end ngRepeat: tabInfo in tabsInfo -->
                                    <li ng-repeat="tabInfo in tabsInfo" ng-class="{'active-tab':isActive({index:tabInfo.value})}" ng-click="tabClicked({index:tabInfo.value})" class="ng-scope"><span ng-class="{'bold':isBold({index:tabInfo.value})}"
                                        class="ng-binding">20 Lines</span>
                                      <div ng-show="false" shared-tooltip="" class="hint hint-systematic ng-hide"></div>
                                    </li><!-- end ngRepeat: tabInfo in tabsInfo -->
                                    <li ng-repeat="tabInfo in tabsInfo" ng-class="{'active-tab':isActive({index:tabInfo.value})}" ng-click="tabClicked({index:tabInfo.value})" class="ng-scope"><span ng-class="{'bold':isBold({index:tabInfo.value})}"
                                        class="ng-binding">25 Lines</span>
                                      <div ng-show="false" shared-tooltip="" class="hint hint-systematic ng-hide"></div>
                                    </li><!-- end ngRepeat: tabInfo in tabsInfo -->
                                    <li ng-repeat="tabInfo in tabsInfo" ng-class="{'active-tab':isActive({index:tabInfo.value})}" ng-click="tabClicked({index:tabInfo.value})" class="ng-scope"><span ng-class="{'bold':isBold({index:tabInfo.value})}"
                                        class="ng-binding bold">Systematic</span>
                                      <div ng-show="true" shared-tooltip="Buy an entry covering every combination of your selected numbers and improve your odds." class="hint hint-systematic"></div>
                                    </li><!-- end ngRepeat: tabInfo in tabsInfo -->
                                  </ul>
                                </div>
                                <!-- ngInclude: playFormTemplate -->
                                <div data-ng-include="playFormTemplate" class="ng-scope">
                                  <div class="play-request-main-block ng-scope">
                                    <div class="wrapper ticket-lines-container">
                                      <div class="play-view-regular ng-scope" data-ng-class="{ 'ticket-line-thin': isThinLine()}" ng-controller="PlayRequest.PlayRegularController">
                                        <div class="hide hand-written-instruction-container ng-scope" data-hand-written-instruction="" target-hint="choose-regular" state-watch="handWrittenInstruction.state" image-source="objects/dm.tlo?id=7721">
                                          <div class="hand-written-instruction choose-regular" style="background-image: url(&quot;https://www.lottosun.com/objects/dm.tlo?id=7721&amp;v=20212608154346&quot;);"> </div>
                                        </div>
                                        <!-- ngRepeat: ticketLine in playData.requestTicketLines | limitTo:getNumOfLines() -->
                                        <div data-ng-repeat="ticketLine in playData.requestTicketLines | limitTo:getNumOfLines()" ng-style="ticketLine.style" class="ticket-line-holder first-in-row">
                                          <div class="ticket-line ng-isolate-scope" id="ticket-line-0" data-ng-mouseenter="mouseenter()" data-ng-mouseleave="mouseleave()"
                                            data-ng-class="{active: isActive,systematic: ticketLineData.isSystematicLine, complete: isComplete(), 'ticket-line-thin': isThinLine()}" data-ticket-line="" data-ticket-line-data="ticketLine"
                                            shared-render-finished="isRenderDone($index)" on-complete="onCompleteRegularTicketLine(ticketLine)" validate-on-complete="validateOnCompleting(ticketLine)">
                                            <div class="fill-header">
                                              <span class="ticket-line-id ng-binding">Line 1/</span>
                                              <a class="quickpick tl-btn btn-color-blue btn-no-icon btn-size-small tl-btn btn-color-blue btn-no-icon btn-size-small" ng-show="showButton()" ng-href="" data-ng-class="{ 'btn-no-text': IsTextNotExist, 'btn-loading': isLoading }" ng-click="handleClick()" data-shared-simple-button="" on-click="quickPickLine()" title="Automatically generate your number selection"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude=""><span class="ng-scope ng-binding">Quick Pick</span></span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346" src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346"></span></div></a>
                                              <span ng-show="ticketLineData.isAnyNumberSelected()" class="btn-clear ng-hide">
                                                <a class="tl-btn btn-color-blue btn-icon-clear btn-size-small btn-no-text" ng-show="showButton()" ng-href="" data-ng-class="{ 'btn-no-text': IsTextNotExist, 'btn-loading': isLoading }" ng-click="handleClick()" data-shared-simple-button="" on-click="clearLine()" title="Clear your selected numbers" icon="clear"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude=""></span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346" src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346"></span></div></a>
                                              </span>
                                            </div>
                                            <div class="ticket-line-content">
                                              <div class="guess-hint-wrapper">
                                                <div class="guess-hint" data-ng-hide="isGuessCounterHidden()">
                                                  <div class="guessNumberHint blueIcon">+</div>
                                                  <div class="fonttext regular-color ng-binding">Choose 5</div>
                                                </div>
                                                <hr class="guessHintLine" data-ng-hide="isGuessCounterHidden()">
                                              </div>
                                              <div class="selectable-cells-container">
                                                <div data-ng-show="isWatermarkInPosition" class="watermark ng-binding" style="top: 100.5px;">1</div>
                                                <table cellpadding="0" cellspacing="0" data-shared-selectable-cells-table="" class="line-numbers ng-isolate-scope" data-total-cells="ticketLineData.guessNumbers.length"
                                                  data-max-cols="ticketLineData.numOfColumnsInLine" data-get-value="getCellNumber(index, ticketLineData.guessNumbers)"
                                                  data-get-cell-class="isSelected(index, ticketLineData.selectedGuessNumbers, ticketLineData.guessNumbers)"
                                                  data-cell-click="setGuessNumber(index, ticketLineData.selectedGuessNumbers, ticketLineData.guessNumbers, ticketLineData.guessCount, false)">
                                                  <tbody><!-- ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-first"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">1</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">2</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">3</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">4</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">5</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">6</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">7</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">8</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">9</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">10</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">11</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">12</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">13</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">14</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">15</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">16</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">17</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">18</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">19</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">20</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">21</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">22</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">23</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">24</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">25</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">26</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">27</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">28</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">29</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">30</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">31</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">32</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">33</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">34</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">35</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">36</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">37</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">38</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">39</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">40</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">41</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">42</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">43</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">44</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">45</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">46</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">47</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">48</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">49</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">50</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">51</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">52</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">53</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">54</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">55</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">56</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">57</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">58</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">59</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">60</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">61</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">62</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">63</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">64</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">65</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">66</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-last"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">67</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">68</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">69</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                  </tbody>
                                                </table>
                                              </div>
                                              <div class="guess-hint-wrapper additional" data-ng-show="ticketLineData.additionalGuessCount > 0">
                                                <div class="guess-hint" data-ng-hide="isAdditionalGuessCounterHidden()">
                                                  <div class="guessNumberHint orangeIcon">+</div>
                                                  <div class="fonttext additional-color ng-binding">Choose 1</div>
                                                </div>
                                                <hr class="guessHintLine" data-ng-hide="isAdditionalGuessCounterHidden()">
                                              </div>
                                              <table cellpadding="0" cellspacing="0" data-shared-selectable-cells-table="" data-ng-show="ticketLineData.additionalGuessCount > 0" class="line-additional-numbers ng-isolate-scope"
                                                data-total-cells="ticketLineData.additionalGuessNumbers.length" data-max-cols="ticketLineData.numOfColumnsInLine" data-get-value="getCellNumber(index, ticketLineData.additionalGuessNumbers)"
                                                data-get-cell-class="isSelected(index, ticketLineData.selectedAdditionalGuessNumbers, ticketLineData.additionalGuessNumbers)"
                                                data-cell-click="setGuessNumber(index, ticketLineData.selectedAdditionalGuessNumbers, ticketLineData.additionalGuessNumbers, ticketLineData.additionalGuessCount, true)">
                                                <tbody><!-- ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-first"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">1</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">2</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">3</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">4</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">5</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">6</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">7</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">8</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">9</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">10</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">11</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">12</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">13</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">14</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">15</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">16</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">17</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">18</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">19</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">20</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">21</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">22</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">23</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">24</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-last"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">25</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">26</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                </tbody>
                                              </table>
                                              <div class="ticket-line-warning-label TLC-Notification   TLC-Notification   ng-hide TLC-Notification-Attention small" data-shared-label-notification="" data-ng-hide="!isAdditionalSameNumbersHintVisible()"
                                                type="Attention" size="small"><span class="TLC-Notification-Icon"></span><span class="TLC-Notification-Txt" ng-transclude=""><span class="ng-scope ng-binding">Choose one additional number for this
                                                    entry</span></span></div>
                                              <div class="ticket-line-warning-label TLC-Notification   TLC-Notification   ng-hide TLC-Notification-Attention small" data-shared-label-notification="" data-ng-show="displayLineUniqueErrorMsg"
                                                type="Attention" size="small"><span class="TLC-Notification-Icon"></span><span class="TLC-Notification-Txt" ng-transclude=""><span class="ng-scope ng-binding">You have already made this selection in
                                                    another line. Please choose other numbers.</span></span></div>
                                            </div>
                                            <div data-ng-class="{success: isComplete()}"></div>
                                          </div>
                                        </div><!-- end ngRepeat: ticketLine in playData.requestTicketLines | limitTo:getNumOfLines() -->
                                        <div data-ng-repeat="ticketLine in playData.requestTicketLines | limitTo:getNumOfLines()" ng-style="ticketLine.style" class="ticket-line-holder middle-in-row">
                                          <div class="ticket-line ng-isolate-scope" id="ticket-line-1" data-ng-mouseenter="mouseenter()" data-ng-mouseleave="mouseleave()"
                                            data-ng-class="{active: isActive,systematic: ticketLineData.isSystematicLine, complete: isComplete(), 'ticket-line-thin': isThinLine()}" data-ticket-line="" data-ticket-line-data="ticketLine"
                                            shared-render-finished="isRenderDone($index)" on-complete="onCompleteRegularTicketLine(ticketLine)" validate-on-complete="validateOnCompleting(ticketLine)">
                                            <div class="fill-header">
                                              <span class="ticket-line-id ng-binding">Line 2/</span>
                                              <a class="quickpick tl-btn btn-color-blue btn-no-icon btn-size-small tl-btn btn-color-blue btn-no-icon btn-size-small" ng-show="showButton()" ng-href="" data-ng-class="{ 'btn-no-text': IsTextNotExist, 'btn-loading': isLoading }" ng-click="handleClick()" data-shared-simple-button="" on-click="quickPickLine()" title="Automatically generate your number selection"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude=""><span class="ng-scope ng-binding">Quick Pick</span></span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346" src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346"></span></div></a>
                                              <span ng-show="ticketLineData.isAnyNumberSelected()" class="btn-clear ng-hide">
                                                <a class="tl-btn btn-color-blue btn-icon-clear btn-size-small btn-no-text" ng-show="showButton()" ng-href="" data-ng-class="{ 'btn-no-text': IsTextNotExist, 'btn-loading': isLoading }" ng-click="handleClick()" data-shared-simple-button="" on-click="clearLine()" title="Clear your selected numbers" icon="clear"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude=""></span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346" src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346"></span></div></a>
                                              </span>
                                            </div>
                                            <div class="ticket-line-content">
                                              <div class="guess-hint-wrapper">
                                                <div class="guess-hint" data-ng-hide="isGuessCounterHidden()">
                                                  <div class="guessNumberHint blueIcon">+</div>
                                                  <div class="fonttext regular-color ng-binding">Choose 5</div>
                                                </div>
                                                <hr class="guessHintLine" data-ng-hide="isGuessCounterHidden()">
                                              </div>
                                              <div class="selectable-cells-container">
                                                <div data-ng-show="isWatermarkInPosition" class="watermark ng-binding" style="top: 100.5px;">2</div>
                                                <table cellpadding="0" cellspacing="0" data-shared-selectable-cells-table="" class="line-numbers ng-isolate-scope" data-total-cells="ticketLineData.guessNumbers.length"
                                                  data-max-cols="ticketLineData.numOfColumnsInLine" data-get-value="getCellNumber(index, ticketLineData.guessNumbers)"
                                                  data-get-cell-class="isSelected(index, ticketLineData.selectedGuessNumbers, ticketLineData.guessNumbers)"
                                                  data-cell-click="setGuessNumber(index, ticketLineData.selectedGuessNumbers, ticketLineData.guessNumbers, ticketLineData.guessCount, false)">
                                                  <tbody><!-- ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-first"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">1</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">2</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">3</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">4</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">5</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">6</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">7</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">8</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">9</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">10</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">11</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">12</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">13</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">14</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">15</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">16</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">17</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">18</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">19</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">20</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">21</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">22</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">23</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">24</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">25</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">26</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">27</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">28</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">29</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">30</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">31</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">32</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">33</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">34</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">35</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">36</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">37</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">38</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">39</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">40</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">41</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">42</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">43</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">44</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">45</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">46</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">47</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">48</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">49</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">50</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">51</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">52</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">53</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">54</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">55</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">56</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">57</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">58</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">59</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">60</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">61</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">62</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">63</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">64</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">65</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">66</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-last"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">67</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">68</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">69</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                  </tbody>
                                                </table>
                                              </div>
                                              <div class="guess-hint-wrapper additional" data-ng-show="ticketLineData.additionalGuessCount > 0">
                                                <div class="guess-hint" data-ng-hide="isAdditionalGuessCounterHidden()">
                                                  <div class="guessNumberHint orangeIcon">+</div>
                                                  <div class="fonttext additional-color ng-binding">Choose 1</div>
                                                </div>
                                                <hr class="guessHintLine" data-ng-hide="isAdditionalGuessCounterHidden()">
                                              </div>
                                              <table cellpadding="0" cellspacing="0" data-shared-selectable-cells-table="" data-ng-show="ticketLineData.additionalGuessCount > 0" class="line-additional-numbers ng-isolate-scope"
                                                data-total-cells="ticketLineData.additionalGuessNumbers.length" data-max-cols="ticketLineData.numOfColumnsInLine" data-get-value="getCellNumber(index, ticketLineData.additionalGuessNumbers)"
                                                data-get-cell-class="isSelected(index, ticketLineData.selectedAdditionalGuessNumbers, ticketLineData.additionalGuessNumbers)"
                                                data-cell-click="setGuessNumber(index, ticketLineData.selectedAdditionalGuessNumbers, ticketLineData.additionalGuessNumbers, ticketLineData.additionalGuessCount, true)">
                                                <tbody><!-- ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-first"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">1</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">2</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">3</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">4</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">5</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">6</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">7</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">8</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">9</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">10</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">11</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">12</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">13</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">14</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">15</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">16</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">17</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">18</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">19</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">20</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">21</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">22</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">23</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">24</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-last"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">25</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">26</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                </tbody>
                                              </table>
                                              <div class="ticket-line-warning-label TLC-Notification   TLC-Notification   ng-hide TLC-Notification-Attention small" data-shared-label-notification="" data-ng-hide="!isAdditionalSameNumbersHintVisible()"
                                                type="Attention" size="small"><span class="TLC-Notification-Icon"></span><span class="TLC-Notification-Txt" ng-transclude=""><span class="ng-scope ng-binding">Choose one additional number for this
                                                    entry</span></span></div>
                                              <div class="ticket-line-warning-label TLC-Notification   TLC-Notification   ng-hide TLC-Notification-Attention small" data-shared-label-notification="" data-ng-show="displayLineUniqueErrorMsg"
                                                type="Attention" size="small"><span class="TLC-Notification-Icon"></span><span class="TLC-Notification-Txt" ng-transclude=""><span class="ng-scope ng-binding">You have already made this selection in
                                                    another line. Please choose other numbers.</span></span></div>
                                            </div>
                                            <div data-ng-class="{success: isComplete()}"></div>
                                          </div>
                                        </div><!-- end ngRepeat: ticketLine in playData.requestTicketLines | limitTo:getNumOfLines() -->
                                        <div data-ng-repeat="ticketLine in playData.requestTicketLines | limitTo:getNumOfLines()" ng-style="ticketLine.style" class="ticket-line-holder middle-in-row">
                                          <div class="ticket-line ng-isolate-scope" id="ticket-line-2" data-ng-mouseenter="mouseenter()" data-ng-mouseleave="mouseleave()"
                                            data-ng-class="{active: isActive,systematic: ticketLineData.isSystematicLine, complete: isComplete(), 'ticket-line-thin': isThinLine()}" data-ticket-line="" data-ticket-line-data="ticketLine"
                                            shared-render-finished="isRenderDone($index)" on-complete="onCompleteRegularTicketLine(ticketLine)" validate-on-complete="validateOnCompleting(ticketLine)">
                                            <div class="fill-header">
                                              <span class="ticket-line-id ng-binding">Line 3/</span>
                                              <a class="quickpick tl-btn btn-color-blue btn-no-icon btn-size-small tl-btn btn-color-blue btn-no-icon btn-size-small" ng-show="showButton()" ng-href="" data-ng-class="{ 'btn-no-text': IsTextNotExist, 'btn-loading': isLoading }" ng-click="handleClick()" data-shared-simple-button="" on-click="quickPickLine()" title="Automatically generate your number selection"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude=""><span class="ng-scope ng-binding">Quick Pick</span></span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346" src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346"></span></div></a>
                                              <span ng-show="ticketLineData.isAnyNumberSelected()" class="btn-clear ng-hide">
                                                <a class="tl-btn btn-color-blue btn-icon-clear btn-size-small btn-no-text" ng-show="showButton()" ng-href="" data-ng-class="{ 'btn-no-text': IsTextNotExist, 'btn-loading': isLoading }" ng-click="handleClick()" data-shared-simple-button="" on-click="clearLine()" title="Clear your selected numbers" icon="clear"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude=""></span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346" src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346"></span></div></a>
                                              </span>
                                            </div>
                                            <div class="ticket-line-content">
                                              <div class="guess-hint-wrapper">
                                                <div class="guess-hint" data-ng-hide="isGuessCounterHidden()">
                                                  <div class="guessNumberHint blueIcon">+</div>
                                                  <div class="fonttext regular-color ng-binding">Choose 5</div>
                                                </div>
                                                <hr class="guessHintLine" data-ng-hide="isGuessCounterHidden()">
                                              </div>
                                              <div class="selectable-cells-container">
                                                <div data-ng-show="isWatermarkInPosition" class="watermark ng-binding" style="top: 100.5px;">3</div>
                                                <table cellpadding="0" cellspacing="0" data-shared-selectable-cells-table="" class="line-numbers ng-isolate-scope" data-total-cells="ticketLineData.guessNumbers.length"
                                                  data-max-cols="ticketLineData.numOfColumnsInLine" data-get-value="getCellNumber(index, ticketLineData.guessNumbers)"
                                                  data-get-cell-class="isSelected(index, ticketLineData.selectedGuessNumbers, ticketLineData.guessNumbers)"
                                                  data-cell-click="setGuessNumber(index, ticketLineData.selectedGuessNumbers, ticketLineData.guessNumbers, ticketLineData.guessCount, false)">
                                                  <tbody><!-- ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-first"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">1</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">2</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">3</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">4</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">5</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">6</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">7</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">8</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">9</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">10</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">11</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">12</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">13</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">14</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">15</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">16</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">17</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">18</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">19</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">20</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">21</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">22</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">23</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">24</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">25</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">26</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">27</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">28</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">29</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">30</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">31</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">32</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">33</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">34</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">35</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">36</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">37</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">38</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">39</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">40</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">41</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">42</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">43</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">44</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">45</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">46</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">47</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">48</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">49</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">50</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">51</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">52</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">53</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">54</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">55</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">56</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">57</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">58</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">59</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">60</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">61</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">62</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">63</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">64</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">65</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last"><span class="cell-value ng-binding">66</span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                    <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-last"><!-- ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-first"><span class="cell-value ng-binding">67</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">68</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle"><span class="cell-value ng-binding">69</span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                      <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                        ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                        class="ng-scope cell-last empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    </tr><!-- end ngRepeat: row in rows -->
                                                  </tbody>
                                                </table>
                                              </div>
                                              <div class="guess-hint-wrapper additional" data-ng-show="ticketLineData.additionalGuessCount > 0">
                                                <div class="guess-hint" data-ng-hide="isAdditionalGuessCounterHidden()">
                                                  <div class="guessNumberHint orangeIcon">+</div>
                                                  <div class="fonttext additional-color ng-binding">Choose 1</div>
                                                </div>
                                                <hr class="guessHintLine" data-ng-hide="isAdditionalGuessCounterHidden()">
                                              </div>
                                              <table cellpadding="0" cellspacing="0" data-shared-selectable-cells-table="" data-ng-show="ticketLineData.additionalGuessCount > 0" class="line-additional-numbers ng-isolate-scope"
                                                data-total-cells="ticketLineData.additionalGuessNumbers.length" data-max-cols="ticketLineData.numOfColumnsInLine" data-get-value="getCellNumber(index, ticketLineData.additionalGuessNumbers)"
                                                data-get-cell-class="isSelected(index, ticketLineData.selectedAdditionalGuessNumbers, ticketLineData.additionalGuessNumbers)"
                                                data-cell-click="setGuessNumber(index, ticketLineData.selectedAdditionalGuessNumbers, ticketLineData.additionalGuessNumbers, ticketLineData.additionalGuessCount, true)">
                                                <tbody><!-- ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-first"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">1</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">2</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">3</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">4</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">5</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">6</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">7</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">8</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">9</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">10</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">11</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">12</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">13</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">14</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">15</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">16</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">17</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">18</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-middle"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">19</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">20</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">21</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">22</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">23</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last"><span class="cell-value ng-binding">24</span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                  <tr ng-repeat="row in rows" ng-class="{ 'row-first': $first, 'row-middle': $middle, 'row-last': $last }" class="ng-scope row-last"><!-- ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-first"><span class="cell-value ng-binding">25</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle"><span class="cell-value ng-binding">26</span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-middle empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                    <td ng-repeat="col in cols" ng-click="cellClick({index:cellIndex($index, $parent.$index)})"
                                                      ng-class="{ 'cell-first': $first, 'cell-middle': $middle, 'cell-last': $last, 'empty': isEmpty(getValue({index:cellIndex($index, $parent.$index)})),'selected': getCellClass({index:cellIndex($index, $parent.$index)}) }"
                                                      class="ng-scope cell-last empty"><span class="cell-value ng-binding"></span></td><!-- end ngRepeat: col in cols -->
                                                  </tr><!-- end ngRepeat: row in rows -->
                                                </tbody>
                                              </table>
                                              <div class="ticket-line-warning-label TLC-Notification   TLC-Notification   ng-hide TLC-Notification-Attention small" data-shared-label-notification="" data-ng-hide="!isAdditionalSameNumbersHintVisible()"
                                                type="Attention" size="small"><span class="TLC-Notification-Icon"></span><span class="TLC-Notification-Txt" ng-transclude=""><span class="ng-scope ng-binding">Choose one additional number for this
                                                    entry</span></span></div>
                                              <div class="ticket-line-warning-label TLC-Notification   TLC-Notification   ng-hide TLC-Notification-Attention small" data-shared-label-notification="" data-ng-show="displayLineUniqueErrorMsg"
                                                type="Attention" size="small"><span class="TLC-Notification-Icon"></span><span class="TLC-Notification-Txt" ng-transclude=""><span class="ng-scope ng-binding">You have already made this selection in
                                                    another line. Please choose other numbers.</span></span></div>
                                            </div>
                                            <div data-ng-class="{success: isComplete()}"></div>
                                          </div>
                                        </div><!-- end ngRepeat: ticketLine in playData.requestTicketLines | limitTo:getNumOfLines() -->
                                        <div class="hide hand-written-instruction-container ng-scope" data-hand-written-instruction="" target-hint="choose-additional" state-watch="handWrittenInstruction.state" image-source="objects/dm.tlo?id=7721"
                                          ng-class="{'hovered-ticket': isFirstTicketHovered()}">
                                          <div class="hand-written-instruction choose-additional" style="background-image: url(&quot;https://www.lottosun.com/objects/dm.tlo?id=7721&amp;v=20212608154346&quot;);"> </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <!-- ngIf: !isPlayOptionsHidden() --><!-- ngInclude: playOptionsTemplate -->
                                  <div data-ng-include="playOptionsTemplate" ng-if="!isPlayOptionsHidden()" class="ng-scope">
                                    <div class="play-request-options ng-scope" data-ng-controller="PlayRequest.PlayOptionsController">
                                      <div class="main-inner-options">
                                        <div class="multiply-box content" data-ng-show="drawRules.isMultiplyPrizesSupported">
                                          <input type="checkbox" class="input-option ng-pristine ng-valid" data-ng-model="playData.IsMultiplyPrizesSelected" name="name">
                                          <div class="MobileCheckBoxWrapper MultiplyWrapper checked">
                                            <input type="checkbox" data-ng-model="playData.IsMultiplyPrizesSelected" name="name" class="ng-pristine ng-valid">
                                          </div>
                                          <div class="multipy-mobile-text-wrapper">
                                            <span class="multiplier-text ng-binding">Multiplier</span>
                                            <img alt="" data-ng-src="https://www.lottosun.com/objects/dm.tlo?id=27175&amp;v=20212608154346" class="multiply-image" src="https://www.lottosun.com/objects/dm.tlo?id=27175&amp;v=20212608154346">
                                            <span class="multiply-text ng-binding" ng-bind-html="multiplyCheckboxText | Shared.UnsafeHtml">Multiply your prize up to 10 times for US$&nbsp;2.50 per line</span>
                                            <div shared-tooltip="Add Power Play, double the 2nd place prize to $2,000,000, and multiply other prize categories by up to 10 times, depending on draw and jackpot size." class="hint hint-blue"
                                              data-shared-hint="Add Power Play, double the 2nd place prize to $2,000,000, and multiply other prize categories by up to 10 times, depending on draw and jackpot size." tip-css-class="options-hint"
                                              data-color="blue" data-vertical-align="middle" style="vertical-align: middle;"></div>
                                          </div>
                                        </div>
                                        <div class="play-option-sep" data-ng-show="drawRules.isMultiplyPrizesSupported"></div>
                                        <div class="main-inner-option-box content" data-ng-show="!isDealTypePlayOptionsHidden()">
                                          <!-- ngIf: isMobile -->
                                          <div class="one-time-bet-box option-box" data-ng-click="setPlayOption(playOptions.oneTime)">
                                            <div class="radioBtn rbEntries btnChecked"><input type="radio" shared-mobile-suppotred-radio="" class="input-option radio ng-isolate-scope ng-pristine ng-valid" data-ng-model="playData.playOption"
                                                data-ng-value="playOptions.oneTime" name="rbEntries" value="1"></div>
                                            <span class="blue-title option-title one-time-title ng-binding">One-Time Entry</span>
                                            <div shared-tooltip="This ticket is good for a single draw. Try a multi-draw or subscription to save more on this lottery!" class="hint hint-blue"
                                              data-shared-hint="This ticket is good for a single draw. Try a multi-draw or subscription to save more on this lottery!" tip-css-class="options-hint" data-color="blue" data-vertical-align="middle"
                                              style="vertical-align: middle;"></div>
                                          </div>
                                          <div data-ng-show="isPlayOptionsTipDisplayed()" ng-class="getLotteryOptionSupportType()" ng-style="{'background-image':'url(https://www.lottosun.com/objects/dm.tlo?id=6428&amp;v=20212608154346)'}"
                                            class="play-options-tip-container all" style="background-image: url(&quot;https://www.lottosun.com/objects/dm.tlo?id=6428&amp;v=20212608154346&quot;);"></div>
                                          <div class="multidraw-box option-box" ng-class="{wide: !isSubscriptionSupported(), 'disabled': isMdOptionDisabled(), 'mobile-multidraw-box-no-caption': isMobile &amp;&amp; mdLineCaption.length > 0}"
                                            data-ng-show="isMultiDrawingSupported()" data-ng-click="setPlayOption(playOptions.multiDraw)">
                                            <div class="multidraw-title">
                                              <div class="radioBtn rbEntries"><input type="radio" shared-mobile-suppotred-radio="" ng-disabled="isMdOptionDisabled()" class="input-option radio ng-isolate-scope ng-pristine ng-valid"
                                                  data-ng-model="playData.playOption" data-ng-value="playOptions.multiDraw" name="rbEntries" value="2"></div>
                                              <span class="blue-title option-title md-title ng-binding" ng-class="{'mobile-md-title-no-caption': isMobile &amp;&amp; mdLineCaption.length == 0}">Multi-Draw</span>
                                              <span class="md-text-line sub-title ng-binding">Up to 25% discount</span>
                                              <div shared-tooltip="Choose a multi-draw to participate in a pre-set number of draws, never miss a chance to win, and save up to 25%!" class="hint hint-blue"
                                                data-shared-hint="Choose a multi-draw to participate in a pre-set number of draws, never miss a chance to win, and save up to 25%!" tip-css-class="options-hint" data-color="blue"
                                                data-vertical-align="middle" style="vertical-align: middle;"></div>
                                            </div>
                                            <div class="multidraw-selection-main-container" style="display: block; margin-top: 7px;">
                                              <!-- ngInclude: multidrawOptionTemplate -->
                                              <div data-ng-include="multidrawOptionTemplate" class="ng-scope">
                                                <div class="multidraw-options ng-scope">
                                                  <div class="multidraw-select-wrapper">
                                                    <div shared-dropdown="" text-field="name" is-disabled="isMdOptionDisabled()" value-field="code" items="playData.multiDrawOptions" data-ng-model="$parent.playData.BetCount" default-value="10"
                                                      mobile-hide="true" parent-div-class="multidraw-select-wrapper" is-bubble-event="true" class="ng-isolate-scope ng-pristine ng-valid">
                                                      <div class="btn-group text-line" ng-class="{ 'disabled': isDisabled }">
                                                        <div title="10 Draws (20% Discount)  Super Savings!" class="dropdown-text-line-wrapper ng-binding" ng-bind-html="currentItemLabel | Shared.UnsafeHtml">10 Draws (20% Discount)<span
                                                            class="best-price"> Super Savings!</span></div>
                                                        <div class="btn dropdown-toggle" ng-class="{ 'disabled': isDisabled }" data-toggle="dropdown"> <span class="caret"></span> </div>
                                                        <ul class="dropdown-menu"> <!-- ngRepeat: item in items -->
                                                          <li ng-repeat="item in items" ng-class="{'blue-hover': hover}" ng-mouseenter="hover = showSelectedItem($index)" ng-mouseleave="hover = false" class="ng-scope">
                                                            <div class="input-group" ng-click="selectLocalVal(item)"> <span class="single-option ng-binding" ng-bind-html="item[textField] | Shared.UnsafeHtml">5 Draws (15% Discount)<span
                                                                  class="best-price"> </span></span> </div>
                                                          </li><!-- end ngRepeat: item in items -->
                                                          <li ng-repeat="item in items" ng-class="{'blue-hover': hover}" ng-mouseenter="hover = showSelectedItem($index)" ng-mouseleave="hover = false" class="ng-scope">
                                                            <div class="input-group" ng-click="selectLocalVal(item)"> <span class="single-option ng-binding" ng-bind-html="item[textField] | Shared.UnsafeHtml">10 Draws (20% Discount)<span
                                                                  class="best-price"> Super Savings!</span></span> </div>
                                                          </li><!-- end ngRepeat: item in items -->
                                                          <li ng-repeat="item in items" ng-class="{'blue-hover': hover}" ng-mouseenter="hover = showSelectedItem($index)" ng-mouseleave="hover = false" class="ng-scope">
                                                            <div class="input-group" ng-click="selectLocalVal(item)"> <span class="single-option ng-binding" ng-bind-html="item[textField] | Shared.UnsafeHtml">15 Draws (21.5% Discount)<span
                                                                  class="best-price"> </span></span> </div>
                                                          </li><!-- end ngRepeat: item in items -->
                                                          <li ng-repeat="item in items" ng-class="{'blue-hover': hover}" ng-mouseenter="hover = showSelectedItem($index)" ng-mouseleave="hover = false" class="ng-scope">
                                                            <div class="input-group" ng-click="selectLocalVal(item)"> <span class="single-option ng-binding" ng-bind-html="item[textField] | Shared.UnsafeHtml">25 Draws (22.5% Discount)<span
                                                                  class="best-price"> </span></span> </div>
                                                          </li><!-- end ngRepeat: item in items -->
                                                          <li ng-repeat="item in items" ng-class="{'blue-hover': hover}" ng-mouseenter="hover = showSelectedItem($index)" ng-mouseleave="hover = false" class="ng-scope">
                                                            <div class="input-group" ng-click="selectLocalVal(item)"> <span class="single-option ng-binding" ng-bind-html="item[textField] | Shared.UnsafeHtml">52 Draws (25% Discount)<span
                                                                  class="best-price"> </span></span> </div>
                                                          </li><!-- end ngRepeat: item in items -->
                                                        </ul>
                                                      </div>
                                                    </div>
                                                  </div>
                                                  <!-- ngIf: isMultiDrawingAutoRenewAllowed() -->
                                                  <div class="multidraw-chk-wrapper ng-scope ng-hide" ng-if="isMultiDrawingAutoRenewAllowed()" data-ng-show="playData.playOption == playOptions.multiDraw">
                                                    <div class="statable-checkbox-wrapper ng-isolate-scope" shared-statable-checkbox="" is-user-checked="playData.IsMDAutoRenew" not-checked-translation-text="multiDrawAutoRenewText">
                                                      <!-- ngIf: !isAlreadyChecked -->
                                                      <div class="enable-chk-wrapper ng-scope" ng-if="!isAlreadyChecked" ng-class="{'MobileCheckBoxWrapper': isMobile }"><input type="checkbox" ng-model="$parent.isUserChecked" id="uniqueID"
                                                          class="ng-pristine ng-valid"><label for="uniqueID" class="ng-binding">Automatically renew this multi-draw when it expires</label></div>
                                                      <!-- end ngIf: !isAlreadyChecked --><!-- ngIf: isAlreadyChecked -->
                                                    </div>
                                                  </div><!-- end ngIf: isMultiDrawingAutoRenewAllowed() -->
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                          <div class="multidraw-selection-mobile-container md-select-false" ng-class="{'md-select-true': playData.playOption == playOptions.multiDraw, 'md-select-false': playData.playOption != playOptions.multiDraw }">
                                          </div>
                                          <div class="subscription-box option-box" data-ng-show="isSubscriptionSupported()" data-ng-click="setPlayOption(playOptions.subscription)">
                                            <div class="radioBtn rbEntries"><input type="radio" shared-mobile-suppotred-radio="" class="input-option radio ng-isolate-scope ng-pristine ng-valid" data-ng-model="playData.playOption"
                                                data-ng-value="playOptions.subscription" name="rbEntries" value="3"></div>
                                            <span class="blue-title option-title subscription-title ng-binding" ng-class="{'mobile-subscription-title-no-sale': isMobile &amp;&amp; subscriptionSaleTitle.length == 0}">Subscription</span>
                                            <div shared-tooltip="Subscribe, never miss a draw, and earn FREE tickets!" class="hint hint-blue" data-shared-hint="Subscribe, never miss a draw, and earn FREE tickets!" tip-css-class="options-hint"
                                              data-color="blue" data-vertical-align="middle" style="vertical-align: middle;"></div>
                                            <div class="sale-container ng-hide" data-ng-show="subscriptionSaleTitle &amp;&amp; subscriptionSaleTitle.length > 0">
                                              <div class="arrow-up"></div>
                                              <div class="saleTitle sub-title">
                                                <div ng-bind-html="subscriptionSaleTitle | Shared.UnsafeHtml" class="ng-binding"></div>
                                              </div>
                                              <!-- ngIf: vipPointTitle -->
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div><!-- end ngIf: !isPlayOptionsHidden() -->
                                </div>
                                <div class="play-request-summary" ng-show="isDisplayPrices()">
                                  <table>
                                    <tbody>
                                      <tr>
                                        <td>
                                          <!-- ngInclude: purchaseDetailsViewTemplate -->
                                          <div class="purchase-details-box ng-scope" data-ng-include="purchaseDetailsViewTemplate">
                                            <div class="purchase-details ng-scope" data-ng-controller="PlayShared.PurchaseDetailsController">
                                              <!-- ngInclude: getPurchaseDetailsTemplate() -->
                                              <div ng-include="getPurchaseDetailsTemplate()" class="ng-scope">
                                                <div data-ng-controller="PlayShared.PurchaseDetailsRegularSystematicController" class="ng-scope">
                                                  <div class="price-row ticket-price ng-hide" data-ng-show="isDisplayTicketServiceFee()">
                                                    <div class="text">
                                                      <span data-ng-bind="PurchaseDetails.officialPriceText" class="ng-binding">Official Price</span>
                                                      <span class="bracketed-text ng-binding" data-ng-bind="getRegularSystematicPurchaseLineFormatted()">(3 Lines X US$ 5.00)</span>
                                                    </div>
                                                    <div class="value ng-binding" data-ng-bind="PurchaseDetails.purchaseData.totalOfficialPrice | Shared.CurrencyNumberFilter: PurchaseDetails.purchaseData.currencySign">US$ 6.00</div>
                                                  </div>
                                                  <div class="price-row service-fee ng-hide" data-ng-show="isDisplayTicketServiceFee() &amp;&amp; PurchaseDetails.purchaseData.serviceFee > 0">
                                                    <div class="text ng-binding" data-ng-bind="PurchaseDetails.serviceFeeText">Service Fee</div>
                                                    <div class="value ng-binding" data-ng-bind="PurchaseDetails.purchaseData.serviceFee | Shared.CurrencyNumberFilter: PurchaseDetails.purchaseData.currencySign">US$ 9.00</div>
                                                  </div>
                                                  <div class="price-row ticket-price" data-ng-hide="isDisplayTicketServiceFee()">
                                                    <div data-ng-show="PurchaseDetails.playData.BetDealType == dealTypes.multiDraw" class="text ng-hide">
                                                      <span data-ng-bind="PurchaseDetails.multiPriceText" class="ng-binding">Multi-Drawing Price</span>
                                                      <span class="bracketed-multidraw-text ng-binding" data-ng-class="{'bracketed-multidraw-text-desktop' : PurchaseDetails.multiPriceText.length > 25 }"
                                                        data-ng-bind="getRegularSystematicPurchaseLineFormatted()">(3 Lines X US$ 5.00)</span>
                                                    </div>
                                                    <div data-ng-hide="PurchaseDetails.playData.BetDealType == dealTypes.multiDraw" class="text">
                                                      <span data-ng-bind="PurchaseDetails.ticketPriceText" class="ng-binding">Ticket Price</span>
                                                      <span class="bracketed-text ng-binding" data-ng-bind="getRegularSystematicPurchaseLineFormatted()">(3 Lines X US$ 5.00)</span>
                                                    </div>
                                                    <div class="value " data-ng-bind="PurchaseDetails.purchaseData.totalPriceBeforeDiscounts | Shared.CurrencyNumberFilter: PurchaseDetails.purchaseData.currencySign">US$ 15.00</div>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="discount-row ng-hide" data-ng-show="isMultiDrawPurchase() &amp;&amp; PurchaseDetails.purchaseData.multiDrawDiscountAmount != 0">
                                                <div class="text ng-binding" data-ng-bind="PurchaseDetails.multiDiscountText | Shared.TranslationTokens : '{#MULTI_DRAW_DISCOUNT_PERCENT#}': PurchaseDetails.purchaseData.multiDrawDiscountPercent">20%
                                                  Multi-Draw Discount</div>
                                                <div class="value ng-binding" data-ng-bind="PurchaseDetails.purchaseData.multiDrawDiscountAmount | Shared.CurrencyNumberFilter: PurchaseDetails.purchaseData.currencySign : 'negativeTwoDigitsAfterDot'">
                                                  US$ - 3.00</div>
                                              </div>
                                              <div class="discount-row ng-hide" data-ng-show="PurchaseDetails.purchaseData.vipDiscountPercent > 0">
                                                <div class="text ng-binding"
                                                  data-ng-bind="PurchaseDetails.vipDiscountText | Shared.TranslationTokens : '{#VIP_TYPE#}': PurchaseDetails.purchaseData.vipTypeName :'{#VIP_DISCOUNT_PERCENT#}': ((PurchaseDetails.purchaseData.languageId == 2) ? PurchaseDetails.purchaseData.vipDiscountPercentString : PurchaseDetails.purchaseData.vipDiscountPercent)">
                                                  {#VIP_TYPE#} {#VIP_DISCOUNT_PERCENT#}% Discount</div>
                                                <div class="value ng-binding" data-ng-bind="PurchaseDetails.purchaseData.vipDiscountAmount | Shared.CurrencyNumberFilter: PurchaseDetails.purchaseData.currencySign : 'negativeTwoDigitsAfterDot'">US$ -
                                                  0.00</div>
                                              </div>
                                              <div class="discount-row ng-hide" data-ng-show="PurchaseDetails.purchaseData.saleDiscountPercent > 0">
                                                <div class="text ng-binding" data-ng-bind="PurchaseDetails.oneTimeBetDiscountText | Shared.TranslationTokens : '{#DISCOUNT_PERCENT#}': PurchaseDetails.purchaseData.saleDiscountPercent"></div>
                                                <div class="value ng-binding" data-ng-bind="PurchaseDetails.purchaseData.saleDiscountAmount | Shared.CurrencyNumberFilter: PurchaseDetails.purchaseData.currencySign : 'negativeTwoDigitsAfterDot'">US$ -
                                                  0.00</div>
                                              </div>
                                              <div class="seperator"></div>
                                              <div class="total price-row">
                                                <div class="text ng-binding" data-ng-bind="PurchaseDetails.totalText">Total</div>
                                                <div class="value ng-binding" data-ng-bind="PurchaseDetails.purchaseData.totalPriceAfterDiscounts | Shared.CurrencyNumberFilter: PurchaseDetails.purchaseData.currencySign">US$ 15.00</div>
                                              </div>
                                            </div>
                                          </div>
                                        </td>
                                        <td class="bonus-box"></td>
                                        <td class="play-button-box">
                                          <div>
                                            <div class="hide hand-written-instruction-container ng-scope" data-hand-written-instruction="" target-hint="click-play" state-watch="handWrittenInstruction.state" image-source="objects/dm.tlo?id=7721">
                                              <div class="hand-written-instruction click-play" style="background-image: url(&quot;https://www.lottosun.com/objects/dm.tlo?id=7721&amp;v=20212608154346&quot;);"> </div>
                                            </div>
                                            <a class="tl-btn btn-color-orange btn-no-icon btn-size-large" ng-show="showButton()" ng-href="" data-ng-class="{ 'btn-no-text': IsTextNotExist, 'btn-loading': isLoading }" data-shared-simple-button="" id="btnPlayRequest" color="orange" shared-tooltip="" content-type="html" layout-type="white" position="left" tooltip-class="below-popup" offset="9" is-always-shown="true" is-tooltip-dynamic="false" data-is-loading="isPlayLoading" size="large"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude=""><span class="ng-scope ng-binding">Play</span></span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346" src="https://www.lottosun.com/App_Themes/Default/images/General/loader_red.gif?v=20212608154346"></span></div></a>
                                            <div class="vip-points ng-binding ng-hide" data-ng-show="PurchaseDetails.purchaseData.recieveVipPoint > 0">Play &amp; Earn {#VIP_POINTS#} VIP Points!</div>
                                          </div>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </div>
                                <div class="TLC-Notification   ng-hide TLC-Notification-Error" data-shared-label-notification="" ng-show="isRequestFailure" type="Error"><span class="TLC-Notification-Icon"></span><span class="TLC-Notification-Txt"
                                    ng-transclude=""><span class="ng-scope ng-binding">An error occurred. Please try again. </span></span></div>
                                <div class="TLC-Notification   ng-hide TLC-Notification-Error" data-shared-label-notification="" ng-show="isValidationFailure" type="Error"><span class="TLC-Notification-Icon"></span><span class="TLC-Notification-Txt"
                                    ng-transclude=""><span class="ng-scope ng-binding">Ooops! Those numbers aren't valid for this lottery. Please try again. </span></span></div>
                                <div>
                                  <div class="toaster-container failure show-toaster ng-hide" ng-show="showToaster" id="LotteryNotSupportedPlayRequestToaster" title-text="" body-text="" css-class="failure">
                                    <div class="inner-wrapper">
                                      <div class="close-X" ng-click="removeToast($event, id)">X</div>
                                      <div class="body-container">
                                        <div class="icon-wrapper">
                                          <div class="icon"></div>
                                        </div>
                                        <div class="body">
                                          <div class="title ng-binding" ng-bind-html="titleText | Shared.UnsafeHtml"></div>
                                          <div class="body-text ng-binding" ng-bind-html="bodyText | Shared.UnsafeHtml"></div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div><!-- end ngIf: initializationFinished -->
                            </div>
                          </div>
                        </div>
                      </div>
                    </div><!-- end ngIf: !shouldDisplayTemporarilySuspended -->
                    <!-- ngIf: shouldDisplayTemporarilySuspended -->
                    <!-- ngIf: !shouldDisplayTemporarilySuspended -->
                    <div ng-if="!shouldDisplayTemporarilySuspended" lottery-not-allowed="" class="ng-scope ng-isolate-scope"></div><!-- end ngIf: !shouldDisplayTemporarilySuspended -->
                  </div>
                </div>
                <div id="ctl00_ContentPlaceHolderMain_seoArea3Parent" class="play-page-seoarea3">
                  <div id="ctl00_ContentPlaceHolderMain_SEOBottom_divContent" style="text-align: left;" class="cssSEOArea3">
                    <div class="wider_bottom_separator"></div>
                    <div>
                      <style>
                        .promotion_box img {
                          width: 162px !important;
                          height: 160px !important;
                          margin-left: 40px !important;
                          margin-top: -15px !important;
                        }

                        .long_default_layout_left {
                          padding-top: 15px !important;
                        }
                      </style>
                      <div class="long_default_layout_left margintop20">
                        <div class="three_col_layout nomargins">
                          <div class="promotion_box"><img alt="How to Play Powerball Online " src="https://www.lottosun.com//objects/dm.tlo?id=3171&amp;v=20212608154346" width="224" height="220"> </div>
                        </div>
                        <div class="three_col_layout_2col">
                          <h2 class="notop_margin">Can You Play Powerball Online?</h2>
                          <p>Yes, you can! Play Powerball online by selecting <strong>five main numbers</strong> from <strong>1-69</strong> and <strong>a single</strong>&nbsp;<strong>Powerball number</strong> from <strong>1-26</strong>. When you play
                            online with official lottery tickets, you can choose your Powerball numbers manually, with the Quick Pick option, or use your saved lucky numbers. You’ll receive a scanned copy of your official US Powerball&nbsp; ticket in
                            your private Lotto Sun account before every draw.</p>
                          <p>US Powerball draws are staged every <strong>Monday</strong>,&nbsp;<strong>Wednesday,</strong> and <strong>Saturday</strong> at <strong>23:00 EST</strong>! </p>
                          <p>You can learn more about how we purchase official lottery tickets <a title="How it Works" href="https://www.lottosun.com/how-it-works/">here</a>.</p>
                        </div>
                      </div>
                      <div class="clearboth"></div>
                      <div class="long_bottom_separator"></div>
                      <div class="long_default_layout_left margintop20">
                        <div class="three_col_layout nomargins">
                          <div class="promotion_box"><img alt="Can I buy Powerball tickets online from outside the US?" src="https://www.lottosun.com//objects/dm.tlo?id=3172&amp;v=20212608154346" width="224" height="220"> </div>
                        </div>
                        <div class="three_col_layout_2col">
                          <h2 class="notop_margin">Can You Buy Powerball Tickets Online Outside the US?</h2>
                          <p>Yes! When you play Powerball online at Lotto Sun, you can purchase Powerball tickets worldwide. Lotto Sun's local offices will buy official US Powerball lottery tickets <strong>on your behalf from inside the US</strong>,
                            and with Lotto Sun’s <a href="https://www.lottosun.com/local-lottery-ticket/">See Your Ticket Service</a>, you will see a scan of any and all Powerball tickets you buy in your Lotto Sun account before the relevant draw.
                          </p>
                        </div>
                      </div>
                      <div class="clearboth"></div>
                      <div class="long_bottom_separator"></div>
                      <div class="long_default_layout_left margintop20">
                        <div class="three_col_layout nomargins">
                          <div class="promotion_box"><img alt="Choose Power Play to Boost Your Powerball Lottery Prize" src="https://www.lottosun.com//objects/dm.tlo?id=3190&amp;v=20212608154346" width="224" height="220"> </div>
                        </div>
                        <div class="three_col_layout_2col">
                          <h2 class="notop_margin">What is the Powerball Power Play Option?</h2>
                          <p>Powerball offers an optional multiplier known as the Power Play, which multiplies the seven bottom prize divisions by 2, 3, 4, 5 or 10 times, depending on the draw and jackpot size. Matching five main numbers and the
                            Power Play still makes you a multi-millionaire by <strong>doubling Powerball’s second place prize to a staggering $2,000,000</strong>! To add the multiplier, simply check the Power Play box when you buy your Powerball
                            tickets online. Get more information on how to play with this incredibly rewarding play option by checking out our&nbsp;<a href="https://www.lottosun.com/powerball-power-play-guide/">Power Play guide</a>&nbsp;.</p>
                        </div>
                      </div>
                      <div class="clearboth"></div>
                      <div class="long_bottom_separator"></div>
                      <div class="long_default_layout_left margintop20">
                        <div class="three_col_layout nomargins">
                          <div class="promotion_box"><img alt="How to Claim US Powerball Lottery Prizes at Lotto Sun" src="https://www.lottosun.com//objects/dm.tlo?id=3168&amp;v=20212608154346" width="224" height="220"> </div>
                        </div>
                        <div class="three_col_layout_2col">
                          <h2 class="notop_margin">How to Claim US Powerball Lottery Prizes at Lotto Sun</h2>
                          <p>Win with Lotto Sun and receive automated win notifications via email or SMS. Powerball prizes will go straight into your secure online account results are published and soon after the&nbsp;receipt of the prize from the
                            official lottery operator.&nbsp;If you win a larger prize you will be invited to collect your prize in person in the US with a flight paid for by Lotto Sun! <strong>All Powerball wins are subject to state and federal
                              taxes.</strong> To see the latest winning numbers and learn more about taxes on US Powerball wins, please go to the
                            <a title="US Powerball results page" href="https://www.lottosun.com/lottery-results/usa-powerball/">US Powerball results</a>&nbsp;page.</p>
                        </div>
                      </div>
                      <div class="clearboth"></div>
                      <div class="long_bottom_separator"></div>
                      <div class="long_default_layout_left margintop20">
                        <div class="three_col_layout nomargins">
                          <div class="promotion_box"><img alt="How can I be sure I will receive my prize" src="https://www.lottosun.com//objects/dm.tlo?id=3183&amp;v=20212608154346" width="224" height="220"> </div>
                        </div>
                        <div class="three_col_layout_2col">
                          <h2 class="notop_margin">How Can I Be Sure I'll Receive My Prize?</h2>
                          <p>From purchase to payoff, Lotto Sun is <strong>secure and simple</strong>. Per our Terms of Use, Lotto Sun has no legal claim to your tickets whatsoever -- all winnings are 100% yours. When you buy Powerball tickets
                            online, a confirmation email is sent to you as proof of ticket ownership. After the ticket is physically purchased, you will also be able to see a <strong>scanned copy of the ticket in your account</strong> as
                            proof-of-purchase. Since our founding in 2002, Lotto Sun has helped players <a href="https://www.lottosun.com/lottery-tickets/biggest-lottery-online/?player=0">purchase tickets to the biggest lottery in the world</a> and
                            has had the privilege of <strong>paying out more than $100 million to over 6 million winners</strong>. </p>
                        </div>
                      </div>
                      <div class="clearboth"></div>
                      <div class="long_bottom_separator"></div>
                      <div class="long_default_layout_left margintop20">
                        <div class="three_col_layout nomargins">
                          <div class="promotion_box"><img alt="How to Win the US Powerball Lottery Jackpot" src="https://www.lottosun.com//objects/dm.tlo?id=3193&amp;v=20212608154346" width="224" height="220"> </div>
                        </div>
                        <div class="three_col_layout_2col">
                          <h2 class="notop_margin">How Do You Win the Powerball Jackpot?</h2>
                          <p>US Powerball offers an impressive <strong>$20 million*</strong> starting jackpot and its <strong>$1.58 billion</strong>&nbsp;personal best from January 2016 is the all-time lottery world record! When all the numbers on
                            your Powerball ticket match the five main numbers and the Powerball, you win the US Powerball jackpot prize! In addition to the jackpot you can win one of eight exciting secondary prizes including a <strong>second prize
                              that starts at $1 million</strong>! Even when you buy Powerball tickets online you are eligible to win these amazing prizes - if your numbers match those drawn! Learn more about Powerball and other popular US lotteries
                            by checking out our <a href="https://www.lottosun.com/american-lotto/">American Lottery Guide</a>.</p>
                          <p><em>*Officially, the advertised jackpot is determined by game sales and interest rates, and it is announced prior to each draw.</em></p>
                        </div>
                      </div>
                      <div class="clearboth"></div>
                      <div class="long_bottom_separator"></div>
                      <div class="long_default_layout_left margintop20">
                        <div class="three_col_layout nomargins">
                          <div class="promotion_box"><img alt="Lotto Sun’s US Powerball Lottery Winners " src="https://www.lottosun.com//objects/dm.tlo?id=3177&amp;v=20212608154346" width="224" height="220"> </div>
                        </div>
                        <div class="three_col_layout_2col">
                          <h2 class="notop_margin">Lotto Sun’s US Powerball Lottery Winners</h2>
                          <p><a href="https://www.lottosun.com/foreigners-playing-powerball/">Can you play Powerball if you are not a US citizen?</a> Of course you can! This is confirmed not only on the official Powerball website, but also in the
                            stories of some of our biggest Powerball winners here at Lotto Sun.</p>
                          <p>Australian G. won an amazing <strong>$1 million </strong>second prize in US Powerball’s 2016/84 draw that took place on Wednesday 19 October 2016. G. is a veteran player who has been playing lotteries with Lotto Sun since
                            2003. As we can see, keep playing and <a href="https://www.lottosun.com/australian-powerball-winner-2016/">good fortune comes at last</a>!</p>
                          <p>Canadian P. from Quebec won <strong>$1 million</strong> in the Powerball draw on Saturday 27 February 2016, marking the second time in two months that a foreigner had won the coveted second prize. Read how he
                            <a href="https://www.lottosun.com/canadian-powerball-winner/"> discovered he was a millionaire</a> while he was eating breakfast.</p>
                          <p>73-year-old H from El Salvador had one question on his mind when the Powerball jackpot hit $1.5 billion: Where can I buy a Powerball ticket? Luckily the answer was Lotto Sun and he won the <strong>$1 million</strong> 2nd
                            prize in the historic draw on 13 January 2016! "I won!" he shouted out when he heard the news. He plans to travel and retire in style. <a href="https://www.lottosun.com/online-powerball-winner/">Read his story here</a>.
                          </p>
                          <p>B.U. from the UK won the Powerball’s second place <strong>$1 million</strong> prize after playing just five entries in the draw on 21 April 2012! When he got the call from Lotto Sun informing him that he was a big winner,
                            he thought it was a joke. No joke! Read <a href="https://www.lottosun.com/uk-powerball-winner-2012/"> what the lucky player said</a> after winning $1 million!</p>
                          <p>Fifty five of our players from all over the world teamed up in a Powerball syndicate in November 2017 and shared a $106,000 win, including two 3rd Division prizes of $50,000. What was even more amazing is that every
                            single line of the syndicate’s 65 lines won a prize! Read the story of the <a href="https://www.lottosun.com/powerball-syndicate-win-2017/">winning Powerball syndicate</a>.</p>
                        </div>
                      </div>
                      <div class="clearboth"></div>
                      <div class="long_bottom_separator"></div>
                      <div class="long_default_layout_left margintop20">
                        <div class="three_col_layout nomargins">
                          <div class="promotion_box"><img alt="Latest News About US Powerball Players" src="https://www.lottosun.com//objects/dm.tlo?id=3173&amp;v=20212608154346" width="224" height="220"> </div>
                        </div>
                        <div class="three_col_layout_2col">
                          <h2 class="notop_margin">Latest News about the US Powerball</h2>
                          <p><strong>Recent Powerball news</strong>: On 23 August, Powerball has increased the number of drawings to <strong>three nights a week</strong>. In addition to the draws on Wednesdays and Saturdays, they will also take place
                            on <strong>Monday </strong>nights. Select jurisdictions will now offer&nbsp;<em>Double Play</em> which gives players another chance to match their Powerball numbers in a separate draw with a top cash prize of $10 million.
                          </p>
                          <p>The Powerball jackpot is up to a staggering&nbsp;<strong>$432 million </strong>(<em>$313.5 million cash value</em>) after a rollover in the Monday night draw! Get your tickets for the next draw on Wednesday, 15 September
                            for your chance at winning it!</p>
                        </div>
                      </div>
                      <script type="application/ld+json">
                        {
                          "@context": "https://schema.org",
                          "@type": "FAQPage",
                          "mainEntity": [{
                            "@type": "Question",
                            "name": "Can You Play Powerball Online?",
                            "acceptedAnswer": {
                              "@type": "Answer",
                              "text": "Yes you can! Play Powerball online by selecting five main numbers from 1-69 and a single Powerball number from 1-26. When you play online with official lottery tickets, you can choose your Powerball numbers manually, with the Quick Pick option, or use your saved lucky numbers."
                            }
                          }, {
                            "@type": "Question",
                            "name": "Can You Buy Powerball Tickets Online Outside the US?",
                            "acceptedAnswer": {
                              "@type": "Answer",
                              "text": "Yes! When you play Powerball online at Lotto Sun, you can purchase Powerball tickets worldwide."
                            }
                          }, {
                            "@type": "Question",
                            "name": "How Do You Win the Powerball Jackpot?",
                            "acceptedAnswer": {
                              "@type": "Answer",
                              "text": "When all the numbers on your Powerball ticket match the five main numbers and the Powerball, you win the US Powerball jackpot prize!"
                            }
                          }]
                        }
                      </script>
                    </div>
                    <div class="wider_bottom_separator"></div>
                  </div>
                </div>
              </div>
            </td>
            <td data-mobile="remove" class="right-column"></td>
          </tr>
          <tr id="ctl00_tr_left_Shadow" valign="top" data-mobile="remove" class="tr-bottom height30 mobile_exc">
            <td>&nbsp;</td>
            <td id="ctl00_tdPaddingRowBottom">&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div id="ctl00_footer" class="footer-wrapper">
      <div class="footer-container">
        <div footer-content="" class="ng-isolate-scope">
          <div regulation-footer-content="" class="regulation-footer-content ng-isolate-scope">
            <!-- ngIf: isDoneLoading -->
            <div class="regulation-footer-inner-container ng-scope ng-binding" ng-if="isDoneLoading" ng-bind-html="footerContent | Shared.UnsafeHtml">
              <div class="Footerbasicwrapper">
                <div class="Footerbasiccontainer">
                  <div class="Footerspaces"></div>
                  <div class="appsContainer">
                    <div class="appButton"><a href="https://www.lottosun.com/mobile-apps/?platformref=1&amp;medium=site_footer" target="_blank">            <img src="/objects/dm.tlo?id=28087" width="220" height="58">            </a> </div>
                    <div class="appButton">
                      <a href="https://www.lottosun.com/lottery-android-app/?utm_source=site&amp;utm_medium=site_footer&amp;utm_campaign=SFC_Android_Download_Footer"><img src="/objects/dm.tlo?id=16110" width="220" height="58"></a> </div>
                  </div>
                </div>
                <div class="socialiconssection"> <a name="facebook" href="https://www.facebook.com/thelotteronline/" target="_blank"><img src="https://www.thelotter.com/objects/Footer/SocialIcons/facebook2x.png" width="41" height="40"></a>
                  <a name="youtube" href="https://www.youtube.com/user/theLotterVideos" target="_blank"><img src="https://www.thelotter.com/objects/Footer/SocialIcons/youtube2x.png" width="41" height="40"></a>
                  <a name="twitter" href="https://twitter.com/thelotter" target="_blank"><img src="https://www.thelotter.com/objects/Footer/SocialIcons/twitter2x.png" width="41" height="40"></a>
                  <a name="instagram" href="https://www.instagram.com/thelotter_playing_it_global/" target="_blank"><img src="https://www.thelotter.com/objects/Footer/SocialIcons/instagram2x.png" width="41" height="40"></a> </div> <img
                  class="linespacetop" src="https://www.thelotter.com/objects/dm.tlo?id=15321" alt="line" height="1" width="585">
                <div class="Footertrustmobile">
                  <div class="Footertrusticons"> <img alt="Footersatisfaction" src="https://www.thelotter.com/objects/dm.tlo?id=15552" width="81" height="25">
                    <a href="https://www.gamblersanonymous.org.uk/" target="_blank">            <img alt="Footerga" src="https://www.thelotter.com/objects/dm.tlo?id=15497" width="28" height="18"></a>
                    <a href="https://www.lottosun.com/terms-of-use/" target="_blank">              <img alt="Footeragelimit" src="https://www.thelotter.com/objects/dm.tlo?id=15495" width="24" height="24"> </a>
                    <a href=" https://www.rgf.org.mt/ " target="_blank">              <img alt="FooterRGF" src="https://www.thelotter.com/objects/dm.tlo?id=27513" width="64" height="18"> </a>
                    <a href="https://www.geotrust.com/" target="_blank">                           <img alt="Footergeotrust" src="https://www.thelotter.com/objects/dm.tlo?id=15504" width="82" height="18"> </a> </div>
                </div>
                <div class="Footertrust">
                  <div class="Footertrusticons"> <img alt="Footersatisfaction" src="https://www.thelotter.com/objects/dm.tlo?id=15507" width="120" height="39">
                    <a href="https://www.gamblersanonymous.org.uk/" target="_blank"><img class="Iconsopacityeffect" alt="Footerga" src="https://www.thelotter.com/objects/dm.tlo?id=15498" width="45" height="29"> </a>
                    <a href="https://www.lottosun.com/terms-of-use/" target="_blank"><img class="Iconsopacityeffect" alt="Footeragelimit" src="https://www.thelotter.com/objects/dm.tlo?id=15496" width="32" height="32"> </a>
                    <a href=" https://www.rgf.org.mt/ " target="_blank"><img class="Iconsopacityeffect" alt="FooterRGFre" src="https://www.thelotter.com/objects/dm.tlo?id=27512" width="141" height="39"></a>
                    <a href="https://www.geotrust.com/" target="_blank"><img class="Iconsopacityeffect" alt="Footergeotrust" src="https://www.thelotter.com/objects/dm.tlo?id=15505" width="175" height="38">  </a> </div>
                </div> <img class="linespace" src="https://www.thelotter.com/objects/dm.tlo?id=15321" alt="line" height="1" width="585"> <!---------------------- license ---------------------->
                <div class="Footerspaces"></div>
                <div class="Footerlicensewrapper">
                  <div class="Footerlicensecontainer">
                    <div class="Footerlicenselogo">
                      <a href="https://www.authorisation.mga.org.mt/verification.aspx?lang=EN&amp;company=653d15b5-4a2e-461c-8928-13cf3a03b2e5&amp;details=1" target="_blank">        <img class="Iconsopacityeffect" alt="satisfaction" src="https://www.thelotter.com/objects/dm.tlo?id=15502" width="184" height="36">                  </a>
                    </div>
                    <div class="FooterlicenselogoMobile">
                      <a href="https://www.authorisation.mga.org.mt/verification.aspx?lang=EN&amp;company=653d15b5-4a2e-461c-8928-13cf3a03b2e5&amp;details=1" target="_blank">                      <img alt="satisfaction" src="https://www.thelotter.com/objects/dm.tlo?id=15502" width="137" height="27">                   </a>
                    </div>
                    <div class="Footerlicensetext"> <span>This website is operated by Lotto Direct Limited, a company registered in Malta (registration number: C77583) having its registered office at Vision Exchange Building, Level 1, Triq
                        it-Territorjals, Zone 1, Central Business District, CBD 1070, Birkirkara, Malta. Phone number: +44 20 3150 0476. Lotto Direct Limited is licensed and regulated by the Malta Gaming Authority (License: MGA/CRP/402/2017 issued on
                        01/08/2018).</span><br><br><span>Lotto Direct Limited and its associated brands operate as an independent ticket purchasing service and are neither associated with nor endorsed by MUSL, Française des Jeux, Loterías y Apuestas
                        del Estado, or any company that manages any product for which their services are employed.</span> </div>
                    <div>
                      <div class="Footerspaces"></div>
                      <div class="Footerplayresponsibly"> <img alt="Footermarknotice" src="https://www.thelotter.com/objects/dm.tlo?id=15503" width="14" height="14">
                        <a href="https://www.lottosun.com/responsible-gaming/"><span class="Footerplayresponsiblytext">Gambling can be harmful if not controlled. Please play responsibly.</span></a> </div>
                    </div>
                    <div class="Footerspacesdesktop"></div>
                  </div>
                </div>
              </div>
            </div><!-- end ngIf: isDoneLoading -->
          </div>
          <!-- ngIf: footerContentLoaded -->
          <div ng-if="footerContentLoaded" class="ng-scope">
            <div footer-links="" data-links="footerLinks" class="ng-isolate-scope">
              <!-- ngIf: footerLinksDataLoaded -->
              <div ng-if="footerLinksDataLoaded" class="footer-nav-wrapper ng-scope">
                <div class="nav-list-wrapper">
                  <ul class="footer-nav-list">
                    <!-- ngRepeat: link in links -->
                    <li ng-repeat="link in links" class="ng-scope">
                      <div footer-link="" data-link="link" class="ng-isolate-scope">
                        <a href="https://www.lottosun.com/about-us/" class="ng-binding">About Us</a>
                      </div>
                    </li><!-- end ngRepeat: link in links -->
                    <li ng-repeat="link in links" class="ng-scope">
                      <div footer-link="" data-link="link" class="ng-isolate-scope">
                        <a href="https://www.lottosun.com/terms-of-use/" class="ng-binding">Terms of Use</a>
                      </div>
                    </li><!-- end ngRepeat: link in links -->
                    <li ng-repeat="link in links" class="ng-scope">
                      <div footer-link="" data-link="link" class="ng-isolate-scope">
                        <a href="https://www.lottosun.com/privacy-policy/" class="ng-binding">Privacy Notice</a>
                      </div>
                    </li><!-- end ngRepeat: link in links -->
                    <li ng-repeat="link in links" class="ng-scope">
                      <div footer-link="" data-link="link" class="ng-isolate-scope">
                        <a href="https://www.lottosun.com/cookie-policy/" class="ng-binding">Cookie Policy</a>
                      </div>
                    </li><!-- end ngRepeat: link in links -->
                    <li ng-repeat="link in links" class="ng-scope">
                      <div footer-link="" data-link="link" class="ng-isolate-scope">
                        <a href="https://www.thelotter-affiliates.com/affiliates/signup.php" class="ng-binding">theLotter Affiliates</a>
                      </div>
                    </li><!-- end ngRepeat: link in links -->
                    <li ng-repeat="link in links" class="ng-scope">
                      <div footer-link="" data-link="link" class="ng-isolate-scope">
                        <a href="https://www.lottosun.com/rss.xml?languageid=1" class="ng-binding">RSS</a>
                      </div>
                    </li><!-- end ngRepeat: link in links -->
                    <li ng-repeat="link in links" class="ng-scope">
                      <div footer-link="" data-link="link" class="ng-isolate-scope">
                        <a href="https://www.lottosun.com/contact-us/" class="ng-binding">Contact Us</a>
                      </div>
                    </li><!-- end ngRepeat: link in links -->
                  </ul>
                </div>
              </div><!-- end ngIf: footerLinksDataLoaded -->
            </div>
          </div><!-- end ngIf: footerContentLoaded -->
          <!-- ngIf: displayGoToMobile() -->
        </div>
      </div>
    </div>
    <!-- Injected Script: Microsoft Ads tag -->
    <script>
      var callback = function() {
        var w = window;
        var d = document;
        var t = "script";
        var r = "//bat.bing.com/bat.js";
        var u = "uetq";
        var f, n, i;
        w[u] = w[u] || [], f = function() {
          var o = {
            ti: "25071092"
          };
          o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad")
        }, n = d.createElement(t), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function() {
          var s = this.readyState;
          s && s !== "loaded" && s !== "complete" || (f(), n.onload = n.onreadystatechange = null)
        }, i = d.getElementsByTagName(t)[0], i.parentNode.insertBefore(n, i)
      };
      if (document.readyState === 'complete') {
        callback()
      } else {
        window.addEventListener("load", callback)
      }
    </script><!-- Injected Script: Post Affiliate Pro - Clicks Tracking -->
    <script>
      if (window.addEventListener) {
        window.addEventListener("load", function() {
          loadTrackScript();
        });
      } else if (window.attachEvent) {
        window.attachEvent("onload", function() {
          loadTrackScript();
        });
      } else {
        loadTrackScript();
      }

      function loadTrackScript() {
        var track = document.createElement("script");
        track.id = 'pap_x2s6df8d';
        track.src = (("https:" == document.location.protocol) ? "https://" : "http://") + "www.thelotter-affiliates.com/scripts/trackjs.js";
        track.onload = function() {
          startTracking();
        };
        document.getElementsByTagName("head")[0].appendChild(track);
      }

      function startTracking() {
        PostAffTracker.setAccountId('default1');
        try {
          PostAffTracker.track();
        } catch (err) {};
      }
    </script><!-- Injected Script: Verizon Gemini Native 13792 All Pages -->
    <script type="application/javascript">
      (function(w, d, t, r, u) {
        w[u] = w[u] || [];
        w[u].push({
          'projectId': '10000',
          'properties': {
            'pixelId': '10131727'
          }
        });
        var s = d.createElement(t);
        s.src = r;
        s.async = true;
        s.onload = s.onreadystatechange = function() {
          var y, rs = this.readyState,
            c = w[u];
          if (rs && rs != "complete" && rs != "loaded") {
            return
          }
          try {
            y = YAHOO.ywa.I13N.fireBeacon;
            w[u] = [];
            w[u].push = function(p) {
              y([p])
            };
            y(c)
          } catch (e) {}
        };
        var scr = d.getElementsByTagName(t)[0],
          par = scr.parentNode;
        par.insertBefore(s, scr)
      })(window, document, "script", "https://s.yimg.com/wi/ytc.js", "dotq");
    </script><!-- Injected Script: Facebook_thelotter_ads --><!-- Facebook Pixel Code -->
    <script>
      if (typeof initFacebookEvents !== "function") {
        function initFacebookEvents(f, b, e, v, n, t, s) {
          if (f.fbq) return;
          n = f.fbq = function() {
            n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
          };
          if (!f._fbq) f._fbq = n;
          n.push = n;
          n.loaded = !0;
          n.version = '2.0';
          n.queue = [];
          t = b.createElement(e);
          t.async = !0;
          t.src = v;
          s = b.getElementsByTagName(e)[0];
          s.parentNode.insertBefore(t, s)
        };
      }
      if (typeof onLoadInit !== "function") {
        function onLoadInit(callback) {
          if (document.readyState === 'complete') {
            callback();
          } else {
            window.addEventListener("load", callback);
          }
        }
      }
      onLoadInit(function() {
        initFacebookEvents(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '817677268405846');
        fbq('track', 'PageView');
      });
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=817677268405846&amp;ev=PageView&amp;noscript=1"></noscript>
    <!-- End Facebook Pixel Code --><!-- Injected Script: Global pixel - Google (tag manager) -->
    <script>
      if (typeof onLoadInit !== "function") {
        function onLoadInit(callback) {
          if (document.readyState === 'complete') {
            callback();
          } else {
            window.addEventListener("load", callback);
          }
        }
      }
      if (typeof fetchScript !== "function") {
        function fetchScript(src, id) {
          var script;
          script = document.createElement('script');
          script.src = src;
          script.id = id;
          script.async = true;
          document.head.appendChild(script);
        }
      }
      if (typeof gtag !== "function") {
        function gtag() {
          window.dataLayer.push(arguments);
        }
      } < !--Global site tag(gtag.js) - Google AdWords: 856867045-- > function fetchTagManagerAdWords() {
        fetchScript("https://www.googletagmanager.com/gtag/js?id=AW-856867045", "AW-856867045");
        window.dataLayer = window.dataLayer || [];
        gtag('js', new Date());
        gtag('config', 'AW-856867045');
        gtag('config', 'AW-1002283013');
        gtag('config', 'AW-609807189');
      } < !--Global site tag(gtag.js) - Google Ads: 758430343-- > function fetchTagManagerAds() {
        fetchScript("https://www.googletagmanager.com/gtag/js?id=AW-758430343", "AW-758430343");
        window.dataLayer = window.dataLayer || [];
        gtag('js', new Date());
        gtag('config', 'AW-758430343');
      }
      onLoadInit(function() {
        fetchTagManagerAdWords();
        fetchTagManagerAds();
      });
    </script><!-- Injected Script: Outbrain Page view (10694) -->
    <script data-obct="" type="text/javascript">
      if (window.addEventListener) {
        window.addEventListener("load", function() {
          loadOutbrainScript();
        });
      } else if (window.attachEvent) {
        window.attachEvent("onload", function() {
          loadOutbrainScript();
        });
      } else {
        loadOutbrainScript();
      }

      function loadOutbrainScript() {
        /** DO NOT MODIFY THIS CODE**/
        ! function(_window, _document) {
          var OB_ADV_ID = ['001fb03cf3fe3fdff9b757afa645f85cd8', '007e46ed0106616ee0ee926fbc10cbc7ee'];
          if (_window.obApi) {
            var toArray = function(object) {
              return Object.prototype.toString.call(object) === '[object Array]' ? object : [object];
            };
            _window.obApi.marketerId = toArray(_window.obApi.marketerId).concat(toArray(OB_ADV_ID));
            return;
          }
          var api = _window.obApi = function() {
            api.dispatch ? api.dispatch.apply(api, arguments) : api.queue.push(arguments);
          };
          api.version = '1.1';
          api.loaded = true;
          api.marketerId = OB_ADV_ID;
          api.queue = [];
          var tag = _document.createElement('script');
          tag.async = true;
          tag.src = '//amplify.outbrain.com/cp/obtp.js';
          tag.type = 'text/javascript';
          var script = _document.getElementsByTagName('script')[0];
          script.parentNode.insertBefore(tag, script);
        }(window, document);
        obApi('track', 'PAGE_VIEW');
      }
    </script><!-- Injected Script: Taboola - all pages --><!-- Taboola Pixel Code -->
    <script type="text/javascript">
      window._tfa = window._tfa || [];
      window._tfa.push({
        notify: 'event',
        name: 'page_view',
        id: 1298910
      });
      ! function(t, f, a, x) {
        if (!document.getElementById(x)) {
          t.async = 1;
          t.src = a;
          t.id = x;
          f.parentNode.insertBefore(t, f);
        }
      }(document.createElement('script'), document.getElementsByTagName('script')[0], '//cdn.taboola.com/libtrc/unip/1298910/tfa.js', 'tb_tfa_script');
    </script>
    <noscript>
      <img src="https://trc.taboola.com/1298910/log/3/unip?en=page_view" width="0" height="0" style="display:none">
    </noscript>
    <!-- End of Taboola Pixel Code -->
    <!-- Popups -->
    <div class="time-limit-popup-section" time-limit-popup-v2-directive=""></div>
    <div class="time-limit-popup-section" reality-check-popup-directive=""></div>
    <input type="hidden" name="__VSTATEID" id="__VSTATEID"
      value="/wEPDwUKLTM5NTU5OTY3NRBkZBYCZg9kFgwCAQ9kFg5mDxYCHgRUZXh0BZ0DPGxpbmsgcmVsPSJwcmVjb25uZWN0IiBocmVmPSJodHRwczovL3MxMS50bC1yZXMuY29tL2RlbGl2ZXJ5LyI+DQo8bGluayByZWw9InByZWNvbm5lY3QiIGhyZWY9Imh0dHBzOi8vd3d3LnRsZy1hcGkuY29tIj4NCjxsaW5rIHJlbD0icHJlY29ubmVjdCIgaHJlZj0iaHR0cHM6Ly90bC1sb2cuY29tIj4NCjxsaW5rIHJlbD0icHJlY29ubmVjdCIgaHJlZj0iaHR0cHM6Ly93d3cuZ29vZ2xldGFnbWFuYWdlci5jb20iPg0KPGxpbmsgcmVsPSJwcmVjb25uZWN0IiBocmVmPSJodHRwczovL3d3dy5nc3RhdGljLmNvbSI+DQo8bGluayByZWw9InByZWNvbm5lY3QiIGhyZWY9Imh0dHBzOi8vY29ubmVjdC5mYWNlYm9vay5uZXQiPg0KPGxpbmsgcmVsPSJwcmVjb25uZWN0IiBocmVmPSJodHRwczovL2xwdGFnLmxpdmVwZXJzb24ubmV0Ij5kAgEPFgIfAAWJGjxiYXNlIGhyZWY9J2h0dHBzOi8vd3d3LmxvdHRvc3VuLmNvbS8nPjwvYmFzZT48c2NyaXB0IHR5cGU9J3RleHQvamF2YXNjcmlwdCcgbmFtZT0ianNDb3JlQnVuZGxlIiBzcmM9J1NjcmlwdHMvanNsaWIuYXhkP2Q9c2NyaXB0cy9qcXVlcnktMS43LjEubWluLmpzLHNjcmlwdHMvX2NvcmUvTmFtZXNwYWNlLmpzLHNjcmlwdHMvX2NvcmUvQ2xhc3MuanMsc2NyaXB0cy9fY29yZS9Db3JlLmpzLHNjcmlwdHMvX2NvcmUvQ29yZS5NYXRoLmpzLHNjcmlwdHMvX2NvcmUvQ29yZS5WYWxpZGF0aW9ucy5qcyxzY3JpcHRzL19jb3JlL0NvcmUuVXRpbHMuVXJsLmpzLHNjcmlwdHMvX2FwcC9UTC5qcyxzY3JpcHRzL19hcHAvTW9kZWxzL1RMR2xvYmFscy5qcyxzY3JpcHRzL19hcHAvU2VydmljZXMvQmFzZVNlcnZpY2UuanMsc2NyaXB0cy9fYXBwL1NlcnZpY2VzL0ZvbnRTdHlsZUNhbGN1bGF0b3JTZXJ2aWNlLmpzLHNjcmlwdHMvX2FwcC9TZXJ2aWNlcy9Vc2VyTG9naW5TdGF0dXNTZXJ2aWNlLmpzLHNjcmlwdHMvX2FwcC9TZXJ2aWNlcy9GZWF0dXJlVG9nZ2xlU2VydmljZS5qcyxzY3JpcHRzL19hcHAvTW9kZWxzL1NpdGVFbGVtZW50cy5qcyxTY3JpcHRzL0pzdG9yYWdlL2pzdG9yYWdlLmpzLHNjcmlwdHMvX2FwcC9Db250cm9sbGVycy9Gb3Jtc05vcm1hbGl6ZXIuanMsc2NyaXB0cy9iaWcubWluLmpzLHNjcmlwdHMvbWFpbGNoZWNrLm1pbi5qcyxzY3JpcHRzL2xvY2FsZm9yYWdlLmpzLHNjcmlwdHMvX2FwcC9Db250cm9sbGVycy9TaW5nbGVGcmFtZUFuZFBvcHVwQ29udHJvbGxlci5qcyZ2PTIwMjEwOTEzMTM0OTE2Jz48L3NjcmlwdD48c2NyaXB0IHR5cGU9J3RleHQvamF2YXNjcmlwdCc+VEwudGxHbG9iYWxzID0gbmV3IFRMLk1vZGVscy5UTEdsb2JhbHMoeyJMYW5ndWFnZUlkIjoxLCJJc01haW5TaXRlIjpmYWxzZSwiU3ViU2l0ZUlkIjo3NywiTGljZW5zZVJlZiI6MSwiTGljZW5zZU5hbWUiOiJNR0EgTWVzc2VuZ2VyIFx1MDAyNiBCZXR0aW5nLU9uIiwiU2VjdXJpdHlSZXZpc2l0VXNlckxvZ2dlZEluSW1wbGVtZW50YXRpb24iOnRydWUsIlVzZXJJZCI6LTEsIkJhc2VVcmwiOiJodHRwczovL3d3dy5sb3R0b3N1bi5jb20vIiwiRG9tYWluTmFtZSI6IkxvdHRvU3VuLmNvbSIsIlNpdGVHYXRld2F5QXBpQmFzZVVybCI6Imh0dHBzOi8vd3d3LnRsZy1hcGkuY29tIiwiTmljZUhQVXJsIjoiaHR0cHM6Ly93d3cubG90dG9zdW4uY29tLyIsIkhlYWRlckxvZ29JbWciOnsic3JjIjoiaHR0cHM6Ly9zMS50aGVsb3R0ZXIuY29tLy9vYmplY3RzL2RtLnRsbz9pZD0xODY5NFx1MDAyNnY9MjAyMTI2MDgxNTQzNDYiLCJhbHQiOiJTaXRlIGxvZ28ifSwiTm9uZUltYWdlc0NETlJvb3QiOiJodHRwczovL3d3dy5sb3R0b3N1bi5jb20vIiwiTm9uZUltYWdlc1Jvb3QiOiJodHRwczovL3d3dy5sb3R0b3N1bi5jb20vIiwiSW1hZ2VzQ0ROUm9vdCI6Imh0dHBzOi8vd3d3LmxvdHRvc3VuLmNvbS8iLCJKc1ZlcnNpb24iOiIyMDIxMDkxMzEzNDkxNiIsIkNzc1ZlcnNpb24iOiIyMDIxMDkxMzEyMDgzNyIsIkN1cnJlbnRQYWdlTmFtZSI6InBsYXkuYXNweCIsIklzVXNlckxvZ2dlZEluIjpmYWxzZSwiSXNQbGF5ZXIiOmZhbHNlLCJJc0Z1bGx5UmVnaXN0ZXJlZCI6ZmFsc2UsIklzTmV3VXNlciI6dHJ1ZSwiSXNVc2VySWRlbnRpZmllZCI6ZmFsc2UsIkJhbm5lcnNCYXNlVXJsIjoiaHR0cHM6Ly9zMTEudGwtcmVzLmNvbS9kZWxpdmVyeS8iLCJQYXJhbXMiOnsiY29ycmVsYXRpb25JZCI6IjQyZTIwMDAwLTU2OWEtMDA1MC03ZDQxLTA4ZDk3YTcyYTYwNCIsIkZha2VDb3VudHJpZXNJZExpc3QiOls0MzRdLCJJc1JlZ3VsYXRpb25TdGFydEFNTFByb2Nlc3NGb3JQZXBUb2dnbGUiOnRydWUsInBsYXlTZXNzaW9uSWQiOiIiLCJzaG93UXVpY2tQaWNrQW5pbWF0aW9uSW5QbGF5UmVxdWVzdCI6dHJ1ZSwic2hvdWxkRGlzcGxheUhhbmRXcml0dGVuSW5zdHJ1Y3Rpb25zIjpmYWxzZSwiZW5hYmxlSGFuZFdyaXR0ZW5JbnN0cnVjdGlvbiI6ZmFsc2UsInNob3VsZEFuaW1hdGVkU2FsZUFycm93UGxheVJlcXVlc3QiOnRydWUsImxvdHRlcnlJZCI6MjUsImxvdHRlcnlUeXBlIjowLCJzaG93UGxheUJ1dHRvbldyaXR0ZW5JbnN0cnVjdGlvbkFmdGVyWFNlY29uZHMiOjQwLCJwYWdlSWQiOjM1LCJudW1iZXJPZkJldHMiOjAsIm11bHRpcGx5UHJpemVzIjpmYWxzZSwic3luZGljYXRpb25JdGVtSWQiOjAsImJ1bmRsZVR5cGUiOjAsImlzSW5mb0xvdHRlcnkiOmZhbHNlLCJpc0xvdHRlcnlOb3RBbGxvd2VkVG9QbGF5IjpmYWxzZSwiZGVhbFR5cGUiOjAsImZ0Ijo1LCJubCI6MCwiZmFjZWJvb2tBcHBsaWNhdGlvbklEIjoiMTI3MzQzMDU3MzQ2NDMxIiwiY3VycmVudExhbmd1YWdlTW9kZWwiOnsiY3NzQ2xhc3MiOiJpZC0xIiwidGV4dCI6IkVuZ2xpc2giLCJ1cmwiOm51bGwsIlRyYW5zbGF0aW9ucyI6e319LCJMaXZlUGVyc29uQXBwSWQiOiI1MDYyNTUzNiIsImdsb2JhbFVybHMiOnsicmVnaXN0cmF0aW9uRnVsbCI6Imh0dHBzOi8vd3d3LmxvdHRvc3VuLmNvbS9yZWdpc3RyYXRpb25mdWxsLmFzcHg/aXRlbWlkPTEiLCJhZGRQYXltZW50TWV0aG9kIjoiaHR0cHM6Ly93d3cubG90dG9zdW4uY29tL2FkZHBheW1lbnRtZXRob2QuYXNweD9pdGVtaWQ9MSIsImVkaXRQYXltZW50TWV0aG9kIjoiaHR0cHM6Ly93d3cubG90dG9zdW4uY29tL2VkaXRwYXltZW50bWV0aG9kLmFzcHg/aXRlbWlkPTEifX0sIlJlcG9ydEpTRXJyb3JzIjpmYWxzZSwiTG90dGVyeUNhcmRCbGlua1RocmVzaG9sZFNlY29uZHMiOjM2MDAsIlF1aWNrRHJhd0NhcmRCbGlua1RocmVzaG9sZFNlY29uZHMiOjMwMCwiUmFmZmxlRHJhd0NhcmRCbGlua1RocmVzaG9sZFNlY29uZHMiOjMwMCwiUmFmZmxlRHJhd0hvdXJzVG9Db3VudERvd24iOjE2OCwiSW1hZ2VzVmVyc2lvbiI6IjIwMjEyNjA4MTU0MzQ2IiwiSHRtbFZlcnNpb24iOiIyMDIxMDkxMzEyMDgzNyIsIkN1cnJlbnRVcmwiOiJodHRwczovL3d3dy5sb3R0b3N1bi5jb20vcGxheS5hc3B4P2xvdHRlcnlpZD0yNVx1MDAyNml0ZW1pZD0xXHUwMDI2dGxfYWZmaWQ9OTM4NFx1MDAyNmZ0PTVcdTAwMjZjaGFuPUJFTkwlMGElMDklMDklMDklMDklMDkiLCJJc1N5bmRpY2F0aW9uT25seVN1YlNpdGUiOmZhbHNlLCJJc1N1cHBvcnRNdWx0aXBsZUxhbmd1YWdlcyI6dHJ1ZSwiVXNlclN0YXR1cyI6LTEsIkxvY2F0aW9uSW5mbyI6bnVsbCwiVXNlclRva2VuIjpudWxsLCJFeHBpcmF0aW9uRGF0ZSI6bnVsbCwiVXNlckNvdW50cnlSZWYiOm51bGwsIlVzZXJTdGF0ZVJlZiI6bnVsbCwiU2hvdWxkRGlzcGxheVN3ZWRlblN1YlNpdGVIZWFkZXIiOmZhbHNlLCJVc2VyRW1haWwiOm51bGx9KTs8L3NjcmlwdD5kAgQPFgIfAAVWPG1ldGEgcHJvcGVydHk9Im9nOmltYWdlIiBjb250ZW50PSJodHRwczovL3d3dy5sb3R0b3N1bi5jb20vL29iamVjdHMvZG0udGxvP2lkPTI3OTU3Ij5kAgUPFgIfAAXDAjxtZXRhIG5hbWU9ImRlc2NyaXB0aW9uIiBjb250ZW50PSJQbGF5IFBvd2VyYmFsbCBvbmxpbmUgc2FmZWx5IGFuZCBzZWN1cmVseSBmb3IgeW91ciBjaGFuY2UgdG8gd2luIGh1Z2UgcHJpemVzIGFzIGhpZ2ggYXMgdGhlIHJlY29yZC1icmVha2luZyAkMS41OCBiaWxsaW9uIGphY2twb3QuIEJ1eSBQb3dlcmJhbGwgdGlja2V0cyBub3cuIiAvPjxtZXRhIG5hbWU9InJvYm90cyIgY29udGVudD0ibm9pbmRleCIgLz48bGluayByZWw9ImNhbm9uaWNhbCIgaHJlZj0iaHR0cHM6Ly93d3cudGhlbG90dGVyLmNvbS9sb3R0ZXJ5LXRpY2tldHMvdXNhLXBvd2VyYmFsbC8iIC8+ZAIGDxYCHwAFTzxsaW5rIHJlbD0ic2hvcnRjdXQgaWNvbiIgdHlwZT0iaW1hZ2UveC1pY29uIiBocmVmPSJvYmplY3RzL2RtLnRsbz9pZD0xODY5NSIgLz5kAgcPFgIfAAVCPGxpbmsgcmVsPSJwdWJsaXNoZXIiIGhyZWY9Imh0dHBzOi8vcGx1cy5nb29nbGUuY29tLyt0aGVsb3R0ZXIiIC8+ZAIJDxYCHwBlZAIFDxYCHwBlZAIHD2QWAgIBD2QWAmYPZBYEZg8WAh4HVmlzaWJsZWhkAgEPZBYCAgEPFgIfAAVGPGRpdiBpZD0nTFBfRElWXzE0MDk0Njk2NTM4NTInIHN0eWxlPSd3aWR0aDoyMHB4O2hlaWdodDoxMDBweDsnPjwvZGl2PmQCCQ9kFgYCCw8WAh4FY2xhc3MFMXdyYXBwZXJfY29udGVudCBwYWdlLWxheW91dC1uby1yaWdodGJhciBsb2NhbHNpdGUWBAIBD2QWAgIBD2QWAgIBD2QWAmYPZBYEZg8WAh8BaGQCAQ9kFgICAQ8WAh8ABUY8ZGl2IGlkPSdMUF9ESVZfMTM5NTMyOTc2NDA4MScgc3R5bGU9J3dpZHRoOjMwcHg7aGVpZ2h0OjEyOHB4Oyc+PC9kaXY+ZAIDD2QWAgIBD2QWBAIBD2QWAgIBDxYCHwIFEWNvbnRlbnRfd2lkZV9mdWxsFgICAQ9kFgYCAw9kFgICAQ9kFgYCAQ9kFgQCAQ9kFgICAg8WAh8CBRtjc3NTRU9BcmVhMSBwbGF5LW1haW4tdGl0bGVkAgMPFgQfAgUPcGxheS1tYWluLXRpdGxlHwFoZAIDDxYCHwFoZAIFDxYCHwFoFgICAQ9kFgICAg8WAh8CBQtjc3NTRU9BcmVhMmQCBw8WAh4Fc3R5bGUFEW1pbi1oZWlnaHQ6NDc3cHg7ZAIJD2QWAgIBD2QWAgICDxYCHwIFC2Nzc1NFT0FyZWEzZAICDxYCHwFoFgICAQ9kFgJmD2QWAmYPZBYCAgEPDxYCHwFoZGQCDw8WAh8ABeg1PCEtLSBJbmplY3RlZCBTY3JpcHQ6IE1pY3Jvc29mdCBBZHMgdGFnIC0tPjxzY3JpcHQ+CnZhciBjYWxsYmFjaz1mdW5jdGlvbigpe3ZhciB3PXdpbmRvdzt2YXIgZD1kb2N1bWVudDt2YXIgdD0ic2NyaXB0Ijt2YXIgcj0iLy9iYXQuYmluZy5jb20vYmF0LmpzIjt2YXIgdT0idWV0cSI7dmFyIGYsbixpO3dbdV09d1t1XXx8W10sZj1mdW5jdGlvbigpe3ZhciBvPXt0aToiMjUwNzEwOTIifTtvLnE9d1t1XSx3W3VdPW5ldyBVRVQobyksd1t1XS5wdXNoKCJwYWdlTG9hZCIpfSxuPWQuY3JlYXRlRWxlbWVudCh0KSxuLnNyYz1yLG4uYXN5bmM9MSxuLm9ubG9hZD1uLm9ucmVhZHlzdGF0ZWNoYW5nZT1mdW5jdGlvbigpe3ZhciBzPXRoaXMucmVhZHlTdGF0ZTtzJiZzIT09ImxvYWRlZCImJnMhPT0iY29tcGxldGUifHwoZigpLG4ub25sb2FkPW4ub25yZWFkeXN0YXRlY2hhbmdlPW51bGwpfSxpPWQuZ2V0RWxlbWVudHNCeVRhZ05hbWUodClbMF0saS5wYXJlbnROb2RlLmluc2VydEJlZm9yZShuLGkpfTtpZihkb2N1bWVudC5yZWFkeVN0YXRlPT09J2NvbXBsZXRlJyl7Y2FsbGJhY2soKX1lbHNle3dpbmRvdy5hZGRFdmVudExpc3RlbmVyKCJsb2FkIixjYWxsYmFjayl9Cjwvc2NyaXB0PjwhLS0gSW5qZWN0ZWQgU2NyaXB0OiBQb3N0IEFmZmlsaWF0ZSBQcm8gLSBDbGlja3MgVHJhY2tpbmcgLS0+PHNjcmlwdD4KaWYgKHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKSB7CiAgICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoImxvYWQiLCBmdW5jdGlvbigpIHsKICAgICAgICAgICAgbG9hZFRyYWNrU2NyaXB0KCk7CiAgICAgICAgfSk7CiAgICB9IGVsc2UgaWYgKHdpbmRvdy5hdHRhY2hFdmVudCkgewogICAgICAgIHdpbmRvdy5hdHRhY2hFdmVudCgib25sb2FkIiwgZnVuY3Rpb24oKSB7CiAgICAgICAgICAgIGxvYWRUcmFja1NjcmlwdCgpOwogICAgICAgIH0pOwogICAgfSBlbHNlIHsKICAgICAgICBsb2FkVHJhY2tTY3JpcHQoKTsKICAgIH0KCmZ1bmN0aW9uIGxvYWRUcmFja1NjcmlwdCgpewogIHZhciB0cmFjaz0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgic2NyaXB0Iik7CiAgdHJhY2suaWQ9J3BhcF94MnM2ZGY4ZCc7CiAgdHJhY2suc3JjID0gKCgiaHR0cHM6IiA9PSBkb2N1bWVudC5sb2NhdGlvbi5wcm90b2NvbCkgPyAiaHR0cHM6Ly8iIDogImh0dHA6Ly8iKSArIAogICJ3d3cudGhlbG90dGVyLWFmZmlsaWF0ZXMuY29tL3NjcmlwdHMvdHJhY2tqcy5qcyI7CiAgdHJhY2sub25sb2FkID0gZnVuY3Rpb24oKXtzdGFydFRyYWNraW5nKCk7fTsKCiAgZG9jdW1lbnQuZ2V0RWxlbWVudHNCeVRhZ05hbWUoImhlYWQiKVswXS5hcHBlbmRDaGlsZCh0cmFjayk7Cn0KCmZ1bmN0aW9uIHN0YXJ0VHJhY2tpbmcoKXsgIAogICAgICBQb3N0QWZmVHJhY2tlci5zZXRBY2NvdW50SWQoJ2RlZmF1bHQxJyk7CiAgICB0cnkgewogICAgICBQb3N0QWZmVHJhY2tlci50cmFjaygpOwogICAgfSAKICAgIGNhdGNoIChlcnIpIHsgfTsKfQo8L3NjcmlwdD48IS0tIEluamVjdGVkIFNjcmlwdDogVmVyaXpvbiBHZW1pbmkgTmF0aXZlIDEzNzkyIEFsbCBQYWdlcyAtLT48c2NyaXB0IHR5cGU9ImFwcGxpY2F0aW9uL2phdmFzY3JpcHQiPihmdW5jdGlvbih3LGQsdCxyLHUpe3dbdV09d1t1XXx8W107d1t1XS5wdXNoKHsncHJvamVjdElkJzonMTAwMDAnLCdwcm9wZXJ0aWVzJzp7J3BpeGVsSWQnOicxMDEzMTcyNyd9fSk7dmFyIHM9ZC5jcmVhdGVFbGVtZW50KHQpO3Muc3JjPXI7cy5hc3luYz10cnVlO3Mub25sb2FkPXMub25yZWFkeXN0YXRlY2hhbmdlPWZ1bmN0aW9uKCl7dmFyIHkscnM9dGhpcy5yZWFkeVN0YXRlLGM9d1t1XTtpZihycyYmcnMhPSJjb21wbGV0ZSImJnJzIT0ibG9hZGVkIil7cmV0dXJufXRyeXt5PVlBSE9PLnl3YS5JMTNOLmZpcmVCZWFjb247d1t1XT1bXTt3W3VdLnB1c2g9ZnVuY3Rpb24ocCl7eShbcF0pfTt5KGMpfWNhdGNoKGUpe319O3ZhciBzY3I9ZC5nZXRFbGVtZW50c0J5VGFnTmFtZSh0KVswXSxwYXI9c2NyLnBhcmVudE5vZGU7cGFyLmluc2VydEJlZm9yZShzLHNjcil9KSh3aW5kb3csZG9jdW1lbnQsInNjcmlwdCIsImh0dHBzOi8vcy55aW1nLmNvbS93aS95dGMuanMiLCJkb3RxIik7PC9zY3JpcHQ+PCEtLSBJbmplY3RlZCBTY3JpcHQ6IEZhY2Vib29rX3RoZWxvdHRlcl9hZHMgLS0+PCEtLSBGYWNlYm9vayBQaXhlbCBDb2RlIC0tPgo8c2NyaXB0PgppZiAodHlwZW9mIGluaXRGYWNlYm9va0V2ZW50cyAhPT0gImZ1bmN0aW9uIikgewogICAgZnVuY3Rpb24gaW5pdEZhY2Vib29rRXZlbnRzKGYsIGIsIGUsIHYsIG4sIHQsIHMpIHsKICAgICAgICBpZiAoZi5mYnEpIHJldHVybjsKICAgICAgICBuID0gZi5mYnEgPSBmdW5jdGlvbigpIHsKICAgICAgICAgICAgbi5jYWxsTWV0aG9kID8KICAgICAgICAgICAgICAgIG4uY2FsbE1ldGhvZC5hcHBseShuLCBhcmd1bWVudHMpIDogbi5xdWV1ZS5wdXNoKGFyZ3VtZW50cykKICAgICAgICB9OwogICAgICAgIGlmICghZi5fZmJxKSBmLl9mYnEgPSBuOwogICAgICAgIG4ucHVzaCA9IG47CiAgICAgICAgbi5sb2FkZWQgPSAhMDsKICAgICAgICBuLnZlcnNpb24gPSAnMi4wJzsKICAgICAgICBuLnF1ZXVlID0gW107CiAgICAgICAgdCA9IGIuY3JlYXRlRWxlbWVudChlKTsKICAgICAgICB0LmFzeW5jID0gITA7CiAgICAgICAgdC5zcmMgPSB2OwogICAgICAgIHMgPSBiLmdldEVsZW1lbnRzQnlUYWdOYW1lKGUpWzBdOwogICAgICAgIHMucGFyZW50Tm9kZS5pbnNlcnRCZWZvcmUodCwgcykKICAgIH07Cn0KCmlmICh0eXBlb2Ygb25Mb2FkSW5pdCAhPT0gImZ1bmN0aW9uIikgewogICAgZnVuY3Rpb24gb25Mb2FkSW5pdChjYWxsYmFjaykgewogICAgICAgIGlmIChkb2N1bWVudC5yZWFkeVN0YXRlID09PSAnY29tcGxldGUnKSB7CiAgICAgICAgICAgIGNhbGxiYWNrKCk7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoImxvYWQiLCBjYWxsYmFjayk7CiAgICAgICAgfQogICAgfQp9CgpvbkxvYWRJbml0KGZ1bmN0aW9uKCkgewogICAgaW5pdEZhY2Vib29rRXZlbnRzKHdpbmRvdywgZG9jdW1lbnQsICdzY3JpcHQnLCAnaHR0cHM6Ly9jb25uZWN0LmZhY2Vib29rLm5ldC9lbl9VUy9mYmV2ZW50cy5qcycpOwogICAgZmJxKCdpbml0JywgJzgxNzY3NzI2ODQwNTg0NicpOwogICAgZmJxKCd0cmFjaycsICdQYWdlVmlldycpOwp9KTsKPC9zY3JpcHQ+Cjxub3NjcmlwdD48aW1nIGhlaWdodD0iMSIgd2lkdGg9IjEiIHN0eWxlPSJkaXNwbGF5Om5vbmUiCnNyYz0iaHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL3RyP2lkPTgxNzY3NzI2ODQwNTg0NiZldj1QYWdlVmlldyZub3NjcmlwdD0xIgovPjwvbm9zY3JpcHQ+CjwhLS0gRW5kIEZhY2Vib29rIFBpeGVsIENvZGUgLS0+PCEtLSBJbmplY3RlZCBTY3JpcHQ6IEdsb2JhbCBwaXhlbCAtIEdvb2dsZSAodGFnIG1hbmFnZXIpIC0tPjxzY3JpcHQ+CmlmICh0eXBlb2Ygb25Mb2FkSW5pdCAhPT0gImZ1bmN0aW9uIikgewogICAgZnVuY3Rpb24gb25Mb2FkSW5pdChjYWxsYmFjaykgewogICAgICAgIGlmIChkb2N1bWVudC5yZWFkeVN0YXRlID09PSAnY29tcGxldGUnKSB7CiAgICAgICAgICAgIGNhbGxiYWNrKCk7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoImxvYWQiLCBjYWxsYmFjayk7CiAgICAgICAgfQogICAgfQp9CgppZiAodHlwZW9mIGZldGNoU2NyaXB0ICE9PSAiZnVuY3Rpb24iKSB7CiAgICBmdW5jdGlvbiBmZXRjaFNjcmlwdChzcmMsIGlkKSB7CiAgICAgICAgICAgICAgICB2YXIgc2NyaXB0OwogICAgICAgICAgICAgICAgc2NyaXB0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc2NyaXB0Jyk7CiAgICAgICAgICAgICAgICBzY3JpcHQuc3JjID0gc3JjOwogICAgICAgICAgICAgICAgc2NyaXB0LmlkID0gaWQ7CiAgICAgICAgICAgICAgICBzY3JpcHQuYXN5bmMgPSB0cnVlOwogICAgICAgICAgICAgICAgZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZChzY3JpcHQpOwogICAgfQp9CgppZiAodHlwZW9mIGd0YWcgIT09ICJmdW5jdGlvbiIpIHsKICAgIGZ1bmN0aW9uIGd0YWcoKSB7CiAgICAgIHdpbmRvdy5kYXRhTGF5ZXIucHVzaChhcmd1bWVudHMpOwogICAgfQp9Cgo8IS0tIEdsb2JhbCBzaXRlIHRhZyAoZ3RhZy5qcykgLSBHb29nbGUgQWRXb3JkczogODU2ODY3MDQ1IC0tPgpmdW5jdGlvbiBmZXRjaFRhZ01hbmFnZXJBZFdvcmRzKCl7CmZldGNoU2NyaXB0KCJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbS9ndGFnL2pzP2lkPUFXLTg1Njg2NzA0NSIsICJBVy04NTY4NjcwNDUiKTsKd2luZG93LmRhdGFMYXllciA9IHdpbmRvdy5kYXRhTGF5ZXIgfHwgW107Cmd0YWcoJ2pzJywgbmV3IERhdGUoKSk7Cmd0YWcoJ2NvbmZpZycsICdBVy04NTY4NjcwNDUnKTsKZ3RhZygnY29uZmlnJywgJ0FXLTEwMDIyODMwMTMnKTsKZ3RhZygnY29uZmlnJywgJ0FXLTYwOTgwNzE4OScpOwp9CjwhLS0gR2xvYmFsIHNpdGUgdGFnIChndGFnLmpzKSAtIEdvb2dsZSBBZHM6IDc1ODQzMDM0MyAtLT4KZnVuY3Rpb24gZmV0Y2hUYWdNYW5hZ2VyQWRzKCl7CmZldGNoU2NyaXB0KCJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbS9ndGFnL2pzP2lkPUFXLTc1ODQzMDM0MyIsICJBVy03NTg0MzAzNDMiKTsKd2luZG93LmRhdGFMYXllciA9IHdpbmRvdy5kYXRhTGF5ZXIgfHwgW107Cmd0YWcoJ2pzJywgbmV3IERhdGUoKSk7Cmd0YWcoJ2NvbmZpZycsICdBVy03NTg0MzAzNDMnKTsKfQpvbkxvYWRJbml0KGZ1bmN0aW9uKCkgewpmZXRjaFRhZ01hbmFnZXJBZFdvcmRzKCk7CmZldGNoVGFnTWFuYWdlckFkcygpOwp9KTsKPC9zY3JpcHQ+PCEtLSBJbmplY3RlZCBTY3JpcHQ6IE91dGJyYWluIFBhZ2UgdmlldyAoMTA2OTQpIC0tPjxzY3JpcHQgZGF0YS1vYmN0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+CmlmICh3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcikgewogICAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCJsb2FkIiwgZnVuY3Rpb24oKSB7CiAgICAgICAgICAgIGxvYWRPdXRicmFpblNjcmlwdCgpOwogICAgICAgIH0pOwogICAgfSBlbHNlIGlmICh3aW5kb3cuYXR0YWNoRXZlbnQpIHsKICAgICAgICB3aW5kb3cuYXR0YWNoRXZlbnQoIm9ubG9hZCIsIGZ1bmN0aW9uKCkgewogICAgICAgICAgICBsb2FkT3V0YnJhaW5TY3JpcHQoKTsKICAgICAgICB9KTsKICAgIH0gZWxzZSB7CiAgICAgICAgbG9hZE91dGJyYWluU2NyaXB0KCk7CiAgICB9CgpmdW5jdGlvbiBsb2FkT3V0YnJhaW5TY3JpcHQoKXsKICAvKiogRE8gTk9UIE1PRElGWSBUSElTIENPREUqKi8KICAhZnVuY3Rpb24oX3dpbmRvdywgX2RvY3VtZW50KSB7CiAgICB2YXIgT0JfQURWX0lEPVsnMDAxZmIwM2NmM2ZlM2ZkZmY5Yjc1N2FmYTY0NWY4NWNkOCcsICAnMDA3ZTQ2ZWQwMTA2NjE2ZWUwZWU5MjZmYmMxMGNiYzdlZSddOwogICAgaWYgKF93aW5kb3cub2JBcGkpIHt2YXIgdG9BcnJheSA9IGZ1bmN0aW9uKG9iamVjdCkge3JldHVybiBPYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwob2JqZWN0KSA9PT0gJ1tvYmplY3QgQXJyYXldJyA/IG9iamVjdCA6IFtvYmplY3RdO307X3dpbmRvdy5vYkFwaS5tYXJrZXRlcklkID0gdG9BcnJheShfd2luZG93Lm9iQXBpLm1hcmtldGVySWQpLmNvbmNhdCh0b0FycmF5KE9CX0FEVl9JRCkpO3JldHVybjt9CiAgICB2YXIgYXBpID0gX3dpbmRvdy5vYkFwaSA9IGZ1bmN0aW9uKCkge2FwaS5kaXNwYXRjaCA/IGFwaS5kaXNwYXRjaC5hcHBseShhcGksIGFyZ3VtZW50cykgOiBhcGkucXVldWUucHVzaChhcmd1bWVudHMpO307YXBpLnZlcnNpb24gPSAnMS4xJzthcGkubG9hZGVkID0gdHJ1ZTthcGkubWFya2V0ZXJJZCA9IE9CX0FEVl9JRDthcGkucXVldWUgPSBbXTt2YXIgdGFnID0gX2RvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NjcmlwdCcpO3RhZy5hc3luYyA9IHRydWU7dGFnLnNyYyA9ICcvL2FtcGxpZnkub3V0YnJhaW4uY29tL2NwL29idHAuanMnO3RhZy50eXBlID0gJ3RleHQvamF2YXNjcmlwdCc7dmFyIHNjcmlwdCA9IF9kb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnc2NyaXB0JylbMF07c2NyaXB0LnBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKHRhZywgc2NyaXB0KTt9KHdpbmRvdywgZG9jdW1lbnQpOwpvYkFwaSgndHJhY2snLCAnUEFHRV9WSUVXJyk7Cn0KPC9zY3JpcHQ+PCEtLSBJbmplY3RlZCBTY3JpcHQ6IFRhYm9vbGEgLSBhbGwgcGFnZXMgLS0+PCEtLSBUYWJvb2xhIFBpeGVsIENvZGUgLS0+CjxzY3JpcHQgdHlwZT0ndGV4dC9qYXZhc2NyaXB0Jz4KICB3aW5kb3cuX3RmYSA9IHdpbmRvdy5fdGZhIHx8IFtdOwogIHdpbmRvdy5fdGZhLnB1c2goe25vdGlmeTogJ2V2ZW50JywgbmFtZTogJ3BhZ2VfdmlldycsIGlkOiAxMjk4OTEwfSk7CiAgIWZ1bmN0aW9uICh0LCBmLCBhLCB4KSB7CiAgICAgICAgIGlmICghZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoeCkpIHsKICAgICAgICAgICAgdC5hc3luYyA9IDE7dC5zcmMgPSBhO3QuaWQ9eDtmLnBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKHQsIGYpOwogICAgICAgICB9CiAgfShkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzY3JpcHQnKSwKICBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnc2NyaXB0JylbMF0sCiAgJy8vY2RuLnRhYm9vbGEuY29tL2xpYnRyYy91bmlwLzEyOTg5MTAvdGZhLmpzJywKICAndGJfdGZhX3NjcmlwdCcpOwo8L3NjcmlwdD4KPG5vc2NyaXB0Pgo8aW1nIHNyYz0naHR0cHM6Ly90cmMudGFib29sYS5jb20vMTI5ODkxMC9sb2cvMy91bmlwP2VuPXBhZ2VfdmlldycKd2lkdGg9JzAnIGhlaWdodD0nMCcgc3R5bGU9J2Rpc3BsYXk6bm9uZScvPgo8L25vc2NyaXB0Pgo8IS0tIEVuZCBvZiBUYWJvb2xhIFBpeGVsIENvZGUgLS0+ZAIRDxYCHwBlZAILDxYCHwAFwwU8c2NyaXB0IHR5cGU9J3RleHQvamF2YXNjcmlwdCc+d2luZG93LmdhPXdpbmRvdy5nYXx8ZnVuY3Rpb24oKXsoZ2EucT1nYS5xfHxbXSkucHVzaChhcmd1bWVudHMpfTtnYS5sPStuZXcgRGF0ZTtnYSgnY3JlYXRlJywgJ1VBLTEzNjc3OTg3OC0zJywgJ2F1dG8nKTtnYSgnc2VuZCcsICdwYWdldmlldycpOwoKaWYgKHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKSB7d2luZG93LmFkZEV2ZW50TGlzdGVuZXIoImxvYWQiLCBmdW5jdGlvbigpIHtsb2FkR29vZ2xlQW5hbHl0aWNzU2NyaXB0KCk7fSk7fSBlbHNlIGlmICh3aW5kb3cuYXR0YWNoRXZlbnQpIHt3aW5kb3cuYXR0YWNoRXZlbnQoIm9ubG9hZCIsIGZ1bmN0aW9uKCkge2xvYWRHb29nbGVBbmFseXRpY3NTY3JpcHQoKTt9KTt9IGVsc2Uge2xvYWRHb29nbGVBbmFseXRpY3NTY3JpcHQoKTt9CgpmdW5jdGlvbiBsb2FkR29vZ2xlQW5hbHl0aWNzU2NyaXB0KCl7dmFyIGFuYWx5dGljcyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoInNjcmlwdCIpO2FuYWx5dGljcy50eXBlID0gInRleHQvamF2YXNjcmlwdCI7YW5hbHl0aWNzLmFzeW5jID0gdHJ1ZTthbmFseXRpY3Muc3JjID0gJ2h0dHBzOi8vd3d3Lmdvb2dsZS1hbmFseXRpY3MuY29tL2FuYWx5dGljcy5qcyc7Cgpkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKGFuYWx5dGljcyk7fTwvc2NyaXB0PmQCEQ8WAh8ABboWPGRpdiBpZD0iTGl2ZVBlcnNvbk1vbml0b3JUYWciPjwhLS0gQkVHSU4gTGl2ZVBlcnNvbiBNb25pdG9yLiAtLT4KPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiB3aW5kb3cubHBUYWc9d2luZG93LmxwVGFnfHx7fTtpZih0eXBlb2Ygd2luZG93LmxwVGFnLl90YWdDb3VudD09PSd1bmRlZmluZWQnKXt3aW5kb3cubHBUYWc9e3NpdGU6JzUwNjI1NTM2J3x8Jycsc2VjdGlvbjpscFRhZy5zZWN0aW9ufHwnJyxhdXRvU3RhcnQ6bHBUYWcuYXV0b1N0YXJ0PT09ZmFsc2U/ZmFsc2U6dHJ1ZSxvdnI6bHBUYWcub3ZyfHx7fSxfdjonMS41LjEnLF90YWdDb3VudDoxLHByb3RvY29sOmxvY2F0aW9uLnByb3RvY29sLGV2ZW50czp7YmluZDpmdW5jdGlvbihhcHAsZXYsZm4pe2xwVGFnLmRlZmVyKGZ1bmN0aW9uKCl7bHBUYWcuZXZlbnRzLmJpbmQoYXBwLGV2LGZuKTt9LDApO30sdHJpZ2dlcjpmdW5jdGlvbihhcHAsZXYsanNvbil7bHBUYWcuZGVmZXIoZnVuY3Rpb24oKXtscFRhZy5ldmVudHMudHJpZ2dlcihhcHAsZXYsanNvbik7fSwxKTt9fSxkZWZlcjpmdW5jdGlvbihmbixmblR5cGUpe2lmKGZuVHlwZT09MCl7dGhpcy5fZGVmQj10aGlzLl9kZWZCfHxbXTt0aGlzLl9kZWZCLnB1c2goZm4pO31lbHNlIGlmKGZuVHlwZT09MSl7dGhpcy5fZGVmVD10aGlzLl9kZWZUfHxbXTt0aGlzLl9kZWZULnB1c2goZm4pO31lbHNle3RoaXMuX2RlZkw9dGhpcy5fZGVmTHx8W107dGhpcy5fZGVmTC5wdXNoKGZuKTt9fSxsb2FkOmZ1bmN0aW9uKHNyYyxjaHIsaWQpe3ZhciB0PXRoaXM7c2V0VGltZW91dChmdW5jdGlvbigpe3QuX2xvYWQoc3JjLGNocixpZCk7fSwwKTt9LF9sb2FkOmZ1bmN0aW9uKHNyYyxjaHIsaWQpe3ZhciB1cmw9c3JjO2lmKCFzcmMpe3VybD10aGlzLnByb3RvY29sKycvLycrKCh0aGlzLm92ciYmdGhpcy5vdnIuZG9tYWluKT90aGlzLm92ci5kb21haW46J2xwdGFnLmxpdmVwZXJzb24ubmV0JykrJy90YWcvdGFnLmpzP3NpdGU9Jyt0aGlzLnNpdGU7fXZhciBzPWRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NjcmlwdCcpO3Muc2V0QXR0cmlidXRlKCdjaGFyc2V0JyxjaHI/Y2hyOidVVEYtOCcpO2lmKGlkKXtzLnNldEF0dHJpYnV0ZSgnaWQnLGlkKTt9cy5zZXRBdHRyaWJ1dGUoJ3NyYycsdXJsKTtkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnaGVhZCcpLml0ZW0oMCkuYXBwZW5kQ2hpbGQocyk7fSxpbml0OmZ1bmN0aW9uKCl7dGhpcy5fdGltaW5nPXRoaXMuX3RpbWluZ3x8e307dGhpcy5fdGltaW5nLnN0YXJ0PShuZXcgRGF0ZSgpKS5nZXRUaW1lKCk7dmFyIHRoYXQ9dGhpcztpZih3aW5kb3cuYXR0YWNoRXZlbnQpe3dpbmRvdy5hdHRhY2hFdmVudCgnb25sb2FkJyxmdW5jdGlvbigpe3RoYXQuX2RvbVJlYWR5KCdkb21SZWFkeScpO30pO31lbHNle3dpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdET01Db250ZW50TG9hZGVkJyxmdW5jdGlvbigpe3RoYXQuX2RvbVJlYWR5KCdjb250UmVhZHknKTt9LGZhbHNlKTt3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbG9hZCcsZnVuY3Rpb24oKXt0aGF0Ll9kb21SZWFkeSgnZG9tUmVhZHknKTt9LGZhbHNlKTt9aWYodHlwZW9mKHdpbmRvdy5fbHB0U3RvcCk9PSd1bmRlZmluZWQnKXt0aGlzLmxvYWQoKTt9fSxzdGFydDpmdW5jdGlvbigpe3RoaXMuYXV0b1N0YXJ0PXRydWU7fSxfZG9tUmVhZHk6ZnVuY3Rpb24obil7aWYoIXRoaXMuaXNEb20pe3RoaXMuaXNEb209dHJ1ZTt0aGlzLmV2ZW50cy50cmlnZ2VyKCdMUFQnLCdET01fUkVBRFknLHt0Om59KTt9dGhpcy5fdGltaW5nW25dPShuZXcgRGF0ZSgpKS5nZXRUaW1lKCk7fSx2YXJzOmxwVGFnLnZhcnN8fFtdLGRiczpscFRhZy5kYnN8fFtdLGN0bjpscFRhZy5jdG58fFtdLHNkZXM6bHBUYWcuc2Rlc3x8W10sZXY6bHBUYWcuZXZ8fFtdfTtscFRhZy5pbml0KCk7fWVsc2V7d2luZG93LmxwVGFnLl90YWdDb3VudCs9MTt9IDwvc2NyaXB0Pgo8IS0tIEVORCBMaXZlUGVyc29uIE1vbml0b3IuIC0tPgo8IS0tIEJFR0lOIExpdmVFbmdhZ2UgRW5nYWdlbWVudCBBdHRyaWJ1dGVzIC0tPjxzY3JpcHQ+CmxwVGFnLnNkZXM9bHBUYWcuc2Rlc3x8W10sbHBUYWcuc2Rlcy5wdXNoKHt0eXBlOiJjdG1yaW5mbyIsaW5mbzp7Y3N0YXR1czoiTi9BIixjdHlwZToiTm9uIFJlZ2lzdGVyZWQiLGN1c3RvbWVySWQ6Ii0xIixyb2xlOiJOL0EifX0pLGxwVGFnLnNkZXM9bHBUYWcuc2Rlc3x8W10sbHBUYWcuc2Rlcy5wdXNoKHt0eXBlOiJwZXJzb25hbCIscGVyc29uYWw6e2ZpcnN0bmFtZToiTi9BIixsYXN0bmFtZToiTi9BIn19KSxscFRhZy5zZGVzPWxwVGFnLnNkZXN8fFtdLGxwVGFnLnNkZXMucHVzaCh7dHlwZToiY2FydCIscHJvZHVjdHM6W3twcm9kdWN0OntuYW1lOiJVLlMuIC0gUG93ZXJiYWxsIixjYXRlZ29yeToiQ3VycmVudCBQbGF5ZWQgTG90dGVyeSJ9fSx7cHJvZHVjdDp7bmFtZToiTi9BIixjYXRlZ29yeToiRmF2b3JpdGUgTG90dGVyeSJ9fSx7cHJvZHVjdDp7bmFtZToiTm9uIFJlZ2lzdGVyZWQgOyAiLGNhdGVnb3J5OiJHZW5lcmFsIGluZm9ybWF0aW9uIn19LHtwcm9kdWN0OntuYW1lOiJOL0EgOiBOL0EiLGNhdGVnb3J5OiJCZXN0IFNhbGUifX1dfSksbHBUYWcuc2VjdGlvbj1bImVuLUdCIl0sbHBUYWcuc2Rlcz1scFRhZy5zZGVzfHxbXSxscFRhZy5zZGVzLnB1c2goe3R5cGU6ImVycm9yIixlcnJvcjp7bWVzc2FnZToiTi9BIixjb2RlOiJOL0EifX0pLGxwVGFnLnNkZXM9bHBUYWcuc2Rlc3x8W10sbHBUYWcuc2Rlcy5wdXNoKHt0eXBlOiJsZWFkIixsZWFkOnt0b3BpYzoiIixsZWFkSWQ6IiJ9fSksbHBUYWcuc2Rlcz1scFRhZy5zZGVzfHxbXTsKPC9zY3JpcHQ+PCEtLSBFTkQgTGl2ZUVuZ2FnZSBFbmdhZ2VtZW50IEF0dHJpYnV0ZXMgLS0+PC9kaXY+ZGQ=">
  </div>
</form>

Text Content

 




 






















If you or someone you know has a gambling problem and wants help, call
1-800-Gambler
OK




 





 


X


 

LOG IN / SIGN UP


 * Lotteries
 * Scratchcards
 * Raffles
 * Promotions
 * Results & Info
 * Magazine
   
   
    * 
    * Our Winners
    * Lottery Stories

 * Support
   
   
    * 
    * Contact Us
    * FAQ
    * VIP Club
    * How It Works
    * How Syndicates Work
    * How Bundles Work
    * Banking
    * Lottery Taxes



Please Note!
Unfortunately this lottery is not available in your region.
We invite you to play the other exciting lotteries on our site.
Play Now



PLAY POWERBALL ONLINE



US$457 Million
This jackpot is equivalent to US$ 457 Million
PLAY NOW
Draw Closes In  18:24:45CLOSING SOON
   
 * 
   Standard
   
 * 
   Syndicate
   
 * 
   Bundle
   

My Lucky Numbers |
Numbers saved!
Quick Pick


   
 * 3 Lines
   
   
 * 5 Lines
   
   
 * 7 Lines
   
   
 * 10 Lines
   
   
 * 15 Lines
   
   
 * 20 Lines
   
   
 * 25 Lines
   
   
 * Systematic
   
   

Line 1/
Quick Pick

+
Choose 5

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

1

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869

+
Choose 1

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

1234567891011121314151617181920212223242526

Choose one additional number for this entry
You have already made this selection in another line. Please choose other
numbers.

Line 2/
Quick Pick

+
Choose 5

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

2

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869

+
Choose 1

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

1234567891011121314151617181920212223242526

Choose one additional number for this entry
You have already made this selection in another line. Please choose other
numbers.

Line 3/
Quick Pick

+
Choose 5

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

3

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869

+
Choose 1

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

1234567891011121314151617181920212223242526

Choose one additional number for this entry
You have already made this selection in another line. Please choose other
numbers.


Multiplier Multiply your prize up to 10 times for US$ 2.50 per line



One-Time Entry



Multi-Draw Up to 25% discount

10 Draws (20% Discount) Super Savings!

   
 * 5 Draws (15% Discount)
   
 * 10 Draws (20% Discount) Super Savings!
   
 * 15 Draws (21.5% Discount)
   
 * 25 Draws (22.5% Discount)
   
 * 52 Draws (25% Discount)
   

Automatically renew this multi-draw when it expires


Subscription


Official Price (3 Lines X US$ 5.00)
US$ 6.00
Service Fee
US$ 9.00
Multi-Drawing Price (3 Lines X US$ 5.00)
Ticket Price (3 Lines X US$ 5.00)
US$ 15.00
20% Multi-Draw Discount
US$ - 3.00
{#VIP_TYPE#} {#VIP_DISCOUNT_PERCENT#}% Discount
US$ - 0.00
US$ - 0.00

Total
US$ 15.00
Play
Play & Earn {#VIP_POINTS#} VIP Points!

An error occurred. Please try again.
Ooops! Those numbers aren't valid for this lottery. Please try again.
X




CAN YOU PLAY POWERBALL ONLINE?

Yes, you can! Play Powerball online by selecting five main numbers from 1-69 and
a single Powerball number from 1-26. When you play online with official lottery
tickets, you can choose your Powerball numbers manually, with the Quick Pick
option, or use your saved lucky numbers. You’ll receive a scanned copy of your
official US Powerball  ticket in your private Lotto Sun account before every
draw.

US Powerball draws are staged every Monday, Wednesday, and Saturday at 23:00
EST!

You can learn more about how we purchase official lottery tickets here.





CAN YOU BUY POWERBALL TICKETS ONLINE OUTSIDE THE US?

Yes! When you play Powerball online at Lotto Sun, you can purchase Powerball
tickets worldwide. Lotto Sun's local offices will buy official US Powerball
lottery tickets on your behalf from inside the US, and with Lotto Sun’s See Your
Ticket Service, you will see a scan of any and all Powerball tickets you buy in
your Lotto Sun account before the relevant draw.





WHAT IS THE POWERBALL POWER PLAY OPTION?

Powerball offers an optional multiplier known as the Power Play, which
multiplies the seven bottom prize divisions by 2, 3, 4, 5 or 10 times, depending
on the draw and jackpot size. Matching five main numbers and the Power Play
still makes you a multi-millionaire by doubling Powerball’s second place prize
to a staggering $2,000,000! To add the multiplier, simply check the Power Play
box when you buy your Powerball tickets online. Get more information on how to
play with this incredibly rewarding play option by checking out our Power Play
guide .





HOW TO CLAIM US POWERBALL LOTTERY PRIZES AT LOTTO SUN

Win with Lotto Sun and receive automated win notifications via email or SMS.
Powerball prizes will go straight into your secure online account results are
published and soon after the receipt of the prize from the official lottery
operator. If you win a larger prize you will be invited to collect your prize in
person in the US with a flight paid for by Lotto Sun! All Powerball wins are
subject to state and federal taxes. To see the latest winning numbers and learn
more about taxes on US Powerball wins, please go to the US Powerball
results page.





HOW CAN I BE SURE I'LL RECEIVE MY PRIZE?

From purchase to payoff, Lotto Sun is secure and simple. Per our Terms of Use,
Lotto Sun has no legal claim to your tickets whatsoever -- all winnings are 100%
yours. When you buy Powerball tickets online, a confirmation email is sent to
you as proof of ticket ownership. After the ticket is physically purchased, you
will also be able to see a scanned copy of the ticket in your account as
proof-of-purchase. Since our founding in 2002, Lotto Sun has helped players
purchase tickets to the biggest lottery in the world and has had the privilege
of paying out more than $100 million to over 6 million winners.





HOW DO YOU WIN THE POWERBALL JACKPOT?

US Powerball offers an impressive $20 million* starting jackpot and its $1.58
billion personal best from January 2016 is the all-time lottery world record!
When all the numbers on your Powerball ticket match the five main numbers and
the Powerball, you win the US Powerball jackpot prize! In addition to the
jackpot you can win one of eight exciting secondary prizes including a second
prize that starts at $1 million! Even when you buy Powerball tickets online you
are eligible to win these amazing prizes - if your numbers match those drawn!
Learn more about Powerball and other popular US lotteries by checking out our
American Lottery Guide.

*Officially, the advertised jackpot is determined by game sales and interest
rates, and it is announced prior to each draw.





LOTTO SUN’S US POWERBALL LOTTERY WINNERS

Can you play Powerball if you are not a US citizen? Of course you can! This is
confirmed not only on the official Powerball website, but also in the stories of
some of our biggest Powerball winners here at Lotto Sun.

Australian G. won an amazing $1 million second prize in US Powerball’s 2016/84
draw that took place on Wednesday 19 October 2016. G. is a veteran player who
has been playing lotteries with Lotto Sun since 2003. As we can see, keep
playing and good fortune comes at last!

Canadian P. from Quebec won $1 million in the Powerball draw on Saturday 27
February 2016, marking the second time in two months that a foreigner had won
the coveted second prize. Read how he discovered he was a millionaire while he
was eating breakfast.

73-year-old H from El Salvador had one question on his mind when the Powerball
jackpot hit $1.5 billion: Where can I buy a Powerball ticket? Luckily the answer
was Lotto Sun and he won the $1 million 2nd prize in the historic draw on 13
January 2016! "I won!" he shouted out when he heard the news. He plans to travel
and retire in style. Read his story here.

B.U. from the UK won the Powerball’s second place $1 million prize after playing
just five entries in the draw on 21 April 2012! When he got the call from Lotto
Sun informing him that he was a big winner, he thought it was a joke. No joke!
Read what the lucky player said after winning $1 million!

Fifty five of our players from all over the world teamed up in a Powerball
syndicate in November 2017 and shared a $106,000 win, including two 3rd Division
prizes of $50,000. What was even more amazing is that every single line of the
syndicate’s 65 lines won a prize! Read the story of the winning Powerball
syndicate.





LATEST NEWS ABOUT THE US POWERBALL

Recent Powerball news: On 23 August, Powerball has increased the number of
drawings to three nights a week. In addition to the draws on Wednesdays and
Saturdays, they will also take place on Monday nights. Select jurisdictions will
now offer Double Play which gives players another chance to match their
Powerball numbers in a separate draw with a top cash prize of $10 million.

The Powerball jackpot is up to a staggering $432 million ($313.5 million cash
value) after a rollover in the Monday night draw! Get your tickets for the next
draw on Wednesday, 15 September for your chance at winning it!


     

This website is operated by Lotto Direct Limited, a company registered in Malta
(registration number: C77583) having its registered office at Vision Exchange
Building, Level 1, Triq it-Territorjals, Zone 1, Central Business District, CBD
1070, Birkirkara, Malta. Phone number: +44 20 3150 0476. Lotto Direct Limited is
licensed and regulated by the Malta Gaming Authority (License: MGA/CRP/402/2017
issued on 01/08/2018).

Lotto Direct Limited and its associated brands operate as an independent ticket
purchasing service and are neither associated with nor endorsed by MUSL,
Française des Jeux, Loterías y Apuestas del Estado, or any company that manages
any product for which their services are employed.
Gambling can be harmful if not controlled. Please play responsibly.

   
 * About Us
   
 * Terms of Use
   
 * Privacy Notice
   
 * Cookie Policy
   
 * theLotter Affiliates
   
 * RSS
   
 * Contact Us