www.thelotter.com Open in urlscan Pro
107.154.133.27  Public Scan

Form analysis
1 forms found in the DOM

Name: aspnetForm — POST https://www.thelotter.com/lottery-tickets/usa-megamillions/?tl_affid=11395&data1=98013d18b09012d6f80f2bdff7b07e19-5142-0806&ft=5&clickid=98013d18b09012d6f80f2bdff7b07e19-5142-0806

<form name="aspnetForm" method="post" action="https://www.thelotter.com/lottery-tickets/usa-megamillions/?tl_affid=11395&amp;data1=98013d18b09012d6f80f2bdff7b07e19-5142-0806&amp;ft=5&amp;clickid=98013d18b09012d6f80f2bdff7b07e19-5142-0806"
  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(2024, 7, 7, 6, 45, 22));
  </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('main-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", "GamblingDepositLimit", "GamblingLicense",
        "GamblingTimeLimit", "Regulation", "RegulationLocation", "RegulationUser", "TermsAndConditions", "FrozenUser", "SubSitePolicyPermissions", "Consent", "User", "LocationIdentification", "ScratchCardShared", "InstantGamesShared",
        "FooterContent", "Header", "AutoLogout", "Finance", "Security", "DesktopHeader", "ContentDirectives", "SiteNotifications", "TicketLine", "PlayShared", "PlayRequest", "Syndication", "BundleItemCards", "Promotion", "UpsaleCampaign",
        "PushNotification", "ngAnimate"
      ]);
    });
  </script>
  <script src="https://www.thelotter.com/jslib.axd?ngm=$ng-app$/app.config.js&amp;v=20240805094922" type="text/javascript"></script>
  <script type="text/javascript" name="MenuItemControlBase_GetUserControlReadyScript">
    $(function() {
      applyBorders("#support_menuItemControl");
    });
  </script>
  <div upsale-campaign-exit-intent="" class="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 class="wrapper_not_supported_browser mobile_exc" data-mobile="remove">
  </div>
  <!-- Uplifting Header -->
  <div id="ctl00_UpliftingHeader" header-content="" style="height:80px;margin-bottom:30px;" class="ng-isolate-scope">
    <!-- ngIf: shouldDisplaySwedenHeader -->
    <div class="header-content-wrapper">
      <div class="header-background"></div>
      <div class="uplifting-header-container">
        <!-- Left Bar -->
        <div class="header-bar">
          <ul>
            <!-- Logo -->
            <li ng-click="logoClick()">
              <a href="https://www.thelotter.com/" id="header-homepage-link">
                        <img ng-src="https://www.thelotter.com/objects/dm.tlo?id=30107&amp;v=202408082" class="header-logo-img" alt="theLotter logo" src="https://www.thelotter.com/objects/dm.tlo?id=30107&amp;v=202408082">
                    </a>
            </li>
            <!-- Header Items - Regular -->
            <!-- ngRepeat: headerRegularItem in headerRegularItems -->
            <li ng-repeat="headerRegularItem in headerRegularItems" class="li-header-item ng-scope first-item" ng-click="setActiveItem(headerRegularItem)" ng-class="{'first-item': $first }">
              <a href="https://www.thelotter.com/lottery-tickets/" class="header-link">
                        <span ng-class="{'active' : activeItem === headerRegularItem}" class="ng-binding">Lotteries</span>
                    </a>
            </li><!-- end ngRepeat: headerRegularItem in headerRegularItems -->
            <li ng-repeat="headerRegularItem in headerRegularItems" class="li-header-item ng-scope" ng-click="setActiveItem(headerRegularItem)" ng-class="{'first-item': $first }">
              <a href="https://www.thelotter.com/raffles/" class="header-link">
                        <span ng-class="{'active' : activeItem === headerRegularItem}" class="ng-binding">Raffles</span>
                    </a>
            </li><!-- end ngRepeat: headerRegularItem in headerRegularItems -->
            <li ng-repeat="headerRegularItem in headerRegularItems" class="li-header-item ng-scope" ng-click="setActiveItem(headerRegularItem)" ng-class="{'first-item': $first }">
              <a href="https://www.thelotter.com/lottery-promotions/" class="header-link">
                        <span ng-class="{'active' : activeItem === headerRegularItem}" class="ng-binding">Promotions</span>
                    </a>
            </li><!-- end ngRepeat: headerRegularItem in headerRegularItems -->
            <li ng-repeat="headerRegularItem in headerRegularItems" class="li-header-item ng-scope" ng-click="setActiveItem(headerRegularItem)" ng-class="{'first-item': $first }">
              <a href="https://www.thelotter.com/lottery-results/" class="header-link">
                        <span ng-class="{'active' : activeItem === headerRegularItem}" class="ng-binding">Results &amp;  Info</span>
                    </a>
            </li><!-- end ngRepeat: headerRegularItem in headerRegularItems -->
            <!-- Separator -->
            <li class="items-separator"></li>
            <!-- Header Items - Dropdowns -->
            <!-- ngRepeat: headerDropdownItem in headerDropdownItems -->
            <li ng-repeat="headerDropdownItem in headerDropdownItems" class="li-header-item ng-scope">
              <div class="header-link-item-wrapper">
                <span class="ng-binding">Magazine</span>
                <div class="arrow-icon"></div>
              </div>
              <ul class="dropdown-content">
                <!-- ngRepeat: subItem in headerDropdownItem.subMenuItems -->
                <li ng-repeat="subItem in headerDropdownItem.subMenuItems" ng-class="{'first-drop-down-item' : $first, 'last-drop-down-item' : $last}" class="ng-scope first-drop-down-item">
                  <a href="https://www.thelotter.com/lottery-winners/" class="dropdown-header-link ng-binding">
                                Our Winners
                            </a>
                </li><!-- end ngRepeat: subItem in headerDropdownItem.subMenuItems -->
                <li ng-repeat="subItem in headerDropdownItem.subMenuItems" ng-class="{'first-drop-down-item' : $first, 'last-drop-down-item' : $last}" class="ng-scope last-drop-down-item">
                  <a href="https://www.thelotter.com/lottery-stories/" class="dropdown-header-link ng-binding">
                                Lottery Stories
                            </a>
                </li><!-- end ngRepeat: subItem in headerDropdownItem.subMenuItems -->
              </ul>
            </li><!-- end ngRepeat: headerDropdownItem in headerDropdownItems -->
            <li ng-repeat="headerDropdownItem in headerDropdownItems" class="li-header-item ng-scope">
              <div class="header-link-item-wrapper">
                <span class="ng-binding">Support</span>
                <div class="arrow-icon"></div>
              </div>
              <ul class="dropdown-content">
                <!-- ngRepeat: subItem in headerDropdownItem.subMenuItems -->
                <li ng-repeat="subItem in headerDropdownItem.subMenuItems" ng-class="{'first-drop-down-item' : $first, 'last-drop-down-item' : $last}" class="ng-scope first-drop-down-item">
                  <a href="https://www.thelotter.com/how-it-works/" class="dropdown-header-link ng-binding">
                                How It Works
                            </a>
                </li><!-- end ngRepeat: subItem in headerDropdownItem.subMenuItems -->
                <li ng-repeat="subItem in headerDropdownItem.subMenuItems" ng-class="{'first-drop-down-item' : $first, 'last-drop-down-item' : $last}" class="ng-scope">
                  <a href="https://www.thelotter.com/lottery-syndicate/" class="dropdown-header-link ng-binding">
                                How Syndicates Work
                            </a>
                </li><!-- end ngRepeat: subItem in headerDropdownItem.subMenuItems -->
                <li ng-repeat="subItem in headerDropdownItem.subMenuItems" ng-class="{'first-drop-down-item' : $first, 'last-drop-down-item' : $last}" class="ng-scope">
                  <a href="https://www.thelotter.com/lottery-bundles/" class="dropdown-header-link ng-binding">
                                How Bundles Work
                            </a>
                </li><!-- end ngRepeat: subItem in headerDropdownItem.subMenuItems -->
                <li ng-repeat="subItem in headerDropdownItem.subMenuItems" ng-class="{'first-drop-down-item' : $first, 'last-drop-down-item' : $last}" class="ng-scope">
                  <a href="https://www.thelotter.com/how-raffles-work/" class="dropdown-header-link ng-binding">
                                How Raffles Work
                            </a>
                </li><!-- end ngRepeat: subItem in headerDropdownItem.subMenuItems -->
                <li ng-repeat="subItem in headerDropdownItem.subMenuItems" ng-class="{'first-drop-down-item' : $first, 'last-drop-down-item' : $last}" class="ng-scope">
                  <a href="https://www.thelotter.com/contact-us/" class="dropdown-header-link ng-binding">
                                Contact Us
                            </a>
                </li><!-- end ngRepeat: subItem in headerDropdownItem.subMenuItems -->
                <li ng-repeat="subItem in headerDropdownItem.subMenuItems" ng-class="{'first-drop-down-item' : $first, 'last-drop-down-item' : $last}" class="ng-scope last-drop-down-item">
                  <a href="https://www.thelotter.com/help/" class="dropdown-header-link ng-binding">
                                FAQ
                            </a>
                </li><!-- end ngRepeat: subItem in headerDropdownItem.subMenuItems -->
              </ul>
            </li><!-- end ngRepeat: headerDropdownItem in headerDropdownItems -->
          </ul>
        </div>
        <!-- Right Elementes -->
        <div class="header-right-elements">
          <ul>
            <!-- User Balance -->
            <!-- ngIf: isUserLoggedIn -->
            <!-- User Menu / Signup-Login -->
            <!-- ngIf: !isUserLoggedIn -->
            <li user-signup-login="" class="li-user-menu ng-scope ng-isolate-scope" ng-if="!isUserLoggedIn">
              <!-- ngIf: !isUserLoggedIn --><a class="my-account-icon-container visitor ng-scope" ng-if="!isUserLoggedIn" id="myAccountIconButton" title="Log in / Sign up">
    <div class="my-account-icon user-visitor"></div>
    <div class="my-account-text ng-binding">Log in / Sign up</div>
