https://atlasson.net/?em=18abe7a7-8789-45a9-867f-323503973d43&id=ef8739af-6304-4ddc-9f76-ef8912af9bef

Last Checked: Nov 25, 2021, 08:00 EST

IP Address: 18.169.68.74
ASN #: AS16509 AMAZON-02, US
Location: Unknown, Unknown, Unknown
URL Reputation:
  • Unknown This URL is not identified as malicious in the PhishTank Database.
  • Unknown PhishCheck thinks this URL is likely not a phish.
  • Unknown OpenPhish: URL not in feed.

Other submissions on 18.169.68.74:

Other submissions on atlasson.net:

Previous checks:

  • Nov 25, 2021, 07:59 EST

                               Domain Name: atlasson.net
Registry Domain ID: 2592238251_DOMAIN_NET-VRSN
Registrar WHOIS Server: whois.registrar.amazon.com
Registrar URL: https://registrar.amazon.com
Updated Date: 2021-02-18T18:07:33Z
Creation Date: 2021-02-18T17:56:31Z
Registrar Registration Expiration Date: 2022-02-18T17:56:31Z
Registrar: Amazon Registrar, Inc.
Registrar IANA ID: 468
Registrar Abuse Contact Email: abuse@amazonaws.com
Registrar Abuse Contact Phone: +1.2067406200
Reseller:
Domain Status: addPeriod https://icann.org/epp#addPeriod
Domain Status: ok https://icann.org/epp#ok
Registry Registrant ID:
Registrant Name: On behalf of atlasson.net owner
Registrant Organization: Whois Privacy Service
Registrant Street: P.O. Box 81226
Registrant City: Seattle
Registrant State/Province: WA
Registrant Postal Code: 98108-1226
Registrant Country: US
Registrant Phone: +1.2065771368
Registrant Phone Ext:
Registrant Fax:
Registrant Fax Ext:
Registrant Email: owner-5607615@atlasson.net.whoisprivacyservice.org
Registry Admin ID:
Admin Name: On behalf of atlasson.net administrative contact
Admin Organization: Whois Privacy Service
Admin Street: P.O. Box 81226
Admin City: Seattle
Admin State/Province: WA
Admin Postal Code: 98108-1226
Admin Country: US
Admin Phone: +1.2065771368
Admin Phone Ext:
Admin Fax:
Admin Fax Ext:
Admin Email: admin-5607615@atlasson.net.whoisprivacyservice.org
Registry Tech ID:
Tech Name: On behalf of atlasson.net technical contact
Tech Organization: Whois Privacy Service
Tech Street: P.O. Box 81226
Tech City: Seattle
Tech State/Province: WA
Tech Postal Code: 98108-1226
Tech Country: US
Tech Phone: +1.2065771368
Tech Phone Ext:
Tech Fax:
Tech Fax Ext:
Tech Email: tech-5607615@atlasson.net.whoisprivacyservice.org
Name Server: ns-1311.awsdns-35.org
Name Server: ns-1642.awsdns-13.co.uk
Name Server: ns-333.awsdns-41.com
Name Server: ns-553.awsdns-05.net
DNSSEC: unsigned
URL of the ICANN WHOIS Data Problem Reporting System: http://wdprs.internic.net/
>>> Last update of WHOIS database: 2021-02-18T18:07:33.203Z <<<

For more information on Whois status codes, please visit https://www.icann.org/resources/pages/epp

By submitting a query to the Amazon Registrar, Inc. WHOIS database, you agree to abide by the following terms. The data in Amazon Registrar, Inc.'s WHOIS database is provided by Amazon Registrar, Inc. for the sole purpose of assisting you in obtaining information about domain name accuracy. You agree to use this data only for lawful purposes and further agree not to use this data for any unlawful purpose or to: (1) enable, allow, or otherwise support the transmission by email, telephone, or facsimile of commercial advertising or unsolicited bulk email, or (2) enable high volume, automated, electronic processes to collect or compile this data for any purpose, including mining this data for your own personal or commercial purposes. Amazon Registrar, Inc. reserves the right to restrict or terminate your access to the data if you fail to abide by these terms of use. Amazon Registrar, Inc. reserves the right to modify these terms at any time.

Visit Amazon Registrar, Inc. at https://registrar.amazon.com
Contact information available here: https://docs.aws.amazon.com/Route53/latest/DeveloperGuide/domain-contact-support.html

© 2021, Amazon.com, Inc., or its affiliates


                             
  • GET
    302 Found

    https://atlasson.net/?em=18abe7a7-8789-45a9-867f-323503973d43&id=ef8739af-6304-4ddc-9f76-ef8912af9bef

  • GET
    200 OK

    http://detectportal.firefox.com/canonical.html

  • GET
    200 OK

    http://detectportal.firefox.com/success.txt?ipv4

  • GET
    200 OK

    http://detectportal.firefox.com/success.txt?ipv6

  • GET
    200 OK

    http://detectportal.firefox.com/canonical.html

  • GET
    200 OK

    http://detectportal.firefox.com/success.txt?ipv4

  • GET
    200 OK

    http://detectportal.firefox.com/success.txt?ipv6

  • GET
    302 Found

    https://securitytraining.sophos.net/login/sso/Mmd3MVIrYUFIRnhtQjkwbGFueWVFWFN1Vmw4NDRqK21qeFhhSmRreG9SeFNkZHJZbTB2ak1QcXd6NFlYSmx3RHMzQ3lRSGc3clpEeldOdjh1eS8zN01idmMyUFhsRnJlVHRibzMzZEJoTU9tTDVyaFFvcXB3aDhZZGQvcTVNbDlCajg9Ojo1YzZlMDgxM2I2NzIzMTdiMzBlNzA0Njk3ZTc3NDVlZA==/af8b1e29-d061-4ca0-a591-898a55620f52/408d8264-e541-436f-ba4e-40f339d7614f

  • GET
    200 OK

    https://securitytraining.sophos.net/learn/training/af8b1e29-d061-4ca0-a591-898a55620f52

  • GET
    200 OK

    https://securitytraining.sophos.net/css/style2.css?version=1637817012

  • GET
    200 OK

    https://securitytraining.sophos.net/css/media_queries.css?version=1637817012

  • GET
    200 OK

    https://securitytraining.sophos.net/css/custom/59830039-3bdc-4416-e77e-790e5aa4e483

  • GET
    200 OK

    https://js.sentry-cdn.com/f1e1c6d3b1304fac9b2760497018b0be.min.js

  • GET
    200 OK

    https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

  • GET
    200 OK

    https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js

  • GET
    301 Moved Permanently

    https://cdn.rawgit.com/twbs/bootstrap/v4.1.3/dist/js/bootstrap.bundle.min.js

  • GET
    200 OK

    https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js

  • GET
    200 OK

    https://securitytraining.sophos.net/vendors/flaticon/flaticon.css

  • GET
    200 OK

    https://securitytraining.sophos.net/vendors/animation/animate.css

  • GET
    200 OK

    https://securitytraining.sophos.net/vendors/themify-icon/themify-icons.css

  • GET
    200 OK

    https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.3

  • GET
    200 OK

    https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.css

  • GET
    200 OK

    https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js

  • GET
    200 OK

    https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js

  • GET
    200 OK

    http://detectportal.firefox.com/canonical.html

  • GET
    200 OK

    https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js

  • GET
    200 OK

    http://detectportal.firefox.com/success.txt?ipv4

  • GET
    200 OK

    http://detectportal.firefox.com/success.txt?ipv6

  • GET
    200 OK

    https://securitytraining.sophos.net/css/responsive.css

  • GET
    200 OK

    https://www.googletagmanager.com/gtag/js?id=UA-131516264-4

  • GET
    200 OK

    https://securitytraining.sophos.net/vendors/owl-carousel/assets/owl.carousel.min.css

  • GET
    200 OK

    https://securitytraining.sophos.net/css/all.min.css

  • GET
    200 OK

    https://securitytraining.sophos.net/vendors/magnify-pop/magnific-popup.css

  • GET
    200 OK

    https://securitytraining.sophos.net/vendors/nice-select/nice-select.css

  • GET
    200 OK

    https://securitytraining.sophos.net/css/datatables.css

  • GET
    200 OK

    https://cdn.jsdelivr.net/gh/twbs/bootstrap@v4.1.3/dist/js/bootstrap.bundle.min.js

  • GET
    200 OK

    https://securitytraining.sophos.net/js/helpers.js

  • GET
    200 OK

    https://securitytraining.sophos.net/js/standard.js?version=1637817013

  • GET
    200 OK

    https://securitytraining.sophos.net/js/notify.min.js

  • GET
    200 OK

    https://securitytraining.sophos.net/img/covers/af8b1e29-d061-4ca0-a591-898a55620f52.png

  • GET
    200 OK

    https://securitytraining.sophos.net/fonts/Gotham-Rounded.ttf

  • GET
    200 OK

    https://securitytraining.sophos.net/img/thanks-icon.png

  • GET
    200 OK

    https://securitytraining.sophos.net/img/sophosfavicon.ico

  • GET
    200 OK

    https://static.hotjar.com/c/hotjar-1512532.js?sv=6

  • GET
    200 OK

    https://vars.hotjar.com/box-ad575b5823df97fc9725e14a57070642.html

  • POST
    200 OK

    https://securitytraining.sophos.net/ajax/interaction

  • GET
    200 OK

    https://securitytraining.sophos.net/fonts/Gotham-Rounded-Bold.ttf

  • GET
    200 OK

    https://securitytraining.sophos.net/ajax/loadModulePage/af8b1e29-d061-4ca0-a591-898a55620f52/1/0

  • GET
    200 OK

    https://securitytraining.sophos.net/webfonts/fa-solid-900.woff2

  • GET
    200 OK

    https://securitytraining.sophos.net/fonts/Gotham-Rounded-Medium.ttf

  • GET
    200 OK

    https://script.hotjar.com/modules.376dac12c7cbd03331c3.js

  • GET
    200 OK

    https://www.google-analytics.com/analytics.js

  • POST
    200 OK

    https://securitytraining.sophos.net/ajax/interaction

  • POST
    200 OK

    https://www.google-analytics.com/j/collect?v=1&_v=j96&a=1998254043&t=pageview&_s=1&dl=https%3A%2F%2Fsecuritytraining.sophos.net%2Flearn%2Ftraining%2Faf8b1e29-d061-4ca0-a591-898a55620f52&ul=en-us&de=UTF-8&dt=Sophos%20Security%20Centre%20-%20Email%20Phishing%20-&sd=24-bit&sr=1366x768&vp=1920x995&je=0&_u=YEBAAUABAAAAAC~&jid=1616694915&gjid=2051908136&cid=1665090217.1637845160&tid=UA-131516264-4&_gid=427080674.1637845160&_r=1&gtm=2ouba1&z=2114383546

  • POST
    200 OK

    https://in.hotjar.com/api/v2/client/sites/1512532/visit-data?sv=6

  • POST
    200 OK

    https://securitytraining.sophos.net/ajax/interaction

  • https://atlasson.net/?em=18abe7a7-8789-45a9-867f-323503973d43&id=ef8739af-6304-4ddc-9f76-ef8912af9bef https://securitytraining.sophos.net/login/sso/Mmd3MVIrYUFIRnhtQjkwbGFueWVFWFN1Vmw4NDRqK21qeFhhSmRreG9SeFNkZHJZbTB2ak1QcXd6NFlYSmx3RHMzQ3lRSGc3clpEeldOdjh1eS8zN01idmMyUFhsRnJlVHRibzMzZEJoTU9tTDVyaFFvcXB3aDhZZGQvcTVNbDlCajg9Ojo1YzZlMDgxM2I2NzIzMTdiMzBlNzA0Njk3ZTc3NDVlZA==/af8b1e29-d061-4ca0-a591-898a55620f52/408d8264-e541-436f-ba4e-40f339d7614f
  • https://securitytraining.sophos.net/login/sso/Mmd3MVIrYUFIRnhtQjkwbGFueWVFWFN1Vmw4NDRqK21qeFhhSmRreG9SeFNkZHJZbTB2ak1QcXd6NFlYSmx3RHMzQ3lRSGc3clpEeldOdjh1eS8zN01idmMyUFhsRnJlVHRibzMzZEJoTU9tTDVyaFFvcXB3aDhZZGQvcTVNbDlCajg9Ojo1YzZlMDgxM2I2NzIzMTdiMzBlNzA0Njk3ZTc3NDVlZA==/af8b1e29-d061-4ca0-a591-898a55620f52/408d8264-e541-436f-ba4e-40f339d7614f https://securitytraining.sophos.net/learn/training/af8b1e29-d061-4ca0-a591-898a55620f52
  • https://cdn.rawgit.com/twbs/bootstrap/v4.1.3/dist/js/bootstrap.bundle.min.js https://cdn.jsdelivr.net/gh/twbs/bootstrap@v4.1.3/dist/js/bootstrap.bundle.min.js
<html lang="en"><head>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="csrf-token" content="Wba0akd4vI1JrOLURcuWd8BDNAXhCZGCgo8Wqq0W">
    
    <link rel="shortcut icon" href="/img/sophosfavicon.ico" type="image/x-icon">
    
    <title>Sophos Security Centre - Email Phishing - </title>

    <link rel="stylesheet" href="/css/style2.css?version=1637817012">
    <link rel="stylesheet" href="/css/media_queries.css?version=1637817012">

        <link rel="stylesheet" href="/css/custom/59830039-3bdc-4416-e77e-790e5aa4e483">
    
    <script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script src="https://js.sentry-cdn.com/f1e1c6d3b1304fac9b2760497018b0be.min.js" crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="//cdn.rawgit.com/twbs/bootstrap/v4.1.3/dist/js/bootstrap.bundle.min.js"></script>

    <link rel="stylesheet" href="https://securitytraining.sophos.net/vendors/themify-icon/themify-icons.css">
    <link rel="stylesheet" href="https://securitytraining.sophos.net/vendors/flaticon/flaticon.css">
    <link rel="stylesheet" href="https://securitytraining.sophos.net/vendors/animation/animate.css">
    <link rel="stylesheet" href="https://securitytraining.sophos.net/vendors/owl-carousel/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://securitytraining.sophos.net/vendors/magnify-pop/magnific-popup.css">
    <link rel="stylesheet" href="https://securitytraining.sophos.net/vendors/nice-select/nice-select.css">

    <link rel="stylesheet" href="https://securitytraining.sophos.net/css/responsive.css">
    <link rel="stylesheet" href="https://securitytraining.sophos.net/css/all.min.css">
    <!-- <link rel="stylesheet" href="https://securitytraining.sophos.net/css/bootstrap2.min.css"> -->
    
    <link rel="stylesheet" href="/css/datatables.css">
    <script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
    <script src="//cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
    <script src="/js/helpers.js"></script>
    <script src="/js/notify.min.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>

          
  <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-131516264-4"></script>
  <script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-131516264-4');
  </script>
  
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
                h._hjSettings={hjid:1512532,hjsv:6};
                a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');

    window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments)};
    hj('tagRecording', ['ef8739af-6304-4ddc-9f76-ef8912af9bef']);

    Sentry.onLoad(function() {
        Sentry.setUser({ email: "andrew.martin@sophos.com", id: "ef8739af-6304-4ddc-9f76-ef8912af9bef" });
                Sentry.init({ release: 'securitycentre-securitycentre-10094' }); ;
                    });

</script><script async="" src="https://static.hotjar.com/c/hotjar-1512532.js?sv=6"></script>

<!-- Latest v2.x.x -->
<script src="https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.3"></script>
<script>

$(document).ready(function(){
  cssVars({
      onlyLegacy: true,
      onComplete: function(cssText, styleNodes, cssVariables, benchmark) {                
      }
  })
})

  $(document).ready(function(){
    if (/Edge/.test(navigator.userAgent)) {
        $("body").addClass("edge")
    }
    if(navigator.userAgent.indexOf('MSIE')!==-1
      || navigator.appVersion.indexOf('Trident/') > -1){

      }
  })

  function getCookieValue(a) {
    var b = document.cookie.match('(^|;)\\s*' + a + '\\s*=\\s*([^;]+)');
    return b ? b.pop() : '';
  }

</script>

    
    <script src="/js/standard.js?version=1637817013"></script>

<style type="text/css">
    #trainingFeedbackContainer .feedbackQuestion, #trainingFeedbackContainer .feedbackContinueContainer, #trainingFeedbackContainer .feedbackCompletedContainer {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
</style><script async="" src="https://script.hotjar.com/modules.376dac12c7cbd03331c3.js" charset="utf-8"></script><style type="text/css">iframe#_hjRemoteVarsFrame {display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;}</style></head>
<body id="training" data-page="learn" class="jite trainingOpen" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%;"><span id="pageTitleBreadcrumb" class="hide">Learn</span>

<div id="overlayBackground"></div>
<div id="wrongOverlay" class="hide">
    <div id="wrongOverlayTop">
        <i class="fas fa-times fa-2x"></i>
    </div>
    <div id="wrongOverlayInner">
        <i class="fas fa-exclamation-triangle flash fa-5x"></i><br>
        <h1 id="warningH1"></h1>
        <p id="warningCopy"></p>
        <div id="warningBottom">
            <span>Return to safety</span> <i class="fas fa-chevron-right"></i>
        </div>
    </div>
</div>