</a><!-- end ngIf: !isUserLoggedIn -->
              <!-- ngIf: isUserLoggedIn -->
            </li><!-- end ngIf: !isUserLoggedIn -->
            <!-- ngIf: isUserLoggedIn -->
            <!-- Separator -->
            <!-- ngIf: isSupportMultipleLanguages() -->
            <li class="items-separator-right-elements ng-scope" ng-if="isSupportMultipleLanguages()"></li><!-- end ngIf: isSupportMultipleLanguages() -->
            <!-- Languages Menu -->
            <!-- ngIf: isSupportMultipleLanguages() -->
            <li languages-menu="" ng-class="{'li-languages-menu' : !isUserLoggedIn, 'li-languages-menu-logged-in': isUserLoggedIn}" ng-if="isSupportMultipleLanguages()" class="ng-scope ng-isolate-scope li-languages-menu">
              <!-- ngIf: isLanguagesComboShown() -->
              <div ng-click="toggleShow()" class="languages-button ng-scope" ng-if="isLanguagesComboShown()">
                <div ng-class="{'icon-globe': !toggleShowDropDown,
                    'icon-globe-blue': toggleShowDropDown}" class="icon-globe">
                </div>
              </div><!-- end ngIf: isLanguagesComboShown() -->
              <div id="languagesList" class="languages-list-container no-select">
                <!-- ngIf: currentDropdownShowState() -->
              </div>
            </li><!-- end ngIf: isSupportMultipleLanguages() -->
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- Old Header -->
  <div auth-popup="" class="ng-isolate-scope">
    <div auth-moblie-registration="" class="ng-isolate-scope">
      <div id="registrationContent" style="display:none;"><!-- ngIf: isMobile && !isRegistrationPages --></div>
    </div>
    <div auth-popup-registration="" class="ng-isolate-scope"><!-- ngIf: isHtmlDoneLoading --><!-- ngInclude: htmlTemplate -->
      <div ng-if="isHtmlDoneLoading" ng-include="htmlTemplate" class="ng-scope">
        <!-- ngIf: !isMobile -->
        <div ng-if="!isMobile" class="ng-scope">
          <div ng-controller="Auth.PopupContainerController" class="ng-scope">
            <div class="hide signInSignUpContainer signInSignUpConsentContainer" style="display: block;">
              <div class="secure popup-v2 TL_PopupControl_v2 ng-isolate-scope" ng-class="{'no-header':hideHeader}" is-fixed="false" shared-popup-v2="" unique-id="PopupId" id="PopupId" show-mask="false" top-position="30px" style="left: 640px;">
                <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="header-container ng-scope" style="margin-top: 40px;">
                    <h2 class="ng-binding"></h2>
                  </div>
                  <!-- ngInclude: popupHtml -->
                  <div ng-include="popupHtml" style="width: 360px;margin: 0 auto;" class="ng-scope">
                    <div data-ng-controller="Auth.MobileContainerController" class="hide signInSignUpContainer ng-scope" style="display: block;">
                      <!-- ngInclude: authTemplate -->
                      <div ng-include="authTemplate" class="ng-scope">
                        <div class="registration-form ng-scope">
                          <!-- ngIf: !fullRegistration -->
                          <div ng-if="!fullRegistration" ng-controller="Auth.ContainerController" class="secure layout-popup sso-authentication ng-scope">
                            <div class="main-view view-animate-container left registration-layout" data-ng-form="ssoAuthentication" name="ssoAuthentication">
                              <div class="view-animate-slide-container">
                                <!-- ngIf: popupDisplay || isMobile -->
                              </div>
                            </div>
                          </div><!-- end ngIf: !fullRegistration -->
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="pop-footer"></div>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: !isMobile -->
      </div><!-- end ngIf: isHtmlDoneLoading -->
    </div>
  </div>
  <div id="maincontent" class="wrapper_content page-layout-no-rightbar">
    <div id="ctl00_stickyElemetsContainer" class="sticky-elements-container-v2 application-hide">
      <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_MESSAGING_FLOATING_BUT_ENG">
                  <div id="LPMcontainer-1723013127391-0" 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: transparent; border-radius: 10px; width: 120px; height: 28px; cursor: pointer; display: block; position: relative; top: 0px; left: 0px;">
                    <img src="https://tle-dynamic-images.s3.eu-west-1.amazonaws.com/live-person-chat-button-dots.20230201083939.svg" id="LPMimage-1723013127392-1" alt="Message Us" 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; max-width: none; max-height: none; 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 id="ctl00_ContentTopMargin" valign="top" style="height:30px;display:none;" 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 -->
              <img style="pointer-events: none; position: absolute; top: 110px; left: 400px; width: 970px; height: 200px;" src="https://www.thelotter.com//images/Common/placeholder.svg?v=202408082">
              <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"
                  style="left: 640px;">
                  <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-color-red btn-no-icon tl-btn btn-color-orange btn-no-icon button ng-binding" color="orange" secondary-color="red" ng-click="playClick()">Play now</a>
                      </div>
                    </div>
                  </div>
                  <div class="pop-footer"></div>
                </div>
              </div>
              <div promotion-popup="" class="ng-isolate-scope">
                <div class="promotion-popup">
                  <div class="promotion-popup popup-v2 TL_PopupControl_v2 ng-isolate-scope" ng-class="{'no-header':hideHeader}" shared-popup-v2="" unique-id="PromotionPopup" id="PromotionPopup" close-on-esc="false" style="left: 640px;">
                    <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="">
                      <!-- ngIf: areTranslationsLoaded &&!isMobile -->
                      <div ng-if="areTranslationsLoaded &amp;&amp;!isMobile" class="desktop-popup-container ng-scope">
                        <div class="content-container">
                          <div class="title ng-binding">Attention lottery players</div>
                          <div class="main-changes">
                            <div class="main-change-text">
                              <div class="text ng-binding" ng-bind-html="translations.mainChange1 | Shared.UnsafeHtml">Due to operational reasons, the minimum purchase amount on this lottery starting 19/7/23 will be increased. <strong>The price per
                                  line remains the same!</strong></div>
                            </div>
                            <div class="main-change-text">
                              <div class="icon icon-info"></div>
                              <div class="icon-info-text ng-binding">Players with active multi-draws and subscriptions will retain their current arrangement.</div>
                            </div>
                          </div>
                          <div class="ok-button">
                            <a class="tl-btn btn-color-blue btn-color-red 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="" id="close-promotion-popup-btn" on-click="closePopupActions()" secondary-color="red"> <div class="btn-content" style="display: inline;"><span class="btn-text" ng-transclude=""><span class="ng-scope ng-binding">
                        Thanks for the update!
                    </span></span><span class="btn-icon"></span> <span class="btn-img-wrapper"><img class="btn-loading-image" ng-src="https://www.thelotter.com/App_Themes/Default/images/General/loading-white.gif?v=202408082" src="https://www.thelotter.com/App_Themes/Default/images/General/loading-white.gif?v=202408082"></span></div></a>
                          </div>
                          <div class="dont-show-again">
                            <input type="checkbox" id="dont-show-again-checkbox">
                            <label for="dont-show-again-checkbox" class="ng-binding">Do not show me again.</label>
                          </div>
                        </div>
                      </div><!-- end ngIf: areTranslationsLoaded &&!isMobile -->
                    </div>
                    <div class="pop-footer"></div>
                  </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 !important;" class="cssSEOArea1 play-main-title seoAreaToHandle">
                      <div>
                        <h1>Play Mega Millions 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" style="min-height:0px;">
                  <!-- ngIf: shouldShowBanner() -->
                  <div class="top-banner banner-content-wrapper 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">
                      <!-- ngIf: isCLSImprovement -->
                      <div ng-if="isCLSImprovement" class="ng-scope">
                        <div ng-transclude="" class="banner-carousel-container ng-isolate-scope slick-initialized slick-slider" shared-carousel="" id="banner-container-carousel" carousel-config="carouselConfig">
                          <!-- ngRepeat: banner in bannerModel -->
                          <div class="slick-list draggable" tabindex="0">
                            <div class="slick-track" style="opacity: 1; width: 963px; transform: translate3d(0px, 0px, 0px);">
                              <div class="innerItem ng-scope slick-slide slick-active" data-ng-repeat="banner in bannerModel" unique-id="0" data-is-last="" index="0">
                                <div class="banner ng-isolate-scope" style="width:962px;height:150px;overflow:hidden" rel="dns-prefetch" shared-banner="" banner-data="banner"><!-- ngIf: model.BannerType == bannerTypes.url -->
                                  <div ng-if="model.BannerType == bannerTypes.url" class="ng-scope">
                                    <a ng-href="https://www.thelotter.com/en/lottery-tickets/usa-megamillions/?ft=1&amp;nl=5&amp;utm_source=site&amp;utm_medium=desktop_PP_banner&amp;utm_campaign=rnp_welcomeoffer_Opening_mm" target="_self" href="https://www.thelotter.com/en/lottery-tickets/usa-megamillions/?ft=1&amp;nl=5&amp;utm_source=site&amp;utm_medium=desktop_PP_banner&amp;utm_campaign=rnp_welcomeoffer_Opening_mm"><img data-ng-src="https://www.thelotter.com/objects/dm.tlo?id=35160&amp;v=202408082" border="0" alt="" style="max-width: 100%; max-height: 100%;" src="https://www.thelotter.com/objects/dm.tlo?id=35160&amp;v=202408082"></a>
                                  </div><!-- end ngIf: model.BannerType == bannerTypes.url --><!-- ngIf: model.BannerType == bannerTypes.base64 --><!-- ngIf: model.BannerType == bannerTypes.html -->
                                  <div></div>
                                </div>
                              </div>
                            </div>
                          </div><!-- end ngRepeat: banner in bannerModel -->
                        </div>
                      </div><!-- end ngIf: isCLSImprovement -->
                      <!-- ngIf: !isCLSImprovement -->
                    </div><!-- end ngIf: !settings.isMobile -->
                    <!-- ngIf: settings.isMobile -->
                  </div><!-- end ngIf: shouldShowBanner() -->
                  <join-the-fun class="ng-isolate-scope">
                    <!-- ngIf: displayJoinTheFun -->
                  </join-the-fun>
                </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-v2 category-thebig size-type-fullrow playable closing-soon syndication"
                            ng-class="{ 'syndication' : cardData.isSyndication(), 'not-playable': !cardData.isPlayable(),'playable': cardData.isPlayable(), 'cash-value' : shouldDisplayJackpotCashValue() &amp;&amp; cardData.isPlayable(),'with-play-btn' : cardData.showPlayButton()}"
                            ng-if="!lotteryCard.isQuickDraw" data-shared-lottery-card="" data-card-data="lotteryCard" style="width: 962px; height: 106px;">
                            <!-- ngIf: cardData.cardType != supportedCardTypes.mobile && isRunning --><a ng-if="cardData.cardType != supportedCardTypes.mobile &amp;&amp; isRunning" ng-href="" ng-click="playClick()" class="transparent-link-wrapper ng-scope">
        <div class="content-wrapper pop-out-on-mouse-event-v2" ng-class="{ 'draw-closed': isDrawClosed &amp;&amp; $scope.cardData.cardType == $scope.supportedCardTypes.medium, 'pop-out-on-mouse-event-v2': !isDrawClosed &amp;&amp; isPlayable}" ng-style="isDrawClosed ||  !isPlayable &amp;&amp; {'cursor': 'default'}">
            <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.thelotter.com/objects/dm.tlo?id=35048&amp;v=202408082" alt="U.S. - Mega Millions" src="https://www.thelotter.com/objects/dm.tlo?id=35048&amp;v=202408082"><!-- end ngIf: cardData.drawLogoType == logoTypes.url -->
                <div class="solid-line"></div>
                <!-- ngIf: cardData.showPlayButton() -->
            </div>
            <!-- ngIf: isDrawClosed -->
            <!-- ngIf: !isDrawClosed --><div class="jackpot ng-scope" ng-if="!isDrawClosed" ng-class="{ 'with-cash-value' : shouldDisplayJackpotCashValue() }" ng-style="isHugeCard() &amp;&amp; isNeedNewDesign() &amp;&amp; { 'margin-top': '-14px' }" style="height: 104px; line-height: 104px;">
                <!-- ngIf: !shouldDisplayLifePrizeValueJackpot() --><div ng-if="!shouldDisplayLifePrizeValueJackpot()" class="jackpot-text ng-scope ng-binding" ng-class="{ 'with-cash-value' : shouldDisplayJackpotCashValue() }" ng-bind-html="jackpotTextFormatter.getDrawCurrencyJackpotText() | Shared.UnsafeHtml"><span class="jackpot-currency" style="font-size: 28px;">US$</span>&nbsp;<span class="jackpot-num-part" style="font-size: 50px;">398</span>&nbsp;<span class="jackpot-text-part" style="font-size: 28px;">Million</span></div><!-- end ngIf: !shouldDisplayLifePrizeValueJackpot() -->
                <!-- ngIf: shouldDisplayLifePrizeValueJackpot() -->

                <!-- ngIf: shouldDisplayJackpotCashValue() && !isFullRowCard() && !isSmallCard() && !isMediumCard() && !shouldDisplayLifePrizeValueJackpot() -->
                <!-- ngIf: !isDrawClosed && !isFullRowCard() -->
                <!-- ngIf: shouldDisplayJackpotCashValue() &&  isCardTypeSupported() -->
            </div><!-- end ngIf: !isDrawClosed -->
            <div class="bottom-wrapper" ng-class="{ 'cash-value' : shouldDisplayJackpotCashValue() }">
                <!-- ngIf: !isDrawClosed && isFullRowCard() --><div class="card-timer ng-scope" ng-if="!isDrawClosed &amp;&amp; isFullRowCard()" ng-class="{ 'cash-value' : shouldDisplayJackpotCashValue() }">
                    <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">2 days 18:44:31</span><span class="alt-timer-text ng-binding" style="display:none;">Closing soon</span></span>
                </div><!-- end ngIf: !isDrawClosed && isFullRowCard() -->
                <!-- ngIf: cardData.cardType == supportedCardTypes.huge && cardData.showPromotionImage -->
            </div>
        </div>
    </a><!-- 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.thelotter.com/objects/dm.tlo?id=7721&amp;v=202408082&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-color-new-gray-disabled btn-no-icon btn-size-small tl-btn btn-color-disabled btn-color-new-gray-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" secondary-color="new-gray" offset="-3" shared-tooltip="Log in to play this lottery with your lucky numbers" is-visible="showMyLuckyNumbers()" 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.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082" src="https://www.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082"></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-color-whiteRed 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()" secondary-color="whiteRed" 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.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082" src="https://www.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082"></span></div></a>
                                    <a class="tl-btn btn-color-disabled btn-color-whiteRed-disabled btn-icon-clear-disabled btn-icon-clear-redbtn-icon-clear-disabled btn-icon-clear-red-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()" secondary-color="whiteRed" offset="-3" shared-tooltip="Clear all lines" tip-css-class="tooltip-content-centered" ignore-touch="true" icon="clear" secondary-icon="clear-red" is-disabled="!hasAnySelection()"> <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.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082" src="https://www.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082"></span></div></a>
                                  </div>
                                </div>
                                <div class="tabs-toolbar-bottom-line"></div>
                              </div>
                              <div class="lines-section">
                                <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>
                                <div class="pick-lottery-tooltip ng-hide" ng-show="isPickLotteryTooltipEnabled &amp;&amp; isPickLottery">
                                  <div pick-lottery-tooltip="" pick-game-rules="drawRules.DrawPickRules.PickGameRules" class="ng-isolate-scope">
                                    <!-- ngIf: !isMobile && shouldDisplayTooltip -->
                                    <div class="pick-lottery-tooltip-section ng-scope" ng-if="!isMobile &amp;&amp; shouldDisplayTooltip">
                                      <span class="h2Div ng-binding"></span>
                                      <span class="hint hint-header-tooltip" shared-tooltip="" position="bottom"></span>
                                    </div><!-- end ngIf: !isMobile && shouldDisplayTooltip -->
                                    <!-- ngIf: isMobile && shouldDisplayTooltip -->
                                  </div>
                                </div>
                              </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.thelotter.com/objects/dm.tlo?id=7721&amp;v=202408082&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-color-white-black btn-no-icon btn-size-small tl-btn btn-color-blue btn-color-white-black 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()" secondary-color="white-black" 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.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082" src="https://www.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082"></span></div></a>
                                            <span ng-show="ticketLineData.isAnyNumberSelected()" class="btn-clear ng-hide">
                                              <a class="tl-btn btn-color-blue btn-color-white-black btn-icon-clear btn-icon-clear-black 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()" secondary-color="white-black" title="Clear your selected numbers" icon="clear" secondary-icon="clear-black"> <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.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082" src="https://www.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082"></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: 118.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"><span class="cell-value ng-binding">70</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>
                                            <hr class="line-additional-numbers-separator" data-ng-class="{display:shouldDisplaySeparator()}" style="display:none">
                                            <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 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-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-color-white-black btn-no-icon btn-size-small tl-btn btn-color-blue btn-color-white-black 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()" secondary-color="white-black" 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.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082" src="https://www.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082"></span></div></a>
                                            <span ng-show="ticketLineData.isAnyNumberSelected()" class="btn-clear ng-hide">
                                              <a class="tl-btn btn-color-blue btn-color-white-black btn-icon-clear btn-icon-clear-black 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()" secondary-color="white-black" title="Clear your selected numbers" icon="clear" secondary-icon="clear-black"> <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.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082" src="https://www.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082"></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: 118.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"><span class="cell-value ng-binding">70</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>
                                            <hr class="line-additional-numbers-separator" data-ng-class="{display:shouldDisplaySeparator()}" style="display:none">
                                            <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 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-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-color-white-black btn-no-icon btn-size-small tl-btn btn-color-blue btn-color-white-black 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()" secondary-color="white-black" 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.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082" src="https://www.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082"></span></div></a>
                                            <span ng-show="ticketLineData.isAnyNumberSelected()" class="btn-clear ng-hide">
                                              <a class="tl-btn btn-color-blue btn-color-white-black btn-icon-clear btn-icon-clear-black 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()" secondary-color="white-black" title="Clear your selected numbers" icon="clear" secondary-icon="clear-black"> <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.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082" src="https://www.thelotter.com/App_Themes/Default/images/General/loading-red.gif?v=202408082"></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: 118.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"><span class="cell-value ng-binding">70</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>
                                            <hr class="line-additional-numbers-separator" data-ng-class="{display:shouldDisplaySeparator()}" style="display:none">
                                            <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 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-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.thelotter.com/objects/dm.tlo?id=7721&amp;v=202408082&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-v2 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"></span>
                                          <img alt="" data-ng-src="https://www.thelotter.com/objects/dm.tlo?id=35056&amp;v=202408082" class="multiply-image" src="https://www.thelotter.com/objects/dm.tlo?id=35056&amp;v=202408082">
                                          <span class="multiply-text ng-binding" ng-bind-html="multiplyCheckboxText | Shared.UnsafeHtml">Multiply your secondary prize up to 5 times for C$&nbsp;3.44 per line</span>
                                        </div>
                                      </div>
                                      <div class="play-option-sep" data-ng-show="drawRules.isMultiplyPrizesSupported"></div>
                                      <!-- If no Md and no subscription -> dont display this section -->
                                      <!-- ngIf: !shouldHideDynamicOfflineOptions() -->
                                      <div class="main-inner-option-box content ng-scope" ng-if="!shouldHideDynamicOfflineOptions()" data-ng-show="!isDealTypePlayOptionsHidden()">
                                        <!-- ngIf: isMobile -->
                                        <div class="game-type-popup-wrapper TL_PopupControl ng-isolate-scope" ng-class="{&quot;no-header&quot;:hideHeader}" shared-popup="" unique-id="playOptionsPopup" header-text="Entry type" close-on-click="true"
                                          is-fixed="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">Entry type &nbsp;</div>
                                                </td>
                                                <td class="td-icon-right"><span class="DefaultPopupCloser" ng-click="popupCloserClick()"></span></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                          <div class="divContainer" ng-transclude="">
                                            <div class="game-type-popup-container ng-scope">
                                              <div class="ng-binding">Choose the number of draws</div>
                                              <div class="type">
                                                <div class="title ng-binding">One-Time Entry</div>
                                                <div class="text ng-binding"></div>
                                              </div>
                                              <!-- ngIf: multiDrawSupported -->
                                              <div class="type ng-scope" ng-if="multiDrawSupported">
                                                <div class="title ng-binding">Multi-Draw</div>
                                                <div class="text ng-binding"></div>
                                              </div><!-- end ngIf: multiDrawSupported -->
                                              <!-- ngIf: subscriptionSupported -->
                                              <div class="type ng-scope" ng-if="subscriptionSupported">
                                                <div class="title ng-binding">Subscription</div>
                                                <div class="text ng-binding"></div>
                                              </div><!-- end ngIf: subscriptionSupported -->
                                            </div>
                                          </div>
                                        </div>
                                        <!-- ngIf: !isMobile && isPlayOptionsHintEnabled -->
                                        <div class="play-instruction ng-scope" ng-if="!isMobile &amp;&amp; isPlayOptionsHintEnabled">
                                          <span class="h2Div ng-binding">Choose entry type</span>
                                          <span class="hint hint-header-tooltip"
                                            shared-tooltip="<b>Entry type</b> <br>Choose the number of draws<br><br><b>One-Time Entry</b> <br>Play the upcoming draw only.<br><br><b>Multi-Draw</b> <br>You are buying entries to upcoming draws in advance. Your selected numbers will be played in all the draws.<br><br><b>Subscription</b> <br>You will get charged automatically before each draw. Your selected numbers will be played in all future draws.<br><br>"></span>
                                        </div><!-- end ngIf: !isMobile && isPlayOptionsHintEnabled -->
                                        <!-- ngIf: !isMobile && isPlayOptionsHintEnabled -->
                                        <div ng-if="!isMobile &amp;&amp; isPlayOptionsHintEnabled" class="seperator-play-options ng-scope"></div><!-- end ngIf: !isMobile && isPlayOptionsHintEnabled -->
                                        <div class="recurring-options">
                                          <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>
                                          <div class="multi-draw-section">
                                            <div ng-class="getLotteryOptionSupportType()" ng-style="{'background-image':'url(https://www.thelotter.com/objects/dm.tlo?id=6428&amp;v=202408082)'}" class="play-options-tip-container all option-box"
                                              style="background-image: url(&quot;https://www.thelotter.com/objects/dm.tlo?id=6428&amp;v=202408082&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% off</span>
                                              </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="12"
                                                        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="12 Draws (12% Off)  Recommended" class="dropdown-text-line-wrapper ng-binding" ng-bind-html="currentItemLabel | Shared.UnsafeHtml">12 Draws (12% Off)<span class="best-price">
                                                              Recommended</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-bind-html="item[textField] | Shared.UnsafeHtml">4 Draws (4% Off)<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-bind-html="item[textField] | Shared.UnsafeHtml">8 Draws (8% Off)<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-bind-html="item[textField] | Shared.UnsafeHtml">12 Draws (12% Off)<span class="best-price">
                                                                    Recommended</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-bind-html="item[textField] | Shared.UnsafeHtml">16 Draws (16% Off)<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-bind-html="item[textField] | Shared.UnsafeHtml">24 Draws (18% Off)<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-bind-html="item[textField] | Shared.UnsafeHtml">50 Draws (25% Off)<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"
                                                        unique-id="mdCheckBox"><!-- ngIf: !isAlreadyChecked -->
                                                        <div class="enable-chk-wrapper ng-scope" ng-if="!isAlreadyChecked" ng-class="{'MobileCheckBoxWrapper': isMobile }"><input type="checkbox" ng-model="$parent.isUserChecked" ng-change="onChange()"
                                                            id="mdCheckBox" class="ng-pristine ng-valid"><label for="mdCheckBox" 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>
                                          <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 class="sale-container" data-ng-show="subscriptionSaleTitle &amp;&amp; subscriptionSaleTitle.length > 0">
                                              <div class="arrow-up"></div>
                                              <div class="saleTitle sub-title play-sub-title">
                                                <div ng-bind-html="subscriptionSaleTitle | Shared.UnsafeHtml" class="ng-binding">Every 7th ticket is <span>FREE</span>!</div>
                                              </div>
                                              <!-- ngIf: vipPointTitle -->
                                            </div>
                                          </div>
                                        </div>
                                      </div><!-- end ngIf: !shouldHideDynamicOfflineOptions() -->
                                      <!-- If there is Md or/and no subscription + countryRef shouldnt view it -> display: dynamic offline recurring options -->
                                      <!-- ngIf: shouldHideDynamicOfflineOptions() -->
                                    </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 C$ 6.89)</span>
                                                  </div>
                                                  <div class="value ng-binding" data-ng-bind="PurchaseDetails.purchaseData.totalOfficialPrice | Shared.CurrencyNumberFilter: PurchaseDetails.purchaseData.currencySign">C$ 8.26</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">C$ 12.40</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 C$ 6.89)</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 C$ 6.89)</span>
                                                  </div>
                                                  <div class="value " data-ng-bind="PurchaseDetails.purchaseData.totalPriceBeforeDiscounts | Shared.CurrencyNumberFilter: PurchaseDetails.purchaseData.currencySign">C$ 20.66</div>
                                                </div>
                                              </div>
                                            </div>
                                            <!-- ngIf: shouldHideDynamicOfflineOptions() -->
                                            <!-- ngIf: !shouldHideDynamicOfflineOptions() -->
                                            <div class="dynamic-offline-options-not-hidden ng-scope" ng-if="!shouldHideDynamicOfflineOptions()">
                                              <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">12%
                                                  Multi-Draw Discount</div>
                                                <div class="value ng-binding" data-ng-bind="PurchaseDetails.purchaseData.multiDrawDiscountAmount | Shared.CurrencyNumberFilter: PurchaseDetails.purchaseData.currencySign : 'negativeTwoDigitsAfterDot'">
                                                  C$ - 2.48</div>
                                              </div>
                                            </div><!-- end ngIf: !shouldHideDynamicOfflineOptions() -->
                                            <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'">C$ - 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'">C$ -
                                                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">C$ 20.66</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.thelotter.com/objects/dm.tlo?id=7721&amp;v=202408082&quot;);"> </div>
                                          </div>
                                          <a class="tl-btn btn-color-orange btn-color-red 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" secondary-color="red" 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.thelotter.com/App_Themes/Default/images/General/loading-white.gif?v=202408082" src="https://www.thelotter.com/App_Themes/Default/images/General/loading-white.gif?v=202408082"></span></div></a>
                                          <div class="vip-points ng-binding ng-hide" data-ng-show="PurchaseDetails.purchaseData.recieveVipPoint > 0"></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 !important;" class="cssSEOArea3 seoAreaToHandle">
                  <div class="wider_bottom_separator"></div>
                  <div>
                    <div class="long_default_layout_left margintop20">
                      <div class="three_col_layout nomargins">
                        <div class="promotion_box"><img alt="How Do You Play Mega Millions Online?" src="https://www.thelotter.com//objects/dm.tlo?id=3171&amp;v=202408082" width="224" height="220"> </div>
                      </div>
                      <div class="three_col_layout_2col">
                        <h2 class="notop_margin">How Do You Play Mega Millions Online?</h2>
                        <p>Play Mega Millions by selecting five main numbers (from 1-70) and a Mega Ball (from 1-25) for each line and you can do this online in the same manner as if purchasing your tickets in person at a retailer. When you play Mega
                          Millions online at theLotter, with official Mega Millions lottery tickets, you can choose your number manually, with a quick pick random selection, or by using your saved favourite numbers.</p>
                        <p>Mega Millions draws take place on Tuesdays and Fridays at 23:00 EST. Make sure to get tickets for both draws! Want to know how it all works? Learn more about
                          <a href="https://www.thelotter.com/how-it-works/" target="blank" re_target="blank">how our lottery ticket purchasing service works</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 you play the American lottery Mega Millions from outside the US?" src="https://www.thelotter.com//objects/dm.tlo?id=3172&amp;v=202408082" width="224" height="220"> </div>
                      </div>
                      <div class="three_col_layout_2col">
                        <h2 class="notop_margin">Can You Buy Mega Millions Online from Anywhere?</h2>
                        <p>Yes! When you play Mega Millions online with theLotter, you can order official Mega Millions lottery tickets from anywhere in the world. After you complete your purchase, official lottery tickets are bought on your behalf
                          at a retailer in the United States. A reasonable facsimile of your Mega Millions tickets is uploaded to your private account as part of theLotter’s
                          <a href="https://www.thelotter.com/lottery-courier/">lottery courier service</a> in time for the Tuesday or Friday night draw. Not only can you
                          <a href="https://www.thelotter.com/mega-millions-not-us-citizen/">play Mega Millions from outside the United States</a>, you can also win huge American lottery prizes! Check out our
                          <a href="https://www.thelotter.com/american-lotto/">American Lottery guide</a> to learn more about playing US lotteries online.</p>
                        <p>Curious about Mega Millions' optional multiplier? Read all about the <a href="https://www.thelotter.com/mega-millions-megaplier/">Mega Millions Megaplier</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="How Do You Win the Mega Millions Jackpot?" src="https://www.thelotter.com//objects/dm.tlo?id=3193&amp;v=202408082" width="224" height="220"> </div>
                      </div>
                      <div class="three_col_layout_2col">
                        <h2 class="notop_margin">How Do You Claim Mega Millions Winnings Online?</h2>
                        <p>When the numbers on your Mega Millions ticket - the five main numbers as well as the additional Mega Ball number - match the numbers that came up in the draw, you win the Mega Millions jackpot! Match the five main numbers
                          and you instantly become an American lottery millionaire! When your numbers form a partial match, you may still be entitled to prizes in Mega Millions’ eight secondary prize tiers.</p>
                        <p>Mega Millions’ jackpot starts at an estimated&nbsp;<strong>US$20,000,000*</strong> and the jackpot has on occasion rolled over to astronomical amounts. Mega Millions awarded a <strong>US$656 million jackpot</strong> in
                          March 2012, a world record the lottery held for 4 years. One third of this huge prize was won by the 'Three Amigos', three members of a very
                          lucky&nbsp;<a href="https://www.thelotter.com/lottery-syndicate-winners/">winning lottery syndicate</a>.</p>
                        <p>The Mega Millions world record stood until January 2016, when Powerball took over the crown as the lottery champion of the world with a <strong>US$1.586 billion</strong> jackpot. Changes to the Mega Millions game format
                          have made it more difficult to win the Mega Millions jackpot. In a draw held in August 2023, Mega Millions set a new world record when it awarded a <strong>US$1.602 billion</strong> jackpot.</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="How Do You Claim Prizes When You Buy Mega Millions Online Tickets?" src="https://www.thelotter.com//objects/dm.tlo?id=3168&amp;v=202408082" width="224" height="220"> </div>
                      </div>
                      <div class="three_col_layout_2col">
                        <h2 class="notop_margin">How Do You Claim Prizes When You Buy Mega Millions Tickets Online?</h2>
                        <p>When you win a Mega Millions prize on <a href="https://www.thelotter.com/" title="theLotter">theLotter</a> you will receive an automated email (or SMS) to let you know you’ve won! Prizes will be transferred directly into
                          your theLotter&nbsp;account after the
                          <a href="https://www.thelotter.com/lottery-results/usa-megamillions/" title="Mega Millions Results Online" target="blank" re_target="blank">Mega Millions results are published</a>&nbsp;and soon after the receipt of the prize
                          from the official lottery operator.&nbsp;Please note, the jackpot and second place prizes may need to be collected in person. In these cases, theLotter will pay for your flight to the US! Like other American lottery
                          winnings, Mega Millions prizes are subject to US State and Federal taxes.</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 You Be Sure You'll Receive Your Winnings?" src="https://www.thelotter.com//objects/dm.tlo?id=3183&amp;v=202408082" width="224" height="220"> </div>
                      </div>
                      <div class="three_col_layout_2col">
                        <h2 class="notop_margin">How Can You Be Sure You'll Receive Your Winnings?</h2>
                        <p>Playing online for a chance to win the <a href="https://www.thelotter.com/lottery-tickets/biggest-lottery-online/">biggest lottery jackpots</a> is simple, safe, and secure. Not only that, our service is fully transparent. A
                          confirmation email at time of ticket purchase is sent to you as proof of ownership. Furthermore, a reasonable facsimile of the US lottery ticket purchased on your behalf by our local office is uploaded to your account as
                          proof-of-purchase. All winnings are 100% yours -- theLotter has no legal claim to your tickets per our Terms of Use, meaning you can be confident that you'll get your winnings in full when you buy Mega Millions tickets
                          online!</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="theLotter’s Mega Millions Lottery Winners" src="https://www.thelotter.com//objects/dm.tlo?id=3177&amp;v=202408082" width="224" height="220"> </div>
                      </div>
                      <div class="three_col_layout_2col">
                        <h2 class="notop_margin">theLotter’s Mega Millions Online Lottery Winners</h2>
                        <ul>
                          <li>26/03/2024 - S.R. from Brazil won <strong>US$10,000</strong></li>
                          <li>16/02/2024 - C.C. from Brazil won <strong>US$10,000</strong></li>
                          <li>19/5/2023 - A.U. from Chile won <strong>US$10,000</strong></li>
                          <li>10/1/2023 - F.L. from Mexico won <strong>US$10,000</strong></li>
                          <li>13/12/2022 - M.M. from Japan won <strong>US$10,000</strong></li>
                          <li>30/9/2022 - G.H.C. from Mexico won <strong>US$40,000</strong></li>
                          <li>12/1/2022 - A.A. from Chile won <strong>US$6,400</strong></li>
                          <li>26/1/2017 - <a href="https://www.thelotter.com/mega-millions-winner-2017/" target="blank" re_target="blank">Nataliia from Ukraine</a> won <strong>US$1 million.</strong></li>
                        </ul>
                      </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 Mega Millions Lottery Players" src="https://www.thelotter.com//objects/dm.tlo?id=3173&amp;v=202408082" width="224" height="220"> </div>
                      </div>
                      <div class="three_col_layout_2col">
                        <h2 class="notop_margin">Big Jackpot News</h2>
                        <ul>
                          <li>
                            <p> Following 31 drawings without a winner, Saltines Holdings LLC from Neptune Beach, Florida got to celebrate the end of summer 2023 with a record-breaking&nbsp;<strong>US$1.602 billion</strong> (<strong>US$794.2
                                million</strong> cash)&nbsp;jackpot, won&nbsp;on 8 August 2023. The lucky quick pick ticket correctly matched the six winning numbers, which were 13, 19, 20, 32, 33 and Megaball 14. This jackpot is now the biggest
                              prize ever won in Mega Millions history!</p>
                          </li>
                          <li>
                            <p>After a record year for big jackpots in 2022, US Mega Millions kept the party going by kicking 2023 off with a bang. A single ticket purchased in the state of Maine correctly guessed the winning numbers 30, 43, 45, 46,
                              and 61, plus the Mega Ball 14, winning the entire <strong>US$1.348 billion</strong> jackpot <em>(<strong>US$723.5 million</strong> cash value)</em> - the second biggest in Mega Millions history and the fourth-biggest in
                              the world!</p>
                          </li>
                          <li>
                            <p>Two lucky winners secured their place in lottery history on 29 July 2022 when an absolutely incredible Mega Millions jackpot was finally won by a single winning ticket sold in a Chicago suburb in Illinois, USA. The
                              jackpot had been rolling over three and a half months, eventually climbing up to an unbelievable <strong>US$1.337 billion,</strong> making it the third highest Mega Millions jackpot of all time.</p>
                          </li>
                        </ul>
                      </div>
                    </div>
                    <script type="application/ld+json">
                      {
                        "@context": "https://schema.org",
                        "@type": "FAQPage",
                        "mainEntity": [{
                          "@type": "Question",
                          "name": "How Do You Play Mega Millions Online?",
                          "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "Play Mega Millions by selecting five main numbers (from 1-70) and a Mega Ball (from 1-25) for each line and you can do this online in the same manner as if purchasing your tickets in person at a retailer."
                          }
                        }, {
                          "@type": "Question",
                          "name": "Can You Buy Mega Millions Online from Anywhere?",
                          "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "Yes! When you play Mega Millions online with theLotter, you can order official Mega Millions lottery tickets from anywhere in the world."
                          }
                        }, {
                          "@type": "Question",
                          "name": "How Do You Claim Mega Millions Winnings Online?",
                          "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "When the numbers on your Mega Millions ticket - the five main numbers as well as the additional Mega Ball number - match the numbers that came up in the draw, you win the Mega Millions jackpot!"
                          }
                        }]
                      }
                    </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_FooterNew" class="footer-wrapper">
    <div class="footer-container-new">
      <div footer-content-new="" class="ng-isolate-scope">
        <div class="footer-content-new">
          <div class="footer-new">
            <div footer-regulation-content="" class="ng-isolate-scope"><!-- ngIf: isRegulationDataLoaded && isRegulationTranslationLoaded -->
              <div class="footer-basic-wrapper ng-scope" ng-if="isRegulationDataLoaded &amp;&amp; isRegulationTranslationLoaded">
                <div class="footer-apps-social">
                  <div class="footer-basic-container">
                    <div apps-button-section="" class="ng-isolate-scope">
                      <!-- ngIf: isDownloadAppsLoaded && (isDisplayIosDownloadApp || isDisplayAndroidDownloadApp) -->
                      <div class="apps-button-section ng-scope" ng-if="isDownloadAppsLoaded &amp;&amp; (isDisplayIosDownloadApp || isDisplayAndroidDownloadApp)">
                        <div class="apps-container download-mobile-apps-display" ng-class="downloadMobileApps">
                          <!-- ngIf: isDisplayIosDownloadApp -->
                          <div class="app-button ng-scope" ng-if="isDisplayIosDownloadApp">
                            <a href="https://www.thelotter.com/mobile-apps/?platformref=1&amp;medium=site_footer" target="_blank">
                <img ng-src="https://www.thelotter.com/objects/dm.tlo?id=29242&amp;v=202408082" height="40" src="https://www.thelotter.com/objects/dm.tlo?id=29242&amp;v=202408082">
            </a>
                          </div><!-- end ngIf: isDisplayIosDownloadApp -->
                          <!-- ngIf: isDisplayAndroidDownloadApp -->
                          <div class="app-button ng-scope" ng-if="isDisplayAndroidDownloadApp">
                            <a href="https://www.thelotter.com/lottery-android-app/?utm_source=site&amp;utm_medium=site_footer&amp;utm_campaign=SFC_Android_Download_Footer">
                <img ng-src="https://www.thelotter.com/objects/dm.tlo?id=29241&amp;v=202408082" height="40" src="https://www.thelotter.com/objects/dm.tlo?id=29241&amp;v=202408082">
            </a>
                          </div><!-- end ngIf: isDisplayAndroidDownloadApp -->
                        </div>
                      </div><!-- end ngIf: isDownloadAppsLoaded && (isDisplayIosDownloadApp || isDisplayAndroidDownloadApp) -->
                    </div>
                  </div>
                  <div class="footer-social-container">
                    <div social-network-section="" class="ng-isolate-scope">
                      <!-- ngIf: isDataLoaded && isDisplaySocialNetwork -->
                      <div class="social-network-section ng-scope" ng-if="isDataLoaded &amp;&amp; isDisplaySocialNetwork">
                        <div class="socialiconssection">
                          <!-- ngIf: isDisplaySocialFacebook --><a name="facebook" href="https://www.facebook.com/thelotteronline" target="_blank" ng-if="isDisplaySocialFacebook" class="ng-scope">
            <img ng-src="https://www.thelotter.com/objects/dm.tlo?id=28738&amp;v=202408082" width="41" height="40" src="https://www.thelotter.com/objects/dm.tlo?id=28738&amp;v=202408082">
        </a><!-- end ngIf: isDisplaySocialFacebook -->
                          <!-- ngIf: isDisplaySocialYoutube --><a name="youtube" href="https://www.youtube.com/channel/UCQpwixd8NKN390Dl5Ubfsug" target="_blank" ng-if="isDisplaySocialYoutube" class="ng-scope">
            <img ng-src="https://www.thelotter.com/objects/dm.tlo?id=28741&amp;v=202408082" width="41" height="40" src="https://www.thelotter.com/objects/dm.tlo?id=28741&amp;v=202408082">
        </a><!-- end ngIf: isDisplaySocialYoutube -->
                          <!-- ngIf: isDisplaySocialTwitter --><a name="twitter" href="https://x.com/theLotterX" target="_blank" ng-if="isDisplaySocialTwitter" class="ng-scope">
            <img ng-src="https://www.thelotter.com/objects/dm.tlo?id=28740&amp;v=202408082" width="41" height="40" src="https://www.thelotter.com/objects/dm.tlo?id=28740&amp;v=202408082">
        </a><!-- end ngIf: isDisplaySocialTwitter -->
                          <!-- ngIf: isDisplaySocialInstagram --><a name="instagram" href="https://www.instagram.com/thelotter_playing_it_global" target="_blank" ng-if="isDisplaySocialInstagram" class="ng-scope">
            <img ng-src="https://www.thelotter.com/objects/dm.tlo?id=28739&amp;v=202408082" width="41" height="40" src="https://www.thelotter.com/objects/dm.tlo?id=28739&amp;v=202408082">
        </a><!-- end ngIf: isDisplaySocialInstagram -->
                        </div>
                      </div><!-- end ngIf: isDataLoaded && isDisplaySocialNetwork -->
                    </div>
                  </div>
                </div>
                <hr class="line-separator-mobile">
                <!-- ngIf: isFooterTrustLoaded -->
                <div class="footer-trust ng-scope" ng-if="isFooterTrustLoaded">
                  <div class="footer-trust-icons">
                    <img class="icons-opacity-effect" alt="footer-satisfaction" ng-src="https://www.thelotter.com/objects/dm.tlo?id=29223&amp;v=202408082" width="120" height="39"
                      src="https://www.thelotter.com/objects/dm.tlo?id=29223&amp;v=202408082">
                    <a href="https://www.rgf.org.mt/" target="_blank">
                <img class="icons-opacity-effect" alt="footer-RGFre" ng-src="https://www.thelotter.com/objects/dm.tlo?id=28746&amp;v=202408082" width="144" height="48" src="https://www.thelotter.com/objects/dm.tlo?id=28746&amp;v=202408082">
            </a>
                    <div class="footer-spaces-mobile"></div>
                    <a href="https://www.geotrust.com/" target="_blank">
                <img class="icons-opacity-effect" alt="footer-geo-trust" ng-src="https://www.thelotter.com/objects/dm.tlo?id=28745&amp;v=202408082" width="144" height="48" src="https://www.thelotter.com/objects/dm.tlo?id=28745&amp;v=202408082">
            </a>
                    <a href="https://www.gamblersanonymous.org.uk/" target="_blank">
                <img class="icons-opacity-effect" alt="footer-ga" ng-src="https://www.thelotter.com/objects/dm.tlo?id=28744&amp;v=202408082" width="48" height="48" src="https://www.thelotter.com/objects/dm.tlo?id=28744&amp;v=202408082">
            </a>
                    <a href="https://www.thelotter.com/terms-of-use/" target="_blank">
                <img class="icons-opacity-effect" alt="footer-age-limit" ng-src="https://www.thelotter.com/objects/dm.tlo?id=28743&amp;v=202408082" width="48" height="48" src="https://www.thelotter.com/objects/dm.tlo?id=28743&amp;v=202408082">
            </a>
                  </div>
                </div><!-- end ngIf: isFooterTrustLoaded -->
                <div class="footer-spaces"></div>
                <hr class="line-separator">
                <!---------------------- license ---------------------->
                <div class="footer-spaces"></div>
                <div class="footer-basic-license">
                  <div class="footer-license-container">
                    <div class="footer-license-logo">
                      <a href="https://authorisation.mga.org.mt/verification.aspx?lang=EN&amp;company=653d15b5-4a2e-461c-8928-13cf3a03b2e5&amp;details=1" target="_blank">
                    <img class="icons-opacity-effect" alt="satisfaction" ng-src="https://www.thelotter.com/objects/dm.tlo?id=28748&amp;v=202408082" width="264" height="64" src="https://www.thelotter.com/objects/dm.tlo?id=28748&amp;v=202408082">
                </a>
                    </div>
                    <div class="footer-spaces"></div>
                    <div class="footer-license-text">
                      <span ng-bind-html="translationDict['MGA license description - paragraph 1'] | Shared.UnsafeHtml" class="ng-binding">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 ng-bind-html="translationDict['MGA license description - paragraph 2'] | Shared.UnsafeHtml" class="ng-binding">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 class="footer-spaces"></div>
                    <div class="footer-play-responsibly">
                      <img alt="footer-mark-notice" ng-src="https://www.thelotter.com/objects/dm.tlo?id=28754&amp;v=202408082" width="14" height="14" src="https://www.thelotter.com/objects/dm.tlo?id=28754&amp;v=202408082">
                      <a href="https://www.thelotter.com/responsible-gaming/" target="_blank">
                    <span class="footer-play-responsibly-text ng-binding">Gambling can be harmful if not controlled. Please play responsibly.</span>
                </a>
                    </div>
                    <!-- ngIf: !isMobile -->
                    <div class="footer-double-spaces ng-scope" ng-if="!isMobile"></div><!-- end ngIf: !isMobile -->
                    <div class="footer-spaces"></div>
                  </div>
                </div>
              </div><!-- end ngIf: isRegulationDataLoaded && isRegulationTranslationLoaded -->
            </div>
            <!-- ngIf: footerContentNewLoaded -->
            <div ng-if="footerContentNewLoaded" class="ng-scope">
              <div footer-links-new="" data-links="footerLinksNew" class="ng-isolate-scope">
                <!-- ngIf: footerLinksNewDataLoaded -->
                <div ng-if="footerLinksNewDataLoaded" class="ng-scope">
                  <div class="footer-links-table">
                    <!-- ngIf: linksDict['New AffiliatesProgram'] != null -->
                    <table ng-if="linksDict['New AffiliatesProgram'] != null" class="ng-scope">
                      <colgroup>
                        <col style="width:33%">
                        <col style="width:33%">
                        <col style="width:33%">
                      </colgroup>
                      <tbody>
                        <tr>
                          <th class="ng-binding">Policies</th>
                          <th class="ng-binding">About Us </th>
                          <th class="ng-binding">Information</th>
                        </tr>
                        <tr>
                          <td><a target="_blank" ng-href="https://www.thelotter.com/terms-of-use/" class="ng-binding" href="https://www.thelotter.com/terms-of-use/">Terms of Use</a></td>
                          <td><a target="_blank" ng-href="https://www.thelotter.com/about-us/" class="ng-binding" href="https://www.thelotter.com/about-us/">About Us</a></td>
                          <td><a target="_blank" ng-href="https://www.thelotter.com/payment-methods/" class="ng-binding" href="https://www.thelotter.com/payment-methods/">Payment Methods</a></td>
                        </tr>
                        <tr>
                          <td><a target="_blank" ng-href="https://www.thelotter.com/cookie-policy/" class="ng-binding" href="https://www.thelotter.com/cookie-policy/">Cookie Policy</a></td>
                          <td><a target="_blank" ng-href="https://www.thelotter-affiliates.com/affiliates/signup.php" class="ng-binding" href="https://www.thelotter-affiliates.com/affiliates/signup.php">theLotter Affiliates</a></td>
                          <td><a target="_blank" ng-href="https://www.thelotter.com/help/" class="ng-binding" href="https://www.thelotter.com/help/">FAQ</a></td>
                        </tr>
                        <tr>
                          <td><a target="_blank" ng-href="https://www.thelotter.com/privacy-policy/" class="ng-binding" href="https://www.thelotter.com/privacy-policy/">Privacy Notice</a></td>
                          <td><a target="_blank" ng-href="https://www.thelotter.com/contact-us/" class="ng-binding" href="https://www.thelotter.com/contact-us/">Contact Us</a></td>
                          <td><a target="_blank" ng-href="https://www.thelotter.com/lottery-taxes/" class="ng-binding" href="https://www.thelotter.com/lottery-taxes/">Lottery Taxes</a></td>
                        </tr>
                        <tr>
                          <td><a target="_blank" ng-href="https://www.thelotter.com/responsible-gaming/" class="ng-binding" href="https://www.thelotter.com/responsible-gaming/">Responsible Gaming</a></td>
                          <td><a target="_blank" ng-href="https://www.thelotter.com/rss.xml?languageid=1" class="ng-binding" href="https://www.thelotter.com/rss.xml?languageid=1">RSS</a></td>
                          <td></td>
                        </tr>
                      </tbody>
                    </table><!-- end ngIf: linksDict['New AffiliatesProgram'] != null -->
                    <!-- ngIf: linksDict['New AffiliatesProgram'] == null -->
                  </div>
                </div><!-- end ngIf: footerLinksNewDataLoaded -->
              </div>
            </div><!-- end ngIf: footerContentNewLoaded -->
          </div>
          <!-- ngIf: displayGoToMobile() -->
          <div footer-session="" ismobile="isMobile" class="ng-isolate-scope">
            <!-- ngIf: dataLoaded && !isMobile && isUserLoggedIn -->
            <!-- ngIf: dataLoaded && isMobile && isUserLoggedIn -->
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Popups -->
  <div class="time-limit-popup-section ng-isolate-scope" time-limit-popup-v2-directive="">
    <div class="time-limit-popup TL_PopupControl ng-isolate-scope" ng-class="{&quot;no-header&quot;:hideHeader}" shared-popup="" unique-id="timeLimitPopup" close-on-click="true" close-on-esc="true" id="timeLimitPopup" header-text=""
      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="">
        <div class="time-limit-popup-container ng-scope">
          <div class="picture">
            <div class="time-limit-clock-icon"></div>
          </div>
          <div class="title"><span class="ng-binding"></span></div>
          <div class="subtitle"><strong class="ng-binding"></strong></div>
          <div class="body ng-binding" ng-bind-html="translations.popupBody | Shared.UnsafeHtml"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="time-limit-popup-section" reality-check-popup-directive=""></div>
  <input type="hidden" name="__VSTATEID" id="__VSTATEID"
    value="/wEPDwUKLTIyNzAwODI5NRBkZBYCZg9kFg4CAQ9kFhRmDxYCHgRUZXh0BaADPGxpbmsgcmVsPSJwcmVjb25uZWN0IiBocmVmPSJodHRwczovL3MxMS50aGVsb3R0ZXIuY29tL2RlbGl2ZXJ5LyI+DQo8bGluayByZWw9InByZWNvbm5lY3QiIGhyZWY9Imh0dHBzOi8vd3d3LnRsZy1hcGkuY29tIj4NCjxsaW5rIHJlbD0icHJlY29ubmVjdCIgaHJlZj0iaHR0cHM6Ly90bC1sb2cuY29tIj4NCjxsaW5rIHJlbD0icHJlY29ubmVjdCIgaHJlZj0iaHR0cHM6Ly93d3cuZ29vZ2xldGFnbWFuYWdlci5jb20iPg0KPGxpbmsgcmVsPSJwcmVjb25uZWN0IiBocmVmPSJodHRwczovL3d3dy5nc3RhdGljLmNvbSI+DQo8bGluayByZWw9InByZWNvbm5lY3QiIGhyZWY9Imh0dHBzOi8vY29ubmVjdC5mYWNlYm9vay5uZXQiPg0KPGxpbmsgcmVsPSJwcmVjb25uZWN0IiBocmVmPSJodHRwczovL2xwdGFnLmxpdmVwZXJzb24ubmV0Ij5kAgIPFgIfAAXYBTxzY3JpcHQgdHlwZT0idGV4dC9qYXZhc2NyaXB0IiBhc3luYyBjaGFyc2V0PSJVVEYtOCIgc3JjPSJodHRwczovL2Nkbi5jb29raWUtc2NyaXB0LmNvbS9zLzViOTM1NjA2MjM1MDI2ZTBjZTIwNWY3YTAzYWI2MTAxLmpzIj48L3NjcmlwdD4KPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPg0KICAgICAgICAgICAgICAgICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigiQ29va2llU2NyaXB0TG9hZGVkIiwgZnVuY3Rpb24oKSB7DQogICAgICAgICAgICAgICAgICAgICAgICB2YXIgY29udGFpbmVyID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImNvb2tpZXNjcmlwdF9pbmplY3RlZCIpOw0KICAgICAgICAgICAgICAgICAgICAgICAgaWYoY29udGFpbmVyKSB7DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGFpbmVyLnJlbW92ZUF0dHJpYnV0ZSgidGFiaW5kZXgiKTsNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb250YWluZXIucXVlcnlTZWxlY3RvckFsbCgnW3RhYmluZGV4PSIwIl0nKS5mb3JFYWNoKGZ1bmN0aW9uKGNoaWxkKSB7DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNoaWxkLnJlbW92ZUF0dHJpYnV0ZSgidGFiaW5kZXgiKTsNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgICAgfSk7DQogICAgICAgICAgICAgICAgPC9zY3JpcHQ+ZAIEDxYCHwAFiEQ8YmFzZSBocmVmPSdodHRwczovL3d3dy50aGVsb3R0ZXIuY29tLyc+PC9iYXNlPjxzY3JpcHQgdHlwZT0ndGV4dC9qYXZhc2NyaXB0JyBuYW1lPSJqc0NvcmVCdW5kbGUiIHNyYz0nU2NyaXB0cy9qc2xpYi5heGQ/ZD1zY3JpcHRzL2pxdWVyeS0xLjcuMS5taW4uanMsc2NyaXB0cy9fY29yZS9OYW1lc3BhY2UuanMsc2NyaXB0cy9fY29yZS9DbGFzcy5qcyxzY3JpcHRzL19jb3JlL0NvcmUuanMsc2NyaXB0cy9fY29yZS9Db3JlLk1hdGguanMsc2NyaXB0cy9fY29yZS9Db3JlLlZhbGlkYXRpb25zLmpzLHNjcmlwdHMvX2NvcmUvQ29yZS5VdGlscy5VcmwuanMsc2NyaXB0cy9fYXBwL1RMLmpzLHNjcmlwdHMvX2FwcC9Nb2RlbHMvVExHbG9iYWxzLmpzLHNjcmlwdHMvX2FwcC9TZXJ2aWNlcy9CYXNlU2VydmljZS5qcyxzY3JpcHRzL19hcHAvU2VydmljZXMvRm9udFN0eWxlQ2FsY3VsYXRvclNlcnZpY2UuanMsc2NyaXB0cy9fYXBwL1NlcnZpY2VzL1VzZXJMb2dpblN0YXR1c1NlcnZpY2UuanMsc2NyaXB0cy9fYXBwL1NlcnZpY2VzL0ZlYXR1cmVUb2dnbGVTZXJ2aWNlLmpzLHNjcmlwdHMvX2FwcC9Nb2RlbHMvU2l0ZUVsZW1lbnRzLmpzLFNjcmlwdHMvSnN0b3JhZ2UvanN0b3JhZ2UuanMsc2NyaXB0cy9fYXBwL0NvbnRyb2xsZXJzL0Zvcm1zTm9ybWFsaXplci5qcyxzY3JpcHRzL2JpZy5taW4uanMsc2NyaXB0cy9tYWlsY2hlY2subWluLmpzLHNjcmlwdHMvbG9jYWxmb3JhZ2UuanMsc2NyaXB0cy9fYXBwL0NvbnRyb2xsZXJzL1NpbmdsZUZyYW1lQW5kUG9wdXBDb250cm9sbGVyLmpzJnY9MjAyNDA4MDUwOTQ5MjInPjwvc2NyaXB0PjxzY3JpcHQgdHlwZT0ndGV4dC9qYXZhc2NyaXB0Jz5UTC50bEdsb2JhbHMgPSBuZXcgVEwuTW9kZWxzLlRMR2xvYmFscyh7Ikxhbmd1YWdlSWQiOjEsIklzTWFpblNpdGUiOnRydWUsIlN1YlNpdGVJZCI6MSwiTGljZW5zZVJlZiI6MSwiTGljZW5zZU5hbWUiOiJNR0EgTWVzc2VuZ2VyIFx1MDAyNiBCZXR0aW5nLU9uIiwiU2VjdXJpdHlSZXZpc2l0VXNlckxvZ2dlZEluSW1wbGVtZW50YXRpb24iOnRydWUsIlJlc2l6ZUhQTW9iaWxlQmlnQmFubmVyVG9nZ2xlRW5hYmxlZCI6dHJ1ZSwiaGFuZGxlRlREUGVuZGluZyI6dHJ1ZSwiSXNQbGF5UGFnZVJvdGF0aW5nQmFubmVyc0VuYWJsZWQiOnRydWUsIlN1cHBvcnRJbnN0YW50R2FtZXNFbmFibGVkIjp0cnVlLCJEaXNwbGF5U0NKYWNrcG90RnJvbUNhdGFsb2dFbmFibGVkIjp0cnVlLCJTdXBwb3J0TXlBY2NvdW50SW5zdGFudEdhbWVzRW5hYmxlZCI6dHJ1ZSwiSXNBZGRDb250ZW50UGFnZXNUb1NpdGVOb3RpZmljYXRpb25zRW5hYmxlZCI6dHJ1ZSwiSXNTaXRlTm90aWZpY2F0aW9uc0VuYWJsZWQiOnRydWUsIk5vdGlmaWNhdGlvbnNFeGNsdWRlZFBhZ2VzTGlzdCI6InJlc3BvbnNpYmxlZ2FtYmxpbmcuYXNweCxjb250ZW50LmFzcHg/aWQ9MTE5MSxoZWxwLmFzcHgscGxheWNvbmZpcm0uYXNweCxwbGF5Y29uZmlybWF0aW9uLmFzcHgsUGxheVJhZmZsZUNvbmZpcm0uYXNweCxQbGF5UmFmZmxlQ29uZmlybWF0aW9uLmFzcHgsVGVybXNBbmRDb25kaXRpb25zLmFzcHgsUHJpdmFjeVBvbGljeS5hc3B4IiwiVXNlclJlZ2lzdHJhdGlvblR5cGUiOjAsIlVzZXJSZXN0cmljdGlvbnMiOjAsIlZlcnRpY2FsVHlwZSI6NCwiVXNlcklkIjotMSwiUGVyc29uYUlkIjoiMGJmOTVmYmYtZjlkZC00YzBhLWI0YTYtN2I1ZGM5YjMzZjgxIiwiT3B0aW1vdmVUYXJnZXRHcm91cFJlZiI6bnVsbCwiTG90dGVyeVJlZiI6NjAsIkJhc2VVcmwiOiJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tLyIsIkRvbWFpbk5hbWUiOiJ0aGVMb3R0ZXIuY29tIiwiU2l0ZUdhdGV3YXlBcGlCYXNlVXJsIjoiaHR0cHM6Ly93d3cudGxnLWFwaS5jb20iLCJOaWNlSFBVcmwiOiJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tLyIsIkhlYWRlckxvZ29JbWciOnsic3JjIjoiaHR0cHM6Ly93d3cudGhlbG90dGVyLmNvbS8vb2JqZWN0cy9kbS50bG8/aWQ9MTQzNzNcdTAwMjZ2PTIwMjQwODA4MiIsImFsdCI6InRoZUxvdHRlciBsb2dvIn0sIlN1YnNpdGVOYW1lIjoidGhlTG90dGVyIiwiTm9uZUltYWdlc0NETlJvb3QiOiJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tLyIsIk5vbmVJbWFnZXNSb290IjoiaHR0cHM6Ly93d3cudGhlbG90dGVyLmNvbS8iLCJJbWFnZXNDRE5Sb290IjoiaHR0cHM6Ly93d3cudGhlbG90dGVyLmNvbS8iLCJKc1ZlcnNpb24iOiIyMDI0MDgwNTA5NDkyMiIsIkNzc1ZlcnNpb24iOiIyMDI0MDgwNTA5NDkyMSIsIkN1cnJlbnRQYWdlTmFtZSI6InBsYXkuYXNweCIsIklzVXNlckxvZ2dlZEluIjpmYWxzZSwiSXNQbGF5ZXIiOmZhbHNlLCJJc0Z1bGx5UmVnaXN0ZXJlZCI6ZmFsc2UsIklzTmV3VXNlciI6dHJ1ZSwiSXNVc2VySWRlbnRpZmllZCI6ZmFsc2UsIkJhbm5lcnNCYXNlVXJsIjoiaHR0cHM6Ly9zMTEudGhlbG90dGVyLmNvbS9kZWxpdmVyeS8iLCJQYXJhbXMiOnsic2hvdWxkRGlzcGxheVN3ZWRlbkhlYWRlciI6ZmFsc2UsImNvcnJlbGF0aW9uSWQiOiJiYzVkMDAwMC0zYWQ4LTAwMGQtYzBmYy0wOGRjYjZhYzgyYzQiLCJMYW5ndWFnZUNvZGUiOiJlbi1HQiIsInByaXZhY3lQb2xpY3lDb25zZW50UmVmIjoxLCJlbWFpbENvbnNlbnRSZWYiOjMsInN3ZWRlbkNvdW50cnlSZWYiOjM4OSwiRmFrZUNvdW50cmllc0lkTGlzdCI6WzQzNF0sIlJlZ3VsYXRpb25JT01KdXJpc2RpY3Rpb25Db25zZW50VG9nZ2xlRW5hYmxlZCI6dHJ1ZSwiUmVndWxhdGlvbk5ld0NvbnNlbnRNYW5hZ2VtZW50VG9nZ2xlRW5hYmxlZCI6dHJ1ZSwiUmVndWxhdGlvbk5ld0NvbnNlbnRNYW5hZ2VtZW50RGlzYWJsZU9sZEFQSXNUb2dnbGVFbmFibGVkIjp0cnVlLCJSZWd1bGF0aW9uUGVyc29uYWxEZXRhaWxzTm9EZWZhdWx0QmlydGhkYXlGZWF0dXJlVG9nZ2xlIjp0cnVlLCJpc1VwbGlmdGluZ1RoZW1lRW5hYmxlIjp0cnVlLCJpc1VUTVRyYWNraW5nVG9nZ2xlRW5hYmxlZCI6dHJ1ZSwiaXNNeUFjY291bnRQdXJjaGFzZURhdGVDbGllbnRUb2dnbGVFbmFibGVkIjp0cnVlLCJyZXNwb25zaWJsZUdhbWluZ0xpbmsiOiJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tL3Jlc3BvbnNpYmxlLWdhbWluZy8iLCJ0ZXJtc0FuZENvbmRpdGlvbkxpbmsiOiJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tL3Rlcm1zLW9mLXVzZS8iLCJhbGxMb3R0ZXJpZXNMaXN0RnJpZW5kbHlVcmwiOiJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tL2xvdHRlcnktdGlja2V0cy8iLCJiZXdhcmVMb3R0ZXJ5U2NhbXNBbXNGYXJtTGluayI6Imh0dHBzOi8vd3d3LnRoZWxvdHRlci5jb20vbG90dGVyeS1zY2Ftcy8iLCJiZXdhcmVMb3R0ZXJ5U2NhbXNOakZhcm1MaW5rIjoiaHR0cHM6Ly93d3cudGhlbG90dGVyLmNvbS80MDQtZXJyb3ItcGFnZS8/YXNweGVycm9ycGF0aD1jb250ZW50LmFzcHg/aWQ9MTU1MyIsImFuZHJvaWRBcHBEb3dubG9hZExpbmsiOiJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tL2xvdHRlcnktYW5kcm9pZC1hcHAvP3V0bV9zb3VyY2U9c2l0ZVx1MDAyNnV0bV9tZWRpdW09c2l0ZV9mb290ZXJcdTAwMjZ1dG1fY2FtcGFpZ249U0ZDX0FuZHJvaWRfRG93bmxvYWRfRm9vdGVyIiwiYXBwbGVBcHBEb3dubG9hZExpbmsiOiJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tL21vYmlsZS1hcHBzLz9wbGF0Zm9ybXJlZj0xXHUwMDI2bWVkaXVtPXNpdGVfZm9vdGVyIiwiaXNSYWZmbGVUaW1lQ291dG5lckVuYWJsZWQiOnRydWUsImlzQWxsb3dNdWx0aXBsZUZyZXF1ZW5jeUxpbWl0c1RvZ2dsZUVuYWJsZWQiOnRydWUsImlzQWRkUGxheUJ1dHRvbk9uVGhlQmlnQ2FyZFRvZ2dsZUVuYWJsZWQiOmZhbHNlLCJpc1JlZ3VsYXRpb25Db25zZW50TWFuYWdlVG9VQW5kUFBVcGRhdGVzVG9nZ2xlRW5hYmxlZCI6dHJ1ZSwiaXNSZWd1bGF0aW9uQWRkU2NyaXB0c1N5bmNGb3JMU0VuYWJsZWQiOnRydWUsImlzUmVndWxhdGlvbkxTVjRBcGlVc2VFbmFibGVkIjpmYWxzZSwiaXNQaWNrTG90dGVyeVRvb2x0aXBFbmFibGVkIjp0cnVlLCJpc1N1cHBvcnRlZFBpY2tEeW5hbWljU2VydmljZUZlZUVuYWJsZWQiOnRydWUsImxvY2F0aW9uU21hcnRJUEFuZEJyb3dzZXJMb2NhdGlvbkNvbXBhcmlzb25TdWJTaXRlcyI6WzYzXSwiaXNSZWd1bGF0aW9uTG9jYXRpb25Vc2VMU0VuaGFuY2VkUHJvZmlsaW5nRW5hYmxlZCI6ZmFsc2UsIlJlZ3VsYXRpb25FbmFibGVBbGxSR1Rvb2xzRm9yU2hvcnRSZWdVc2Vyc0ZlYXR1cmVUb2dnbGUiOnRydWUsImlzU2hvdWxkRGlzcGxheUZ1bGxBbW91bnRGZWF0dXJlVG9nZ2xlRW5hYmxlZCI6dHJ1ZSwiaXNSZWd1bGF0aW9uRGlzYWJsZUFnZVZlcmlmaWNhdGlvbkFQSXNFbmFibGVkIjp0cnVlLCJSZWd1bGF0aW9uU2VsZkV4Y2x1c2lvbkFsbG93TG9naW5BbmRFeHRlbnNpb25Ub2dnbGVFbmFibGVkIjpmYWxzZSwiaXNQaWNrVG9vbHRpcEJ1ZyI6ZmFsc2UsImlzUmVndWxhdGlvbkZpbmFuY2lhbExpbWl0c1VzZUZpbmFuY2lhbExpbWl0Qm91bmRzVG9nZ2xlRW5hYmxlZCI6dHJ1ZSwiaXNSZWd1bGF0aW9uQmFua0lkVjZUb2dnbGVFbmFibGVkIjp0cnVlLCJsaXN0T2ZDb3VudHJpZXNXaXRob3V0T2ZmbGluZVJlY3VycmluZ09wdGlvbnMiOlsyMTcsMjg1LDE5NywyMDIsMjgxLDI5OCw0MTYsMjQ3LDM0MiwzODEsMzI0LDI5MF0sImlzU3VwcG9ydEluc3RhbnRHYW1lc1RvZ2dsZUVuYWJsZWQiOnRydWUsImlzVVNBWmlwVmFsaWRhdGlvblRvZ2dsZUVuYWJsZWQiOmZhbHNlLCJpc1VTQUZvcm1hdEZvckRPQlRvZ2dsZUVuYWJsZWQiOmZhbHNlLCJpc0VkaXRhYmxlQ291bnRyeUFuZFN0YXRlc1RvZ2dsZUVuYWJsZWQiOnRydWUsImlzSGlkZUNvdW50cnlGaWVsZFdoZW5TaW5nbGVDb3VudHJ5UG9saWN5VG9nZ2xlRW5hYmxlZCI6dHJ1ZSwicGxheVNlc3Npb25JZCI6IiIsInNob3dRdWlja1BpY2tBbmltYXRpb25JblBsYXlSZXF1ZXN0Ijp0cnVlLCJzaG91bGREaXNwbGF5SGFuZFdyaXR0ZW5JbnN0cnVjdGlvbnMiOmZhbHNlLCJlbmFibGVIYW5kV3JpdHRlbkluc3RydWN0aW9uIjpmYWxzZSwic2hvdWxkQW5pbWF0ZWRTYWxlQXJyb3dQbGF5UmVxdWVzdCI6dHJ1ZSwibG90dGVyeUlkIjo2MCwibG90dGVyeVR5cGUiOjAsInNob3dQbGF5QnV0dG9uV3JpdHRlbkluc3RydWN0aW9uQWZ0ZXJYU2Vjb25kcyI6NDAsInBhZ2VJZCI6MzUsIm51bWJlck9mQmV0cyI6MCwibXVsdGlwbHlQcml6ZXMiOmZhbHNlLCJzeW5kaWNhdGlvbkl0ZW1JZCI6MCwiYnVuZGxlVHlwZSI6MCwiaXNJbmZvTG90dGVyeSI6ZmFsc2UsImlzTG90dGVyeU5vdEFsbG93ZWRUb1BsYXkiOmZhbHNlLCJpc0Nsc1BsYXlQYWdlTG90dGVyaWVzRW5hYmxlIjp0cnVlLCJzaG93UHJvbW90aW9uUG9wdXAiOmZhbHNlLCJsaXN0T2ZTdWJzaXRlc1dpdGhvdXRPZmZsaW5lUmVjdXJyaW5nT3B0aW9ucyI6W10sImlzSGlkZU9mZmxpbmVSZWN1cnJpbmdPcHRpb25zRmlsdGVyQnlTdWJTaXRlVG9nZ2xlRW5hYmxlZCI6dHJ1ZSwiZGVhbFR5cGUiOjAsImZ0Ijo1LCJubCI6MCwiR2V0QmVzdFNhbGUtRGVmYXVsdFRyYW5zbGF0b3IiOnsicmVxdWVzdERhdGEiOnsiU2FsZUlucHV0TW9kZWwiOnsiTG90dGVyeVJlZiI6bnVsbCwiTG90dGVyeVJlZnMiOm51bGwsIkxvdHRlcnlDYXRlZ29yeSI6MCwiVmVydGljYWxUeXBlIjowLCJQbGF5VHlwZSI6MCwiTnVtYmVyT2ZMaW5lcyI6bnVsbCwiU2FsZUVudGl0bGVkVHlwZSI6MCwiU3ViU2l0ZVJlZiI6MSwiTGljZW5zZVJlZiI6MSwiUGVyc29uYUlEIjoiMDAwMDAwMDAtMDAwMC0wMDAwLTAwMDAtMDAwMDAwMDAwMDAwIn0sIlNhbGVUcmFuc2xhdGlvbkNvbmZpZyI6eyJMYW5ndWFnZVJlZiI6MSwiQXBwbGljYXRpb25SZWYiOjEsIlNhbGVUcmFuc2xhdGlvbkNvbnRleHQiOjB9LCJVc2VyU2FsZVBpY2tlckZyb21Db250ZXh0RGF0YSI6eyJVc2VyUmVmIjotMSwiQ291bnRyeVJlZiI6MjI1LCJQQVBBZmZpbGlhdGUiOiIxMTM5NSIsIlBBUENoYW5uZWwiOm51bGwsIlN1YnNpdGVSZWYiOjEsIkxhbmd1YWdlUmVmIjoxfX0sInNhbGVJZCI6NjY3OH0sImJhbm5lclZpZXdNb2RlbCI6eyJCYW5uZXJzIjpbeyJJdGVtVHlwZSI6MiwiSW1hZ2VGaWxlVXJsIjoib2JqZWN0cy9kbS50bG8/aWQ9MzUxNjAiLCJUYXJnZXRVcmwiOiJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tL2VuL2xvdHRlcnktdGlja2V0cy91c2EtbWVnYW1pbGxpb25zLz9mdD0xXHUwMDI2bmw9NVx1MDAyNnV0bV9zb3VyY2U9c2l0ZVx1MDAyNnV0bV9tZWRpdW09ZGVza3RvcF9QUF9iYW5uZXJcdTAwMjZ1dG1fY2FtcGFpZ249cm5wX3dlbGNvbWVvZmZlcl9PcGVuaW5nX21tIiwiV2lkdGgiOjk2Mi4wMCwiSGVpZ2h0IjoxNTAuMDAsIkJhbm5lclR5cGUiOjEsIkJhbm5lclNjcmlwdCI6IiIsIkJhbm5lckhUTUwiOiIiLCJQcmlvcml0eSI6MTIwLCJJbWFnZUZpbGVJc1Byb3ZpZGVkIjp0cnVlLCJUcmFuc2xhdGlvbnMiOnt9fV0sIlRyYW5zbGF0aW9ucyI6e319LCJmYWNlYm9va0FwcGxpY2F0aW9uSUQiOiIxMjczNDMwNTczNDY0MzEiLCJjdXJyZW50TGFuZ3VhZ2VNb2RlbCI6eyJjc3NDbGFzcyI6ImlkLTEiLCJ0ZXh0IjoiRW5nbGlzaCIsInVybCI6bnVsbCwiVHJhbnNsYXRpb25zIjp7fX0sIkdldEJlc3RTYWxlIjp7InJlcXVlc3REYXRhIjp7IlNhbGVJbnB1dE1vZGVsIjp7IkxvdHRlcnlSZWYiOm51bGwsIkxvdHRlcnlSZWZzIjpbNjAsMjUsMTEsMjIsOTksMTUzLDI4NSwxNDksMTc3LDEyLDIwNCwxNjAsMjAsMTk3LDE5OCwyNzIsMTA1LDExMywxMTksMTYxLDE4OSwxNywxMjEsMTQsMTc5LDIxMSwyNDEsMTQ0LDE1OSwxMzEsMTQyLDE0NiwxLDI0OCwxOTUsMjUxLDE5MSwxMjksMjQzLDI5MCwyMzgsMTY1LDE5OSwyNDYsMTYyLDg2LDI0NCwxOTYsMjAzLDI4NywyMTMsMjA2LDIwMCwyMDUsMjg2LDI0NywyNDUsMTE2XSwiTG90dGVyeUNhdGVnb3J5IjowLCJWZXJ0aWNhbFR5cGUiOjAsIlBsYXlUeXBlIjowLCJOdW1iZXJPZkxpbmVzIjpudWxsLCJTYWxlRW50aXRsZWRUeXBlIjowLCJTdWJTaXRlUmVmIjoxLCJMaWNlbnNlUmVmIjoxLCJQZXJzb25hSUQiOiIwYmY5NWZiZi1mOWRkLTRjMGEtYjRhNi03YjVkYzliMzNmODEifSwiU2FsZVRyYW5zbGF0aW9uQ29uZmlnIjp7Ikxhbmd1YWdlUmVmIjoxLCJBcHBsaWNhdGlvblJlZiI6MSwiU2FsZVRyYW5zbGF0aW9uQ29udGV4dCI6MX0sIlVzZXJTYWxlUGlja2VyRnJvbUNvbnRleHREYXRhIjp7IlVzZXJSZWYiOi0xLCJDb3VudHJ5UmVmIjoyMjUsIlBBUEFmZmlsaWF0ZSI6IjExMzk1IiwiUEFQQ2hhbm5lbCI6bnVsbCwiU3Vic2l0ZVJlZiI6MSwiTGFuZ3VhZ2VSZWYiOjF9fSwic2FsZUlkIjo2Njc4fSwiTGl2ZVBlcnNvbkFwcElkIjoiNTA2MjU1MzYiLCJnbG9iYWxVcmxzIjp7InJlZ2lzdHJhdGlvbkZ1bGwiOiJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tL3JlZ2lzdHJhdGlvbmZ1bGwuYXNweD9pdGVtaWQ9MSIsImFkZFBheW1lbnRNZXRob2QiOiJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tL2FkZHBheW1lbnRtZXRob2QuYXNweD9pdGVtaWQ9MSIsImVkaXRQYXltZW50TWV0aG9kIjoiaHR0cHM6Ly93d3cudGhlbG90dGVyLmNvbS9lZGl0cGF5bWVudG1ldGhvZC5hc3B4P2l0ZW1pZD0xIn19LCJSZXBvcnRKU0Vycm9ycyI6ZmFsc2UsIkxvdHRlcnlDYXJkQmxpbmtUaHJlc2hvbGRTZWNvbmRzIjozNjAwLCJTdXBwb3J0ZWRVVE1UcmFja2luZ1N1YnNpdGVzIjpbNjAsNjFdLCJRdWlja0RyYXdDYXJkQmxpbmtUaHJlc2hvbGRTZWNvbmRzIjozMDAsIlJhZmZsZURyYXdDYXJkQmxpbmtUaHJlc2hvbGRTZWNvbmRzIjozMDAsIlJhZmZsZURyYXdIb3Vyc1RvQ291bnREb3duIjoxNjgsIkxpc3RPZkNvdW50cmllc1dpdGhvdXRPZmZsaW5lUmVjdXJyaW5nT3B0aW9ucyI6WzIxNywyODUsMTk3LDIwMiwyODEsMjk4LDQxNiwyNDcsMzQyLDM4MSwzMjQsMjkwXSwiSW1hZ2VzVmVyc2lvbiI6IjIwMjQwODA4MiIsIkh0bWxWZXJzaW9uIjoiMjAyNDA4MDUwOTQ5MjIiLCJDdXJyZW50VXJsIjoiaHR0cHM6Ly93d3cudGhlbG90dGVyLmNvbS9wbGF5LmFzcHg/bG90dGVyeWlkPTYwXHUwMDI2aXRlbWlkPTFcdTAwMjZ0bF9hZmZpZD0xMTM5NVx1MDAyNmRhdGExPTk4MDEzZDE4YjA5MDEyZDZmODBmMmJkZmY3YjA3ZTE5LTUxNDItMDgwNlx1MDAyNmZ0PTVcdTAwMjZjbGlja2lkPTk4MDEzZDE4YjA5MDEyZDZmODBmMmJkZmY3YjA3ZTE5LTUxNDItMDgwNiIsIklzU3luZGljYXRpb25Pbmx5U3ViU2l0ZSI6ZmFsc2UsIlNpbGVudExvZ2luUmVmIjpudWxsLCJJc1N1cHBvcnRNdWx0aXBsZUxhbmd1YWdlcyI6dHJ1ZSwiVXNlclN0YXR1cyI6LTEsIkxvY2F0aW9uSW5mbyI6eyJDb3VudHJ5UmVmIjoyMjUsIlN0YXRlUmVmIjo4NH0sIlVzZXJUb2tlbiI6bnVsbCwiRXhwaXJhdGlvbkRhdGUiOm51bGwsIlVzZXJDb3VudHJ5UmVmIjpudWxsLCJVc2VyU3RhdGVSZWYiOm51bGwsIlNob3VsZERpc3BsYXlTd2VkZW5TdWJTaXRlSGVhZGVyIjpmYWxzZSwiVXNlckVtYWlsIjpudWxsLCJCYW5uZXJzSXNQbGF5ZXIiOmZhbHNlLCJJc0xpdmVQZXJzb25WMkVuYWJsZWQiOnRydWUsIklzVW5zdWJzY3JpYmVFbWFpbEFjdEFuZFJlZGlyZWN0RW5hYmxlZCI6dHJ1ZSwiSXNQdWJsaXNoR1RNU2hvcnRSZWdpc3RyYXRpb25PblBhZ2VSZWxvYWRFbmFibGVkIjp0cnVlLCJXb3JsZHBheUdsb2JhbFBvc3RNZXNzYWdlT3JpZ2luIjoiaHR0cHM6Ly9jZW50aW5lbGFwaS5jYXJkaW5hbGNvbW1lcmNlLmNvbSIsIkV4dGVybmFsQXBwbGljYXRpb24iOm51bGx9KTs8L3NjcmlwdD5kAgcPFgIfAAXqATxsaW5rIHJlbD0icHJlY29ubmVjdCIgaHJlZj0iaHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbSI+PGxpbmsgcmVsPSJwcmVjb25uZWN0IiBocmVmPSJodHRwczovL2ZvbnRzLmdzdGF0aWMuY29tIiBjcm9zc29yaWdpbj48bGluayBocmVmPSJodHRwczovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2NzczI/ZmFtaWx5PU5vdG8rU2Fuczp3Z2h0QDQwMDs3MDAmZGlzcGxheT1zd2FwIiByZWw9InN0eWxlc2hlZXQiPmQCCA8WAh8ABT08bWV0YSBwcm9wZXJ0eT0ib2c6aW1hZ2UiIGNvbnRlbnQ9Ii9vYmplY3RzL2RtLnRsbz9pZD0yNzk0NSI+ZAIJDxYCHwAFtQ48bWV0YSBuYW1lPSJkZXNjcmlwdGlvbiIgY29udGVudD0iUGxheSBNZWdhIE1pbGxpb25zIG9ubGluZSBieSBwdXJjaGFzaW5nIG9mZmljaWFsIEFtZXJpY2FuIGxvdHRlcnkgdGlja2V0cyB0byBnZXQgYSBjaGFuY2UgYXQgd2lubmluZyBhbiBpbmNyZWRpYmxlIGphY2twb3QgYW5kIG90aGVyIGFtYXppbmcgVVMgbG90dGVyeSBwcml6ZXMuIiAvPjxsaW5rIHJlbD0iY2Fub25pY2FsIiBocmVmPSJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tL2xvdHRlcnktdGlja2V0cy91c2EtbWVnYW1pbGxpb25zLyIgLz4NCjxsaW5rIHJlbD0iYWx0ZXJuYXRlIiBocmVmbGFuZz0iZW4iIGhyZWY9Imh0dHBzOi8vd3d3LnRoZWxvdHRlci5jb20vbG90dGVyeS10aWNrZXRzL3VzYS1tZWdhbWlsbGlvbnMvIiAvPiANCjxsaW5rIHJlbD0iYWx0ZXJuYXRlIiBocmVmbGFuZz0iZXMiIGhyZWY9Imh0dHBzOi8vd3d3LnRoZWxvdHRlci5jb20vZXMvanVnYXItbG90ZXJpYS9lZXV1LW1lZ2FtaWxsaW9ucy8iIC8+IA0KPGxpbmsgcmVsPSJhbHRlcm5hdGUiIGhyZWZsYW5nPSJmciIgaHJlZj0iaHR0cHM6Ly93d3cudGhlbG90dGVyLmNvbS9mci9qZXV4LWRlLWxvdG8vdXNhLW1lZ2FtaWxsaW9ucy8iIC8+IA0KPGxpbmsgcmVsPSJhbHRlcm5hdGUiIGhyZWZsYW5nPSJydSIgaHJlZj0iaHR0cHM6Ly93d3cudGhlbG90dGVyLmNvbS9ydS9sb3RvLW9ubGFpbi91c2EtbWVnYW1pbGxpb255LyIgLz4gDQo8bGluayByZWw9ImFsdGVybmF0ZSIgaHJlZmxhbmc9InB0IiBocmVmPSJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tL3B0L2JpbGhldGVzLWxvdGVyaWEvbWVnYS1taWxsaW9ucy1ldWEvIiAvPiANCjxsaW5rIHJlbD0iYWx0ZXJuYXRlIiBocmVmbGFuZz0idGgiIGhyZWY9Imh0dHBzOi8vd3d3LnRoZWxvdHRlci5jb20vdGgvc2FsYWstbG90dGVyeS9tZWdhbWlsbGlvbnMtc2FoYXJhdGFtZXJpY2EvIiAvPiANCjxsaW5rIHJlbD0iYWx0ZXJuYXRlIiBocmVmbGFuZz0ic3Ytc2UiIGhyZWY9Imh0dHBzOi8vd3d3LnRoZWxvdHRlci5zZS9zcGVsYS1sb3R0by91c2EtbWVnYW1pbGxpb25zLyIgLz4gDQo8bGluayByZWw9ImFsdGVybmF0ZSIgaHJlZmxhbmc9ImVzLWVjIiBocmVmPSJodHRwczovL3d3dy50aGVsb3R0ZXIuZWMvanVnYXItbG90ZXJpYS9lZXV1LW1lZ2FtaWxsaW9ucy8iIC8+IA0KPGxpbmsgcmVsPSJhbHRlcm5hdGUiIGhyZWZsYW5nPSJlcy1wZSIgaHJlZj0iaHR0cHM6Ly93d3cudGhlbG90dGVyLnBlL2p1Z2FyLWxvdGVyaWEvZWV1dS1tZWdhbWlsbGlvbnMvIiAvPiANCjxsaW5rIHJlbD0iYWx0ZXJuYXRlIiBocmVmbGFuZz0iZW4taW4iIGhyZWY9Imh0dHBzOi8vd3d3LmxvdHRvc21pbGUuaW4vbG90dGVyeS10aWNrZXRzL3VzYS1tZWdhbWlsbGlvbnMvIiAvPiANCjxsaW5rIHJlbD0iYWx0ZXJuYXRlIiBocmVmbGFuZz0iZXMtY3IiIGhyZWY9Imh0dHBzOi8vd3d3LnRoZWxvdHRlci5jci9qdWdhci1sb3RlcmlhL2VldXUtbWVnYW1pbGxpb25zLyIgLz4gDQo8bGluayByZWw9ImFsdGVybmF0ZSIgaHJlZmxhbmc9InB0LWJyIiBocmVmPSJodHRwczovL3d3dy5sb3Rlcmlhcy1tdW5kaWFpcy5jb20vYmlsaGV0ZXMtbG90ZXJpYS9tZWdhLW1pbGxpb25zLWV1YS8iIC8+IA0KPGxpbmsgcmVsPSJhbHRlcm5hdGUiIGhyZWZsYW5nPSJlcy1teCIgaHJlZj0iaHR0cHM6Ly93d3cudGhlbG90dGVyLm14L2p1Z2FyLWxvdGVyaWEvZWV1dS1tZWdhbWlsbGlvbnMvIiAvPiANCjxsaW5rIHJlbD0iYWx0ZXJuYXRlIiBocmVmbGFuZz0ieC1kZWZhdWx0IiBocmVmPSJodHRwczovL3d3dy50aGVsb3R0ZXIuY29tL2xvdHRlcnktdGlja2V0cy91c2EtbWVnYW1pbGxpb25zLyIgLz4gDQpkAgoPFgIfAAVPPGxpbmsgcmVsPSJzaG9ydGN1dCBpY29uIiB0eXBlPSJpbWFnZS94LWljb24iIGhyZWY9Im9iamVjdHMvZG0udGxvP2lkPTMwMTczIiAvPmQCCw8WAh8ABfIDPG1ldGEgbmFtZT0iYXBwbGUtbW9iaWxlLXdlYi1hcHAtdGl0bGUiIGNvbnRlbnQ9InRoZUxvdHRlciI+PGxpbmsgcmVsPSJhcHBsZS10b3VjaC1pY29uIiBzaXplcz0iMTAyNHgxMDI0IiBocmVmPSIvb2JqZWN0cy9kbS50bG8/aWQ9MzA2NjIiPg0KPGxpbmsgcmVsPSJhcHBsZS10b3VjaC1pY29uIiBzaXplcz0iMTkyeDE5MiIgaHJlZj0iL29iamVjdHMvZG0udGxvP2lkPTMyNTEzIj4NCjxsaW5rIHJlbD0iYXBwbGUtdG91Y2gtaWNvbiIgc2l6ZXM9IjUyMXg1MTIiIGhyZWY9Ii9vYmplY3RzL2RtLnRsbz9pZD0zMDY2MSI+PGxpbmsgcmVsPSJpY29uIiBzaXplcz0iMTAyNHgxMDI0IiBocmVmPSIvb2JqZWN0cy9kbS50bG8/aWQ9MzA2NjIiPg0KPGxpbmsgcmVsPSJpY29uIiBzaXplcz0iMTkyeDE5MiIgaHJlZj0iL29iamVjdHMvZG0udGxvP2lkPTMyNTEzIj4NCjxsaW5rIHJlbD0iaWNvbiIgc2l6ZXM9IjUyMXg1MTIiIGhyZWY9Ii9vYmplY3RzL2RtLnRsbz9pZD0zMDY2MSI+ZAIMDxYCHwAFogM8IS0tIEdvb2dsZSBUYWcgTWFuYWdlciAtLT4KPHNjcmlwdD4oZnVuY3Rpb24odyxkLHMsbCxpKXt3W2xdPXdbbF18fFtdO3dbbF0ucHVzaCh7J2d0bS5zdGFydCc6Cm5ldyBEYXRlKCkuZ2V0VGltZSgpLGV2ZW50OidndG0uanMnfSk7dmFyIGY9ZC5nZXRFbGVtZW50c0J5VGFnTmFtZShzKVswXSwKaj1kLmNyZWF0ZUVsZW1lbnQocyksZGw9bCE9J2RhdGFMYXllcic/JyZsPScrbDonJztqLmFzeW5jPXRydWU7ai5zcmM9CidodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbS9ndG0uanM/aWQ9JytpK2RsO2YucGFyZW50Tm9kZS5pbnNlcnRCZWZvcmUoaixmKTsKfSkod2luZG93LGRvY3VtZW50LCdzY3JpcHQnLCdkYXRhTGF5ZXInLCdHVE0tUERRNTQ5MycpOzwvc2NyaXB0Pgo8IS0tIEVuZCBHb29nbGUgVGFnIE1hbmFnZXIgLS0+ZAINDxYCHwBlZAIFDxYCHwBlZAIHDxYCHgdWaXNpYmxlaGQCCw9kFgICAQ9kFgJmD2QWBGYPFgIfAWhkAgEPZBYCAgEPFgIfAAVGPGRpdiBpZD0nTFBfRElWXzE0MDk0Njk2NTM4NTInIHN0eWxlPSd3aWR0aDoyMHB4O2hlaWdodDoxMDBweDsnPjwvZGl2PmQCDQ9kFg4CBw8WBB4Fc3R5bGUFH2hlaWdodDo4MHB4O21hcmdpbi1ib3R0b206MzBweDsfAWdkAgkPFgIfAWhkAgsPFgIfAWhkAg0PFgIeBWNsYXNzBSd3cmFwcGVyX2NvbnRlbnQgcGFnZS1sYXlvdXQtbm8tcmlnaHRiYXIWBAIBDxYCHwMFLXN0aWNreS1lbGVtZW50cy1jb250YWluZXItdjIgYXBwbGljYXRpb24taGlkZRYCAgEPZBYCAgEPZBYCZg9kFgRmDxYCHwFoZAIBD2QWAgIBDxYCHwAFMjxkaXYgaWQ9J0xQX0RJVl9NRVNTQUdJTkdfRkxPQVRJTkdfQlVUX0VORyc+PC9kaXY+ZAIDD2QWBGYPFgIfAgUZaGVpZ2h0OjMwcHg7ZGlzcGxheTpub25lO2QCAQ9kFgQCAQ9kFgICAQ8WAh8DBRFjb250ZW50X3dpZGVfZnVsbBYCAgEPZBYKAgMPFgIfAAWUATxpbWcgc3R5bGUgPSJwb2ludGVyLWV2ZW50czogbm9uZTsgcG9zaXRpb246IGFic29sdXRlOyB0b3A6IDExMHB4OyBsZWZ0OiA0MDBweDsgd2lkdGg6IDk3MHB4OyBoZWlnaHQ6IDIwMHB4OyIgc3JjPSIvaW1hZ2VzL0NvbW1vbi9wbGFjZWhvbGRlci5zdmciLz5kAgUPZBYCAgEPZBYGAgEPZBYEAgEPZBYCAgIPFgIfAwU3Y3NzU0VPQXJlYTEgcGxheS1tYWluLXRpdGxlIHNlb0FyZWFUb0hhbmRsZSBjb2xvci13aGl0ZWQCAw8WBB8DBQ9wbGF5LW1haW4tdGl0bGUfAWhkAgMPFgIfAWhkAgUPFgIfAWgWAgIBD2QWAgICDxYCHwMFJ2Nzc1NFT0FyZWEyIHNlb0FyZWFUb0hhbmRsZSBjb2xvci13aGl0ZWQCBw8WAh8CBQ9taW4taGVpZ2h0OjBweDtkAgkPFgIfAgURbWluLWhlaWdodDo0NzdweDtkAgsPZBYCAgEPZBYCAgIPFgIfAwUnY3NzU0VPQXJlYTMgc2VvQXJlYVRvSGFuZGxlIGNvbG9yLXdoaXRlZAICDxYCHwFoFgICAQ9kFgJmD2QWAmYPZBYCAgEPDxYCHwFoZGQCDw8WAh8BZ2QCEw8WAh8AZWQCFQ8WAh8AZWQCDw8WAh8ABcEFPHNjcmlwdCB0eXBlPSd0ZXh0L2phdmFzY3JpcHQnPndpbmRvdy5nYT13aW5kb3cuZ2F8fGZ1bmN0aW9uKCl7KGdhLnE9Z2EucXx8W10pLnB1c2goYXJndW1lbnRzKX07Z2EubD0rbmV3IERhdGU7Z2EoJ2NyZWF0ZScsICdVQS02OTA3OTc3LTInLCAnYXV0bycpO2dhKCdzZW5kJywgJ3BhZ2V2aWV3Jyk7CgppZiAod2luZG93LmFkZEV2ZW50TGlzdGVuZXIpIHt3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigibG9hZCIsIGZ1bmN0aW9uKCkge2xvYWRHb29nbGVBbmFseXRpY3NTY3JpcHQoKTt9KTt9IGVsc2UgaWYgKHdpbmRvdy5hdHRhY2hFdmVudCkge3dpbmRvdy5hdHRhY2hFdmVudCgib25sb2FkIiwgZnVuY3Rpb24oKSB7bG9hZEdvb2dsZUFuYWx5dGljc1NjcmlwdCgpO30pO30gZWxzZSB7bG9hZEdvb2dsZUFuYWx5dGljc1NjcmlwdCgpO30KCmZ1bmN0aW9uIGxvYWRHb29nbGVBbmFseXRpY3NTY3JpcHQoKXt2YXIgYW5hbHl0aWNzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgic2NyaXB0Iik7YW5hbHl0aWNzLnR5cGUgPSAidGV4dC9qYXZhc2NyaXB0IjthbmFseXRpY3MuYXN5bmMgPSB0cnVlO2FuYWx5dGljcy5zcmMgPSAnaHR0cHM6Ly93d3cuZ29vZ2xlLWFuYWx5dGljcy5jb20vYW5hbHl0aWNzLmpzJzsKCmRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYW5hbHl0aWNzKTt9PC9zY3JpcHQ+ZAIVDxYCHwAFpxM8ZGl2IGlkPSJMaXZlUGVyc29uTW9uaXRvclRhZyI+PHNjcmlwdCB0eXBlPSd0ZXh0L2phdmFzY3JpcHQnPiB3aW5kb3cubHBUYWc9d2luZG93LmxwVGFnfHx7fTtpZih0eXBlb2Ygd2luZG93LmxwVGFnLl90YWdDb3VudD09PSJ1bmRlZmluZWQiKXt3aW5kb3cubHBUYWc9e3NpdGU6IjUwNjI1NTM2Inx8IiIsc2VjdGlvbjpscFRhZy5zZWN0aW9ufHwiIixhdXRvU3RhcnQ6bHBUYWcuYXV0b1N0YXJ0PT09ZmFsc2U/ZmFsc2U6dHJ1ZSxvdnI6bHBUYWcub3ZyfHx7fSxfdjoiMS41LjEiLF90YWdDb3VudDoxLHByb3RvY29sOmxvY2F0aW9uLnByb3RvY29sLGV2ZW50czp7YmluZDpmdW5jdGlvbihhcHAsZXYsZm4pe2xwVGFnLmRlZmVyKGZ1bmN0aW9uKCl7bHBUYWcuZXZlbnRzLmJpbmQoYXBwLGV2LGZuKTt9LDApO30sdHJpZ2dlcjpmdW5jdGlvbihhcHAsZXYsanNvbil7bHBUYWcuZGVmZXIoZnVuY3Rpb24oKXtscFRhZy5ldmVudHMudHJpZ2dlcihhcHAsZXYsanNvbik7fSwxKTt9fSxkZWZlcjpmdW5jdGlvbihmbixmblR5cGUpe2lmKGZuVHlwZT09MCl7dGhpcy5fZGVmQj10aGlzLl9kZWZCfHxbXTt0aGlzLl9kZWZCLnB1c2goZm4pO31lbHNlIGlmKGZuVHlwZT09MSl7dGhpcy5fZGVmVD10aGlzLl9kZWZUfHxbXTt0aGlzLl9kZWZULnB1c2goZm4pO31lbHNle3RoaXMuX2RlZkw9dGhpcy5fZGVmTHx8W107dGhpcy5fZGVmTC5wdXNoKGZuKTt9fSxsb2FkOmZ1bmN0aW9uKHNyYyxjaHIsaWQpe3ZhciB0PXRoaXM7c2V0VGltZW91dChmdW5jdGlvbigpe3QuX2xvYWQoc3JjLGNocixpZCk7fSwwKTt9LF9sb2FkOmZ1bmN0aW9uKHNyYyxjaHIsaWQpe3ZhciB1cmw9c3JjO2lmKCFzcmMpe3VybD10aGlzLnByb3RvY29sKyIvLyIrKCh0aGlzLm92ciYmdGhpcy5vdnIuZG9tYWluKT90aGlzLm92ci5kb21haW46ImxwdGFnLmxpdmVwZXJzb24ubmV0IikrIi90YWcvdGFnLmpzP3NpdGU9Iit0aGlzLnNpdGU7fXZhciBzPWRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoInNjcmlwdCIpO3Muc2V0QXR0cmlidXRlKCJjaGFyc2V0IixjaHI/Y2hyOiJVVEYtOCIpO2lmKGlkKXtzLnNldEF0dHJpYnV0ZSgiaWQiLGlkKTt9cy5zZXRBdHRyaWJ1dGUoInNyYyIsdXJsKTtkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpLml0ZW0oMCkuYXBwZW5kQ2hpbGQocyk7fSxpbml0OmZ1bmN0aW9uKCl7dGhpcy5fdGltaW5nPXRoaXMuX3RpbWluZ3x8e307dGhpcy5fdGltaW5nLnN0YXJ0PShuZXcgRGF0ZSgpKS5nZXRUaW1lKCk7dmFyIHRoYXQ9dGhpcztpZih3aW5kb3cuYXR0YWNoRXZlbnQpe3dpbmRvdy5hdHRhY2hFdmVudCgib25sb2FkIixmdW5jdGlvbigpe3RoYXQuX2RvbVJlYWR5KCJkb21SZWFkeSIpO30pO31lbHNle3dpbmRvdy5hZGRFdmVudExpc3RlbmVyKCJET01Db250ZW50TG9hZGVkIixmdW5jdGlvbigpe3RoYXQuX2RvbVJlYWR5KCJjb250UmVhZHkiKTt9LGZhbHNlKTt3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigibG9hZCIsZnVuY3Rpb24oKXt0aGF0Ll9kb21SZWFkeSgiZG9tUmVhZHkiKTt9LGZhbHNlKTt9aWYodHlwZW9mKHdpbmRvdy5fbHB0U3RvcCk9PSJ1bmRlZmluZWQiKXt0aGlzLmxvYWQoKTt9fSxzdGFydDpmdW5jdGlvbigpe3RoaXMuYXV0b1N0YXJ0PXRydWU7fSxfZG9tUmVhZHk6ZnVuY3Rpb24obil7aWYoIXRoaXMuaXNEb20pe3RoaXMuaXNEb209dHJ1ZTt0aGlzLmV2ZW50cy50cmlnZ2VyKCJMUFQiLCJET01fUkVBRFkiLHt0Om59KTt9dGhpcy5fdGltaW5nW25dPShuZXcgRGF0ZSgpKS5nZXRUaW1lKCk7fSx2YXJzOmxwVGFnLnZhcnN8fFtdLGRiczpscFRhZy5kYnN8fFtdLGN0bjpscFRhZy5jdG58fFtdLHNkZXM6bHBUYWcuc2Rlc3x8W10sZXY6bHBUYWcuZXZ8fFtdfTtscFRhZy5pbml0KCk7fWVsc2V7d2luZG93LmxwVGFnLl90YWdDb3VudCs9MTt9IDwvc2NyaXB0PiAgPHNjcmlwdCB0eXBlPSd0ZXh0L2phdmFzY3JpcHQnPmxwVGFnLnNkZXMgPSBscFRhZy5zZGVzIHx8IFtdLCBscFRhZy5zZGVzLnB1c2goeyB0eXBlOiAnY3RtcmluZm8nLCBpbmZvOiB7IGNzdGF0dXM6ICdOL0EnLCBjdHlwZTogJ05vbiBSZWdpc3RlcmVkJywgY3VzdG9tZXJJZDogJy0xJywgcm9sZTogJ04vQScgfSB9KSwgbHBUYWcuc2RlcyA9IGxwVGFnLnNkZXMgfHwgW10sIGxwVGFnLnNkZXMucHVzaCh7IHR5cGU6ICdwZXJzb25hbCcsIHBlcnNvbmFsOiB7IGZpcnN0bmFtZTogJ04vQScsIGxhc3RuYW1lOiAnTi9BJywgbGFuZ3VhZ2U6ICdlbi1HQicgfSB9KSwgbHBUYWcuc2RlcyA9IGxwVGFnLnNkZXMgfHwgW10sIGxwVGFnLnNkZXMucHVzaCh7IHR5cGU6ICdjYXJ0JywgcHJvZHVjdHM6IFsgeyBwcm9kdWN0OiB7IG5hbWU6ICdOb24gUmVnaXN0ZXJlZCcsIGNhdGVnb3J5OiAnR2VuZXJhbCBpbmZvcm1hdGlvbicgfSB9IF0gfSksIGxwVGFnLnNlY3Rpb24gPSBbJ2VuLUdCJ10sIGxwVGFnLnNkZXMgPSBscFRhZy5zZGVzIHx8IFtdOzwvc2NyaXB0PjwvZGl2PmRk">