<main id="contentContainer">
    
    <div id="trainingPreviewSectionContainer" class="hide">
        <div id="trainingPreviewSectionInner">
            <div id="trainingPreviewSection" style="display: none; top: -500px;">
                <div id="trainingImageBlock">
                                        <img alt="Email Phishing" aria-label="Email Phishing" class="fullWidth" src="/img/covers/af8b1e29-d061-4ca0-a591-898a55620f52.png">
                                    </div>
                <div id="trainingPreviewContent">
                    <div id="trainingOverview"><div class="textCentre"><h2 class="mt0">Training Complete!</h2><p class="green whiteCopy br p8 mb0">Congratulations, you have successfully completed the training and may close this window.</p></div></div>
                    <div class="buttonRow buttonRowFull" id="trainingOverviewButtons" style="display: none;">
                        <button role="button" aria-label="Begin training" tabindex="0" class="startTraining trainingBlockContainer button buttonMain" data-moduleuuid="af8b1e29-d061-4ca0-a591-898a55620f52" data-page="1" data-preload="0">
                                                            Start
                                                    </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
    <div id="trainingTopContainer" class="hide" style="display: block; top: 0px; width: calc(100% - 250px);">
        <div id="trainingTop" class="flexCentre fullHeight">
            <div id="trainingProgressBar" class="centre" aria-label="Progress bar starts">
                <div id="trainingProgressCompletion" style="width: 0px;">
                    <span>
                        <span class="small" data-toggle="tooltip" title="" data-original-title="Module completion" style="display: none;">
                        <span class="trainingProgressCompletionInner fw700" id="trainingPercentDone">0</span></span>
                    </span>
                </div>
            </div>
        </div>
    </div>

    <div id="trainingLeftContainer" class="hide" aria-hidden="false" style="display: block; left: 0px;">
        <div role="button" id="trainingLeftToggle" tabindex="0" aria-expanded="true" aria-label="Hide the sidebar">
            <div id="toggleBefore">
                <svg viewBox="0 0 32 58.8">
                    <path d="M0,0v58.8c0-11.9,6-22.9,16-29.4l0,0C26,22.9,32,11.9,32,0H0z"></path>
                </svg>
            </div>
            <svg x="0px" y="0px" viewBox="0 0 32 50.1" class="toggleLine">
                <line x1="22" y1="9.1" x2="22" y2="41"></line>
                <line x1="16" y1="9.1" x2="16" y2="41"></line>
                <line x1="10" y1="9.1" x2="10" y2="41"></line>
            </svg>
            <div id="toggleAfter">
                <svg x="0px" y="0px" viewBox="0 0 32 58.8">
                    <path d="M32,58.8c0-11.9-6-22.9-16-29.4l0,0C6,22.9,0,11.9,0,0v58.8H32z"></path>
                </svg>
            </div>
        </div>
        <div id="trainingLeft" class="flexCol borderBox fullHeight explode">
            <div>
                
                <div id="trainingLeftContent" style="margin-top: 0px;">
                    <h3>
                        Email Phishing
                    </h3>
                    <p>
                        We take a look at Email Phishing and what to look out for in order to detect these threats and protect yourself and Sophos against them
                    </p>
                </div>
            </div>
            <div class="textRight flex" style="justify-content:flex-end">
                <div>
                    <i tabindex="0" class="fas fa-expand pointer whiteCopy" id="fullScreenIcon" data-toggle="tooltip" title="" alt="Enter fullscreen mode" role="button" data-original-title="Enter fullscreen mode"></i>
                </div>
            </div>
        </div>
    </div>

    <div id="trainingContentContainer" class="hide" aria-hidden="false" data-module-uuid="af8b1e29-d061-4ca0-a591-898a55620f52" style="display: block; opacity: 1; pointer-events: auto; transform: translateX(0px);">
        <div id="trainingContent" class="fullHeight"><section id="page-1" data-lastpage="no" data-totalpages="8"><div id="trainingContentInner" class="continue flexCentre">
                <div class="trainingPagePadd trainingPagePaddCentred flexCentre fullHeight">
                    <h2>
                        <strong>
                            You have been phished!
                        </strong>
                    </h2>
                                        <h3 style="color:#dc3545;">
                        <strong>
                            <i class="mr-2 fas fa-exclamation-triangle"></i>
                            -30pts
                        </strong>
                    </h3>
                    <div id="trainingProgress" class="colourChange">
                        <div class="flex">
                                                <progress class="nextLevel" value="-280" max="100"></progress>
                        </div>
                        <div class="textCentre mt32">Your New Cyber Security Score:<br>
                        <span class="currentxp">-263</span> / <span class="nextLevel">100 XP</span></div>
                    </div>
                                        <p>
                        The link that you have just clicked on was part of a simulated email phishing assessment sent on behalf of
                        your organisation.
                        <br><br>
                        This training module will help protect yourself and the organisation to prevent these
                        kinds of attacks.
                    </p>
                    <div class="flex mt32 centre mt32">
                        <span class="button buttonSecondary buttonContinue centre pl48 pr48" id="button1">Continue</span>
                    </div>
                </div>
            </div>
            <script>

            $("#sideblock").hide("slide")
                        $(function(){
            setTimeout(function(){
                $("#trainingProgress progress").val(-280)
                $("#trainingProgress").addClass("colourChange")

                $("#trainingProgress .currentxp").each(function () {
                    var $this = $(this)
                    jQuery({ Counter: 30 }).animate({ Counter: -281 }, {
                    duration: 1000,
                    easing: "swing",
                    step: function () {
                        $this.text(Math.ceil(this.Counter))
                    }
                    })
                })

            }, 500)
            })
            
            </script>

                
            


    <script>

        function scrollTop(){
            document.documentElement.scrollTop = 0;
        }

        // $('#trainingNavigation').show()
        $(document).ready(function(){
            $(".buttonContinue").off("click keypress")
            $(".buttonContinue").on("click keypress",function(){
                console.log("forward")
                $("#nextButton").trigger("click")
                collapseTrainingToggle()
                scrollTop()
            })

            $(".buttonPrevious").off("click keypress")
            $(".buttonPrevious").on("click keypress",function(){
                $("#previousButton").trigger("click")
                scrollTop()
            })
        })



    </script>
</section></div>
        <div id="trainingFeedbackContainer" class="hide mt64" style="margin: 0 auto; max-width: 1000px;" aria-hidden="true">
            <div class="textCentre  p16 borderBox">
                <h1 style="font-size: 40px;">Feedback</h1>
                <div class="pt16 pb48 bbd borderSplitter" style="border-color: var(--darkGrey)">If you've got a minute, we'd really appreciate some feedback on the module you just completed.</div>
            </div>
            <div class="p16 borderBox">
                <div class="feedbackWrapper" data-source-id="40">
    <div class="feedbackMain">
        <div class="fullWidth hide feedbackProgress">
            <div class="feedbackProgressBar"></div>
        </div>
        <div class="feedbackQuestionContainer">
                                                <div class="p48 feedbackQuestion active" data-type="SIMPLE" data-question-id="7">
                        <h2 class="textCentre">How do you feel about this training?</h2>
                        <div class="flex mt32">
                            <button type="button" class="card fullWidth mr16 textCentre feedbackAnswer redCopy" aria-label="Mostly Negative" tabindex="0" data-value="1">
                                <i class="fas fa-frown fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Negative</span>
                            </button>
                            <button type="button" class="card fullWidth mr16 textCentre feedbackAnswer orangeCopy" aria-label="Mostly Average" tabindex="0" data-value="2">
                                <i class="fas fa-meh fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Average</span>
                            </button>
                            <button type="button" class="card fullWidth textCentre feedbackAnswer greenCopy" aria-label="Mostly Positive" tabindex="0" data-value="3">
                                <i class="fas fa-grin-beam fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Positive</span>
                            </button>
                        </div>
                    </div>
                                                                <div class="p48 feedbackQuestion hide" data-type="SIMPLE" data-question-id="8">
                        <h2 class="textCentre">How do you feel about this content?</h2>
                        <div class="flex mt32">
                            <button type="button" class="card fullWidth mr16 textCentre feedbackAnswer redCopy" aria-label="Mostly Negative" tabindex="0" data-value="1">
                                <i class="fas fa-frown fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Negative</span>
                            </button>
                            <button type="button" class="card fullWidth mr16 textCentre feedbackAnswer orangeCopy" aria-label="Mostly Average" tabindex="0" data-value="2">
                                <i class="fas fa-meh fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Average</span>
                            </button>
                            <button type="button" class="card fullWidth textCentre feedbackAnswer greenCopy" aria-label="Mostly Positive" tabindex="0" data-value="3">
                                <i class="fas fa-grin-beam fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Positive</span>
                            </button>
                        </div>
                    </div>
                                                                <div class="p48 feedbackQuestion hide" data-type="SIMPLE" data-question-id="9">
                        <h2 class="textCentre">How does this compare to training you've done elsewhere?</h2>
                        <div class="flex mt32">
                            <button type="button" class="card fullWidth mr16 textCentre feedbackAnswer redCopy" aria-label="Mostly Negative" tabindex="0" data-value="1">
                                <i class="fas fa-frown fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Negative</span>
                            </button>
                            <button type="button" class="card fullWidth mr16 textCentre feedbackAnswer orangeCopy" aria-label="Mostly Average" tabindex="0" data-value="2">
                                <i class="fas fa-meh fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Average</span>
                            </button>
                            <button type="button" class="card fullWidth textCentre feedbackAnswer greenCopy" aria-label="Mostly Positive" tabindex="0" data-value="3">
                                <i class="fas fa-grin-beam fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Positive</span>
                            </button>
                        </div>
                    </div>
                                                                <div class="p48 ml48 mr48 feedbackQuestion hide" data-type="RANGE" data-question-id="10">
                        <h3 class="textCentre mb48">How much do you agree with the statement<br>"I learnt something new"</h3>
                        <div class="flex explode mt8">
                                                            <button class="circle feedbackAnswer" aria-label="1" tabindex="0" data-value="1">1</button>
                                                            <button class="circle feedbackAnswer" aria-label="2" tabindex="0" data-value="2">2</button>
                                                            <button class="circle feedbackAnswer" aria-label="3" tabindex="0" data-value="3">3</button>
                                                            <button class="circle feedbackAnswer" aria-label="4" tabindex="0" data-value="4">4</button>
                                                            <button class="circle feedbackAnswer" aria-label="5" tabindex="0" data-value="5">5</button>
                                                            <button class="circle feedbackAnswer" aria-label="6" tabindex="0" data-value="6">6</button>
                                                    </div>
                        <div class="flex explode mt16">
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-left: -48px;">
                                <i class="fas fa-thumbs-down"></i><br>Strongly disagree
                            </div>
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-right:-48px;">
                                <i class="fas fa-thumbs-up"></i><br>Strongly agree
                            </div>
                        </div>
                    </div>
                                    </div>
        <div class="hide textCentre p48 feedbackContinueContainer">
            <div class="flexInline">
                <img alt="thank you" class="mr8" style="width: 24px; height: 24px;" src="/img/thanks-icon.png">
                <h2>Thank you for your feedback!</h2>
            </div>
            <p class="textCentre centre mt16" style="max-width: 540px;">
                Your feedback is really important to us. Do you have 2 minutes to provide us with some more detail?
            </p>
            <div class="flexInline">
                <button class="button buttonTertiary flexInline mt32 mr16 btnFeedbackContinueCancel" tabindex="0" aria-label="No Feedback">
                    No thanks
                </button>
                <button class="button buttonSecondary flexInline mt32 btnFeedbackContinue" tabindex="0" aria-label="Give detailed feedback">
                    <i class="fas fa-grin mr4"></i> Give detailed feedback
                </button>
            </div>
        </div>
        <div class="hide textCentre p48 feedbackCompletedContainer">
            <div class="flexInline">
                <img alt="thank you" class="mr8" style="width: 24px; height: 24px;" src="/img/thanks-icon.png">
                <h2>Thank you!</h2>
            </div>
            <p class="textCentre centre mt16" style="max-width: 540px;">
                Your feedback is enormously helpful to us. <br>
                </p><div class="green br whiteCopy pl16 pt8 pr16 pb8 mt32 hover pointer inlineBlock btnCloseFeedback" tabindex="0" aria-label="Close feedback">
                    Finish
                </div>
            <p></p>
        </div>
    </div>
    <div class="fullWidth p16 bts feedbackNavContainer hide" style="box-sizing: border-box;">
        <div class="flex flexEnd">
            <div class="mr8 br blueCopy pl16 pt8 pr16 pb8 hover pointer textDisabled btnPreviousFeedbackTab" tabindex="0" aria-label="Previous Question">
                <i class="fas fa-caret-left"></i> Previous
            </div>
            <div class="green br whiteCopy pl16 pt8 pr16 pb8 hover pointer buttonDisabled btnNextFeedbackTab" tabindex="0" aria-label="Next Question">
                Next <i class="fas fa-caret-right"></i>
            </div>
        </div>
    </div>
</div>
        <script type="text/javascript">
        $(document).ready(function() {
            //Reset feedback to the first stage
            $('.feedbackWrapper').on('feedbackReset', function() {
                $(this).find('.feedbackAnswer.active').removeClass('active');
                $(this).find('.feedbackQuestion:first-child').trigger('questionActive');
                $(this).find('.feedbackCompletedContainer').addClass('hide');
                $(this).find('.feedbackQuestionContainer').removeClass('hide');
            });

            //Feedback continue processing
            $('.btnFeedbackContinueCancel').on("click keypress",function() {
                const wrapper = $(this).parents('.feedbackWrapper');

                wrapper.find('.feedbackContinueContainer').addClass('hide');
                wrapper.find('.feedbackCompletedContainer').removeClass('hide');
            });

            $('.btnFeedbackContinue').on("click keypress",function() {
                const wrapper = $(this).parents('.feedbackWrapper');

                wrapper.find('.feedbackContinueContainer').addClass('hide');
                wrapper.find('.feedbackQuestionContainer, .feedbackNavContainer, .feedbackProgress').removeClass('hide');
            });

            //Feedback button handling and question completion processing
            $('.feedbackQuestion').on('questionCompleted', function() {
                const wrapper = $(this).parents('.feedbackWrapper');

                $.post('/ajax/feedback/' + $(this).data('questionId'), {
                    sourceId: wrapper.data('sourceId'),
                    value: $(this).find('.feedbackAnswer.active').data('value')
                });

                $(this).next('.feedbackQuestion').trigger('questionActive');

                //First question, goes to the "Give detailed feedback" page
                if($(this).is(':first-child')) {
                    wrapper.find('.feedbackQuestionContainer').addClass('hide');
                    wrapper.find('.feedbackContinueContainer').removeClass('hide');
                }
                //Last question goe sto completion
                else if($(this).is(':last-child')) {
                    wrapper.find('.feedbackCompletedContainer').removeClass('hide');
                    wrapper.find('.feedbackQuestionContainer, .feedbackNavContainer, .feedbackProgress').addClass('hide');
                }
                //Gone beyond the first item, must be able to go back now
                else {
                    wrapper.find('.btnPreviousFeedbackTab').removeClass('textDisabled');
                }
            }).on('questionActive', function() {
                const wrapper = $(this).parents('.feedbackWrapper');

                //Make this the active question
                wrapper.find('.feedbackQuestion.active')
                       .addClass('hide')
                       .removeClass('active');

                $(this).addClass('active')
                       .removeClass('hide');

                //Update the progress bar
                wrapper.find('.feedbackProgress > div')
                       .css('width', ($(this).index() * (100 / wrapper.find('.feedbackQuestion').length)) + '%');

                //Toggle nav buttons
                const nextButton = wrapper.find('.btnNextFeedbackTab');
                if($(this).data('type') === 'SIMPLE' || $(this).find('.feedbackAnswer.active').length === 0) {
                    nextButton.addClass('buttonDisabled');
                }
                else {
                    nextButton.removeClass('buttonDisabled');
                }

                //Change nav text
                nextButton.contents()[0].data = $(this).is(':last-child') ? 'Finish ' : 'Next ';
                nextButton.find('i')
                          .removeClass('fa-caret-right fa-smile')
                          .addClass($(this).is(':last-child') ? 'fa-smile' : 'fa-caret-right');
            })

            $('.feedbackAnswer').on("click keypress",function() {
                const question = $(this).parents('.feedbackQuestion');
                //Update the active option
                question.find('.feedbackAnswer.active').removeClass('active');
                $(this).addClass('active');

                //Feedback answers are buttons which trigger the next stage immediately
                if(question.data('type') === 'SIMPLE') {
                    question.trigger('questionCompleted');
                    return;
                }

                //Now they've got an item on the scale active they can click next
                const wrapper = $(this).parents('.feedbackWrapper');
                wrapper.find('.btnNextFeedbackTab').removeClass('buttonDisabled');
            });

            //Feedback nav buttons
            $('.btnNextFeedbackTab').on("click keypress",function() {
                const wrapper = $(this).parents('.feedbackWrapper');
                wrapper.find('.feedbackQuestion.active').trigger('questionCompleted');
            });

            $('.btnPreviousFeedbackTab').on("click keypress",function() {
                const wrapper = $(this).parents('.feedbackWrapper');
                const newActive = wrapper.find('.feedbackQuestion.active').prev();
                newActive.trigger('questionActive');

                //Back to the first item, can't go further back
                if(newActive.index() === 1) {
                    $(this).addClass('textDisabled');
                }
            });
        });
    </script>
            </div>
            <div style="float: right;" id="containerPreFeedbackButtons">
                <div class="redCopy br whiteCopy pl16 pt8 pr16 pb8 hover pointer textLink btnSkipTrainingFeedback" tabindex="0" aria-label="Skip feedback and return to training">
                    Skip Feedback
                </div>
            </div>
        </div>
        <div id="trainingNavigation" style="margin-right: 5px;" class="hide">
            <span class="button buttonMain" id="previousButton" aria-label="Go back to the previous page" data-toggle="tooltip" title="" data-original-title="Go back to the previous page">Back</span>
            <span class="button buttonSecondary" id="nextButton" aria-label="Continue to next page">Next</span>
        </div>
    </div>

</main>
<script>
    $(document).ready(function(){

        if(navigator.userAgent.indexOf('MSIE')!==-1
            || navigator.appVersion.indexOf('Trident/') > -1){
            $("body").addClass("ie11")
        }

        var countNavs = $("#navTop").find(".navItem").length

        var currentPage = $("body").data("page")
        $(".navItem").each(function(){
            if($(this).is(":visible")){
                $(this).addClass("visible")
            }
        })

        $("#nav_" + currentPage).addClass("active")
        $("#nav_" + currentPage).prevAll(".visible:first").addClass("previous")
        $("#nav_" + currentPage).nextAll(".visible:first").addClass("next")

        if($(".navItem:nth-child(" + countNavs + ")").hasClass("active")){
            $(".emptyNav").css("border-radius","0 10px 0 0")
        }
    })

    $("#nav_profile").on("click keypress",function(){
        $("#profileNav").show();
        $("#profileNav").attr("aria-hidden","false");
        $("#nav_profile").attr("aria-expanded","true");
        if (getCookieValue('accessibility') == 'keyboard') {
            $("#closeProfileNav").focus();
        }
    })

    $("html").click(function(){
        if ($("#profileNav").is(":visible")) {
            $("#profileNav").hide();
            $("#profileNav").attr("aria-hidden","true");
            $("#nav_profile").attr("aria-expanded","false");
            if (getCookieValue('accessibility') == 'keyboard') {
                $("#nav_profile").focus();
            }
        }
})