</form>

Text Content

 



 



 























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




 



Please Note!
You are about to leave our site and we cannot be held responsible for the
content of external websites.
Go there anyway
Stay here






 



   
 * 
   
   
 * Lotteries
   
 * Raffles
   
 * Promotions
   
 * Results & Info
   
   
 * 
   
   
 * Magazine
   
     
   * Our Winners
     
   * Lottery Stories
     
   
 * Support
   
     
   * How It Works
     
   * How Syndicates Work
     
   * How Bundles Work
     
   * How Raffles Work
     
   * Contact Us
     
   * FAQ
     
   

   
   
   
   
 * Log in / Sign up
   
   
   
   
 * 
   
   
   
 * 
   



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


Attention lottery players
Due to operational reasons, the minimum purchase amount on this lottery starting
19/7/23 will be increased. The price per line remains the same!
Players with active multi-draws and subscriptions will retain their current
arrangement.
Thanks for the update!
Do not show me again.



PLAY MEGA MILLIONS ONLINE



US$ 398 Million
2 days 18:44:31Closing 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

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970

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

+
Choose 1

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

12345678910111213141516171819202122232425

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

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970

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

+
Choose 1

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

12345678910111213141516171819202122232425

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

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970

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

+
Choose 1

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

12345678910111213141516171819202122232425

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