$("#closeProfileNav").on("click keypress",function(){
    $("#profileNav").hide();
    $("#profileNav").attr("aria-hidden","true");
    $("#nav_profile").attr("aria-expanded","false");
    if (getCookieValue('accessibility') == 'keyboard') {
        $("#nav_profile").focus();
    }
})


    $("#nav_profile").on("click keypress",function(e){
        e.stopPropagation();
    })

    $("#sideNav").on("keydown",function(e){
        var currentLabel = $(":focus").attr('aria-label');
        if (e.which == 40 || e.which == 39) {
            var found = false;
            var focus = false;
            $(this).find('.navItem').each(function(e) {
                if ($(this).attr('aria-label') == currentLabel) {
                    found = true;
                } else if (found) {
                    $(this).focus();
                    focus = true;
                    return false;
                }
            });
            if (focus == false) {
                $(this).find('.navItem:first').focus();
            }
        } else if (e.which == 38 || e.which == 37) {
            var previous = undefined;
            var focus = false;
            $(this).find('.navItem').each(function(e) {
                if ($(this).attr('aria-label') == currentLabel) {
                    if (previous != undefined) {
                        previous.focus();
                        focus = true;
                    }
                    return false;
                }
                previous = $(this);
            });
            if (focus == false) {
                $(this).find('.navItem').focus();
            }
        }
    });

    $("#profileNav").on("keydown",function(e){
        var currentLabel = $(":focus").attr('aria-label');
        if (e.which == 40 || e.which == 39) {
            var found = false;
            var focus = false;
            $(this).find('.profileNavItem').each(function(e) {
                if ($(this).attr('aria-label') == currentLabel) {
                    found = true;
                } else if (found) {
                    $(this).focus();
                    focus = true;
                    return false;
                }
            });
            if (focus == false) {
                $(this).find('.profileNavItem:first').focus();
            }
        } else if (e.which == 38 || e.which == 37) {
            var previous = undefined;
            var focus = false;
            $(this).find('.profileNavItem').each(function(e) {
                if ($(this).attr('aria-label') == currentLabel) {
                    if (previous != undefined) {
                        previous.focus();
                        focus = true;
                    }
                    return false;
                }
                previous = $(this);
            });
            if (focus == false) {
                $(this).find('.profileNavItem').focus();
            }
        } else if(e.which == 27) {
            $("#profileNav").hide()
            $("#profileNav").attr("aria-hidden","true")
            $("#profileNav").attr("aria-expanded","false")
            if (getCookieValue('accessibility') == 'keyboard') {
                $("#nav_profile").focus();
            }
        }
        e.stopPropagation();
    })

    // Let the document know when the mouse is being used
    document.body.addEventListener('mousedown', function() {
        document.body.classList.add('using-mouse');
        document.cookie = "accessibility=mouse;path=/";
    });

    // Re-enable focus styling when Tab is pressed
    document.body.addEventListener('keydown', function(event) {
        if ((event.keyCode >= 37 && event.keyCode <= 40) || event.keyCode == 9) {
            document.body.classList.remove('using-mouse');
            document.cookie = "accessibility=keyboard;path=/";
        }
    });

    // var ctrlPressed = false; //Variable to check if the the first button is pressed at this exact moment
    //     $(document).keydown(function(e) {
    //       if (e.ctrlKey) { //If it's ctrl key
    //         ctrlPressed = true; //Set variable to true
    //       }
    //     }).keyup(function(e) { //If user releases ctrl button
    //       if (e.ctrlKey) {
    //         ctrlPressed = false; //Set it to false
    //       }
    //     }); //This way you know if ctrl key is pressed. You can change e.ctrlKey to any other key code you want

    //     $(document).keydown(function(e) { //For any other keypress event
    //       if (e.which == 57) { //Checking if it's space button
    //         if(ctrlPressed == true){ //If it's space, check if ctrl key is also pressed
    //           $(".toggle").trigger("click"); //Do anything you want
    //           ctrlPressed = false; //Important! Set ctrlPressed variable to false. Otherwise the code will work everytime you press the space button again
    //         }
    //       }
    //     })


    $("body").on("keydown",function(e){
        $(document).bind("keydown",function(e) {
            if (e.which == 27) {
                $(".navItemTitle").addClass("cancel")
            }
        });
    })

    $(".navItem").on("focusout",function(e){
        $(".navItemTitle").removeClass("cancel")
    })

    $(".navItem").on("mouseleave",function(e){
        $(".navItemTitle").removeClass("cancel")
    });
</script>
<style>
.acsb-trigger.acsb-trigger-size-small{
    bottom: 84px !important;
}
</style>


    <div class="hide fixed" id="leaveFeedbackBlock" role="dialog" aria-modal="true">
    <div class="flexCentre fixed" id="leaveFeedbackContainer">
        <div class="white" id="leaveFeedbackInner">
            <div id="feedbackTop" class="flex bbs explode">
                <div class="p16">
                    Leave Feedback
                </div>
                <div class="bls p16 flexCentre pointer" id="btnFeedbackPopupClose" tabindex="0" aria-label="Close Feedback Box">
                    <i class="fas fa-times"></i>
                </div>
            </div>
            <div class="feedbackWrapper" data-source-id="">
    <div class="feedbackMain">
        <div class="fullWidth hide feedbackProgress">
            <div class="feedbackProgressBar"></div>
        </div>
        <div class="feedbackQuestionContainer">
                                                <div class="p48 feedbackQuestion active" data-type="SIMPLE" data-question-id="1">
                        <h2 class="textCentre">How would you rate your experience?</h2>
                        <div class="flex mt32">
                            <button type="button" class="card fullWidth mr16 textCentre feedbackAnswer redCopy" aria-label="Mostly Negative" tabindex="0" data-value="1">
                                <i class="fas fa-frown fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Negative</span>
                            </button>
                            <button type="button" class="card fullWidth mr16 textCentre feedbackAnswer orangeCopy" aria-label="Mostly Average" tabindex="0" data-value="2">
                                <i class="fas fa-meh fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Average</span>
                            </button>
                            <button type="button" class="card fullWidth textCentre feedbackAnswer greenCopy" aria-label="Mostly Positive" tabindex="0" data-value="3">
                                <i class="fas fa-grin-beam fa-4x"></i>
                                <span class="fw700 mt16 block">Mostly Positive</span>
                            </button>
                        </div>
                    </div>
                                                                <div class="p48 ml48 mr48 feedbackQuestion hide" data-type="RANGE" data-question-id="2">
                        <h3 class="textCentre mb48">How much do you agree with the statement<br>"This platform is easy to use"</h3>
                        <div class="flex explode mt8">
                                                            <button class="circle feedbackAnswer" aria-label="1" tabindex="0" data-value="1">1</button>
                                                            <button class="circle feedbackAnswer" aria-label="2" tabindex="0" data-value="2">2</button>
                                                            <button class="circle feedbackAnswer" aria-label="3" tabindex="0" data-value="3">3</button>
                                                            <button class="circle feedbackAnswer" aria-label="4" tabindex="0" data-value="4">4</button>
                                                            <button class="circle feedbackAnswer" aria-label="5" tabindex="0" data-value="5">5</button>
                                                            <button class="circle feedbackAnswer" aria-label="6" tabindex="0" data-value="6">6</button>
                                                    </div>
                        <div class="flex explode mt16">
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-left: -48px;">
                                <i class="fas fa-thumbs-down"></i><br>Strongly disagree
                            </div>
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-right:-48px;">
                                <i class="fas fa-thumbs-up"></i><br>Strongly agree
                            </div>
                        </div>
                    </div>
                                                                <div class="p48 ml48 mr48 feedbackQuestion hide" data-type="RANGE" data-question-id="3">
                        <h3 class="textCentre mb48">How much do you agree with the statement<br>"I find the features in this platform useful"</h3>
                        <div class="flex explode mt8">
                                                            <button class="circle feedbackAnswer" aria-label="1" tabindex="0" data-value="1">1</button>
                                                            <button class="circle feedbackAnswer" aria-label="2" tabindex="0" data-value="2">2</button>
                                                            <button class="circle feedbackAnswer" aria-label="3" tabindex="0" data-value="3">3</button>
                                                            <button class="circle feedbackAnswer" aria-label="4" tabindex="0" data-value="4">4</button>
                                                            <button class="circle feedbackAnswer" aria-label="5" tabindex="0" data-value="5">5</button>
                                                            <button class="circle feedbackAnswer" aria-label="6" tabindex="0" data-value="6">6</button>
                                                    </div>
                        <div class="flex explode mt16">
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-left: -48px;">
                                <i class="fas fa-thumbs-down"></i><br>Strongly disagree
                            </div>
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-right:-48px;">
                                <i class="fas fa-thumbs-up"></i><br>Strongly agree
                            </div>
                        </div>
                    </div>
                                                                <div class="p48 ml48 mr48 feedbackQuestion hide" data-type="RANGE" data-question-id="4">
                        <h3 class="textCentre mb48">How much do you agree with the statement<br>"I am aware of all of the available features in this platform"</h3>
                        <div class="flex explode mt8">
                                                            <button class="circle feedbackAnswer" aria-label="1" tabindex="0" data-value="1">1</button>
                                                            <button class="circle feedbackAnswer" aria-label="2" tabindex="0" data-value="2">2</button>
                                                            <button class="circle feedbackAnswer" aria-label="3" tabindex="0" data-value="3">3</button>
                                                            <button class="circle feedbackAnswer" aria-label="4" tabindex="0" data-value="4">4</button>
                                                            <button class="circle feedbackAnswer" aria-label="5" tabindex="0" data-value="5">5</button>
                                                            <button class="circle feedbackAnswer" aria-label="6" tabindex="0" data-value="6">6</button>
                                                    </div>
                        <div class="flex explode mt16">
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-left: -48px;">
                                <i class="fas fa-thumbs-down"></i><br>Strongly disagree
                            </div>
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-right:-48px;">
                                <i class="fas fa-thumbs-up"></i><br>Strongly agree
                            </div>
                        </div>
                    </div>
                                                                <div class="p48 ml48 mr48 feedbackQuestion hide" data-type="RANGE" data-question-id="5">
                        <h3 class="textCentre mb48">How much do you agree with the statement<br>"The content in the training modules is informative"</h3>
                        <div class="flex explode mt8">
                                                            <button class="circle feedbackAnswer" aria-label="1" tabindex="0" data-value="1">1</button>
                                                            <button class="circle feedbackAnswer" aria-label="2" tabindex="0" data-value="2">2</button>
                                                            <button class="circle feedbackAnswer" aria-label="3" tabindex="0" data-value="3">3</button>
                                                            <button class="circle feedbackAnswer" aria-label="4" tabindex="0" data-value="4">4</button>
                                                            <button class="circle feedbackAnswer" aria-label="5" tabindex="0" data-value="5">5</button>
                                                            <button class="circle feedbackAnswer" aria-label="6" tabindex="0" data-value="6">6</button>
                                                    </div>
                        <div class="flex explode mt16">
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-left: -48px;">
                                <i class="fas fa-thumbs-down"></i><br>Strongly disagree
                            </div>
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-right:-48px;">
                                <i class="fas fa-thumbs-up"></i><br>Strongly agree
                            </div>
                        </div>
                    </div>
                                                                <div class="p48 ml48 mr48 feedbackQuestion hide" data-type="RANGE" data-question-id="6">
                        <h3 class="textCentre mb48">How much do you agree with the statement<br>"Training modules last a good amount of time"</h3>
                        <div class="flex explode mt8">
                                                            <button class="circle feedbackAnswer" aria-label="1" tabindex="0" data-value="1">1</button>
                                                            <button class="circle feedbackAnswer" aria-label="2" tabindex="0" data-value="2">2</button>
                                                            <button class="circle feedbackAnswer" aria-label="3" tabindex="0" data-value="3">3</button>
                                                            <button class="circle feedbackAnswer" aria-label="4" tabindex="0" data-value="4">4</button>
                                                            <button class="circle feedbackAnswer" aria-label="5" tabindex="0" data-value="5">5</button>
                                                            <button class="circle feedbackAnswer" aria-label="6" tabindex="0" data-value="6">6</button>
                                                    </div>
                        <div class="flex explode mt16">
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-left: -48px;">
                                <i class="fas fa-thumbs-down"></i><br>Strongly disagree
                            </div>
                            <div class="pr16 pl16 pt8 pb8 white br textCentre fw700 topArrow copyXS agreeCard" style="margin-right:-48px;">
                                <i class="fas fa-thumbs-up"></i><br>Strongly agree
                            </div>
                        </div>
                    </div>
                                    </div>
        <div class="hide textCentre p48 feedbackContinueContainer">
            <div class="flexInline">
                <img alt="thank you" class="mr8" style="width: 24px; height: 24px;" src="/img/thanks-icon.png">
                <h2>Thank you for your feedback!</h2>
            </div>
            <p class="textCentre centre mt16" style="max-width: 540px;">
                Your feedback is really important to us. Do you have 2 minutes to provide us with some more detail?
            </p>
            <div class="flexInline">
                <button class="button buttonTertiary flexInline mt32 mr16 btnFeedbackContinueCancel" tabindex="0" aria-label="No Feedback">
                    No thanks
                </button>
                <button class="button buttonSecondary flexInline mt32 btnFeedbackContinue" tabindex="0" aria-label="Give detailed feedback">
                    <i class="fas fa-grin mr4"></i> Give detailed feedback
                </button>
            </div>
        </div>
        <div class="hide textCentre p48 feedbackCompletedContainer">
            <div class="flexInline">
                <img alt="thank you" class="mr8" style="width: 24px; height: 24px;" src="/img/thanks-icon.png">
                <h2>Thank you!</h2>
            </div>
            <p class="textCentre centre mt16" style="max-width: 540px;">
                Your feedback is enormously helpful to us. <br>
                </p><div class="green br whiteCopy pl16 pt8 pr16 pb8 mt32 hover pointer inlineBlock btnCloseFeedback" tabindex="0" aria-label="Close feedback">
                    Close
                </div>
            <p></p>
        </div>
    </div>
    <div class="fullWidth p16 bts feedbackNavContainer hide" style="box-sizing: border-box;">
        <div class="flex flexEnd">
            <div class="mr8 br blueCopy pl16 pt8 pr16 pb8 hover pointer textDisabled btnPreviousFeedbackTab" tabindex="0" aria-label="Previous Question">
                <i class="fas fa-caret-left"></i> Previous
            </div>
            <div class="green br whiteCopy pl16 pt8 pr16 pb8 hover pointer buttonDisabled btnNextFeedbackTab" tabindex="0" aria-label="Next Question">
                Next <i class="fas fa-caret-right"></i>
            </div>
        </div>
    </div>
</div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#btnNavLeaveFeedback').on('click keypress', function () {
            $('#leaveFeedbackBlock').toggle();
            $(".feedbackAnswer").first().focus();
            $("main").find('[tabindex=0]').addClass("tabDisabled").attr("tabindex", -1);
            $("main").find('a').addClass("tabDisabled").attr("tabindex", -1);
            $("nav").find('[tabindex=0]').addClass("tabDisabled").attr("tabindex", -1);
            $(".footerWrapper :focusable").addClass("tabDisabled").attr("tabindex", -1);
         });

        $('#btnFeedbackPopupClose, #leaveFeedbackInner .btnCloseFeedback').on('click keypress', function () {
            $('#leaveFeedbackBlock').toggle();
            $(".feedbackAnswer").first().focus()
            $(".tabDisabled").removeClass("tabDisabled").attr("tabindex", 0);
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        const source = 'TRAINING_GROUP';
        const sourceId = '40';
        const heartbeatEveryMS = 10 * 1000;

        let sessionId = null;

        function sendHeartbeat() {
            $.post('/ajax/interaction', {
                source: source,
                sourceId: sourceId,
                session: sessionId
            }).done(function(response) {
                sessionId = response.session;
            });
        }

        let interactionHeartbeatInterval;
        let interactionBegun = false;

        //Interaction tracking started, start pinging the heartbeat and listening for interaction pauses
        $('body').on('click keypress', '.startTraining', function() {
            sendHeartbeat();
            interactionHeartbeatInterval = setInterval(sendHeartbeat, heartbeatEveryMS);
            interactionBegun = true;
        });

        //Interaction tracking ending, stop pinging the heartbeat and listening for pauses
        function endHeartbeat() {
            sendHeartbeat();
            clearInterval(interactionHeartbeatInterval);
            interactionHeartbeatInterval = null;
        }

        $('body').on('click keypress', '.finishTraining', function() {
            endHeartbeat();

            sessionId = null;
            interactionBegun = false;
        });

        //Interaction pause detection, see when the user stops doing anything on the page and stop pinging a heartbeat accordingly
        let continuousInteractionHappening = false;
        let interactionEnderTimeout;

        function startHeartbeatEndingTimeout() {
            if(interactionEnderTimeout !== null || continuousInteractionHappening) {
                return;
            }

            interactionEnderTimeout = setTimeout(endHeartbeat, heartbeatEveryMS * 3);
        }

        $(window).on('online focus focusin scroll copy resize keydown keypress click auxclick mousemove select wheel drag touchstart touchmove pointermove', function() {
            //Stop the listening for interaction ending now we've had some interaction
            clearTimeout(interactionEnderTimeout);
            interactionEnderTimeout = null;

            if(!interactionBegun) {
                return;
            }

            //Re-start the heartbeat if they'd stopped interacting previously
            if(interactionHeartbeatInterval === null) {
                sendHeartbeat();
                interactionHeartbeatInterval = setInterval(sendHeartbeat, heartbeatEveryMS);
            }

            //Start a new timeout for interaction not happening
            startHeartbeatEndingTimeout();
        });

        //Track things that would make the user just sit there not doing any obvious interaction, but don't necessarily mean they're not interaction, for example watching a video
        function bindContinuousListeners(elm) {
            elm.on('play playing', function() {
                continuousInteractionHappening = true;
                clearTimeout(interactionEnderTimeout);
                interactionEnderTimeout = null;
            });

            elm.on('ended stalled pause waiting', function(e) {
                continuousInteractionHappening = false;
                startHeartbeatEndingTimeout();
            });
        }

        //Can't future bind audio, video, etc events, gotta listen for when they're added and bind directly
        const continuousElmTypes = 'audio, video, iframe';
        $(document).on('DOMNodeInserted', function(e) {
            if($(e.target).is(continuousElmTypes)) {
                bindContinuousListeners($(e.target));
            }

            $(e.target).find(continuousElmTypes).each(function() {
                bindContinuousListeners($(this));
            });
        });

        $('audio, video, iframe').each(function() {
            bindContinuousListeners($(this));
        });

        //Explicit interaction ending
        $(window).on('blur focusout', function() {
            if(!continuousInteractionHappening && (!document.hasFocus || !document.hasFocus())) {
                endHeartbeat();
            }
        });

        $(window).on('offline close beforeunload', endHeartbeat);
    });