Multiply your secondary prize up to 5 times for C$ 3.44 per line

Entry type  

Choose the number of draws
One-Time Entry

Multi-Draw

Subscription

Choose entry type


One-Time Entry

Multi-Draw Up to 25% off
12 Draws (12% Off) Recommended

   
 * 4 Draws (4% Off)
   
 * 8 Draws (8% Off)
   
 * 12 Draws (12% Off) Recommended
   
 * 16 Draws (16% Off)
   
 * 24 Draws (18% Off)
   
 * 50 Draws (25% Off)
   

Automatically renew this multi-draw when it expires


Subscription
Every 7th ticket is FREE!
Official Price (3 Lines X C$ 6.89)
C$ 8.26
Service Fee
C$ 12.40
Multi-Drawing Price (3 Lines X C$ 6.89)
Ticket Price (3 Lines X C$ 6.89)
C$ 20.66
12% Multi-Draw Discount
C$ - 2.48
{#VIP_TYPE#} {#VIP_DISCOUNT_PERCENT#}% Discount
C$ - 0.00
C$ - 0.00

Total
C$ 20.66
Play


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




HOW DO YOU PLAY MEGA MILLIONS ONLINE?

Play Mega Millions by selecting five main numbers (from 1-70) and a Mega Ball
(from 1-25) for each line and you can do this online in the same manner as if
purchasing your tickets in person at a retailer. When you play Mega Millions
online at theLotter, with official Mega Millions lottery tickets, you can choose
your number manually, with a quick pick random selection, or by using your saved
favourite numbers.

Mega Millions draws take place on Tuesdays and Fridays at 23:00 EST. Make sure
to get tickets for both draws! Want to know how it all works? Learn more about
how our lottery ticket purchasing service works.





CAN YOU BUY MEGA MILLIONS ONLINE FROM ANYWHERE?

Yes! When you play Mega Millions online with theLotter, you can order official
Mega Millions lottery tickets from anywhere in the world. After you complete
your purchase, official lottery tickets are bought on your behalf at a retailer
in the United States. A reasonable facsimile of your Mega Millions tickets is
uploaded to your private account as part of theLotter’s lottery courier service
in time for the Tuesday or Friday night draw. Not only can you play Mega
Millions from outside the United States, you can also win huge American lottery
prizes! Check out our American Lottery guide to learn more about playing US
lotteries online.

Curious about Mega Millions' optional multiplier? Read all about the Mega
Millions Megaplier.





HOW DO YOU CLAIM MEGA MILLIONS WINNINGS ONLINE?

When the numbers on your Mega Millions ticket - the five main numbers as well as
the additional Mega Ball number - match the numbers that came up in the draw,
you win the Mega Millions jackpot! Match the five main numbers and you instantly
become an American lottery millionaire! When your numbers form a partial match,
you may still be entitled to prizes in Mega Millions’ eight secondary prize
tiers.

Mega Millions’ jackpot starts at an estimated US$20,000,000* and the jackpot has
on occasion rolled over to astronomical amounts. Mega Millions awarded a US$656
million jackpot in March 2012, a world record the lottery held for 4 years. One
third of this huge prize was won by the 'Three Amigos', three members of a very
lucky winning lottery syndicate.

The Mega Millions world record stood until January 2016, when Powerball took
over the crown as the lottery champion of the world with a US$1.586 billion
jackpot. Changes to the Mega Millions game format have made it more difficult to
win the Mega Millions jackpot. In a draw held in August 2023, Mega Millions set
a new world record when it awarded a US$1.602 billion jackpot.

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





HOW DO YOU CLAIM PRIZES WHEN YOU BUY MEGA MILLIONS TICKETS ONLINE?

When you win a Mega Millions prize on theLotter you will receive an automated
email (or SMS) to let you know you’ve won! Prizes will be transferred directly
into your theLotter account after the Mega Millions results are published and
soon after the receipt of the prize from the official lottery operator. Please
note, the jackpot and second place prizes may need to be collected in person. In
these cases, theLotter will pay for your flight to the US! Like other American
lottery winnings, Mega Millions prizes are subject to US State and Federal
taxes.





HOW CAN YOU BE SURE YOU'LL RECEIVE YOUR WINNINGS?

Playing online for a chance to win the biggest lottery jackpots is simple, safe,
and secure. Not only that, our service is fully transparent. A confirmation
email at time of ticket purchase is sent to you as proof of ownership.
Furthermore, a reasonable facsimile of the US lottery ticket purchased on your
behalf by our local office is uploaded to your account as proof-of-purchase. All
winnings are 100% yours -- theLotter has no legal claim to your tickets per our
Terms of Use, meaning you can be confident that you'll get your winnings in full
when you buy Mega Millions tickets online!





THELOTTER’S MEGA MILLIONS ONLINE LOTTERY WINNERS

 * 26/03/2024 - S.R. from Brazil won US$10,000
 * 16/02/2024 - C.C. from Brazil won US$10,000
 * 19/5/2023 - A.U. from Chile won US$10,000
 * 10/1/2023 - F.L. from Mexico won US$10,000
 * 13/12/2022 - M.M. from Japan won US$10,000
 * 30/9/2022 - G.H.C. from Mexico won US$40,000
 * 12/1/2022 - A.A. from Chile won US$6,400
 * 26/1/2017 - Nataliia from Ukraine won US$1 million.





BIG JACKPOT NEWS

 * Following 31 drawings without a winner, Saltines Holdings LLC from Neptune
   Beach, Florida got to celebrate the end of summer 2023 with a
   record-breaking US$1.602 billion (US$794.2 million cash) jackpot, won on 8
   August 2023. The lucky quick pick ticket correctly matched the six winning
   numbers, which were 13, 19, 20, 32, 33 and Megaball 14. This jackpot is now
   the biggest prize ever won in Mega Millions history!

 * After a record year for big jackpots in 2022, US Mega Millions kept the party
   going by kicking 2023 off with a bang. A single ticket purchased in the state
   of Maine correctly guessed the winning numbers 30, 43, 45, 46, and 61, plus
   the Mega Ball 14, winning the entire US$1.348 billion jackpot (US$723.5
   million cash value) - the second biggest in Mega Millions history and the
   fourth-biggest in the world!

 * Two lucky winners secured their place in lottery history on 29 July 2022 when
   an absolutely incredible Mega Millions jackpot was finally won by a single
   winning ticket sold in a Chicago suburb in Illinois, USA. The jackpot had
   been rolling over three and a half months, eventually climbing up to an
   unbelievable US$1.337 billion, making it the third highest Mega Millions
   jackpot of all time.


     

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




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


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.



Policies About Us Information Terms of Use About Us Payment Methods Cookie
Policy theLotter Affiliates FAQ Privacy Notice Contact Us Lottery Taxes
Responsible Gaming RSS


 







English

Russian

German

French

Spanish

Portuguese

Romanian

Hungarian

Thai

Swedish
How we use cookies
We use cookies on our site to personalise and improve your experience. Read more

Strictly necessary

Performance

Targeting

Functionality

Unclassified
Accept all
Decline all
Manage Cookies Hide details