</script><script type="text/javascript">

    var baseTitle = document.title;

    function toggleFullScreen() {
        if (!document.fullscreenElement &&    // alternative standard method
            !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {  // current working methods
            if (document.documentElement.requestFullscreen) {
                document.documentElement.requestFullscreen();
            }
            else if (document.documentElement.msRequestFullscreen) {
                document.documentElement.msRequestFullscreen();
            }
            else if (document.documentElement.mozRequestFullScreen) {
                document.documentElement.mozRequestFullScreen();
            }
            else if (document.documentElement.webkitRequestFullscreen) {
                document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
            }
        }
        else {
            if (document.exitFullscreen) {
                document.exitFullscreen();
            }
            else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            }
            else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            }
            else if (document.webkitExitFullscreen) {
                document.webkitExitFullscreen();
            }
        }
    }

    $('#fullScreenIcon').on('click keypress', function () {
        if ($('body').hasClass('fullScreen')) {
            expandTrainingToggle();
            $('body').removeClass('fullScreen');
        }
        else {
            collapseTrainingToggle();
            $('body').addClass('fullScreen');
        }
        toggleFullScreen();
    });

    page = $('.startTraining').data('page');
    preload = $('.startTraining').data('preload');

    $('.secCentreTab').on('click keypress', function () {
        $('.secCentreTab').removeClass('active');
        $(this).addClass('active');
    });

    function resetTraining() {
        setTimeout(function() {
            $('#nextButton, .continueButton').removeClass('finishTraining');
        });
        $('#nextButton').html('next');
        $('#trainingContent').html('');
        changeProgress(0);
        page = 1;
    }

    $('#nextButton').off('click keypress');

    $('.btnSkipTrainingFeedback, #trainingFeedbackContainer .btnCloseFeedback').off('click').click(function() {
        $('#trainingContentContainer').css('background', '');
        $('body').css('background', '#fff');
        $('#trainingContent').fadeIn('fast');
        $('#trainingFeedbackContainer').fadeOut('fast');

        $('#trainingProgressCompletion').css('width', '0%');
        // change the button to completed
        $('.startTraining').html('Retake');
        resetTraining();

        $('section').hide();
        returnToLearnPage();

                    $.get('/api/logout');
            });

    $('#trainingFeedbackContainer .feedbackQuestion:first-child').on('questionCompleted', function() {
        $('#containerPreFeedbackButtons').hide();
    });

    $('#trainingFeedbackContainer .feedbackQuestion:last-child').on('questionCompleted', function() {
        $('#trainingFeedbackContainer .borderSplitter').addClass('bbd');
    });

    $('#trainingFeedbackContainer .btnFeedbackContinue').click(function() {
        $('#trainingFeedbackContainer .borderSplitter').removeClass('bbd');
    });

    $('#nextButton').on('click keypress', function () {
        if($(this).prop('disabled')) {
            return;
        }

        // check for finish
        if ($(this).hasClass('finishTraining')) {
            $('#trainingTopContainer').css('top', '-55px');
            $('#trainingContentContainer').css('background', 'var(--lightGrey)');
            $('#trainingFeedbackContainer .borderSplitter').addClass('bbd');
            $('body').css('background', 'var(--lightGrey)');
            $('#trainingFeedbackContainer .feedbackWrapper').trigger('feedbackReset');
            $('#trainingContent').fadeOut();
            $('#trainingFeedbackContainer').fadeIn('slow');
            $('#containerPreFeedbackButtons').show();

            return;
        }

        //check we got page already
        currentPage = $('section:visible').attr('id').replace('page-', '');

        nextPage = parseInt(currentPage) + 1;
        console.log('next = ' + nextPage);
        previousPage = parseInt(currentPage) - 1;

        // section already exists in the dom
        if ($('#page-' + nextPage).length > 0) {
            $('section').hide();

            $('#page-' + nextPage).show();
            var slide = $.trim($('#page-' + nextPage).find('h1').first().text());
            document.title = baseTitle + ' - ' + slide;

            if ($('#page-' + nextPage).data('lastpage') == 'yes') {
                $('#nextButton, .continueButton').html('Finish').addClass('finishTraining');
            }

            changeProgress(nextPage);

            return;
        }

        page++;

        preload = 0;

        var allpages = $('section').data('totalpages');

        loadTrainingContent();

        console.log('previous = ' + previousPage);
        changeProgress(nextPage);

    });

    $('#previousButton').off('click keypress');
    $('#previousButton').on('click keypress', function () {
        if($(this).prop('disabled')) {
            return;
        }

        currentPage = $('section:visible').attr('id').replace('page-', '');

        $('section').hide();

        nextPage = parseInt(currentPage) + 1;
        previousPage = parseInt(currentPage) - 1;
        console.log('previous = ' + previousPage);
        console.log('next = ' + nextPage);

        $('#page-' + previousPage).show();

        var slide = $.trim($('#page-' + previousPage).find('h1').first().text());
        document.title = baseTitle + ' - ' + slide;

        $('#nextButton').html('next');
        $('.continueButton').html('Continue');

        changeProgress(previousPage);

    });

    function changeProgress(page) {
        if (page === 1) {
            $('#trainingProgressCompletion').css('width', 0);
            $('#trainingPercentDone').parent().hide();
            $('#trainingProgressBar').attr('aria-label', 'Progress bar starts');
        }
        else {
            var totalPages = $('section').last().data('totalpages');
            if (!totalPages) {
                return;
            }

            var completion = ((page) / parseInt(totalPages)) * 100;
            var padding = ((1 / parseInt(totalPages)) * 100) / (parseInt(totalPages) - 1);

            $('#trainingProgressCompletion').css('width', completion + padding + '%');

            setTimeout(function () {
                $('#trainingPercentDone').parent().css('display', 'inline-block');
            }, 500);

            $('#trainingPercentDone').text(Math.ceil(completion / 5) * 5);
            $('#trainingProgressBar').attr('aria-label', 'The training module is ' + $('#trainingPercentDone').text() + '% complete');
        }

        $('video').trigger('pause');
    }

    function startTraining() {
        $('.startTraining').off('click keypress');
        $('.startTraining').on('click keypress', function () {

            loadTrainingContent();

            function screensize(x) {
                if (x.matches) {
                    $('#breadcrumbContainer').hide();
                    $('.breadcrumbLink').attr('aria-hidden', 'true');
                    $('#breadcrumbContainer').attr('aria-hidden', 'true');
                    $('body').addClass('trainingOpen');
                    $('#trainingPreviewSection').hide();
                    // $("#pageTop").css("top","-450px")
                    $('#trainingTopContainer').show();
                    $('#trainingLeftContainer').show();
                    $('#pageTop').hide();
                    $('#trainingLeftContainer').attr('aria-hidden', 'false');
                    $('#trainingLeftToggle').attr('aria-expanded', 'true');
                    $('#trainingLeftToggle').attr('aria-label', 'Hide the sidebar');
                    $('#training').css('background', '#FFFFFF');
                    $('#trainingContentContainer').show();
                    $('#trainingContentContainer').attr('aria-hidden', 'false');
                }
                else {
                    setTimeout(function () {
                        $('body').addClass('load');
                        $('#breadcrumbContainer').hide();
                        $('.breadcrumbLink').attr('aria-hidden', 'true');
                        $('#breadcrumbContainer').attr('aria-hidden', 'true');
                        $('body').addClass('trainingOpen');
                        $('#trainingPreviewSection').css('top', '-500px');
                        $('#pageTop').css('top', '-450px');
                        $('#trainingTopContainer').show();
                        $('#trainingLeftContainer').show();
                        $('#trainingLeftContainer').attr('aria-hidden', 'false');
                        $('#trainingLeftToggle').attr('aria-expanded', 'true');
                        $('#trainingLeftToggle').attr('aria-label', 'Hide the sidebar');
                        $('#training').css('background', '#FFFFFF');
                        $('#trainingContentContainer').show();
                        $('#trainingContentContainer').attr('aria-hidden', 'false');
                    }, 500);
                    setTimeout(function () {
                        $('body').removeClass('load');
                        $('#trainingPreviewSection').hide();
                    }, 2000);
                }
            }

            var x = window.matchMedia('(max-width: 1000px)');
            screensize(x);
            x.addListener(screensize);

                setTimeout(function () {
                    $('#trainingLeftContainer').css('left', '0');
                    if($("body").hasClass("jite")){
                        $('#trainingTopContainer').css('top', '0').css('width', 'calc(100% - 250px)');
                    }else{
                        $('#trainingTopContainer').css('top', '0').css('width', 'calc(100% - 320px)');
                    }
                }, 600);
                setTimeout(function () {
                    $('#trainingContentContainer').css('opacity', '1').css('pointer-events', 'auto').css('transform', 'translateX(0)');
                }, 1500);

            // $('#trainingNavigation').show()
        });
    }

    function loadTrainingContent() {
        $('#previousButton, #nextButton, .continueButton').prop('disabled', true);
        moduleUuid = $('.startTraining').data('moduleuuid');

        var pageRequired = 1;

        if (preload == 1) {

            for (pageRequired = 1; pageRequired <= page; pageRequired++) {
                $.get('/ajax/loadModulePage/' + moduleUuid + '/' + pageRequired + '/' + preload, function (response) {
                    $('section').hide();

                    $('#trainingContent').append(response);

                    if (response.indexOf('.webm') !== -1) {
                        // Initialize
                        new InitPxVideo({
                            videoId: moduleUuid,
                            captionsOnDefault: true,
                            seekInterval: 20,
                            videoTitle: '',
                            debug: true
                        });
                    }

                    var slide = $.trim($('section').last().find('h1').first().text());
                    document.title = baseTitle + ' - ' + slide;

                    $('#previousButton, #nextButton, .continueButton').prop('disabled', false);
                });
            }
        }
        else {
            $.get('/ajax/loadModulePage/' + moduleUuid + '/' + page + '/' + preload, function (response) {
                $('section').hide();

                $('#trainingContent').append(response);

                if ($('section').last().data('lastpage') == 'yes') {
                    $('#nextButton, .continueButton').html('Finish').addClass('finishTraining');
                }

                var slide = $.trim($('section').last().find('h1').first().text());
                document.title = baseTitle + ' - ' + slide;

                $('#previousButton, #nextButton, .continueButton').prop('disabled', false);
            });
        }

        if (preload == 1) {
            setTimeout(function () {
                changeProgress(page);
            }, 2000);
        }
        else {
            setTimeout(function () {
                changeProgress(page);
            }, 1000);
        }
    }

    $('#saveExit').on('click keypress', function () {

        $('.startTraining').html('Continue');
        returnToLearnPage();

    });

    function returnToLearnPage() {
        $('body').removeClass('trainingOpen');
        $('#breadcrumbContainer').show();
        $('.breadcrumbLink').attr('aria-hidden', 'false');
        $('#breadcrumbContainer').attr('aria-hidden', 'false');
        $('body').addClass('load');
        $('#trainingTopContainer').css('top', '-55px');
        $('#trainingContentContainer').css('opacity', '0').css('pointer-events', 'none');
        // $("#trainingContent").empty()
        $('#trainingPreviewSection').show();
        $('#sideNav').show();
        $('#navLearn').removeClass('notification');
        setTimeout(function () {
            $('#trainingLeftContainer').css('left', '-100%');
            $('#training').css('background', '#EDEFF0');
            $('#trainingPreviewSection').css('top', '100px');
            $('#pageTop').css('top', '0');
            $('#sideNav').css('bottom', '0');
        }, 500);
        setTimeout(function () {
            $('body').removeClass('load');
            $('#trainingTopContainer').hide().css('width', 'calc(100% - 10px)');
            $('#trainingLeftContainer').hide();
            $('#trainingLeftContainer').attr('aria-hidden', 'true');
            $('#trainingLeftToggle').attr('aria-expanded', 'false');
            $('#trainingLeftToggle').attr('aria-label', 'Expand the sidebar');
            $('#trainingContentContainer').hide();
            $('#trainingContentContainer').attr('aria-hidden', 'true');
            expandTrainingToggle();
            $('#trainingContent').empty();
        }, 2000);
        if ($('body').hasClass('jite')) {
            setTimeout(function () {
                $('#trainingPreviewSection').css('top', '450px').css("left","calc(50% - 175px)");
                $("#trainingPreviewSection").addClass("mobilePreviewSectionSize")
                $("#trainingPreviewSectionContainer").show()
            }, 500);
        }

        document.title = baseTitle;
    }

    function collapseTrainingToggle() {
        $(window).scrollTop(0);
        $('body').addClass('toggleDown');

        function screensize(x) {
            if (x.matches) {
                $('#trainingLeftContainer').addClass('collapseSmall');
                $('#trainingLeftContainer').attr('aria-hidden', 'true');
            }
            else {
                $('#sideNav').css('left', '-70px');
                $('#trainingTopContainer').css('width', 'calc(100% - 10px)');
                $('#trainingLeftToggle').css('width', '20px').css('height', '30px').css('right', '-20px');
                $('#toggleBefore').css('bottom', '-40px').css('width', '20px');
                $('#toggleAfter').css('top', '-36px').css('width', '20px');
                $('#trainingContentContainer').css('left', '-58px').css('width', 'calc(100vw - 10px)');
                $('#trainingLeftContainer').attr('aria-hidden', 'true');
                $('#trainingLeftToggle').attr('aria-expanded', 'false');
                $('#trainingLeftToggle').attr('aria-label', 'Expand the sidebar');
                $('#trainingContentContainer').css('left', '-58px').css('width', 'calc(100vw - 10px)');
                if($('body').hasClass("jite")){
                    $('#trainingLeftContainer').css('left', '-240px');
                }else{
                    $('#trainingLeftContainer').css('left', '-310px');
                }
                setTimeout(function () {
                    $('#sideNav').hide();
                    $('#saveExit').hide();
                }, 1000);
            }
        }

        var x = window.matchMedia('(max-width: 1000px)');
        screensize(x);
        x.addListener(screensize);
    }

    function expandTrainingToggle() {
        $('body').removeClass('toggleDown');

        function screensize(x) {
            if (x.matches) {
                $('#trainingLeftContainer').removeClass('collapseSmall');
                $('#trainingLeftContainer').attr('aria-hidden', 'false');
            }
            else {
                $('#sideNav').show();
                $('#saveExit').show();
                setTimeout(function () {
                    $('#sideNav').css('left', '0');
                    if ($('body').hasClass('jite')) {
                        $('#trainingLeftContainer').css('left', '0');
                        $('#trainingTopContainer').css('width', 'calc(100% - 250px)');
                        $('#trainingContentContainer').css('left', '182px').css('width', 'calc(100vw - 250px)');
                    }
                    else {
                        $('#trainingLeftContainer').css('left', '0');
                        $('#trainingLeftContainer').attr('aria-hidden', 'false');
                        $('#trainingLeftToggle').attr('aria-expanded', 'true');
                        $('#trainingLeftToggle').attr('aria-label', 'Hide the sidebar');
                        $('#trainingTopContainer').css('width', 'calc(100% - 320px)');
                        $('#trainingContentContainer').css('left', '252px').css('width', 'calc(100vw - 320px)');
                    }
                    $('#trainingLeftToggle').css('width', '32px').css('height', '50px').css('right', '-32px');
                    $('#toggleBefore').css('bottom', '-62px').css('width', '32px');
                    $('#toggleAfter').css('top', '-58px').css('width', '32px');
                }, 10);
            }
        }

        var x = window.matchMedia('(max-width: 1000px)');
        screensize(x);
        x.addListener(screensize);

    }

    $('#trainingLeftToggle').on('click keypress', function () {
        if ($('body').hasClass('toggleDown')) {
            expandTrainingToggle();
        }
        else {
            collapseTrainingToggle();
        }
    });

    $(document).ready(function () {
        startTraining();
    });

        $(function () {
        $('body').addClass('jite');
        $('.startTraining').trigger('click');
        $('#sideNav').remove();
        $('#pageTop').remove();
        $('#trainingPreviewSection').hide();
        $('#breadcrumbContainer').remove();
        $('#trainingLeftContainer').css('left', '0 !important');
        $('#logoutPlaceholder').html('<a class=\'textLink\' style=\'color:#FFFFFF\' href=\'/logout\'><i class=\'fas fa-sign-out\'></i> Logout</a>');
        $('#saveExit').remove();
        $('#trainingOverview').html(
            '<div class=\'textCentre\'><h2 class=\'mt0\'>Training Complete!</h2><p class=\'green whiteCopy br p8 mb0\'>Congratulations, you have successfully completed the training and may close this window.</div>');
        $('#trainingOverviewButtons').hide();
        $('#trainingLeftContent').css('margin-top', '0');
    });
    

    function clickNext() {
        $('#nextButton').click();
        $(window).scrollTop(0);
    }

    $('*[data-toggle="tooltip"]').tooltip();

    $(document).keyup(function (e) {
        if (e.key === 'Escape') { // escape key maps to keycode `27`
            expandTrainingToggle();
            $('#saveExit').addClass('flashBorder');
            setTimeout(function () {
                $('#saveExit').removeClass('flashBorder');
            }, 2000);
        }
    });

</script>

<iframe style="display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;" name="_hjRemoteVarsFrame" title="_hjRemoteVarsFrame" id="_hjRemoteVarsFrame" src="https://vars.hotjar.com/box-ad575b5823df97fc9725e14a57070642.html"></iframe></body></html>

                             

Screenshot: