English

TS01da7edd

tg_rft

tg_session

tg_rft_mvc

tg_session_25103_5042

You're looking at domain 'sjobs.brassring.com' on the commercial generic top-level domain (.com); it also runs on subdomain 'sjobs'. The registrable portion 'brassring' spans 9 characters holding two vowels versus seven consonants. Segmentation suggests 2 words: brass, ring. Median word length comes out to 4.5 characters. No strong language cues emerged from the frequency lists.

loginField

password

signInForm

SMSiteId

Bruid

SMProfileId

Email

Result

PPSID

encryptedData

calledFrom

hSMLocaleId

hSMJobId

hSMTQId

RedirectToAfterSMLogin

hSMNoback

hdRft

idForNewAcc

SMLoginFlow

sessionid

policyByPassed

policySettingId

html/3d/14/3d14fb6f-99ec-4eee-9034-6cca55ac97f0.html.gz

0de81a3a4d9449146010bc1fc128fad1c2ec27f1a88b8c7faad6aaead8614c5b

6064e3dcff83ae79b8eebe0d73cceefac7214a1adfc35e24c412568dbc9d6ecb

3c58e0f37458cde878eddf683d098a364f570a162b9b105025642d19f03a5e30

132bcbf9c2a86e9e3e421740124f8db5580e198049077d6a151e7102973691d4

754790026e6c81a0c017129f5025ce5bf4689edce75e82d3f37938ddd6954f54

1ee864f934c9f18ae6f09ba124b9dc799cab0d2b1ccfaedb90e77c4a511e84ef

94abc6355f00230a7973d010da52dc3f503974091c53fdbb9aaeda281a17e59f

7aa795766eb2959e06de9755a7aef397869c91e1e8d89d996a01cfc552293ac9

a98af2fea470a39b6b935443d97d3caa15f6e7982855d421783178e9e8867686

c580548ba9d2da32e32c2b113aa35c8d5e4ed65b7e4a203ea6c6733164fffc6c

025e66e4f6527f5fa76c631132db0385b5b9f3f517bdc870621cd406bbc2580c

12857e2e090def3a796d8ff9ff9e11abb5075f28f565dd8c760d790dc592c1c1

8c59da30331af31c718916ce12bd1c7ac43fa95031edb906086c0c0cb94dce76

7b03f4782ea405fb30adada36b348906c0ac0de2836fd8ae4a82049d9b83ba60

84af3fce2847af3398ccbe0ca25adba51ee5bd88d21d201bcd373188bda3dce5

170475905a3d9bff4e25ff1fca3d12f91cd3d0e227e72564bcfbfff880b0ce6b

99ce9b5b91751b20ed1cb10dc35e05acd166397efb2f06c3e8352a864184e101

d8f4ae7a457d5a987927da25853f79a07f1c50ba10062bbc524629745c0cd9dc

07901932cf3896fe76ca280ad2f26899369a0650aaf3875a23e4e0fc735fb53d

a0b123b9d0a9e3792fc64190f597f7a92f2877788b4e97571f551a925b9af1bd

cf7419b4094285a81040bc0b7bd0c67f19532d1a81584a4062c91602843aee9a

0382bb36a8f583718989c1e084836700fc32d53801c1765f72b974b42125f899

235f93828110a0d21801958e33488872fd09e18ae49f3e72505e1e94dd638f54

dc039796f02823070835621ba0c21250cdad12568334ba33d5e2292170bdf3a9

e1de30fa132b74ffdf3087f96435f193f53469478d0dfcbba5ef21251be8b85d

d1b60af7d6bd447e67c9283dc84c25a8359ef9e387089a69ffd7ff05d883c980

80048f200f214ec3dae247c115d1f6f5a19efaf48f56c4a63e41f012b0d65aac

adfba7a9734ea65922be1e683df5ddb239f6fddefb9ca85bc95569ec843df17e

eec0b82f969675b0c84e19282dcfe43e606a20ec49ea78baca5552a53f668508

732966cfb40423e2a9f002e4af94abf70c980e2e805346ecc9fd4216f870c594

b8b8fb87cacf4e3c27f0a5217883340d460a97f0c745d874dbc9bd655437bf0e

8e4d90a9f8fd06d185080fbe8ed1dc6eda1530f837a2e5e0a36119834a877ec2

b1a013d6f3d2b0bce854dff0b9f91847a7b45cf70ea1199dfdb201c760e251e1

932f6f25a3d2abc567a05814dafa50436dae93268a15761520094316918aa54a

c51694a3b8b6f69bb1068f818dfad62758961bcc12d5a1e4cc7bbf14b27552dd

fb915e55e55f50633e66b81653b7efdba8d9d0408ad56b06ea9f1af3218eceb8

d66cc036ccb720b216d224d27a8620be7683a4801a22023db95572b6cf3331c2

daff844ca1df5937d1e9ff77231380109035052bf30fefc50ff215569ae1fa06

f70d0d611c29c1043f1547a1baa021800b98fcaf99f7ca1891bfbf0b22d05f35

cebeb3f594ce3acf6f8d075804bd3fcd81ae6ff32d04c4c994b7db31c5261923

6940a19084bb73ccc928577d83d99b2a91b445b1e76f9ff6c8a50c1aa03d16dd

c5a0a84676e7953d98a3288f886e2a0c482592e88c4b9958d3ffdb2b9cb9d84a

3cba18a9d1ca520a8f15fd08a65a297e49dbc7ac03827e8520a09e4d7ea220f5

ca3523675fe038723fcec476f55fdd28ff84eb9aaab95ff5b195a5a076f4d84b

3ccd50278082c8c8e756ba2da8c6d34a04face0234ac88c8674d46d683b8bc84

0ce6d1fd0a4cb065a3afa741267d1e8aa66439495a91a67af57fd83df8e40ef9

9948f2c50b4bbe3b51ed36482be60b097850a87fd1ede5455a61c4879dab17ec

876a077063da249256e15b1201002a5375bdf8fbeca2897f99027b1a73c133ef

61a1d2a904e1d5445c634b3c2410d752ee811b30c9040169988e20185593745e

528c2839d68455ffcd0e97dd3b8cd72f3ad053156244420ea9bc49467ebb5dd0

b3dd02128400b2610d1790ef1771499dc9cc1a031730d0afa133dca88eb7e3e1

99098382724db027bfd084e8cab26ecd2c1bc686e91955d3de6a7de2d2dc578e

8d1a90f013ba7f7c7ebee7331b7cd67fe21fa4d2081c0bf95307b333a011201d

52cf0baf7268aca370c7dd42445c1a97748cf51a539605a1974c087fbeed5e55

847166c27f1a3be24bfc6981fb548499e0b1f8fdc2782362b6e35857c301d18c

3392539f6d56740eefdba75a3195fec474cbb4602ace6ae684a643cb0e43f61a

823b3c7176665f54517693d17f0fdeacd8657873621d84bf4fa70a522f9bc272

13561381bbcab6efd5e929473c976dd151609760a6e59a6ea36dfe31c6495f68

3c30b19cd935b2bf8f077afe8ae3dcf1685f058a2331908b3cae8c901b83e6ea

715ae6ee980589819aeb5920dd6b40b7e096c59171b86f2232b30a5747d8f8a0

ce46ae748691f470163dcd99e5683cf6673cd1c3b2639e587dfdddb45ddba37d

4e137aff3b2b6a21cfe7a335e0a20625219b01526265a6ed5cdf9be1be4a8d30

1467eb94f88a48b6a104a8403a7dd68f2be19553fca8b0b4a8353ed3c1f2384f

6657c3165d2483e2a846dd5be7eb8220d7b543fe058a87bfdc8c4a811ff4ac59

861c7577b91cd284c33c46caf78a6c2df0b1c9ef30e72be91083417ce985f12e

1e744adef505ed05c83e305f8a878b21a84def132e006f134ffc4c2e9df6ae87

5e1ef20fc614ead0d5a933e02177219316083d70b8d7bf66d79e693ae3302b58

3f2bcb47cdbc1c2160352c61cb2a1979ebe350980aa8314ee2c060ccdc8206cf

942cb07d559b342098e9401ede481eee7aa983eefc804f7621f7547fcc142ab8

177619c98823dc53af81b2cf1b31e80f79b10799347b2a7e9497e5f0597dcf2e

f8a2f0af26b3c34bfc808b7b1accb5c609e5d4c0320c2888c5af1c5a2aee6768

3a452218f885235097bf57b9ec4e5a3fa8903716a54d55256978f66bdabc47fb

892d3f3cc4303e33a06b2f4e44588a7b0bb5cf5b497ab8100a5a8994dcf8fda8

7371fb615057f33524510ae94d6147747847d0e4daffbc88a631845d57dd129a

89b0ee0428288be0357e731503c2138d37b43a6a9cc53041ac73b953b03cd081

62d7fde96d7c114ad91783209f238621a2303fbf2e1428c79ae4a2137528eeb5

d79c331435f90981866bc797234c217a0ebf0d7de2de59b1166d0ff90e54a6b2

4f591a57a7776ffca52ad45545909414e0f34f7c4dd7a5e145bdb14447b14c1f

0681d134368733fb68c95fa054e8291325265e50e4d590282f87a5a041d00aca

b1ee48b0ef57c8a5218371322f4991ee69c3c41a90db39e41531c23a11f97b1e

adcdb7d83846c9cde8ffc19adcd5ba6efdb2def1e0afe26afe129513eb09be49

8aa7bb687699a374589280af9bb74732e6628da9ff4c6d91d274aeb96a246503

9b6907160b613aa5fbc7456c967f98f8628c944d407e2a5f7a3483955f78f9c9

2347773f358e387424d1203109d9d81a5bee309f018a71b71afad65ab113546b

a1b351d0f8fef7467f575f460abb909d9ea11d3ae9ae536af6543e08e9cda803

a59cac8e0323ccea11d7c18a1667eb1c5b3dae6b7876b862425e1cfe046acd5d

33ca497cb3c8cb6d93fabbcde8a94d5d01203b13d9e4a4d9f1f9e00ef6110ab6

3bf6f43ba1dd21c53279ff688c534ee5265b491a66aef8a371a59c4f6d6d7f48

fcf01294313585e902042a221de2f7fc7abf75d4f02364b6911e8070c416d8f1

e67c19086c8a2a7ee64a13e396f2680fcafec4a9665dd946314ffb86deeb6559

6400ac6199863da777b7930ea60aa831a9814169e8e4e1b52004aa46a6994e69

26dca91fa33956129e9b494c79756b475deeb7e2acd2e451b0842f651621d364

0e32cd1348a053c2c7de82227ffc3c796f651c58f25491452adbae9d4ffb882d

79295b01db4abc1ac6845cfda776833c04b104e5c0a2c664cfe20d6fc5d73b6c

ba0324edbda62e549c4f5c43c53a6dbd4034c8970ade62ce074549845a6e312d

ba0f5d20c37592ea33fadcc5822f403faea3850fdcfe37f1be94c87fabffb1ff

8c24992586b73b3bf2f41477ef5c82b66392a20c1a5437c577a6bc11f0b79b6e

83c6ca3f615e378e6cd65b5ebb05afdca4938cd1d734238a2afec06f86234dc5

feb51cc7d43750c1c089b54273ad5dd50999efbcf957e4d27b9e8df5f3e2aa85

d397377e8318c930190102531581040cc5848f4a5a21b850c2b0708919b4787d

charset

source

DC.Rights

DC.Date

owner

ibm.country

IBM.Effective

initial-scale=1.0,width=device-width,height=device-height

viewport

workFlow

configMode

wbBrandingHostDomain

Fairfax County Public Schools

description

BrassRing, job openings, job employment, resume, job listing, job opening, job description, career, job opportunity, employment opportunities, job vacancy, post resume, professional, professionals, job application, job posting, hiring, job interview, employer

keywords

brandingConfigs

cascadeToAllMembers

talentSuiteJobMenu

nmDETASyaIRYEPOVxTu5fPUU9Tg-KQgPANHFw3owtWw

google-site-verification

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;worker-src blob: 'self';frame-ancestors 'none';

child-src https:  chrome-untrusted://new-tab-page/ chrome-untrusted://ntp-microsoft-auth/;connect-src chrome://resources chrome://theme 'self';default-src 'self';font-src chrome://resources 'self';img-src chrome://resources chrome://theme chrome://image chrome://favicon2 chrome://app-icon chrome://extension-icon chrome://fileicon blob: data: 'self';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources chrome://webui-test 'self';style-src chrome://resources chrome://theme 'self' 'unsafe-inline';trusted-types parse-html-subset sanitize-inner-html static-types webui-test-script webui-test-html polymer-html-literal polymer-template-event-attribute-policy lit-html-desktop;frame-ancestors 'none';

base-uri 'none';child-src https:;form-action https://ogs.google.com https://*.corp.google.com;object-src 'none';script-src 'self' 'unsafe-inline' https:;frame-ancestors chrome://new-tab-page/

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;frame-ancestors 'none';

Network Solutions, LLC

BRASSRING.COM


    <form name="signInForm" novalidate class="loginBox">
        <label custom-style="RequiredLabel" model-data="LoginBoxData" ng-hide="LoginBoxData != null ? LoginBoxData.RequiredLabel == null : false" class="Margintop0">Fields marked with an asterisk (<span class="ReqFields asterisk">*</span>) are required.</label>
        <div custom-style="UsernameInput" model-data="LoginBoxData" ng-class="{alert : (ngDialogData.mobileLogin || !bShowMobileSignInDialog) && (signInForm.loginField.$error.pattern && blurred) || (signInForm.loginField.$error.required && submit) || (errorAtLoggingIn==dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError)}">
            <div class="labelValue hideInMobile blockLevelElement" ng-hide="LoginBoxData != null ? LoginBoxData.UsernameLabel == null : false"><span class="ReqFields">*</span><label class="LoginInput" for="{{ngDialogData.mobileLogin? 'loginFieldMobile' : 'loginField'}}">{{LoginBoxUsername}}</label></div>
            <input aria-invalid="{{errorAtLoggingIn==dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError? true:false}}" ng-class="{SignInFullView: showInFullView}" class="hideInMobile loginControl blockLevelElement" name="loginField" id="{{ngDialogData.mobileLogin? 'loginFieldMobile' : 'loginField'}}" 
                   ng-focus="blurred=false" ng-blur="blurred = true" type="text" ng-required="true" ng-pattern="regexEquation" ng-model="loginField" ng-trim="true" ng-attr-placeholder="{{LoginBoxData != null ? LoginBoxUsername : null}}"
                   append-ng-style="LoginBoxData"/>
            <span ng-class="{SignInFullView: showInFullView}" class="labelValue hideInMobile blockLevelElement error" ng-if="(ngDialogData.mobileLogin || !bShowMobileSignInDialog) && (signInForm.loginField.$error.pattern) && blurred">This doesn&#39;t seem to be a valid email address.</span>
            <span ng-class="{SignInFullView: showInFullView}" class="labelValue hideInMobile blockLevelElement error" ng-show="(ngDialogData.mobileLogin || !bShowMobileSignInDialog) && signInForm.loginField.$error.required && submit">Required field</span>
            <span ng-class="{SignInFullView: showInFullView}" class="labelValue hideInMobile blockLevelElement error" ng-if="(ngDialogData.mobileLogin || !bShowMobileSignInDialog) && !signInForm.loginField.$error.pattern && errorAtLoggingIn==dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError">Email or Username incorrect.</span>
        </div>
        <div custom-style="PasswordInput" model-data="LoginBoxData" ng-class="{alert : (ngDialogData.mobileLogin || !bShowMobileSignInDialog) && (signInForm.password.$error.required && submit) ||(errorAtLoggingIn==dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError)}">
            <div class="labelValue hideInMobile blockLevelElement" ng-hide="LoginBoxData != null ? LoginBoxData.PasswordLabel == null : false"><span class="ReqFields">*</span><label class="LoginInput" for="{{ngDialogData.mobileLogin? 'passwordMobile' : 'password'}}">Password</label></div>
            <div append-ng-style="LoginBoxData">
                <input password-toggle aria-invalid="{{errorAtLoggingIn==dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError? true:false}}" ng-class="{SignInFullView: showInFullView}" class="loginControl hideInMobile" name="password" id="{{ngDialogData.mobileLogin? 'passwordMobile' : 'password'}}" 
                       type="password" ng-required="true" ng-model="password" ng-trim="true" ng-attr-placeholder="{{LoginBoxData != null ? 'Password' : null}}" />
            </div>
            <span ng-class="{SignInFullView: showInFullView}" class="labelValue hideInMobile blockLevelElement error" ng-show="(ngDialogData.mobileLogin || !bShowMobileSignInDialog) && signInForm.password.$error.required && submit">Required field</span>
            <span ng-class="{SignInFullView: showInFullView}" class="labelValue hideInMobile blockLevelElement error" ng-if="(ngDialogData.mobileLogin || !bShowMobileSignInDialog) && errorAtLoggingIn==dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError">Password incorrect.</span>
        </div>
        <div ng-include="'loginCaptchaTemplate'" ng-init="LoginBoxData != null ? LoginBoxInit(this) : ''" custom-style="Captcha" model-data="LoginBoxData" ng-if="response.EnableCaptcha && (response.ShowCaptcha || ShowCaptcha)"></div>
        <div custom-style="ForgotLink" model-data="LoginBoxData" ng-if="tgSettings.LoginDetailsManagement=='Enhanced'">
            <a class="loginHomelinks labelValue blockLevelElement UnderLineLink" ng-if="tgSettings.LoginDetailsManagement=='Enhanced'" ng-click="ForgotPassword()">Forgot Username or Password?</a>
        </div>
        <div custom-style="ForgotLink" model-data="LoginBoxData" ng-if="tgSettings.LoginDetailsManagement!='Enhanced'">
            <a class="loginHomelinks labelValue blockLevelElement UnderLineLink" ng-if="tgSettings.LoginDetailsManagement!='Enhanced'" ng-click="ForgotPassword()">Forgot password?</a>
        </div>
        <button id="btnLogin" custom-style="SignIn" model-data="LoginBoxData" class="primaryButton submitButton hideInMobile ladda-button" ng-disabled="!bError && submit" ng-click="bError = false; submit=true; prevalidate(this,appScope.validateAndSubmit,'signInForm');" type="submit">Sign in</button>
        <div ng-if="!PortalLogin" custom-style="CreateAccount" model-data="LoginBoxData">
            <a class="newAccnt labelValue blockLevelElement UnderLineLink" ng-click="newAccntScreen()">Don&#39;t have an account yet?</a>
        </div>
        <div role="alert" j-query="setFocus" class="newMsgContainer hideInMobile" ng-if="LoginSessionExpired">
            <div class="iconContainer BkgError">
                <i class="fa fa-times-circle"></i>
            </div>
            <div class="msgContainer BorderError">
                <span>An error occurred while trying to login. Please clear browser cache and cookies and try again</span>
                <a href='/TGNewUI/ClearBrowserHistory.html' target='_blank'>
                    Click here for steps to clear cache and cookies
                </a>
            </div>
        </div>

            <a class="ladda-button smSubmit" style="display:none" ng-click="bError = false; submit=true; validateAndSubmit(this);">Sign in</a>
    </form>




    <h1 class="hideInMobile labelValue hd" custom-style="LoginHeader" ng-hide="LoginBoxData != null ? LoginBoxData.LoginHeader == null : false" model-data="LoginBoxData">
        <span ng-if="tgSettings.SocialMedia != ''&& tgSettings.EnableSMIntegrationLogin == 'yes'">Choose your sign in option</span>
        <span ng-if="!(tgSettings.SocialMedia != ''&& tgSettings.EnableSMIntegrationLogin == 'yes')">{{dynamicStrings.Button_LogIn}}</span>
       
    </h1>
    <label class="screenReaderText" ng-if="tgSettings.SocialMedia != ''&& tgSettings.EnableSMIntegrationLogin == 'yes'">{{dynamicStrings.ScreenReaderSignInHeading.replace('[username]',LoginBoxUsername)}}</label>
    <label class="screenReaderText" ng-if="!(tgSettings.SocialMedia != ''&& tgSettings.EnableSMIntegrationLogin == 'yes')">{{dynamicStrings.ScreenReaderSignInHeadingNoSM.replace('[username]',LoginBoxUsername)}}</label>
    <div role="alert" j-query="setFocus" class="newMsgContainer hideInMobile" ng-if="(ngDialogData.mobileLogin || !bShowMobileSignInDialog) && bError">
        <div class="iconContainer BkgError">
            <i class="fa fa-times-circle"></i>
        </div>
        <div class="msgContainer BorderError">
            <span id="loginErrorListContainer" class="ErrMsgHeadTitles" ng-bind="dynamicStrings.ErrorMessage_AttentionRequired"></span>
            <a class="UnderLineLink" href="#0" ng-if="(!angular.isDefined(errorAtLoggingIn) || errorAtLoggingIn=='') && (LoginErrorID!=''||errorAtLoggingIn==dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError)" ng-click="focusAt(LoginErrorID)" ng-bind="dynamicStrings.Link_Showme"></a>
            <span ng-if="errorAtLoggingIn!='' && errorAtLoggingIn!=dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError" ng-bind="errorAtLoggingIn"></span>
        </div>
    </div>

    <div class="hideInMobile socialSources" custom-style="SocialMediaContainer" model-data="LoginBoxData" ng-if="tgSettings.SocialMedia != '' && tgSettings.EnableSMIntegrationLogin == 'yes'" ng-init="socialwidgetload()">
        <a class="linkedin" href="#0" role="button" ng-if="tgSettings.SocialMedia.split(',').indexOf('1') > -1" ng-click="LoginWithSocialMedia('1')">
            <i class="fab fa fa-linkedin-square"></i>
            <span class="">Sign in with LinkedIn</span>
        </a>
        <a class="facebook" href="#0" role="button" ng-if="tgSettings.SocialMedia.split(',').indexOf('2') > -1" ng-click="LoginWithSocialMedia('2')">
            <i class="fab fa fa-facebook-square"></i>
            <span class="">Sign in with Facebook</span>
        </a>
        <a class="twitter" href="#0" role="button" ng-if="tgSettings.SocialMedia.split(',').indexOf('3')> -1" ng-click="LoginWithSocialMedia('3')">
            <img src="/TGNewUI/Content/Images/x-twitter.svg" class="icon_twitter_x" alt="Twitter"/>
            <span class="">Sign in with Twitter</span>
        </a>
       

    </div>
    <div class="hideInMobile separator" custom-style="OR" ng-hide="LoginBoxData != null ? LoginBoxData.OR == null : false" model-data="LoginBoxData" ng-if="tgSettings.SocialMedia != ''&& tgSettings.EnableSMIntegrationLogin == 'yes'">
        <span class="or lightAccentBkg" aria-hidden="true">{{dynamicStrings.SignIn_Or}}</span>
        <label class="screenReaderText">{{dynamicStrings.ScreenReaderEnterUserNamePass.replace('[username]',LoginBoxUsername)}}</label>
        <span class="rule"></span>
    </div>
    <label class="screenReaderText" ng-if="!(tgSettings.SocialMedia != ''&& tgSettings.EnableSMIntegrationLogin == 'yes')">{{dynamicStrings.ScreenReaderEnterUserNamePassNoSM.replace('[username]',LoginBoxUsername)}}</label>
    <div ng-include="'loginTemplate'"></div>





    <h1 class="generalSubmissionHeading hd"> {{tgSettings.SiteGeneralSubmissionLinkText}}</h1>
    <p j-query="html(tgSettings.LandingNonLoggedSubmitNowText)"></p>
    <button class="primaryButton submitResume ladda-button" ng-click="generalJobSubmissionRedirection(this)">{{tgSettings.SiteGeneralSubmissionButtonText}}</button>




    <div class="mobileView" j-query="setFocus">
        <a class="backLink" ng-click="backClick(false)" ng-class="{'mobileOnly' : !showInFullView  }" ng-if="bShowBackButton && !LoginFromLinkView && standAloneGQ <= 0" aria-label="Back"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><span class="UnderLineLink">Back</span></a>
        <h1 ng-class="{'HeaderSignInFullView' : showInFullView  }" class="title" id="mobileSignInTitle">
            <span ng-if="tgSettings.SocialMedia != ''&& tgSettings.EnableSMIntegrationLogin == 'yes'">Choose your sign in option</span>
            <span ng-if="!(tgSettings.SocialMedia != ''&& tgSettings.EnableSMIntegrationLogin == 'yes')">{{dynamicStrings.Button_LogIn}}</span>
        </h1>

        <button class="ladda-button skipsignIn" ng-if="bBypassGQLogin" ng-click="showPrivacyPolicyForNonLoggedIn('ByPassGQLogin')"><span>Skip sign in</span></button>
        <div class="hideInMobile separator" ng-class="{separatorShowallView: showInFullView,separatorMobile:!showInFullView}" ng-if="bBypassGQLogin">
            <span class="or baseColorPalette" aria-hidden="true">{{dynamicStrings.SignIn_Or}}</span>
            <span class="rule"></span>
        </div>

        <label class="screenReaderText" ng-if="tgSettings.SocialMedia != ''&& tgSettings.EnableSMIntegrationLogin == 'yes'">{{dynamicStrings.ScreenReaderSignInHeading.replace('[username]',LoginBoxUsername)}}</label>
        <label class="screenReaderText" ng-if="!(tgSettings.SocialMedia != ''&& tgSettings.EnableSMIntegrationLogin == 'yes')">{{dynamicStrings.ScreenReaderSignInHeadingNoSM.replace('[username]',LoginBoxUsername)}}</label>
        <div role="alert" j-query="setFocus" class="newMsgContainer hideInMobile ShowTimeoutMessage" ng-if="ShowTimeoutMessage">
            <div class="iconContainer BkgError">
                <i class="fa fa-times-circle"></i>
            </div>
            <div class="msgContainer BorderError">
                <label class="FieldsMessage">You have been signed out due to inactivity.</label>
            </div>
        </div>
        <div role="alert" j-query="setFocus" class="newMsgContainer" ng-if="DoNotAllowToLinkNoLoginAccountMsg">
            <div class="iconContainer BkgError">
                <i class="fa fa-times-circle"></i>
            </div>
            <div class="msgContainer BorderError">
                <label class="FieldsMessage" ng-bind-html="DoNotAllowToLinkNoLoginAccountMsg"></label>
            </div>
        </div>
        <div class="loginWidget SMWidget" ng-if="tgSettings.SocialMedia != '' && tgSettings.EnableSMIntegrationLogin == 'yes'">
            <div ng-class="{socialsourcesleft: showInFullView,socialSources: !showInFullView}" ng-if="tgSettings.SocialMedia != '' && tgSettings.EnableSMIntegrationLogin == 'yes'">
                <a class="linkedin" ng-click="LoginWithSocialMedia('1')" ng-if="tgSettings.SocialMedia.split(',').indexOf('1') > -1" href="#0" role="button">
                    <i class="fab fa fa-linkedin-square"></i>                                                                                                      
                    <span class="">Sign in with LinkedIn</span>      
                </a>                                                                                                                                        
                <a class="facebook" ng-click="LoginWithSocialMedia('2')" ng-if="tgSettings.SocialMedia.split(',').indexOf('2') > -1" href="#0" role="button">
                    <i class="fab fa fa-facebook-square"></i>                                                                                                      
                    <span class="">Sign in with Facebook</span>     
                </a>                                                                                                                                       
                <a class="twitter" ng-click="LoginWithSocialMedia('3')" ng-if="tgSettings.SocialMedia.split(',').indexOf('3') > -1" href="#0" role="button">
                    <img src="/TGNewUI/Content/Images/x-twitter.svg" class="icon_twitter_x"/>
                    <span class="">Sign in with Twitter</span>
                </a>                                                                                                                                       
               
                <div class="onetapgoogle" ng-init="mobileSignin()"></div>
            </div>
        </div>
        <div class="hideInMobile separator separatorShowallView" ng-class="{separatorShowallView: showInFullView,separatorMobile:!showInFullView}" ng-if="tgSettings.SocialMedia != '' && tgSettings.EnableSMIntegrationLogin == 'yes'">
            <span class="or baseColorPalette" aria-hidden="true">{{dynamicStrings.SignIn_Or}}</span>
            <label class="screenReaderText">{{dynamicStrings.ScreenReaderEnterUserNamePass.replace('[username]',LoginBoxUsername)}}</label>
            <span class="rule"></span>
        </div>
        <label class="screenReaderText" ng-if="!(tgSettings.SocialMedia != ''&& tgSettings.EnableSMIntegrationLogin == 'yes')">{{dynamicStrings.ScreenReaderEnterUserNamePassNoSM.replace('[username]',LoginBoxUsername)}}</label>
        
        <div role="alert" tabindex="0" j-query="setFocus" ng-class="{SignInErrorMsg: showInFullView}" class="newMsgContainer hideInMobile" ng-if="bError">
            <div class="iconContainer BkgError">
                <i class="fa fa-times-circle"></i>
            </div>
            <div class="msgContainer BorderError">
                <span class="ErrMsgHeadTitles Marginbottom10">{{dynamicStrings.ErrorMessage_AttentionRequired}}</span>
                <a class="ErrMsgMobile UnderLineLink" ng-if="(errorAtLoggingIn=='' || !angular.isDefined(errorAtLoggingIn)) && (LoginErrorID!=''||errorAtLoggingIn==dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError)" ng-click="focusAt(LoginErrorID)" ng-bind="dynamicStrings.Link_Showme"></a>
                <div class="Marginbottom10">
                    <a class="ErrMsgDesktop UnderLineLink" ng-if="UnameErrorID!='' && (errorAtLoggingIn=='' || !angular.isDefined(errorAtLoggingIn) )" ng-click="focusAt('loginField')" href="#" ng-bind="UnameErrorID"></a><span class="ErrMsgDesktop" ng-if="UnameErrorID!='' && (errorAtLoggingIn=='' || !angular.isDefined(errorAtLoggingIn) )">-</span>
                    <span class="ErrMsgDesktop" ng-if="UnameErrorID!='' && (errorAtLoggingIn=='' || !angular.isDefined(errorAtLoggingIn)) && errorAtLoggingIn!=dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError">Required field</span>
                    <span class="ErrMsgDesktop" ng-if="errorAtLoggingIn==dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError" ng-bind="UnameErrorID + dynamicStrings.ErrorMessage_IsIncorrect"></span>
                </div>
                <div class="Marginbottom10">
                    <a class="ErrMsgDesktop UnderLineLink" ng-if="PassErrorID!='' && (errorAtLoggingIn==''|| !angular.isDefined(errorAtLoggingIn))" ng-click="focusAt('password')" href="#" ng-bind="PassErrorID"></a><span class="ErrMsgDesktop" ng-if="PassErrorID!='' && (errorAtLoggingIn==''|| !angular.isDefined(errorAtLoggingIn))">-</span>
                    <span class="ErrMsgDesktop" ng-if="PassErrorID!='' &&(errorAtLoggingIn=='' || !angular.isDefined(errorAtLoggingIn)) && errorAtLoggingIn!=dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError">Required field</span>
                    <span class="ErrMsgDesktop" ng-if="errorAtLoggingIn==dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError" ng-bind="PassErrorID + dynamicStrings.ErrorMessage_IsIncorrect"></span>
                </div>
                <div class="">
                    <a class="ErrMsgDesktop UnderLineLink" ng-if="CaptchaErrorID!='' && (errorAtLoggingIn==''|| !angular.isDefined(errorAtLoggingIn))" ng-click="focusAt('captchaInputText')" href="#" ng-bind="CaptchaErrorID"></a><span class="ErrMsgDesktop" ng-if="CaptchaErrorID!='' && (errorAtLoggingIn==''|| !angular.isDefined(errorAtLoggingIn))">-</span>
                    <span class="ErrMsgDesktop" ng-if="CaptchaErrorID!='' &&(errorAtLoggingIn=='' || !angular.isDefined(errorAtLoggingIn)) && errorAtLoggingIn!=dynamicStrings.ErrorMessage_InvalidCaptcha">Required field</span>
                    <span class="ErrMsgDesktop" ng-if="errorAtLoggingIn==dynamicStrings.ErrorMessage_InvalidCaptcha" ng-bind="dynamicStrings.ErrorMessage_InvalidCaptcha"></span>
                </div>
                <span ng-if="errorAtLoggingIn!='' && errorAtLoggingIn!=dynamicStrings.ErrorMessage_InvalidUsernameOrPasswordError && errorAtLoggingIn!=dynamicStrings.ErrorMessage_InvalidCaptcha" ng-bind="errorAtLoggingIn"></span>
            </div>

        </div>
        <div class="MainDiv">
            <div ng-include="tabValue"></div>
        </div>
        <div class="ngdialog-close hideInMobile UnderLineLink" ng-if="!showInFullView" ng-click="backClick(true)"></div>
    </div>




    <div class="createAccountContainer">
        <div class="ngdialog-message" j-query="setFocus">
            <div class="showInMobile padTop"><a class="back backLink" ng-click="closeThisDialog('button')" href="" role="button">Back</a></div>
            <div class="PasswordInfo" id="passwordInfoDiv">
                <div class="passwordInfoHead">
                    <span class="thick title" id="passwordTipTitle">Tips for setting your password</span>
                </div>
                <p>Password security measures have been established to protect confidential information in your user profile. For the greatest security, please consider the following guidelines when forming your password.</p>
                <ul>
                    <li ng-if="response.ClientSettings.TGPasswordStrength.toLowerCase() == 'default'">Must be 6-25 characters</li>
                    <li ng-if="response.ClientSettings.TGPasswordStrength.toLowerCase() != 'default'" ng-bind-html="replaceErrorMessage()"></li>
                    <li>Use a mix of uppercase and lowercase keystrokes.</li>
                    <li ng-bind-html="dynamicStrings.PasswordGudeline4"> <span class="screenReaderText">and punctuation marks (comma period question exclamation)</span></li>
                    <li>Your password can not contain spaces.</li>
                    <li>Use a random set of characters, rather than a true word.</li>
                    <li ng-if="response.ClientSettings.LoginType==0">Do not use your email address as your password.</li>
                    <li ng-if="response.ClientSettings.LoginType==1">Do not use your username as your password.</li>
                    <li>Do not reuse a previous password.</li>
                    <li>Do not use a universal password for all your secured on-line accounts.</li>
                </ul>
                <p>For greatest security, be careful when storing your password:</p>
                <ul>
                    <li>Do not write your password down, display it in the open, or store it in an easily accessed location.</li>
                    <li>Do not give your password to anyone.</li>
                </ul>
                <p>If you suspect your password security has been compromised, reset your password immediately.</p>
                <p class="passwordInfoTail">For your security, password changes only allowed once every 24 hours.</p>
            </div>
        </div>
        
    </div>



    <div id="ResetPasswordFlowSelection" class="ForgotUsernamePass">
        <form name="flowSelection">
            <div class="backLink" ng-click="ForgotIdentityBack()"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i>Back</div>
            <h1 class="HeaderTitles"><span class="HeaderTitles">Verify My Identity</span></h1>
            <h2 class="Marginbottom20 thick">Select one of these options to verify your identity in order to reset your password.</h2>
            <fieldset id="forgotPasswordOrUsername" style="border-style:none">
                <legend id="forgotPasswordOrUsernameLegent">
                    <label style="display:none">Select one of these options to verify your identity in order to reset your password.</label>
                </legend>
                <div>
                    <input type="radio" id="rbtPasscode" name="ForgotPasswordFlow" ng-model="login.flowselect" aria-labelledby="Passcodeoption" value="Passcode" styled-input>
                    <span id="Passcodeoption">
                        Send passcode to my email:
                        <br />
                        <div class="MarginLeft30">{{login.UsersEmail}}</div>
                    </span>
                </div>
                <div>
                    <input type="radio" id="rbtSQ" name="ForgotPasswordFlow" ng-model="login.flowselect" aria-labelledby="SQoption" value="SQ" styled-input>
                    <span id="SQoption">Answer security questions</span>
                </div>
            </fieldset>

            <div class="buttonContainer">
                <button type="submit" role="button" id="EmailSubmit" class="primaryButton continueButton ladda-button" ng-click="login.flowselect == 'Passcode' ? SendPasscode(this) : ShowSecurityQuestion(this,'ForgotPassword')">Continue</button>
            </div>
        </form>
    </div>



    <div id="ForgotPasswordPasscodeScreen" class="ForgotUsernamePass">
        <div class="DivSpacing" ng-if="showPasscodeWindow">
            <a ng-click="CloseDialogs()" class="Xclose"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
        </div>
        <form ng-submit="VerifyPasscode(this)" novalidate name="PassCodeVerification" ng-if="!(login.tooManyPasscodeAttempts || login.tooManyPasscodeRequests)" class="VerifyPasscode">
            <h1 class="HeaderTitles"><span class="HeaderTitles title" id="PasscodeVerify">Verify Passcode</span></h1>

            <div class="newMsgContainer BorderSuccess Marginbottom20" ng-if="login.ErrorID == '' && !passcodevalidation">
                <div class="iconContainer BkgSuccess" aria-hidden="true">
                    <i class="fa fa-check-circle"></i>
                </div>
                <div class="msgContainer" role="alert" tabindex="0">
                    <label ng-bind-html-compile="login.EmailPageSuccess1"></label>

                </div>
            </div>

            <div class="screenReaderText" role="alert" ng-if="passcodevalidation">Passcode successfully validated.</div>



            <div class="newMsgContainer" ng-if="login.ErrorID!='' && !(PassCodeVerification.passcode.$invalid && submitted)" role="alert">
                <div class="iconContainer BkgError">
                    <i class="fa fa-times-circle"></i>
                </div>
                <div class="msgContainer BorderError" ng-bind-html-compile="login.Error">

                </div>

            </div>

            <div class="newMsgContainer" ng-if="login.PasscodeAttempts != ''" j-query="setFocus">
                <div class="iconContainer BkgWarning">
                    <i class="fa fa-exclamation-triangle" role="presentation"></i>
                </div>
                <div class="msgContainer BorderWarning" role="alert">
                    <label ng-bind-html-compile="login.PasscodeAttempts"></label>
                </div>
            </div>
            <div class="ErrMsgHead" ng-if="PassCodeVerification.passcode.$invalid && submitted" role="alert">
                <div class="newMsgContainer">
                    <div class="iconContainer BkgError">
                        <i class="fa fa-times-circle"></i>
                    </div>
                    <div class="msgContainer BorderError">
                        <span class="ErrMsgHeadTitles">One or more fields require your attention.</span>
                        <a ng-if="PassCodeVerification.passcode.$invalid && submitted" class="ErrMsgMobile UnderLineLink" ng-click="focusAt('passcodeInput')" href="#">{{dynamicStrings.Link_Showme}}</a>
                        <br />
                        <ul>
                            <li class="SecurityQAErr" ng-if="!!PassCodeVerification.passcode.$error.required" role="alert">
                                <a class="ErrMsgDesktop UnderLineLink" ng-click="focusAt('passcodeInput')" href="#">Enter your passcode:</a>
                                <span class="ErrMsgDesktop">-</span>
                                <span class="ErrMsgDesktop">Required field</span>
                            </li>
                            <li class="SecurityQAErr" ng-if="!!PassCodeVerification.passcode.$error.pattern" role="alert">
                                <a class="ErrMsgDesktop UnderLineLink" ng-click="focusAt('passcodeInput')" href="#">Enter your passcode:</a>
                                <span class="ErrMsgDesktop">-</span>
                                <span class="ErrMsgDesktop">Please enter a valid number</span>
                            </li>
                        </ul>

                        
                    </div>

                </div>
            </div>

            <div>

                Fields marked with an asterisk (<span class="ReqFields">*</span>) are required.

            </div>

            <div class="Marginbottom20">
                <span class="ReqFields">*</span>
                <label class="Marginbottom10 inputHeader" id="EnterPasscodelbl">Enter your passcode:</label>
                <div ng-init="initPasscodeUI()">
                    <div ng-if="enabledOtpUI" class="otpInput" otp-input-directive options="otpinput" ng-class="{BorderOtpError:(PassCodeVerification.passcode.$invalid && submitted)}"></div>
                    <span class="prompt">example:123456</span>
                </div>
                <input type="text" ng-model="passcode" name="passcode" min="000000" max="999999" ng-class="{BorderError:(PassCodeVerification.passcode.$invalid && submitted)}" ng-required="true" ng-pattern="/^[0-9]{1,6}$/" id="passcodeInput" aria-labelledby="EnterPasscodelbl" placeholder="example:123456" />
                <span class="ErrMsg" ng-show="PassCodeVerification.passcode.$invalid && submitted && !!PassCodeVerification.passcode.$error.required">{{dynamicStrings.ErrorMessage_RequiredField}}</span>
                <span class="ErrMsg" ng-show="PassCodeVerification.passcode.$invalid && submitted && !!PassCodeVerification.passcode.$error.pattern">Please enter a valid number</span>
            </div>


            <div class="buttonContainer Marginbottom20 Margintop10">
                <button type="submit" role="button" id="PasscodeSubmit" class="primaryButton continueButton ladda-button" ng-click="submitted = true;presubmit(this,$event);">Verify Passcode</button>
                <a href="#" ng-if="ShowResetPasscodeLinkInline" ng-click="ChooseClickEvent($event,this)">Resend passcode</a>
            </div>
            <div ng-if="!ShowResetPasscodeLinkInline"><a href="#" ng-click="ChooseClickEvent($event,this)">Resend passcode</a></div>
            <div ng-if="ShowSecurityQuestionLink">
                If you're unable to access your email address (associated with this account), you can <a  href='#' class="UnderLineLink" ng-click="ShowSecurityQuestion(this,'ForgotPassword')">answer security question</a>.
            </div>
        </form>
        <div class="listElement">
            <div class="newMsgContainer" role="alert" j-query="setFocus" ng-if="login.tooManyPasscodeAttempts || login.tooManyPasscodeRequests">
                <div class="iconContainer BkgError">
                    <i class="fa fa-times-circle"></i>
                </div>
                <div class="msgContainer BorderError">
                    {{login.TooManyPasscodesError}}
                </div>
            </div>
            <a class="JobAlert-close link" handle-spacebar="" ng-if="(login.tooManyPasscodeAttempts || login.tooManyPasscodeRequests)" aria-label="Close" role="button" ng-click="CloseFunction90" tabindex="0" href="#0" style="display: block;"><span class="screenReaderText ng-binding">Close</span></a>
        </div>
    </div>



    <div class="timeoutWarningDialog">
        <div class="newMsgContainer title Marginbottom20">
            <div class="iconContainer BkgWarning">
                <i class="fa fa-check-circle"></i>
            </div>
            <div class="msgContainer BorderWarning">
                <h1>Your session has timed out.</h1>
            </div>
        </div>
        <div class="buttons">
            <button class="primaryButton" ng-click="extendTime()"><span class="button-label">Extend Session</span></button>
            <a class="goLink" ng-click=returnToHome() role="link"><span class="button-label">Continue</span></a>
        </div>
    </div>



    <div class="privacyPolicyContainer" >
        <span class="backLink" ng-if="(standAloneGQ <= 0 || (standAloneGQ > 0 && !isNonProfileAllowed)) && encryptedBruid == '' " ng-click="goBackCreateUserFlow()">
        <i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i>
        <a class="UnderLineLink" ng-if=" !bprivacyoptout">Back</a> 
        </span>
        <div ng-if="bPrivacyPolicyStatement" class="privacyPolicyStatementDiv" j-query="setFocus">     
            <div class="privacyPolicyStatementTab" tabindex="0">
                <h1 class="privacyPolicyLabelText" j-query="setFocus">{{privacyPolicySettings.PrivacyPolicyLabelText}}</h1>
                <div class="thick sideNote">Note: You must AGREE to proceed.</div>
                <div class="privacyPolicyStatement" j-query="html(tgSettings.PrivacyStatement)"></div>
            </div>
                    <button class="primaryButton padTopAndBottom" ng-click="nextPrivacyFlow('option1', 'statement')" aria-label="{{dynamicStrings.Button_Agree}} to Privacy Policy">
                        <span class="button-label">{{dynamicStrings.Button_Agree}}</span>
                    </button>
                    <a class="UnderLineLink" ng-bind-html="dynamicStrings.Button_DisAgree" ng-click="privacyDisAgreeAction()"aria-label="{{dynamicStrings.Button_DisAgree}} to Privacy Policy" ></a>                   
        </div>
        <div ng-if="bPrivacyPolicyQuestion" class="privacyPolicyQuestionDiv" ng-init="option = 'option1'" j-query="setFocus">
            
            <fieldset id="FileList">
                <div class="privacyPolicyQuestionTab" tabindex="0">
                    <div class="privacyPolicyQuestion" id="question" j-query="html(privacyPolicySettings.PrivacyPolicyQuestion)"></div><br />
                </div>
                    <div class="privacyPolicyOptions">
                        <input type="radio" ng-checked="true" id="option1" name="option" value="option1" ng-model="option" styled-input tabindex="0" aria-labelledby="question option1" />
                        <label for="option1">
                            {{privacyPolicySettings.PrivacyPolicyOption1}}
                        </label>
                    </div>
                    <div class="privacyPolicyOptions">
                        <input type="radio" id="option2" name="option" value="option2" ng-model="option" styled-input tabindex="0" aria-labelledby="question option2" />
                        <label for="option2">
                            {{privacyPolicySettings.PrivacyPolicyOption2}}
                        </label>
                    </div>               
            </fieldset>
            <button class="primaryButton padTopAndBottom" ng-click="nextPrivacyFlow(this.option,'question')">
                <span class="button-label">{{dynamicStrings.Button_Continue}}</span>
            </button>
        </div>
        <div ng-if="bPrivacyOptOut" class="privacyPolicyOptOutDiv" j-query="setFocus">
            
            <div class="privacyPolicyStatementTab" tabindex="0">
                <h1 class="privacyPolicyLabelText" j-query="setFocus">{{privacyPolicySettings.AlternativePrivacyPolicyLabelText}}</h1>
                <div class="privacyPolicyStatement" j-query="html(privacyPolicySettings.AltPrivacyPolicy)"></div>
            </div>
            <button class="primaryButton padTopAndBottom" ng-click="nextPrivacyFlow('option3')" aria-label="{{dynamicStrings.Button_Ok}} end this workflow">
                <span class="button-label">{{dynamicStrings.Button_Ok}}</span>
            </button>
        </div>
    </div>



    <div ng-if="!bresponsiveCandidateZone" class="candidateZoneContainer" confirm-nav-in-config-mode>
        <div class="candidatesName"> {{CandidateZoneData.CandidateFirstName}} {{CandidateZoneData.CandidateLastName}}</div>
        <h1 class="pageHeading">{{CandidateZoneData.HeaderCandidateZoneLinkText}}</h1>
        <div class="candidateZoneLinkContainer" id="SearchOpenings" j-query="setFocus">
            <a ng-click="homeView()" class="candidateZoneLink">Search openings</a>
            <div class="candidateZoneSummaryText">{{SearchOpeningsSummaryText}}</div>
        </div>
        <div ng-repeat="link in CandidateZoneData.Links" class="candidateZoneLinkContainer" id="{{link.CandidateZoneLinkId}}">
            <a ng-click="moveToNextPage(link.CandidateZoneLinkURL,$event, link.CandidateZoneLinkId)" class="candidateZoneLink" external-link>{{link.CandidateZoneLinkName}}</a>
            <div class="candidateZoneSummaryText" j-query="html(link.CandidateZoneLinkDescriptionText)"></div>
        </div>
    </div>
    <div class="responsiveCandidateZoneContainer vExpParent" ng-if="bresponsiveCandidateZone || ((isNonProfileAllowed || AnonymousLoginType=='ByPassGQLogin') && candidatezoneSubView=='ResponsiveAssessment')">

        <div class="vExpParent" ng-include="'CandZoneDashboardTemplate'" role="region" aria-label="Dashboard" ng-if="(candidatezoneSubView=='dashBoard' || candidatezoneSubView==null)"></div>
        <div ng-class="{vExpParent: candidatezoneEditProfileView!='myFiles' && candidatezoneEditProfileView !='myCerts' }" ng-include="'EditProfileTemplate'" ng-if="(candidatezoneSubView=='jobProfile')" role="region" aria-label="Profile"></div>
        <div role="tabpanel" class="vExpParent" ng-include="'fileManagerTemplate'" aria-label="File Manager" ng-if="((candidatezoneSubView=='jobProfile' && candidatezoneEditProfileView=='myFiles') || candidatezoneSubView==null) && bFileManager"></div>
        <div role="tabpanel" class="vExpParent" ng-include="'certManagerTemplate'" aria-label="" ng-if="((candidatezoneSubView=='jobProfile' && candidatezoneEditProfileView=='myCerts' && ShowMyCerts && bCertManager))"></div>

        <div class="vExpParent" ng-include="'accountSettingsTemplate'" ng-if="candidatezoneSubView=='accountSettings'"></div>
        <div class="vExpParent" ng-include="'applicationDetailTemplate'" role="region" ng-show="candidatezoneSubView=='applicationDetail' && !previewOfSubmittedApplication && !interviewDetailView && !candPortalFormView && !candPortalPacketView" aria-label="Application Detail"></div>
        <div ng-include="'jobApplicationPreview'" ng-show="candidatezoneSubView=='applicationDetail' && previewOfSubmittedApplication"></div>
        <div ng-include="'candPortalForm'" ng-show="candidatezoneSubView=='applicationDetail' && candPortalFormView"></div>
        <div ng-include="'interviewDetails'" ng-show="candidatezoneSubView=='applicationDetail' && interviewDetailView"></div>
        <div ng-include="'candPortalPacket'" ng-show="candidatezoneSubView=='applicationDetail' && candPortalPacketView && !candPortalFormView"></div>
        <div class="vExpParent" role="region" ng-include="'ResponsiveAssessmentTemplate'" ng-if="candidatezoneSubView=='ResponsiveAssessment'" aria-label="Assessments"></div>
        <div class="vExpParent" ng-include="'MessageTemplate'" ng-if="candidatezoneSubView=='messageArchive'"></div>
        <div class="vExpParent" role="region" ng-include="'ReferralsTemplate'" ng-if="candidatezoneSubView=='ResponsiveReferrals'" aria-label="My Referrals"></div>
        <div class="vExpParent" role="region" ng-include="'applicationAddFiles'" ng-if="candidatezoneSubView=='ApplicationAddFiles'" aria-label="Add files"></div>
        <div ng-show="bLoadCandPortalForm" class="link customspinner defaultLoading" j-query="toggleSpinner"><span class="screenreadertext">Loading</span></div>
    </div>
    




    <div class="listContainer" ng-keydown="navigateNextRegion($event,'bottomControlWrapper')" aria-label="After entering your search criteria, please press ESC key in order to search or take other actions.">

        <h1 class="screenReaderText">Advanced Job Search</h1>

        <div class="back backLink" ng-click="getPowerSearchQuestions()">

            <a> <i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><span class="UnderLineLink">{{dynamicStrings.Link_Back}} </span></a>
        </div>
        <ul class="jobList" j-query="setFocus">
            <li ng-if="powersearchSubmitted" class="Paddingtop20">
                <div class="listElement">
                    <div role="alert" class="newMsgContainer" j-query="setFocus" ng-if="powerSearchErrorMsgs.length">
                        <div class="iconContainer BkgError">
                            <i class="fa fa-times-circle"></i>
                        </div>
                        <div class="msgContainer BorderError">
                            <span class="invalidFieldsMessage" ng-bind="dynamicStrings.ErrorMessage_AttentionRequired"></span>
                            <a class="showInvalidListLink UnderLineLink" href="#" ng-click="showInvalidDetails()" ng-bind="dynamicStrings.Link_Showme"</a>
                            <ul class="invalidFieldsList">
                                <li class="invalidFieldItem" ng-repeat="msg in powerSearchErrorMsgs">
                                    <a class="UnderLineLink" ng-click="scrollToInvalidField(this)" href="#" title="{{msg.label}} {{msg.error}}" ng-bind="msg.label"></a>
                                    <span class="errorMsg" ng-bind="msg.error"></span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
            <li ng-if="!(tgSettings.HideKeywordSearchBox.toLowerCase() == 'yes')">
                <div class="liner">
                    <a href="#0" class="showIcon" ng-click="handlers.toggleAdvancedOptions($event, this)"><span class="screenReaderText" open-text="less" closed-text="More">More</span></a>
                    <label class="powerSearchLabel" ng-bind-html="dynamicStrings.Label_Keyword" id="powerSearchKeyWordLabel"><a class="arrow"></a></label>
                    <p>
                        <span autocomplete="powerSearchKeyWordSearch" id="powerSearchKeyWord" labelledby="powerSearchKeyWordLabel"></span>
                    </p>
                </div>
            </li>
            <li ng-if="!(tgSettings.HideLocationSearchBox.toLowerCase() == 'yes')">
                <div class="liner">
                    <a href="#0" class="showIcon" ng-click="handlers.toggleAdvancedOptions($event, this)"><span class="screenReaderText" open-text="less" closed-text="More">More</span></a>
                    <label class="powerSearchLabel" ng-bind-html="dynamicStrings.Label_Location" id="powerSearchLocationLabel"></label>
                    <p>
                        <span autocomplete="powerSearchLocationSearch" labelledby="powerSearchLocationLabel" id="powerSearchLocation"></span>
                    </p>
                </div>
            </li>
            <li loop-complete="pinToFold" ng-repeat="question in powerSearchQuestions">
                <div class="liner" ng-class="{invalid: (question.QuestionType =='date' && question.rangeValid != 1)}" ng-init="id = getPowerSeachInputId(this)">
                    <a href="#0" class="showIcon" ng-click="handlers.toggleAdvancedOptions($event, this)"><span class="screenReaderText" open-text="less" closed-text="More">More</span></a>
                    <label class="powerSearchLabel" ng-if="question.QuestionType != 'select' && question.QuestionType != 'single-select' && question.QuestionType != 'multi-select' && question.QuestionType != 'checkbox' && question.QuestionType != 'radio' && ! (question.QuestionType=='date' && question.QId!=-1)" j-query="html(question.QuestionDescription)" for="{{id}}"></label>
                    <p ng-if="question.QId==-1">  <span>{{dynamicStrings.Label_IncludePostingsFrom}}</span></p>
                    <p ng-if="question.QId==-1">
                        <span datepicker="postingDate" date="{{question.Value}}" start-empty="true"></span>
                    </p>

                    <div ng-if="question.QuestionType=='date' && question.QId!=-1" id="question_date_{{question.QId}}">
                        <fieldset>
                            <legend j-query="html(question.QuestionDescription)"></legend>
                            <p>
                                <span daterangepicker="dateRange" date="{{question.Value}}" start-empty="true" id="{{id}}"></span>
                            </p>
                        </fieldset>
                    </div>

                    <p class="errorMessage" ng-if="question.QuestionType=='date' && question.QId!=-1">
                        <span ng-if="question.rangeValid!=1" class="error">{{dynamicStrings.Error_CustomDateRangeValidation}}</span>
                    </p>
                    <p ng-if="question.QuestionType=='text' || question.QuestionType=='email'">
                        <input class="control" type="text" ng-model="question.Value" id="{{id}}" />
                    </p>
                    <p ng-if="question.QuestionType=='numeric'">
                        <input class="control" type="text" ng-model="question.Value" ng-pattern="/^[0-9]$/" id="{{id}}" />
                    </p>
                    <p ng-if="question.QuestionType=='textarea'">
                        <textarea maxlength="400" cols="40" rows="5" ng-model="question.Value" id="{{id}}"></textarea>
                    </p>
                    <div ng-if="question.QuestionType == 'select' || question.QuestionType == 'single-select' || question.QuestionType == 'multi-select' || question.QuestionType == 'checkbox' || question.QuestionType == 'radio'" class="fieldcontain">
                        <fieldset>
                            <legend id="{{id}}_legend" j-query="html(question.QuestionDescription)"></legend>
                            <p class="checkboxWrapper" ng-repeat="op in question.Options" ng-if="!question.IsAutoComplete">
                                <input type="checkbox" class="checkbox" styled-input ng-model="op.Selected" id="{{id}}_checkbox{{$id}}" />
                                <label for="{{id}}_checkbox{{$id}}" class="checkboxLabel" j-query="html(op.OptionName)">
                                </label>
                            </p>


                            <div class="inputWrapper" ng-if="question.IsAutoComplete">
                                <input ng-if="question.Options !='' && question.AjaxLoad == 'false'" id="autocomplete_{{question.QId}}" type="hidden" value="{{question.Options}}" capture-parsed-value-callback="autocomplete_{{question.QId}}" />

                                <select id="{{question.QId}}"  j-query="" name="input_{{question.QId}}" ng-model="question.selectedOptions" class="ui-select button multiselect FieldName">
                                    <option ng-repeat="option in question.Options" ng-if="question.Options.length > 0" value="{{option.OptionValue}}" ng-selected={{option.Selected}} >{{option.OptionName}}</option>
                                  
                                </select>
                                <div class="ui-filterable ui-complete">
                                    <div class="ui-input-search">
                                        <input multiselect select="{{question.QId}}" aria-expanded="false" role="combobox" aria-autocomplete="list" id="Auto_{{question.QId}}" class="ui-search-widget ng-scope ui-autocomplete-input" type="search" maxlength="500" name="input_{{question.QId}}"  />
                                        <span class="ui-icon ui-icon-triangle-1-s linkColor" ng-click="blanketSearch($event, this)"></span>

                                    </div>
                          
                                </div>
                            </div>
                       

                        </fieldset>
                    </div>
            </li>

        </ul>

        <div class="bottomControlWrapper" role="navigation" aria-label="Actions">
            <button class="bottomControl button primaryButton ladda-button" ng-click="powerSearchJobs(this)"><span class="button-label">{{tgSettings.SearchActionButtonText}}</span></button>
            <a class="UnderLineLink bottomControl" ng-click="getPowerSearchQuestions()">{{dynamicStrings.Button_Cancel}}</a>
        </div>
    </div>




    <div class="SecurityQuestionContainer">
        <br />
        <form novalidate name="SecurityQuestionsForm">
            <div role="alert" class="newMsgContainer" ng-if="ChangeSecQuest.ErrorMsg!=''">
                <div class="iconContainer BkgError">
                    <i class="fa fa-times-circle"></i>
                </div>
                <div class="msgContainer BorderError">
                    <span class="ErrMsgHeadTitles">One or more fields require your attention.</span>
                    <span class="ErrMsgMobile UnderLineLink" ng-if="ChangeSecQuest.errorID!=''" ng-click="ChangeSecQAfocusAt(ChangeSecQuest.errorID)">{{dynamicStrings.Link_Showme}}</span>
                    <ul class="invalidFieldsList">
                        <li class="invalidFieldItem" ng-repeat="item in ChangeSecQuest.InvalidQuestions" ng-if="item.Question!=''">
                            <a class="UnderLineLink" ng-click="ChangeSecQAfocusAt(item.QuestionID)">{{item.Question}}</a>
                            <span class="ErrMsgDesktop">Required field</span>
                        </li>
                    </ul>
                    <ul class="invalidFieldsList">
                        <li class="invalidFieldItem" ng-repeat="item in ChangeSecQuest.InvalidAnswers" ng-if="item.QuestionValue!='' && item.QuestionValue != null">
                            <a class="UnderLineLink" ng-click="ChangeSecQAfocusAt(item.AnswerID)">{{item.Answer}}</a>
                            <span class="ErrMsgDesktop" ng-if="item.QuestionValue!='' && item.QuestionValue != null">Required field</span>
                        </li>
                    </ul>
                    <span class="BackEndErrMsg" ng-if="ChangeSecQuest.ErrorMsg!=dynamicStrings.ErrorMessage_AttentionRequired">{{ChangeSecQuest.ErrorMsg}}</span>
                </div>
            </div>
            <ul>
                <li>
                    <div class="thick">
                        <span>{{dynamicStrings.Heading_SecurityQuestions}}</span>
                    </div>
                </li>
                <li>
                    <div>
Fields marked with an asterisk (<label class="ReqFields">*</label>) are required.                    </div>
                </li>
                <li ng-if="ChangeSecQuest.noOfSecurityQuestions>=1">
                    <span class="ReqFields">*</span><label for="optSecurityQuestion1"><span>{{dynamicStrings.Label_Question1}}</span></label>
                    <div>
                        <div class="SecurityQASelectMenu" ng-class="{bad:ChangeSecQuest.submitted1 && (ChangeSecQuest.securityQuestion.value1=='' || ChangeSecQuest.securityQuestion.value1== null|| ChangeSecQuest.errorValue1)}">
                            <select aria-required="true" class="ui-select" name="selectSecurityQuestion1" j-query="selectmenu({change: ThrottleSecurityQAValidation })" id="optSecurityQuestion1" ng-model="ChangeSecQuest.securityQuestion.value1" ng-required="submitted">
                                <option value='' disabled selected>{{dynamicStrings.Placeholder_Selectquestion}}</option>
                                <option ng-repeat="(name, value) in securityQuestions" value="{{$index}}">{{value}}</option>
                            </select>
                        </div>
                        <span ng-class="{ErrMsgCustomSelect:true}" ng-show="ChangeSecQuest.submitted1 && (ChangeSecQuest.securityQuestion.value1=='' || ChangeSecQuest.securityQuestion.value1== null)">Required field</span>
                        <span ng-class="{ErrMsgCustomSelect:true}" ng-show="(ChangeSecQuest.securityQuestion.value1!='' && ChangeSecQuest.securityQuestion.value1 != null) && ChangeSecQuest.errorValue1">Security questions must be unique</span>
                    </div>
                </li>
                <li ng-if="ChangeSecQuest.noOfSecurityQuestions>=1">
                    <label for="txtSecurityQuestion1Answer" class="screenReaderText"><span>Answer 1</span></label>
                    <div>
                        <input aria-label="optSecurityQuestion1Answer" id="txtSecurityQuestion1Answer" ng-class="{bad:(SecurityQuestionsForm.securityQuestion1Answer.$error.required && ChangeSecQuest.submitted1 && ChangeSecQuest.securityQuestion.value1!='' && ChangeSecQuest.securityQuestion.value1!= null) || ChangeSecQuest.errorAnswer1}" placeholder="Answer 1" type="text" ng-model="ChangeSecQuest.securityQuestion.answer1" ng-blur="ChangeSecQuest.submitted1=false;" name="securityQuestion1Answer" required />
                        <span ng-class="{ErrMsg:true}" ng-show="SecurityQuestionsForm.securityQuestion1Answer.$error.required && ChangeSecQuest.submitted1 && ChangeSecQuest.securityQuestion.value1!='' && ChangeSecQuest.securityQuestion.value1 != null">Required field</span>
                        <span ng-class="{ErrMsg:true}" ng-show="!SecurityQuestionsForm.securityQuestion1Answer.$error.required && ChangeSecQuest.securityQuestion.value1!='' && ChangeSecQuest.securityQuestion.value1 != null && ChangeSecQuest.errorAnswer1">Security answers must be unique</span>
                    </div>
                </li>
                <li ng-if="ChangeSecQuest.noOfSecurityQuestions>=2">
                    <span class="ReqFields">*</span><label for="optSecurityQuestion2"><span>{{dynamicStrings.Label_Question2}}</span></label>
                    <div>
                        <div class="SecurityQASelectMenu" ng-class="{bad:ChangeSecQuest.submitted2 && (ChangeSecQuest.securityQuestion.value2== null || ChangeSecQuest.securityQuestion.value2==''|| ChangeSecQuest.errorValue2)}">
                            <select aria-required="true" class="ui-select" name="selectSecurityQuestion2" j-query="selectmenu({change: ThrottleSecurityQAValidation })" id="optSecurityQuestion2" ng-model="ChangeSecQuest.securityQuestion.value2" ng-required="submitted">
                                <option value='' disabled selected>{{dynamicStrings.Placeholder_Selectquestion}}</option>
                                <option ng-repeat="(name, value) in securityQuestions" value="{{$index}}">{{value}}</option>
                            </select>
                        </div>
                        <span ng-class="{ErrMsgCustomSelect:true}" ng-show="ChangeSecQuest.submitted2 && (ChangeSecQuest.securityQuestion.value2=='' || ChangeSecQuest.securityQuestion.value2== null)">Required field</span>
                        <span ng-class="{ErrMsgCustomSelect:true}" ng-show="ChangeSecQuest.securityQuestion.value2!='' && ChangeSecQuest.securityQuestion.value2!= null && ChangeSecQuest.errorValue2">Security questions must be unique</span>
                    </div>
                </li>
                <li ng-if="ChangeSecQuest.noOfSecurityQuestions>=2">
                    <label for="txtSecurityQuestion2Answer" class="screenReaderText"><span>Answer 2</span></label>
                    <div>
                        <input aria-label="optSecurityQuestion2Answer" id="txtSecurityQuestion2Answer" ng-class="{bad:(SecurityQuestionsForm.securityQuestion2Answer.$error.required && ChangeSecQuest.submitted2 && ChangeSecQuest.securityQuestion.value2!='' && ChangeSecQuest.securityQuestion.value2!= null )|| ChangeSecQuest.errorAnswer2}" placeholder="Answer 2" type="text" ng-model="ChangeSecQuest.securityQuestion.answer2" ng-blur="ChangeSecQuest.submitted2=false;" name="securityQuestion2Answer" required />
                        <span ng-class="{ErrMsg:true}" ng-show="SecurityQuestionsForm.securityQuestion2Answer.$error.required && ChangeSecQuest.submitted2 && ChangeSecQuest.securityQuestion.value2!='' && ChangeSecQuest.securityQuestion.value2 != null">Required field</span>
                        <span ng-class="{ErrMsg:true}" ng-show="!SecurityQuestionsForm.securityQuestion2Answer.$error.required && ChangeSecQuest.securityQuestion.value2!='' && ChangeSecQuest.securityQuestion.value2 != null && ChangeSecQuest.errorAnswer2">Security answers must be unique</span>
                    </div>
                </li>
                <li ng-if="ChangeSecQuest.noOfSecurityQuestions>=3">
                    <span class="ReqFields">*</span><label for="optSecurityQuestion3"><span>{{dynamicStrings.Label_Question3}}</span></label>
                    <div>
                        <div class="SecurityQASelectMenu" ng-class="{bad:ChangeSecQuest.submitted3 && (ChangeSecQuest.securityQuestion.value3=='' || ChangeSecQuest.securityQuestion.value3== null || ChangeSecQuest.errorValue3)}">
                            <select aria-required="true" class="ui-select" name="selectSecurityQuestion3" j-query="selectmenu({change: ThrottleSecurityQAValidation })" id="optSecurityQuestion3" ng-model="ChangeSecQuest.securityQuestion.value3" ng-required="submitted">
                                <option value='' disabled selected>{{dynamicStrings.Placeholder_Selectquestion}}</option>
                                <option ng-repeat="(name, value) in securityQuestions" value="{{$index}}">{{value}}</option>
                            </select>
                        </div>
                        <span ng-class="{ErrMsgCustomSelect:true}" ng-show="ChangeSecQuest.submitted3 && (ChangeSecQuest.securityQuestion.value3=='' || ChangeSecQuest.securityQuestion.value3== null)">Required field</span>
                        <span ng-class="{ErrMsgCustomSelect:true}" ng-show="ChangeSecQuest.securityQuestion.value3!='' && ChangeSecQuest.securityQuestion.value3!= null && ChangeSecQuest.errorValue3">Security questions must be unique</span>
                    </div>
                </li>
                <li ng-if="ChangeSecQuest.noOfSecurityQuestions>=3">
                    <label for="txtSecurityQuestion3Answer" class="screenReaderText"><span>Answer 3</span></label>
                    <div>
                        <input aria-label="optSecurityQuestion3Answer" id="txtSecurityQuestion3Answer" ng-class="{bad:(SecurityQuestionsForm.securityQuestion3Answer.$error.required && ChangeSecQuest.submitted3 && ChangeSecQuest.securityQuestion.value3!=null && ChangeSecQuest.securityQuestion.value3!='' )|| ChangeSecQuest.errorAnswer3}" placeholder="Answer 3" type="text" ng-model="ChangeSecQuest.securityQuestion.answer3" ng-blur="ChangeSecQuest.submitted3=false;" name="securityQuestion3Answer" required />
                        <span ng-class="{ErrMsg:true}" ng-show="SecurityQuestionsForm.securityQuestion3Answer.$error.required && ChangeSecQuest.submitted3 && ChangeSecQuest.securityQuestion.value3!=''  && ChangeSecQuest.securityQuestion.value3!= null">Required field</span>
                        <span ng-class="{ErrMsg:true}" ng-show="!SecurityQuestionsForm.securityQuestion3Answer.$error.required && ChangeSecQuest.securityQuestion.value3!='' && ChangeSecQuest.securityQuestion.value!=null && ChangeSecQuest.errorAnswer3">Security answers must be unique</span>
                    </div>
                </li>
                <li>
                    <button class="primaryButton submitButton" ng-click="ChangeSecQuest.submitted1=true;ChangeSecQuest.submitted2=true;ChangeSecQuest.submitted3=true;SubmitSecurityQuestion(this);" type="submit">{{dynamicStrings.Button_Continue}}</button>
                </li>

            </ul>
        </form>
    </div>



    <div class="SelectedGroupPage" role="region" aria-label="Job group">
        <div class="DivSpacing backLink" ng-click="BackfromSelectedGroup()">
            <i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i>
            <a class="UnderLineLink" href="">Back</a>
        </div>
        <h1 class="Heading" role="heading">Apply by Job Group</h1>

        <div j-query="setFocus" aria-labelledby="jobGroupLbl" class="newMsgContainer BorderSuccess">
            <div class="iconContainer BkgSuccess">
                <i class="fa fa-check-circle" role="presentation"></i>
            </div>
            <div class="msgContainer" id="jobGroupLbl" tabindex="0" role="alert">
                <span id="jobGroupLbl">We have grouped the jobs for you. Please select a group to apply to. Other groups will be saved for you to apply to later in this session.</span>
            </div>
        </div>
        <div key-focus="cards" class="lightAccentBkg JobGroups" ng-enter="SaveReqsToCart(Groups, this)" ng-repeat="Groups in SelectedGroups track by $index">
            <div class="DivSpacing GroupHeading">
                <span class="Heading">Job Group {{1+$index}}</span>
                <span class="Heading Alignment" ng-if="Groups.LanguageName != ''">: {{Groups.LanguageName}}</span>
                <div class="SubHeading">
                    Estimated completion time:
                    <span ng-if="Groups.EstimatedTime!=null">{{Groups.EstimatedTime}} minutes.</span>
                    <span ng-if="Groups.EstimatedTime==null || Groups.EstimatedTime==undefined">Varies.</span>
                </div>
            </div>
            <div class="DivSpacing baseColorPalette" ng-repeat="JobTitle in Groups.JobTitles track by $index">
                <span class="MultipleJobTitles" ng-bind-html-compile="$root.utils.htmlEncode(JobTitle)"></span>
            </div>
            <div class="DivSpacing buttonContainer">
                <button class="primaryButton ladda-button" ng-click="SaveReqsToCart(Groups, this)">{{tgSettings.SearchResultsApplyToJobButtonText}}</button>
            </div>
        </div>
    </div>



    <div class="JobCartPage" role="region" aria-label="Saved Jobs">
        <div class="DivSpacing backLink">
            <i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i>
            <a class="UnderLineLink" href="" ng-click="BackFromJobCart()">Back</a>
        </div>
        <h1 class="savedJobsHeader">Saved Jobs</h1>
        <div class="newMsgContainer expiredJob" ng-if="bShowExpiredJobAlert" role="alert" j-query="setFocus">
            <div class="iconContainer BkgWarning">
                <i class="fa fa-exclamation-triangle" role="presentation"></i>
            </div>
            <div class="msgContainer BorderWarning">
                <div class="expiredJobHeader jobHeaderInline jobHeader">Some jobs have expired</div>
                <div class="expiredJobMessage">The following jobs are no longer available and have been removed from your list:</div>
                <ul>
                    <li class="expiredJobDetails" ng-repeat="expiredJob in expiredJobs track by $index">
                        <span class="jobHeader">{{expiredJob.JobTitle}}</span>
                        <span class="expmsg">Saved {{expiredJob.SavedDate}}</span>
                    </li>
                </ul>
            </div>
            <a class="expiredAlert-close" handle-spacebar="" role="button" ng-click="CloseExpiredJobAlert()" tabindex="0" href="#0" style="display: block;"><span class="screenReaderText ng-binding">Close</span></a>
        </div>

        <div success-message click="CloseJobRemovalJobAlert()" message="Job(s) successfully removed" type="floating" ng-if="bJobRemovalStatus"></div>
        
        <div ng-if="jobs.length == 0">
            <h2 class="emptyJobs jobHeader">You have no saved jobs.</h2>
            <div class="saveJobsDesc">You can save jobs so you can return to them when you want to apply.</div>
            <button ng-click="LaunchSearchResultsFromJobCart()" id="FindJobsFromJobCart" class="ladda-button primaryButton">Find Jobs</button>
        </div>
        <div ng-if="bNotAppliedJobsInJobCart" class="JobsSection" role="region" aria-label="Not Applied">
            <h2 class="subJobsHeader">Not Applied</h2>
            <div class="mainListContainer listContainer lightAccentBkg">
                <ul class="jobList" ng-if="jobs.length > 0" role="list">

                    <li ng-if="!job.Applied" class="job baseColorPalette" role="listitem" ng-repeat="job in jobs">

                        <div class="checkBox" >
                            <input type="checkbox" styled-input ng-model="job.Selected" id="{{$id}}" ng-change="CheckboxChecked(this)" />
                            <label for="{{$id}}">
                                <span class="pseudoCheckbox" ng-class="{selected: job.Selected}"></span>
                                <span class="screenReaderText" ng-repeat="oQ in job.Questions" ng-if="oQ.QuestionName=='autoreq'">
                                    {{oQ.Value}}
                                </span>
                            </label>
                        </div>

                        <div class="liner lightBorder">
                            <div ng-repeat="oQ in job.Questions | showrenderedfields:this track by $index" class="jobValues">
                                <span ng-if="oQ.ClassName == 'jobtitle'">
                                    <span class="featuredJobs fa fa-fire" ng-if="checkHotJob(this)" title="Featured Job">
                                        <span class="screenReaderText">Featured Job</span>
                                    </span>
                                    <span class="referralJobs linkColor" ng-if="enableSocialReferral && !job.isSocialReferralJobRestricted" title="Allows Referral">
                                        <i aria-hidden="true" class="fa fa-user"> <i aria-hidden="true" class="fa fa-user-o"></i></i>
                                        <span class="screenReaderText">Allows Referral</span>
                                    </span>
                                    <h3 tabindex="0" ng-enter="" ng-class="oQ.ClassName" class="jobProperty {{oQ.ClassName}}" ng-click="handlers.jobClick($event, this)" ng-bind-html="$root.utils.htmlEncode(oQ.Value)"></h3>
                                </span>
                                <p ng-if="oQ.ClassName != 'jobtitle' && oQ.ClassName != 'jobdescription' " class="jobProperty {{oQ.ClassName}}" ng-bind-html="oQ.Value" binding-htmlusingjquery=""></p>
                                <p ng-if="oQ.ClassName == 'jobdescription' " class="jobProperty {{oQ.ClassName}}" ng-bind-html="oQ.Value" ng-click="handlers.jobClick($event, this)" binding-htmlusingjquery=""></p>
                            </div>
                            <div class="jobSavedDate">
                                Saved <span ng-bind-html="job.SavedDate"></span>
                            </div>
                            <div ng-show="job.Language != '' && job.Language != null">
                                <span ng-bind-html="job.Language"></span>
                            </div>
                        </div>

                    </li>

                </ul>
            </div>
        </div>
        <div ng-if="bAppliedJobsInJobCart" class="JobsSection" role="region" aria-label="Applied">
            <h2 class="subJobsHeader">Applied</h2>
            <div class="mainListContainer listContainer lightAccentBkg">
                <ul class="jobList" ng-if="jobs.length > 0" role="list">

                    <li ng-if="job.Applied" class="job baseColorPalette" role="listitem" ng-repeat="job in jobs">

                        <div class="checkBox" >
                            <input type="checkbox" styled-input ng-model="job.Selected" id="{{$id}}" ng-change="CheckboxChecked(this)" />
                            <label for="{{$id}}">
                                <span class="pseudoCheckbox" ng-class="{selected: job.Selected}"></span>
                                <span class="screenReaderText" ng-repeat="oQ in job.Questions" ng-if="oQ.QuestionName=='autoreq'">
                                    {{oQ.Value}}
                                </span>
                            </label>
                        </div>

                        <div class="liner lightBorder">
                            <div ng-repeat="oQ in job.Questions | showrenderedfields:this track by $index" class="jobValues">
                                <span ng-if="oQ.ClassName == 'jobtitle'">
                                    <span class="featuredJobs fa fa-fire" ng-if="checkHotJob(this)" title="Featured Job">
                                        <span class="screenReaderText">Featured Job</span>
                                    </span>
                                    <span class="referralJobs linkColor" ng-if="enableSocialReferral && !job.isSocialReferralJobRestricted" title="Allows Referral">
                                        <i aria-hidden="true" class="fa fa-user"> <i aria-hidden="true" class="fa fa-user-o"></i></i>
                                        <span class="screenReaderText">Allows Referral</span>
                                    </span>
                                    <h3 tabindex="0" ng-enter="" ng-class="oQ.ClassName" class="jobProperty {{oQ.ClassName}}" ng-click="handlers.jobClick($event, this)" ng-bind-html="$root.utils.htmlEncode(oQ.Value)"></h3>
                                </span>
                                <p ng-if="oQ.ClassName != 'jobtitle' && oQ.ClassName != 'jobdescription' " class="jobProperty {{oQ.ClassName}}" ng-bind-html="oQ.Value" binding-htmlusingjquery=""></p>
                                <p ng-if="oQ.ClassName == 'jobdescription' " class="jobProperty {{oQ.ClassName}}" ng-bind-html="oQ.Value" ng-click="handlers.jobClick($event, this)" binding-htmlusingjquery=""></p>
                            </div>
                            <div class="jobSavedDate">
                                Saved <span ng-bind-html="job.SavedDate"></span>
                            </div>
                            <div ng-show="job.Language != '' && job.Language != null">
                                <span ng-bind-html="job.Language"></span>
                            </div>
                        </div>

                    </li>

                </ul>
            </div>
        </div>

        <div class="searchResultsButtonsFooter" ng-class="{buttonsFooter : !bSignInView}" ng-if="SelectedJobsChecked  && jobs.length > 0" fixed-position-hack confirm-nav-in-config-mode>
            <div class="buttonsFooterAccentWrapper">
                <div class="buttonsFooterAccent darkAccentBkg" no-text confirm-nav-in-config-mode>
                    <button ng-if="enableApplyToJobs" ng-click="postToNextPage($event,this,'mulapplyvald')" class="primaryButton ladda-button">{{tgSettings.SearchResultsApplyToJobButtonText}}</button>
                    <button ng-click="postToNextPage($event,this,'remove')" class="ladda-button">Remove</button>
                    <button ng-if="enableSendToFriend" external-link ng-click="postToNextPage($event,this,'share')" class="{{!enableApplyToJobs && disableJobCart ? 'primaryButton' : ''}} ladda-button">{{sendToFriendButtonText}}</button>
                    <button ng-if="enableSocialReferral" ng-click="postToNextPage($event,this,'refer')" id="SocialReferralButton" ng-disabled="jobRestrictedJobSelected" class="{{!enableApplyToJobs && disableJobCart && !enableSendToFriend ? 'primaryButton' : ''}} ladda-button">Refer</button>
                </div>
            </div>
        </div>
    </div>
   



    <div role="region">
        <h1 class="savedJobsHeader">Saved Jobs</h1>
        <div class="newMsgContainer expiredJob" ng-if="bShowExpiredJobAlert" role="alert" j-query="setFocus">
            <div class="iconContainer BkgWarning">
                <i class="fa fa-exclamation-triangle" role="presentation"></i>
            </div>
            <div class="msgContainer BorderWarning">
                <div class="expiredJobHeader jobHeaderInline jobHeader">Some jobs have expired</div>
                <div class="expiredJobMessage">The following jobs are no longer available and have been removed from your list:</div>
                <ul>
                    <li class="expiredJobDetails" ng-repeat="expiredJob in expiredJobs track by $index">
                        <span class="jobHeader">{{expiredJob.JobTitle}}</span>
                        <span class="expmsg">Saved {{expiredJob.SavedDate}}</span>
                    </li>
                </ul>
            </div>
            <a class="expiredAlert-close" handle-spacebar="" role="button" ng-click="CloseExpiredJobAlert()" tabindex="0" href="#0" style="display: block;"><span class="screenReaderText ng-binding">Close</span></a>
        </div>
        <div success-message click="CloseJobRemovalJobAlert()" message="Job(s) successfully removed" type="floating" ng-if="bJobRemovalStatus"></div>

        <div ng-if="jobs.length == 0" class="emptyJobs">
            <label>You do not have any saved jobs.</label>
            <label>
                <a class="UnderLineLink" ng-click="LaunchSearchResultsFromDashBoard()">Search for jobs</a><span> to save jobs.</span>
            </label>
        </div>
        <div class="JobsSection">
            <div class="link shortCutLink" ng-if="candidatezoneDashBoardView == 'SavedJobs' && jobs.length>0" ng-class="{shortCutNotVisible: !showShortCuts}">
                <a id="shortCuts_link" class="UnderLineLink popover"  aria-owns="popupInfo-shortcuts" ng-init="hideShrtcutAndPopOver('new')" ng-focus="hideShrtcutAndPopOver('show')" ng-blur="hideShrtcutAndPopOver('hide')" ng-keydown="hideShrtcutAndPopOver('hide','jobcart',$event)">Shortcuts</a>
                <div id="popupInfo-shortcuts" class="popover popinfo">
                    <span>After your selection, please press ESC key in order to apply or take other actions.</span>
                </div>
            </div>
            <div class="jobList jobCardsContainer" ng-if="jobs.length > 0" role="list" ng-keydown="navigateNextRegion($event,'buttonsFooterAccent')">

                <div key-focus="cards" class="jobCard baseColorPalette ghostBorder" role="listitem" ng-repeat="job in jobs" ng-class="{highlightCard: (job.Applied)}">
                    
                    <div ng-if="job.Applied" class="highlight">
                        <i class="fa fa-check" role="presentation"></i>
                    </div>
                    <div class="liner lightBorder jobContainer">
                        <div class="jobconfiguredFieldsContainer">
                            <div class="jobconfiguredFields">
                                <div ng-repeat="oQ in job.Questions | showrenderedfields:this track by $index">
                                    <span ng-if="oQ.ClassName == 'jobtitle'">
                                        <span class="featuredJobs fa fa-fire" ng-if="checkHotJob(this)" title="Featured Job">
                                            <span class="screenReaderText">Featured Job</span>
                                        </span>
                                        <span class="referralJobs linkColor" ng-if="enableSocialReferral && !job.isSocialReferralJobRestricted" title="Allows Referral">
                                            <i aria-hidden="true" class="fa fa-user"> <i aria-hidden="true" class="fa fa-user-o"></i></i>
                                            <span class="screenReaderText">Allows Referral</span>
                                        </span>
                                        <h2 tabindex="0" ng-enter="" ng-class="oQ.ClassName" class="jobProperty link Wraptitle {{oQ.ClassName}}" ng-click="handlers.jobClick($event, this)" ng-bind-html="$root.utils.htmlEncode(oQ.Value)"></h2>
                                    </span>
                                    <p ng-if="oQ.ClassName != 'jobtitle' && oQ.ClassName != 'jobdescription' " class="jobProperty {{oQ.ClassName}}" ng-bind-html="oQ.Value" binding-htmlusingjquery=""></p>
                                </div>
                            </div>
                        </div>
                        <div class="jobSavedInfo">
                            <div class="jobSavedDate">
                                Saved: <span ng-bind="job.SavedDate"></span>
                            </div>
                            <div>
                                <span ng-if="job.NoOfDaysToExpire <= 365">
                                    Expires in:
                                    <span ng-bind="job.NoOfDaysToExpire"></span> days
                                </span>
                                <span ng-if="job.NoOfDaysToExpire > 365">
                                    Never expires
                                </span>
                            </div>
                            <div ng-if="job.Applied">
                                Status:  <i class="fa fa-check" role="presentation"></i> Applied
                            </div>
                            <div ng-show="job.Language != '' && job.Language != null">
                                <span ng-bind-html="job.Language"></span>
                            </div>
                        </div>

                    </div>
                    <div class="cardFooter veryLightAccentBkg">
                        <div class="checkBox">
                            <input type="checkbox" styled-input ng-model="job.Selected" id="{{$id}}" ng-change="CheckboxChecked(this)" />
                            <label for="{{$id}}">
                                <span class="pseudoCheckbox" ng-class="{selected: job.Selected}"></span>
                                <span class="screenReaderText" ng-repeat="oQ in job.Questions" ng-if="oQ.QuestionName=='jobtitle'">
                                    {{oQ.Value}}
                                </span>Select
                            </label>
                        </div>
                        <div class="removeJob">
                            <a ng-click="RemoveJobFromCart($event,this, job)">
                                <i class="fa fa-times-circle-o" aria-hidden="true"></i>
                                <span class="removeButtonText">
                                    <span class="screenReaderText" ng-repeat="oQ in job.Questions" ng-if="oQ.QuestionName=='jobtitle'">
                                        {{oQ.Value}}
                                    </span>Remove
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="searchResultsButtonsFooter" ng-class="{buttonsFooter : !bSignInView}" ng-if="SelectedJobsChecked  && jobs.length > 0" fixed-position-hack confirm-nav-in-config-mode>
            <div class="buttonsFooterAccentWrapper">
                <div class="buttonsFooterAccent darkAccentBkg" no-text confirm-nav-in-config-mode>
                    <button ng-if="enableApplyToJobs" ng-click="postToNextPage($event,this,'mulapplyvald')" class="primaryButton ladda-button">{{tgSettings.SearchResultsApplyToJobButtonText}}</button>
                    <button ng-click="postToNextPage($event,this,'remove')" class="ladda-button">Remove</button>
                    <button ng-if="enableSendToFriend" external-link ng-click="postToNextPage($event,this,'share')" class="{{!enableApplyToJobs && disableJobCart ? 'primaryButton' : ''}} ladda-button">{{sendToFriendButtonText}}</button>
                    <button ng-if="enableSocialReferral" ng-click="postToNextPage($event,this,'refer')" id="SocialReferralButton" ng-disabled="jobRestrictedJobSelected" class="{{!enableApplyToJobs && disableJobCart && !enableSendToFriend ? 'primaryButton' : ''}} ladda-button">Refer</button>
                </div>
            </div>
        </div>
    </div>
   



    <div class="JobCartValidations" >
        <div class="DivSpacing">
            <a ng-click="CloseDialogs()" class="backLink Xclose Paddingbottom10"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
        </div>
        <div class="title">
            <div class="Marginbottom20" ng-if="JobsAddedToCart == null || JobsAddedToCart.length == 0 || bJobsSavedExceeded || bJobsAlreadySaved">
                <h1 class="jobHeader">We&#39;re sorry ...</h1>
            </div>
            <div class="Marginbottom20" ng-if="(JobsAddedToCart != null && JobsAddedToCart.length > 0) && !bJobsAlreadySaved">
                <h1 class="jobHeader">Job(s) successfully saved</h1>
            </div>
        </div>
        <div id="dialogDesc">
            <div class="Marginbottom20" ng-show="(!bJobDetailsShown && JobsAlreadyPresentInCart != null && JobsAlreadyPresentInCart.length > 0) && !bJobsSavedReachedMaxLimit && !bJobsSavedExceeded">
                <p>You have already saved one or more selected jobs:</p>
                <div ng-repeat="job in JobsAlreadyPresentInCart track by $index" class="jobHeader" ng-bind-html="$root.utils.htmlEncode(job)"></div>
            </div>
            <div class="Marginbottom20" ng-show="(bJobDetailsShown && JobsAlreadyPresentInCart != null && JobsAlreadyPresentInCart.length > 0) && !bJobsSavedReachedMaxLimit && !bJobsSavedExceeded">
                <p>You have already saved this job: </p>
                <span ng-repeat="job in JobsAlreadyPresentInCart track by $index" class="jobHeader" ng-bind-html="$root.utils.htmlEncode(job)"></span>
            </div>
            <div class="Marginbottom20" ng-show="(JobsAddedToCart != null && JobsAddedToCart.length > 0)">
                <p>That&#39;s OK, we will save the other jobs.</p>
                
            </div>
            <div class="Marginbottom20" ng-show="bJobsSavedReachedMaxLimit || ((JobsAddedToCart.length == 0) && bJobsSavedExceeded)">
                <span id="JobCartLimitExceeded">You have exceeded the maximum number of saved jobs ({{MaximumJobsToSave}}).  Please first remove job(s) in order to save new ones.</span>
            </div>
        </div>
        <div class="buttonContainer">
            <button class="primaryButton ladda-button" ng-click="CloseDialogs()">OK</button>
            <a class="UnderLineLink" role="link" ng-click="LaunchJobCartFromSearchResultsOrJobDetails()">View saved jobs</a>
        </div>
    </div>



    <div class="ApplicationsInGroups CandZonedashboardContainer">
        
        <a ng-click="CloseDialogs()" class="backLink Xclose"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
        <h1 class="title">Application Group</h1>
        <div class="lightAccentBkg jobCardsContainer" ng-if="JobsinGroup.length>0">
            <div key-focus="cards" class="jobCard baseColorPalette ghostBorder" ng-repeat="job in JobsinGroup">
                <div class="content">
                    <div ng-repeat="oQ in job.Questions | showrenderedfields:this track by $index">
                        <span ng-if="oQ.ClassName == 'jobtitle'">
                            <h2 class="Applicationjobtitle Wraptitle" ng-bind-html="$root.utils.htmlEncode(oQ.Value)"></h2>
                        </span>
                        <p ng-if="oQ.ClassName != 'jobtitle' && oQ.ClassName != 'jobdescription' " class="jobProperty {{oQ.ClassName}}" binding-htmlusingjquery=""></p>
                    </div>
                    <h2 ng-if="(job.Questions == null || job.Questions.length == 0)" class="link Applicationjobtitle Wraptitle" ng-bind-html="$root.utils.htmlEncode(job.Title)"></h2>
                    <div class="DatePadding" style="padding-top:20px">
                        <span ng-if="job.NoOfDaysToExpire<=365">{{job.NoOfDaysToExpire>0 ? dynamicStrings.Lbl_ExpiresInDays.replace('[No of Days]',job.NoOfDaysToExpire) : dynamicStrings.Lbl_ExpiresInHours.replace('[No of Hours]',job.NoOfHoursToExpire)}}</span>
                        <span ng-if="job.NoOfDaysToExpire>365">Never expires </span>
                    </div>
                </div>
                <div class="cardFooter veryLightAccentBkg">
                    <a ng-click="removeJobsInGroup(job,JobsinGroup.AIPID)"><i class="fa fa-times-circle-o" aria-hidden="true"></i>Remove</a>
                </div>
            </div>
        </div>
    </div>



    <div>
        <div class="DivSpacing">
            <a ng-click="CloseDialogs()" class="backLink Xclose"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
        </div>
        <div class="">
            <h1 class="title">Remove Application</h1>
        </div>
        <div id="dialogDesc">
            <div class="">
                <p id="removalMsg">This action can not be undone. Are you sure you want to remove this application?</p>
            </div>
        </div>
        <div class="buttonContainer">
            <button class="primaryButton ladda-button" ng-click="removeFromFinishedApplications(ngDialogData.Job)">Yes</button>
            <a class="UnderLineLink" role="link" ng-click="CloseDialogs()">Cancel</a>
        </div>
    </div>



    <div class="ProfilePicContainer">
        <div ng-show="picloading" class="link spinner customspinner" j-query="toggleSpinner"><span class="screenreadertext">Loading</span></div>
        <div class="Paddingbottom20">
            <a ng-if="picSubpage=='0'" ng-click="CloseDialogs()" class="backLink Xclose"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
            <a ng-if="picSubpage=='1'" ng-click="picSubmenu('0','upldPic')" class="backLink Xclose"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
            <a ng-if="picSubpage=='2'" ng-click="picSubmenu('0','showlib')" class="backLink Xclose"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
        </div>
        <h1 class="title Header"><span ng-if="picSubpage=='0'">Change Your Profile Picture</span><span ng-if="picSubpage=='1'">Edit Your Picture</span><span ng-if="picSubpage=='2'">Please Choose Your Profile Picture</span></h1>
        <div class="PicMenu Margintop20 AppDetailBtns" ng-if="picSubpage=='0'">
            <div class="ErrMsgHead newMsgContainer" role="alert" ng-if="ProfilePicError!=''">
                <div class="iconContainer BkgError">
                    <i class="fa fa-times-circle"></i>
                </div>
                <div class="msgContainer BorderError">
                    <label class="ErrMsgHeadTitles">We&#39;re sorry ...</label>
                    <label class="BackEndErrMsg">{{ProfilePicError}}</label>
                </div>
            </div>
            <div id="dialogDesc">
                <span class="Marginbottom20">
                    Please use: png, gif or jpg/jpeg to upload your picture.
                </span>
                <span class="Marginbottom20">
                    The profile picture is optional and is not visible to the company.
                </span>
            </div>
            <label aria-label="Upload your picture" class="fileUpload Marginbottom20 ui-selectmenu-button upldPic" ng-enter="" ng-space="" ng-if="tgSettings.ResponsiveProfilePic.toLowerCase()=='true'">
                <span tabindex="0" class="button-label">Upload your picture</span>
                <input type="file" file-model="myFile" class="upload" id="profilePicfile" accept=".png,.jpg,.jpeg,.bmp,.gif" change="handleFileSelect" name="file" tabindex="-1">
            </label>
            <button aria-label="Show library" class="Marginbottom20 showlib" ng-enter="" ng-space="" ng-click="picSubmenu('2')">
                <span class="button-label">Show library</span>
            </button>
            <button aria-label="Remove picture" class="Marginbottom20" ng-enter="" ng-space="" ng-click="deleteProfilePicAjax()" ng-if="tgSettings.ResponsiveProfilePic.toLowerCase()=='true'">
                <span class="button-label">Remove picture</span>
            </button>
            <div class="buttonContainer profileCancelBtn">
                <a class="UnderLineLink" role="link" ng-click="CloseDialogs()">Cancel</a>
            </div>
        </div>

        <div class="Editpic Margintop20" ng-if="picSubpage=='1'">
            <div class="ErrMsgHead newMsgContainer" ng-if="ProfilePicError!=''">
                <div class="iconContainer BkgError">
                    <i class="fa fa-times-circle"></i>
                </div>
                <div class="msgContainer BorderError">
                    <label class="ErrMsgHeadTitles">We&#39;re sorry ...</label>
                    <label class="BackEndErrMsg">{{ProfilePicError}}</label>
                </div>
            </div>
            <div class="inlined">
                <div>Uploaded picture:</div>
                <div class="cropArea" tabindex="0" role="img" alt="Uploaded Picture canvas area" aria-label="Uploaded Picture canvas area">
                    <img-crop image="myImage" result-image="myCroppedImage" result-image-quality="1.0" change-on-fly="true" result-image-size="50" ></img-crop>
                </div>
                <div class="ManualCrop" tabindex="0" role="region" aria-label="Edit your picture using the following controls.">
                    <div class="inlineField">
                        
                        <div labeltext="&lt;label class=&#39;screenReaderText&#39;&gt;Resize Cropper&lt;/label&gt;&lt;i class=&#39;fa fa-arrows-alt&#39;&gt;&lt;/i&gt;" plustext="Increase Size" minustext="Decrease Size" class="Counter" counter value="CropperSize" inputname="CropperSize" min="80" max="370" step="5" editable onvalchange="CropperChange" ng-required="true"></div>
                    </div>
                    <div class="inlineField">
                        
                        <div labeltext="&lt;label class=&#39;screenReaderText&#39;&gt;Y-Position&lt;/label&gt;&lt;i class=&#39;fa fa-arrows-v&#39;&gt;&lt;/i&gt;" plustext="Move Up" minustext="Move Down" class="Counter" counter value="CropperPosheight" inputname="CropperPosheight" min="{{(CropperSize/2)}}" max="{{(CanvasHeight)-(CropperSize/2)}}" inverse step="5" editable onvalchange="CropperChange" ng-required="true"></div>
                    </div>
                    <div class="inlineField">
                        
                        <div labeltext="&lt;label class=&#39;screenReaderText&#39;&gt;X-Position&lt;/label&gt;&lt;i class=&#39;fa fa-arrows-h&#39;&gt;&lt;/i&gt;" plustext="Move Right" minustext="Move Left" class="Counter" counter value="CropperPoswidth" inputname="CropperPoswidth" min="{{(CropperSize/2)}}" max="{{(CanvasWidth)-(CropperSize/2)}}" step="5" editable onvalchange="CropperChange" ng-required="true"></div>
                    </div>
                    <div class="inlineField">
                        <a class="" ng-click="resetCropper()"><span class="screenReaderText">Reset</span><i class="fa fa-rotate-left" aria-hidden="true"></i></a>
                    </div>
                </div>
            </div>

            <div class="inlined">
                <div>Edited picture:</div>
                <div><img tabindex="0" alt="Edited picture" id="croppedpic" class="background-circle" ng-src="{{myCroppedImage}}" /></div>
            </div>

            <div class="buttonContainer">
                <button class="primaryButton ladda-button" ng-click="croppedPicUpload(this)">Upload</button>
                <a class="UnderLineLink" role="link" ng-click="picSubmenu('0','upldPic')">Cancel</a>
            </div>
        </div>

        <div class="" ng-if="picSubpage=='2'">
            <div class="Divpadding iconContainer">
                <div role="link" tabindex="0" title="{{getlocalizedName(myImage.value)}}" class="LibImageIcon ladda-button link" ng-repeat="myImage in EnumLibPic|orderBy:key" ng-click="uploadPicture('',myImage.value,this)">
                    <img alt="{{getlocalizedName(myImage.value)}}" ng-src="{{getImagePath(myImage.value)}}" />
                    
                </div>
            </div>
            <div class="buttonContainer">
                <a class="UnderLineLink" role="link" ng-click="picSubmenu('0','showlib')">Cancel</a>
            </div>
        </div>
    </div>



    <div>
        <div class="DivSpacing">
            <a ng-click="CloseDialogs()" class="backLink Xclose"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
        </div>
        <div class="">
            <h1 class="title">Withdraw application</h1>
        </div>
        <div id="dialogDesc">
            <div class="">
                <p id="confirmationMessage">Are you sure you want to withdraw your application?</p>
            </div>
        </div>
        <div class="buttonContainer">
            <button class="primaryButton ladda-button" ng-click="withDrawApplyFinishedApplication(ngDialogData.AppliedAppData)">Yes, withdraw my application</button>
            <a class="UnderLineLink" role="link" ng-click="CloseDialogs()">Cancel</a>
        </div>
    </div>


<div id="czMyFiles_tab" aria-labelledby="czMyFilesTab" ng-if="candidatezoneEditProfileView=='myFiles'" class="vExpDiv fileManager lightAccentBkg ghostBorder">
        <div class="newMsgContainer incompleteProfile" ng-if="incompleteProfile || editEduExpErrormsgs.length > 0">
            <div class="iconContainer BkgWarning">
                <i class="fa fa-exclamation-triangle" role="presentation"></i>
            </div>
            <div class="msgContainer BorderWarning">
                <div class="incompleteProfileHeader">Your profile is incomplete.</div>
                <span class="incompleteProfileMessage">You can add files but they will not be sent to recruiters until your profile information is corrected.</span>
            </div>
        </div>
        <div class="subgroup" role="region" aria-label="R&#233;sum&#233;/CV">
            <h1 class="thick ProfileInfoHeaderText">R&#233;sum&#233;/CV</h1>
            <div success-message type="floating" click="resetFileStatus()" message="R&#233;sum&#233;/CV successfully added" ng-if="fileStatus == 1"></div>
            <div success-message type="floating" click="resetFileStatus()" message="R&#233;sum&#233;/CV successfully removed" ng-if="fileStatus == -1"></div>
            

            <div class="instruction">You may store up to 100 r&#233;sum&#233;s/CVs.</div>
            <button class="primaryButton" type="button" ng-click="addFile('0')" ng-if="savedResumes.length < 100 && !resumeReadOnly"><span class="button-label">Add</span></button>
            <div class="file baseColorPalette" ng-repeat="file in savedResumes" role="region" aria-label="{{appScope.dynamicStrings.Lbl_Cardtitle.replace('[CardTitle]',file.FileName)}}">
                <div class="content">
                    <a class="fileName link truncate-text-profile" ng-enter role="link" ng-click="openFile(file.FilePath, file.FileName)" ng-attr-title="{{file.FileName}}" tabindex="0">
                        {{file.FileName}}
                        <span class="screenReaderText"> Click to download your R&#233;sum&#233;/CV </span>
                    </a>
                    <div ng-if="file.FileName != file.DisplayName">Converted from  {{file.DisplayName}}</div>
                    <div>Date added: {{file.LastModifiedDate}}</div>
                    
                    <a href="#" ng-click="file.showPreview = !file.showPreview">
                        {{file.showPreview ? "Hide Preview" : "Show Preview"}}
                    </a>
                    
                    <div class="pdfPreview" ng-if="file.showPreview">
                        <embed zoom="100" ng-src="{{getTrustedPdfUrl(file.FilePath,file.FileName)}}" type="application/pdf" width="100%" height="500px" />
                    </div>
                </div>
                <div class="cardFooter veryLightAccentBkg" ng-if="!resumeReadOnly">
                    <div class="removeLink" ng-if="!resumeReadOnly && !file.AttachedToDraft"><a href="#" ng-click="deleteFile('0', file.FileId, 1)"><span class="screenReaderText">{{appScope.dynamicStrings.Lbl_Cardtitle.replace('[CardTitle]',file.FileName)}}</span><i class="fa fa-times-circle-o"></i> Remove</a></div>
                    <div class="removeLink" ng-if="!resumeReadOnly && file.AttachedToDraft"><a href="#" ng-click="deleteFile('0', file.FileId, 0)"><span class="screenReaderText">{{appScope.dynamicStrings.Lbl_Cardtitle.replace('[CardTitle]',file.FileName)}}</span><i class="fa fa-times-circle-o"></i> Remove</a></div>
                </div>
             </div>
        </div>
        <div class="subgroup" role="region" aria-label="Cover Letter">
            <h1 class="thick ProfileInfoHeaderText">Cover Letter</h1>
            <div success-message type="floating" click="resetFileStatus()" message="Cover letter successfully added" ng-if="fileStatus == 2"></div>
            <div success-message type="floating" click="resetFileStatus()" message="Cover letter successfully removed" ng-if="fileStatus == -2"></div>


            <div class="instruction">You may store up to 100 cover letters.</div>
            <button class="primaryButton" type="button" ng-click="addFile('1')" ng-if="savedCoverLetters.length < 100"><span class="button-label">Add</span></button>
            <div class="file baseColorPalette" ng-repeat="file in savedCoverLetters" role="region" aria-label="{{appScope.dynamicStrings.Lbl_Cardtitle.replace('[CardTitle]',file.FileName)}}">
                <div class="content">
                    <a class="fileName link truncate-text-profile" ng-enter role="link" ng-click="openFile(file.FilePath, file.FileName)" ng-attr-title="{{file.FileName}}">
                        {{file.FileName}}
                        <span class="screenReaderText"> Click to download your Cover Letter </span>
                    </a>
                    <div ng-if="file.FileName != file.DisplayName">Converted from  {{file.DisplayName}}</div>
                    <div>Date added: {{file.LastModifiedDate}}</div>
                    <a href="#" ng-click="file.showPreview = !file.showPreview">
                        {{file.showPreview ? "Hide Preview" : "Show Preview"}}
                    </a>
                    
                    <div class="pdfPreview" ng-if="file.showPreview">
                        <embed zoom="100" ng-src="{{getTrustedPdfUrl(file.FilePath,file.FilePath)}}" type="application/pdf" width="100%" height="500px" />
                    </div>
                </div>
                <div class="cardFooter veryLightAccentBkg">
                    <div class="removeLink" ng-if="!file.AttachedToDraft"><a href="#" ng-click="deleteFile('1', file.FileId, 1)"><span class="screenReaderText">{{appScope.dynamicStrings.Lbl_Cardtitle.replace('[CardTitle]',file.FileName)}}</span><i class="fa fa-times-circle-o"></i> Remove</a></div>
                    <div class="removeLink" ng-if="file.AttachedToDraft"><a href="#" ng-click="deleteFile('1', file.FileId, 0)"><span class="screenReaderText">{{appScope.dynamicStrings.Lbl_Cardtitle.replace('[CardTitle]',file.FileName)}}</span><i class="fa fa-times-circle-o"></i> Remove</a></div>
                </div>
            </div>
        </div>
        <div class="subgroup" ng-if="attachmentCategories.length > 0 || savedAttachments.length > 0" role="region" aria-label="Other Document">
            <h1 class="thick ProfileInfoHeaderText">Other Document</h1>
            <div success-message type="floating" click="resetFileStatus()" message="Document successfully added" ng-if="fileStatus == 3"></div>
            <div success-message type="floating" click="resetFileStatus()" message="Document successfully removed" ng-if="fileStatus == -3"></div>

            <div ng-if="attachmentCategories.length > 0">
                <div class="instruction" id="addAttachment">What would you like to upload?</div>
                <select class="ui-select" aria-labelledby="addAttachment" name="AttachementCatagory" j-query="selectmenu({change: appScope.addAttachment})" id="AttachementCatagory" ng-model="Categories">
                    <option value="" id="attachmentCategoryPlaceHolder">Choose...</option>
                    <option ng-repeat="option in attachmentCategories" value="{{option.Id}}.{{option.Name}}">{{option.Name}}</option>
                </select>
            </div>
            <div ng-repeat="category in savedCategories">
                <div class="category">{{category}}</div>
                <div class="file baseColorPalette" ng-repeat="file in savedAttachments | filter:{CategoryName : category}" role="region" aria-label="{{appScope.dynamicStrings.Lbl_Cardtitle.replace('[CardTitle]',file.FileName)}}">
                    <div class="content">
                        <a class="fileName link" tabindex="0" ng-enter role="link" ng-click="openAttachment(file.FileName, file.FileId)">
                            {{file.FileName}}
                            <span class="screenReaderText"> Click to download your {{file.FileName}} </span>
                        </a>
                        <div>Date added: {{file.LastModifiedDate}}</div>
                    </div>
                    <div class="cardFooter veryLightAccentBkg">
                        <div class="removeLink" ng-if="!file.AttachedToDraft"><a href="#" ng-click="deleteFile('2', file.FileId, 1)"><span class="screenReaderText">{{appScope.dynamicStrings.Lbl_Cardtitle.replace('[CardTitle]',file.FileName)}}</span><i class="fa fa-times-circle-o"></i> Remove</a></div>
                        <div class="removeLink" ng-if="file.AttachedToDraft"><a href="#" ng-click="deleteFile('2', file.FileId, 0)"><span class="screenReaderText">{{appScope.dynamicStrings.Lbl_Cardtitle.replace('[CardTitle]',file.FileName)}}</span><i class="fa fa-times-circle-o"></i> Remove</a></div>
                    </div>
                </div>
            </div>

        </div>
    </div>


    <div class="deleteFileDialog">
        <div class="title">
            <span ng-if="ngDialogData.FileType == 0">R&#233;sum&#233;/CV</span>
            <span ng-if="ngDialogData.FileType == 1">Cover Letter</span>
            <span ng-if="ngDialogData.FileType == 2">Other Document</span>
        </div>
        <div id="dialogDesc" class="message" ng-if="ngDialogData.FileDeletable == 1 && ngDialogData.FileType == 0 && ngDialogData.ResumeSavedforJobUpdates">
            <span> This resume is saved for  " {{ngDialogData.SearchAgentName}} "  Search Agent. Removing this may stop job alerts tailored for you.</span>
        </div>
        <div id="dialogDesc" class="message" ng-if="ngDialogData.FileDeletable == 1">
            Are you sure you want to delete this file?
        </div>
        <div id="dialogDesc" class="message" ng-if="ngDialogData.FileDeletable == 0">
            <span ng-if="ngDialogData.FileType == 0">This r&#233;sum&#233;/CV is linked to an application and cannot be removed.</span>
            <span ng-if="ngDialogData.FileType == 1">This cover letter is linked to an application and cannot be removed.</span>
            <span ng-if="ngDialogData.FileType == 2">This document is linked to an application and cannot be removed.</span>
        </div>
        <div class="buttons" ng-if="ngDialogData.FileDeletable == 1">
            <button class="primaryButton" ng-click=closeThisDialog("1")><span class="button-label">Remove</span></button>
            <a class="goLink" role="link" ng-click=closeThisDialog("0")>Cancel</a>
        </div>
        <div class="buttons" ng-if="ngDialogData.FileDeletable == 0">
            <button class="primaryButton" ng-click=closeThisDialog("0")><span class="button-label">Cancel</span></button>
        </div>
    </div>



    <div class="profileWarningDialog">
        <a class="backLink" ng-click="backClick(false)" ng-class="{'mobileOnly' : !showInFullView  }" ng-if="bShowBackButton" aria-label="Back"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><span class="UnderLineLink">Back</span></a>
        <h1 class="title thick">Are you sure?</h1>
        <div id="dialogDesc">
            <div class="question"><p>Are you sure you want to remove this education?</p></div>
        </div>

        <div class="buttons">
            <button type="button" class="primaryButton" ng-click="removeProfileData()"><span class="button-label">Yes, remove it</span></button>
            <a href="#" class="linkColor button-primary" ng-click="cancelDialog()">Cancel</a>
        </div>
    </div>



    <div class="profileWarningDialog">
        <a class="backLink" ng-click="backClick(false)" ng-class="{'mobileOnly' : !showInFullView  }" ng-if="bShowBackButton" aria-label="Back"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><span class="UnderLineLink">Back</span></a>
        <h1 class="title thick">Are you sure?</h1>
        <div id="dialogDesc">
            <div class="question"><p>Are you sure you want to remove this experience?</p></div>
        </div>

        <div class="buttons">
            <button type="button" class="primaryButton" ng-click="removeProfileData()"><span class="button-label">Yes, remove it</span></button>
            <a href="#" class="linkColor button-primary" ng-click="cancelDialog()">Cancel</a>
        </div>
    </div>



    <div role="dialog" aria-labelledby="consentPopUpMessage">
        <div class="DivSpacing">
            <a ng-click="CloseDialogs()" class="backLink Xclose"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
        </div>
        <div class="">
            <h1 class="title">Text Messaging Information</h1>
        </div>
        <div id="dialogDesc" ng-if="tgSettings.SMSMessagingCandConsentPopupMsg != '' && tgSettings.SMSMessagingCandConsentPopupMsg != null">
            <div class="">
                <p id="consentPopUpMessage" j-query="html(tgSettings.SMSMessagingCandConsentPopupMsg)"></p>
            </div>
        </div>
        
    </div>



    <div role="dialog" class="SMtooltiptext" aria-labelledby="smInfo">
        <div class="DivSpacing">
            <a ng-click="CloseDialogs()" class="backLink Xclose"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
        </div>
        <div class="">
            <h1 class="title">
                <span ng-if="SMPopupId=='googleHelp'">Google Access</span>
                <span ng-if="SMPopupId=='twitterHelp'">Twitter Access</span>
                <span ng-if="SMPopupId=='facebookHelp'">Facebook Access</span>
                <span ng-if="(SMPopupId=='linkedInHelp1' || SMPopupId=='linkedInHelp2')">LinkedIn Access</span>
            </h1>
        </div>
        <div id="dialogDesc">
            <div ng-if="SMPopupId=='googleHelp'" id="smInfo" class="info googleHelp">
                <p>You can use the following information with this site:</p>
                <ul>
                    <li>Full Name</li>
                    <li>Family Name</li>
                    <li>Given name</li>
                    <li>Email ID</li>
                    <li>Profile ID</li>
                    <li>Profile Picture URL</li>
                </ul>
            </div>

            <div ng-if="SMPopupId=='twitterHelp'" id="smInfo" class="info twitterHelp">
                <p>You can use the following information with this site:</p>
                <ul>
                    
                    <li>This option allows you to use only your First Name, Last Name, and Email Address.</li>
                    <li>This option enables you to post the job referral urls on your Twitter activity section , in addition to using your First Name, Last Name, and Email Address.</li>
                </ul>

                
            </div>

            <div ng-if="SMPopupId=='facebookHelp'" id="smInfo" class="info facebookHelp">
                <p>You can use the following information with this site:</p>
                <ul>
                    <li>Public profile.</li>
                    <li>Email address.</li>
                    
                </ul>
            </div>

            <div ng-if="SMPopupId=='linkedInHelp1'" id="smInfo" class="info linkedInHelp1">
                <p>You can use the following information with this site:</p>
                <ul>
                    
                    <li>This option allows you to use only your First Name, Last Name, and Email Address.</li>
                </ul>
            </div>

            <div ng-if="SMPopupId=='linkedInHelp2'" id="smInfo" class="info linkedInHelp2">
                <p>You can use the following information with this site:</p>
                <ul>
                    
                    <li>This option enables you to post the job referral urls on your LinkedIn activity section , in addition to using your First Name, Last Name, and Email Address.</li>
                </ul>
            </div>
        </div>

    </div>



    <div>
        <a ng-click="CloseFunction()" class="backLink Xclose Paddingbottom10"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
        <a class="dialog-close" handle-spacebar="" aria-label="Close" role="button" ng-click="CloseFunction()" tabindex="0" href="#0"><span class="screenReaderText ng-binding">Close</span></a>
        <div class="newMsgContainer" j-query="setFocus">
            <div class="msgContainer" role="alert">
                <span>{{WarningMessageText}}</span>
            </div>
        </div>
        <div style="margin-top:10px;">
            <button class="primaryButton" aria-label="OK" role="button" ng-click="OKFunction()"><span class="button-label ng-binding">OK</span></button>
            <a ng-if="showCancelButton" class="goLink" aria-label="Cancel" role="link" ng-click="CloseFunction()">Cancel</a>
        </div>
    </div>



    <div>
        <a ng-click="CloseFunction()" class="backLink Xclose Paddingbottom10"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
        <a class="dialog-close" handle-spacebar="" aria-label="Close" role="button" ng-click="CloseFunction()" tabindex="0" href="#0"><span class="screenReaderText ng-binding">Close</span></a>
        <div ng-if="!showGoogleAuthPasscodeScreen" class="googleAuthenticatorTemplate">
            <h1 class="HeaderTitles"><span class="HeaderTitles title" id="GoogleAuthenticator">Google Authenticator</span></h1>

            <div ng-if="!GoogleAuthenticatorAuthenticated">

                <div class="Margintop10">
                    <div>Step 1: Install Google Authenticator</div>
                    <p class="Margintop10">Please download and install Google Authenticator, as needed.</p>

                    <a class="appstorelogo" target="_blank" href="https://apps.apple.com/us/app/google-authenticator/id388497605">
                        <img alt="AppStore" src="Tgnewui/Content/Images/AppStore_Logo.png" width="50" height="50" /><div> Google Authenticator app in App store on iPad/iPhone</div>
                    </a>

                    <a target="_blank" class="googlestorelogo" href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2&hl=en_US&gl=US">
                        <img alt="GoogleStore" src="Tgnewui/Content/Images/GooglePlayStoreLogo.png" width="50" height="50" /><div>Google Authenticator app in Play store on Android</div>
                    </a>
                </div>

                <div class="Margintop20">
                    <div>
                        Step 2: Connect your device to this account using either of the following options:
                    </div>
                    <a class="Margintop10 instructionBlock" id="QR" ng-click="ShowBelowContent($event)" href="#" ng-space="" ng-enter="" aria-expanded="{{CollapseQR}}">Using QR Code</a>
                    <div class="Tobevisible Margintop10">
                        <div>
                            <a class="collapse" href="#" ng-click="CollapseContent('QR')" aria-label="Show less content for QR Code Option">show less</a>
                        </div>
                        <span>Select &quot;Scan a barcode&quot;. If the Authenticator app cannot locate a barcode scanner app on your mobile device, you might be prompted to download and install one. If you want to install a barcode scanner app so you can complete the setup process, select Install, then go through the installation process. Once the app is installed, reopen Google Authenticator, then point your camera at the QR code on your computer screen.</span>

                        <div>
                            <img ID="imgQrCode" src="{{imgQrCode}}" alt="Image QR Code" />
                        </div>
                        <div>
                            <a class="collapse" href="#" ng-click="CollapseContent('QR')" aria-label="Show less content for QR Code Option">show less</a>
                        </div>
                    </div>
                    <a class="Margintop10 instructionBlock" id="Key" ng-click="ShowBelowContent($event)" hef="#" ng-space="" ng-enter="" aria-expanded="{{CollapseSecetKey}}">Using Secret Key</a>
                    <div class="Tobevisible Margintop10">
                        <div>
                            <a class="collapse" href="#" ng-click="CollapseContent('Key')" aria-label="Show less content for Secret Key option">show less</a>
                        </div>
                        <span>Select &quot;Enter key&quot; option (e.g., Enter a setup key or Enter provided key), then enter account name and secret key from this window into the appropriate boxes in Authenticator app. Make sure that Type of key = &quot;Time based,&quot; then select Add. </span>

                        <div class="Margintop20">
                            <span class="instructionBold">Account Name:</span>
                        </div>
                        <div class="Margintop10">
                            <Label ID="lblAccountName">{{lblAccountName}}</Label>
                        </div>

                        <div class="Margintop20">
                            <span class="instructionBold">Secret Key:</span>
                        </div>
                        <div class="Margintop10">
                            <label ID="lblManualSetupCode">{{lblManualSetupCode}}</label>
                        </div>
                        <div>
                            <a class="collapse" href="#" ng-click="CollapseContent('Key')" aria-label="Show less content for Secret Key option">show less</a>
                        </div>
                    </div>
                </div>




                <div class="Margintop10">

                    <div class="buttonContainer Marginbottom20 Margintop10">
                        <button type="submit" role="button" id="PasscodeSubmit" class="primaryButton continueButton ladda-button" ng-click="ProceedToGoogleAuthVerifyScreen('AccountSettings')">Continue</button>
                        <a href="#" role="link" ng-click="CloseFunction()">Cancel</a>
                    </div>
                </div>
            </div>
        </div>
        <div ng-include="'GoogleAuthenticatorPasscodeScreen'"></div>
    </div>



    <div class="ForgotUsernamePass" ng-if="showGoogleAuthPasscodeScreen && workFlow == 'verifyGoogleAuthPasscode' ">
        <form ng-submit="ValidateGoogleauthentication(this)" j-query="setFocus" novalidate name="GAPassCodeVerification" ng-if="!TooManyPasscodeAttemptsInGoogleAuth" class="VerifyGAPasscode">
            <h1 class="HeaderTitles"><span class="HeaderTitles title" id="GoogleAuthenticator">Verify Passcode</span></h1>
            <div class="Marginbottom20" ng-if="!ShowGoogleError">
                {{SuccessGoogleMessage}}
            </div>


            <div class="newMsgContainer" ng-if="ShowGoogleError && !(GAPassCodeVerification.passcode.$invalid && submitted)" role="alert">
                <div class="iconContainer BkgError">
                    <i class="fa fa-times-circle"></i>
                </div>
                <div class="msgContainer BorderError" ng-bind-html-compile="GoogleError">
                </div>
            </div>

            <div class="newMsgContainer" ng-if="GooglePasscodeAttempts != ''" j-query="setFocus">
                <div class="iconContainer BkgWarning">
                    <i class="fa fa-exclamation-triangle" role="presentation"></i>
                </div>
                <div class="msgContainer BorderWarning" role="alert">
                    <label ng-bind-html-compile="GooglePasscodeAttempts"></label>
                </div>
            </div>
            <div class="ErrMsgHead" ng-if="GAPassCodeVerification.passcode.$invalid && submitted" role="alert">
                <div class="newMsgContainer">
                    <div class="iconContainer BkgError">
                        <i class="fa fa-times-circle"></i>
                    </div>
                    <div class="msgContainer BorderError">
                        <span class="ErrMsgHeadTitles">One or more fields require your attention.</span>
                        <a ng-if="GAPassCodeVerification.passcode.$invalid && submitted" class="ErrMsgMobile UnderLineLink" ng-click="focusAt('passcodeInput')" href="#">{{dynamicStrings.Link_Showme}}</a>
                        <br />
                        <ul>
                            <li class="SecurityQAErr" ng-if="!!GAPassCodeVerification.passcode.$error.required" role="alert">
                                <a class="ErrMsgDesktop UnderLineLink" ng-click="focusAt('passcodeInput')" href="#">Enter your passcode:</a>
                                <span class="ErrMsgDesktop">-</span>
                                <span class="ErrMsgDesktop">Required field</span>
                            </li>
                            <li class="SecurityQAErr" ng-if="!!GAPassCodeVerification.passcode.$error.pattern" role="alert">
                                <a class="ErrMsgDesktop UnderLineLink" ng-click="focusAt('passcodeInput')" href="#">Enter your passcode:</a>
                                <span class="ErrMsgDesktop">-</span>
                                <span class="ErrMsgDesktop">Please enter a valid number</span>
                            </li>
                        </ul>

                        
                    </div>

                </div>
            </div>

            <div>

                Fields marked with an asterisk (<span class="ReqFields">*</span>) are required.

            </div>

            <div class="Marginbottom20">
                <span class="ReqFields">*</span>
                <label class="Marginbottom10 inputHeader" id="EnterPasscodelbl">Enter your passcode:</label>
                <div ng-init="initPasscodeUI()">
                    <div ng-if="enabledOtpUI" class="otpInput" otp-input-directive options="otpinput" ng-class="{BorderOtpError:(GAPassCodeVerification.passcode.$invalid && submitted)}"></div>
                    <span class="prompt">example:123456</span>
                </div>
                <input type="text" ng-model="passcode" name="passcode" min="000000" max="999999" ng-class="{BorderError:(GAPassCodeVerification.passcode.$invalid && submitted)}" ng-required="true" ng-pattern="/^[0-9]{1,6}$/" id="passcodeInput" aria-labelledby="EnterPasscodelbl" placeholder="example:123456" />
                <span class="ErrMsg" ng-show="GAPassCodeVerification.passcode.$invalid && submitted && !!GAPassCodeVerification.passcode.$error.required">{{dynamicStrings.ErrorMessage_RequiredField}}</span>
                <span class="ErrMsg" ng-show="GAPassCodeVerification.passcode.$invalid && submitted && !!GAPassCodeVerification.passcode.$error.pattern">Please enter a valid number</span>
            </div>


            <div class="buttonContainer Marginbottom20 Margintop10">
                <button type="submit" role="button" id="PasscodeSubmit" class="primaryButton continueButton ladda-button" ng-click="submitted = true;presubmit(this,$event);">Verify Passcode</button>
                <a ng-show="GoogleAuthworkflow == 'AccountSettings'" class="UnderLineLink" role="link" href="#" ng-click="goBackToAccountDetails();">Back to instructions</a>
            </div>


        </form>
        <div class="listElement">
            <div class="newMsgContainer" role="alert" j-query="setFocus" ng-if="TooManyPasscodeAttemptsInGoogleAuth">
                <div class="iconContainer BkgError">
                    <i class="fa fa-times-circle"></i>
                </div>
                <div class="msgContainer BorderError">
                    You have entered an invalid or expired passcode too many times and can no longer use a passcode to login. Try again later.
                </div>
            </div>

            <a class="JobAlert-close link" handle-spacebar="" ng-if="(TooManyPasscodeAttemptsInGoogleAuth )" aria-label="Close" role="button" ng-click="CloseFunction90" tabindex="0" href="#0" style="display: block;"><span class="screenReaderText ng-binding">Close</span></a>
        </div>
    </div>



    <div class="ApplicationsDescription CandZonedashboardContainer">
        <label class="Applicationjobtitle Margintop0 Marginbottom20" >{{AppliedJobTitle}}</label>
        <label class="title screenReaderText"  id="JobDescTitle">View job description</label>
        <a ng-click="CloseDialogs()" class="backLink Xclose"><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><label class="UnderLineLink">Back</label></a>
        <div ng-repeat="oQ in appliedApplicationDesc | section2JobDetailFields">
            <p  ng-class="oQ.ClassName" class="thick" j-query="html(oQ.Label)">
            </p>
            <p ng-class="oQ.ClassName" j-query="html(oQ.Answer)" class="answer Marginbottom20"></p>
        </div>
    </div>



    <div class="ApplicationsDetail CandZonedashboardContainer">
        <div class="Divpadding backLink" ng-click="ClosePacketView()">
            <i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i>
            <a class="UnderLineLink" href="">Back</a>
        </div>

        <div success-message click="CloseHeaderStickerAlert('CompleteFormFromPacketsPage')" type="floating" ng-if="candPortalPacketFormStatus == 1" message="Your response has been sent."></div>
       
        <div class="documentPacketsHeader">
            <div class="title">
                {{PacketTitle}}
            </div>

            <div class="Margintop20 PacketMessageBreakword" ng-if="PacketMessage!=null && PacketMessage!=''">
                <label j-query="html(PacketMessage)"></label>
            </div>
        </div>
        <div class="candPortalPocketDocList">
            <div class="jobCard baseColorPalette ghostBorder" ng-repeat="doc in CandPortalPacketDocuments">
                <div class="content">
                    <div ng-if="doc.ActiveOffer" class="foreground actionRequired">{{appliedApplicationDetail.LocalizedLabels ? appliedApplicationDetail.LocalizedLabels.Lbl_ActionRequired : 'Action required'}}</div>
                    <div class="docTitle docTitleBreakWord" ng-click="openCandPortalDoc(doc, 0)" ng-if="!doc.IsOffer"><a href="#">{{doc.FileNameOrTitle}}</a></div>
                    <div class="docTitle docTitleBreakWord" ng-click="openCandPortalDoc(doc, 1)" ng-if="doc.IsOffer"><a href="#">{{doc.FileNameOrTitle}}</a></div>
                    <div>{{appliedApplicationDetail.LocalizedLabels ? appliedApplicationDetail.LocalizedLabels.DateAdded : 'Date added:'}} {{doc.AddedOnDate}}</div>
                    <div ng-if="doc.ExpiryDate">{{appliedApplicationDetail.LocalizedLabels ? appliedApplicationDetail.LocalizedLabels.Lbl_Expires : 'Expires:'}} {{doc.ExpiryDate}}</div>
                </div>
                <div class="cardFooter veryLightAccentBkg">
                    <div class="leftButton">
                        <a href="#" ng-if="!doc.IsOffer" ng-click="openCandPortalDoc(doc, 0)">
                            <i class="fa fa-eye" aria-hidden="true"></i>
                            {{appliedApplicationDetail.LocalizedLabels ? appliedApplicationDetail.LocalizedLabels.Lbl_View : 'View'}}
                        </a>
                        <a href="#" ng-click="openCandPortalDoc(doc, 1)" ng-if="doc.IsOffer">
                            <i class="fa" ng-class="{'fa-eye': !doc.ActiveOffer,'fa-pencil-square-o': doc.ActiveOffer}" aria-hidden="true"></i>
                            {{appliedApplicationDetail.LocalizedLabels ? appliedApplicationDetail.LocalizedLabels.Link_ReviewOffer : (tgSettings.ReviewDocWithSubFormText!= '' && tgSettings.ReviewDocWithSubFormText != null)? tgSettings.ReviewDocWithSubFormText : 'Review offer/contract'}}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="updateAccountContainer">
        <a class="backLink" ng-click="backClick(false)" ng-class="{'mobileOnly' : !showInFullView  }" ng-if="bShowBackButton" aria-label="Back">
            <i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i>
            <span class="UnderLineLink">Back</span>
        </a>
        <div class="">
            <div class="titleTextPadding title">
                <span>Email Job</span>
            </div>
            <div ng-repeat="oQ in sendToFriendInfo.jobTitles">
                <h1 ng-if="oQ.ClassName == 'jobtitleInJobDetails'" class="jobName title" ng-bind-html="$root.utils.htmlEncode(oQ.AnswerValue)"></h1>
            </div>
            <div ng-show="showMore  && sendToFriendInfo.moreJobTitles.length > 0" ng-repeat="oQ in sendToFriendInfo.moreJobTitles">
                <h1 ng-if="oQ.ClassName == 'jobtitleInJobDetails'" class="jobName" ng-bind-html="$root.utils.htmlEncode(oQ.AnswerValue)"></h1>
            </div>
            <div ng-if="!showMore && sendToFriendInfo.moreJobTitles.length > 0" ng-click="sendToFriendMoreClick()" class="underlineLink">show more</div>
            <div ng-if="showMore  && sendToFriendInfo.moreJobTitles.length > 0" ng-click="sendToFriendMoreClick()" class="underlineLink">show less</div>
            <form name="sendToFriendForm" class="formBegin" novalidate ng-submit="submitSendToFriend(sendToFriendForm, this)" id="sendToFriendForm">
                <ul role="presentation">
                    <li ng-show="submitted || backendError">
                        <div success-message click="sendToFriendInfo.emailSent==''" type="floating" hideclosebutton="{{typeof(emailScope)!='undefined'}}" ng-if="sendToFriendInfo.emailSent=='standAloneEmailSent'" message="The job was successfully emailed."></div>
                        <div role="alert" class="newMsgContainer" j-query="setFocus" ng-if="sendToFriendInfo.mainError!=''">
                            <div class="iconContainer BkgError">
                                <i class="fa fa-times-circle"></i>
                            </div>
                            <div class="msgContainer BorderError">
                                <span class="invalidFieldsMessage" ng-if="sendToFriendInfo.mainError!=''">{{sendToFriendInfo.mainError}}</span>
                            </div>
                        </div>
                        <div role="alert" class="newMsgContainer"  j-query="setFocus" ng-if="sendToFriendInfo.errormsgs.length">
                            <div class="iconContainer BkgError">
                                <i class="fa fa-times-circle"></i>
                            </div>
                            <div class="msgContainer BorderError">
                                <span class="invalidFieldsMessage" ng-if="sendToFriendInfo.errormsgs.length">{{dynamicStrings.ErrorMessage_AttentionRequired}}</span>
                                <a class="showInvalidListLink UnderLineLink" href="#" ng-click="showInvalidDetails()">Show me</a>
                                <ul class="invalidFieldsList" ng-if="sendToFriendInfo.errormsgs.length">
                                    <li class="invalidFieldItem" ng-repeat="msg in sendToFriendInfo.errormsgs">
                                        <a class="UnderLineLink" ng-click="scrollToInvalidField(this)" href="#" title="{{msg.label}}{{msg.error}}">{{msg.label}}</a>
                                        <span class="errorMsg">{{msg.error}}</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="titleTextPadding Margintop20"><span ng-bind-html="tgSettings.SendToFriendIntroText" /></div>
                <div ng-if="ngDialogData.UpdateType!='delete'">
Fields marked with an asterisk (<span class="redText">*</span>) are required.                </div>

                <div class="listContainer QuestAnsContainer" style="clear:both;">
                    <ul>
                        <li ng-class="{bad:(sendToFriendForm.email.$invalid && submitted)}" class="padBottom">

                            <span class="redText">*</span><label for="email">To email</label>
                            <div class="Margintop10">
                                <input id="email" aria-required="true" type="email" name="email" ng-model="sendToFriendInfo.email" placeholder="name@email.com" ng-required="submitted" ng-pattern="regexUserEmailEqn" />
                            </div>
                            <div ng-class="{individualErrorBox:true}">
                                <span ng-if="sendToFriendForm.email.$error.required && submitted">{{dynamicStrings.ErrorMessage_RequiredField}}</span>
                                <span ng-if="sendToFriendForm.email.$error.pattern && submitted">{{dynamicStrings.ErrorMessage_InvalidEmail}}</span>
                            </div>
                        </li>
                        <li ng-class="{bad:(sendToFriendForm.yourName.$invalid && submitted)}" class="padBottom">

                            <span class="redText">*</span><label for="yourName">Your name</label>
                            <div class="Margintop10">
                                <input id="yourName" aria-required="true" type="text" name="yourName" ng-model="sendToFriendInfo.name" ng-required="submitted" ng-pattern="regexNameEqn" maxlength="100" />
                            </div>
                            <div ng-class="{individualErrorBox:true}">
                                <span ng-if="sendToFriendForm.yourName.$error.required && submitted">{{dynamicStrings.ErrorMessage_RequiredField}}</span>
                                <span ng-if="sendToFriendForm.yourName.$error.pattern && submitted">{{dynamicStrings.ErrorMessage_InvalidName}}</span>
                            </div>
                        </li>
                        <li ng-class="{bad:(sendToFriendForm.yourEmail.$invalid && submitted)}" class="fieldPadding">

                            <span class="redText">*</span><label for="yourEmail">Your email</label>
                            <div class="Margintop10">
                                <input id="yourEmail" aria-required="true"  type="email" name="yourEmail" ng-model="sendToFriendInfo.yourEmail" ng-required="submitted" placeholder="name@email.com" ng-pattern="regexUserEmailEqn" />
                            </div>
                            <div ng-class="{individualErrorBox:true}">
                                <span ng-if="sendToFriendForm.yourEmail.$error.required && submitted">{{dynamicStrings.ErrorMessage_RequiredField}}</span>
                                <span ng-if="sendToFriendForm.yourEmail.$error.pattern && submitted">{{dynamicStrings.ErrorMessage_InvalidEmail}}</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="">
                    <button class="primaryButton" type="submit" onclick="this.blur()" ng-click="submitted = true;presubmit(this,$event);">
                        <span class="button-label">Send</span>
                    </button>
                    <a class="goLink" role="link" ng-click=closeThisDialog()>Cancel</a>
                   
                </div>
            </form>
            <a class="dialog-close" handle-spacebar="" aria-label="Close" role="button" ng-click="CloseDialogs()" tabindex="0" href="#0"><span class="screenReaderText ng-binding">Close</span></a>
        </div>
    </div>



    <div class="AssessmentsContainer vExpParent">
        <div ng-show="bCanZoneJobsLoadingState && !bStandAloneAssessView" class="link customspinner" j-query="toggleSpinner"><span class="screenreadertext">Loading</span></div>
        <div class="Divpadding" ng-if="!bStandAloneAssessView">
            <div class="backLink" ng-click="DashBoardBack()">
                <a href=""><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><span class="UnderLineLink">Back</span></a>
            </div>
        </div>
        <h1 class="Divpadding title">Assessments</h1>

        <div class="assessmentsCompletionStatusContainer newMsgContainer BorderSuccess" ng-if="showAssessmentsCompletionMessage && currentAssessmentCompleted" j-query="setFocus">
            <div class="assessmentsCompletionStatus iconContainer BkgSuccess">
                <i class="fa fa-check-circle" role="presentation"></i>
            </div>
            <div class="msgContainer" role="alert">
                <span class="assessmentCompletionHeader" id="message">Assessment completed</span>
                <div class="assessmentCompletionMessage">Completed assessments are removed from the list automatically.</div>
            
                <input styled-input="" type="checkbox" name="dontShowAgain" id="dontShowAgain" ng-click="closeAssessmentCompletionStatus(true)">
                <label class="dontShowAgainMessage" for="dontShowAgain">Don&#39;t show again</label>
            </div>
                <a class="success-Close" handle-spacebar="" aria-labelledby="message btnLbl" role="button"  ng-click="closeAssessmentCompletionStatus(false)" tabindex="0" href="#0" style="display: block;"><span class="screenReaderText ng-binding" id="btnLbl">Close</span></a>
            </div>
       
        <div class="AssesmentsCards lightAccentBkg vExpDiv ghostBorder" prevElem="link_back" j-query="setFocus">

            <div class="newMsgContainer expiredAsmnt" ng-show="bShowExpiredAssesmentAlert" role="alert" j-query="setFocus">
                <div class="iconContainer BkgWarning">
                    <i class="fa fa-exclamation-triangle" role="presentation"></i>
                </div>
                <div class="msgContainer BorderWarning">
                    <div class="AssessmentHeader">Some assessments have been removed.</div>
                    <div class="expiredAssessMessage">The following assessments have expired</div>
                    <ul>
                        <li class="ExpiredAssessTitle expiredAssessMessage" ng-repeat="assessments in ExpiredAssessments track by $index">
                            {{assessments.AssessmentName}}
                        </li>
                    </ul>
                </div>
                <a class="expiredAlert-close" handle-spacebar="" aria-label="Close" role="button" ng-click="bShowExpiredAssesmentAlert=!bShowExpiredAssesmentAlert" tabindex="0" href="#0" style="display: block;"><span class="screenReaderText ng-binding">Close</span></a>
            </div>

            <div class="ghostBorder" ng-if="PendingAssessments.length>0">
                <label class="EmptyMessage Marginbottom20" ng-bind-html-compile="$root.utils.htmlEncode(AssessmntInstruct)"></label>
                
            </div>

            <div key-focus="cards" ng-repeat="assessments in PendingAssessments" class="jobCard baseColorPalette ghostBorder" ng-if="PendingAssessments.length>0">
                <div class="content">
                    <h2 class="Assessmentstitle Wraptitle" ng-bind-html="$root.utils.htmlEncode(assessments.AssessmentName)"></h2>

                    <div class="focusAtGroup">
                        <h3 class="header{{assessments.SolutionID}}" tabindex="-1" ng-class="{'moreTitle' :$index== 3, 'firstTitle' : $index==0}" ng-repeat="jobTitle in assessments.Reqs.split(',comma,') | limitTo:assessments.maxTitlesToShow track by $index" ng-bind-html-compile="$root.utils.htmlEncode(jobTitle)"></h3>

                        <a class="ShowMoreLess UnderLineLink" aria-live="assertive" ng-show="assessments.showmoreLess && assessments.maxTitlesToShow==3" aria-label="Show more job titles" ng-click="toggleShowLessMore(this,'assessments',assessments.SolutionID,'AssesmentsCards',assessments.Reqs,$event)">
                            Show more
                        </a>
                        <a class="ShowMoreLess UnderLineLink" aria-live="assertive" ng-show="assessments.maxTitlesToShow >3" aria-label="Hide additional job titles" ng-click="toggleShowLessMore(this,'assessments',assessments.SolutionID,'AssesmentsCards',assessments.Reqs,$event)">
                            Hide additional
                        </a>
                        <div class="screenReaderText"></div>
                    </div>

                    <div class="DatePadding">
                        <span ng-if="assessments.ExpiresInDays<=365 && (assessments.ExpiresInHours != 0 || assessments.ExpiresInDays != 0)">{{assessments.ExpiresInDays>0 ? dynamicStrings.Lbl_ExpiresInDays.replace('[No of Days]',assessments.ExpiresInDays) : dynamicStrings.Lbl_ExpiresInHours.replace('[No of Hours]',assessments.ExpiresInHours)}}</span>
                        <span ng-if="assessments.ExpiresInDays>365">Never expires </span>
                    </div>
                    <label class="CurrentStatus">Status: {{assessments.Status}}</label>
                </div>
                <div class="cardFooter veryLightAccentBkg cardFooterPosition" ng-if="assessments.Active">
                    <a ng-if="assessments.Active" id="assessmentStartLink{{$index}}" role="button" ng-space ng-enter aria-label="{{assessments.AssessmentName}} Assessments {{assessments.MaxAssessmentStatus==0 ? dynamicStrings.Lable_Start : dynamicStrings.Button_Continue}}" ng-click="assessments.Active && OpenCloseAssessments(assessments.LaunchURL,false,$event)"><i class="fa fa-play-circle" ng-if="assessments.MaxAssessmentStatus == 0" aria-hidden="true"></i> <i class="fa fa-repeat" ng-if="assessments.MaxAssessmentStatus ==3" aria-hidden="true"></i>{{assessments.MaxAssessmentStatus==0 ? dynamicStrings.Lable_Start : dynamicStrings.Button_Continue}}</a>
                </div>
            </div>
            <div ng-if="(PendingAssessments.length==0 || PendingAssessments==null) && !bCanZoneJobsLoadingState">
                <label class="EmptyMessage">You do not have any assessments at this time.</label>
            </div>
        </div>
    </div>


<div class="CandZonedashboardContainer" ng-if="communications.length > 0" role="region" aria-label="Back Link">
        <div class="Divpadding">
            <div class="backLink" ng-click="DashBoardBack()">
                <a href=""> <i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><span class="UnderLineLink">Back</span></a>
            </div>
        </div>
    </div>
    <div class="Communication vExpParent" role="region" aria-label="Message Archive" j-query="setFocus">
        <div class="backLink Margintop10 Marginbottom20" ng-if="communications.length==0" ng-click="DashBoardBack()">
            <a href=""><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><span class="UnderLineLink">Back</span></a>
        </div>

        <h1 class="heading">Message Archive</h1>
        
        <div class="lightAccentBkg vExpDiv ghostBorder" ng-show="subViewInitialized">
            <div ng-if="communications.length == 0" class="EmptyArchiveText">
                You&#39;re all caught up! You have no messages right now.
            </div>
            <div class="cardList" prevElem="UnderLineLink">
                <div key-focus="cards" class="jobCard baseColorPalette ghostBorder" ng-repeat="comm in communications" ng-class="{'highlightCard cardHighlight': (comm.ViewStatus == 0 || comm.ViewStatus == 4)}">
                    
                    <div class="content">
                        <div class="highlight textHighlight" ng-show="comm.ViewStatus == 0 || comm.ViewStatus == 4" aria-label="Unread message: Job reference" role="Img">
                            <i class="fa fa-envelope" role="presentation" title="Unread message" aria-hidden="true"></i>
                            <span class="screenReaderText">Unread message</span>
                        </div>
                        <div class="field">{{comm.Addedon}}</div>
                        <a href="#" class="subject Wraptitle field" id='comm_subject_{{comm.CommunicationId}}' ng-click="comm.ViewStatus = 3; ViewCommunicationDetail(comm.CommunicationId, 0,comm.IsTGCommunication)">{{comm.Emailsubject}}</a>

                        <div class="fieldLabel" ng-if="comm.JobTitlePositionThreeField.length > 0">
                            Job reference
                        </div>
                        <div class="field" ng-repeat="oQ in comm.JobTitlePositionThreeField" ng-bind-html="oQ.Value">
                        </div>
                        <div ng-if="tgSettings.showfromindicatorinmessages.toLowerCase()=='yes'">
                            <div class="fieldLabel">From</div>
                            <div class="field">{{comm.FromEmail}}</div>
                        </div>
                    </div>
                    <div class="cardFooter veryLightAccentBkg">
                        <div class="status" ng-if="comm.ViewStatus == 1 || comm.ViewStatus == 3"><a id='comm_3_{{comm.CommunicationId}}' href="#" ng-click="UpdateCommStatus(comm.CommunicationId, 4, 'archive')"></i>Mark unread</a></div>
                        <div class="status" ng-if="comm.ViewStatus == 0 || comm.ViewStatus == 4"><a id='comm_4_{{comm.CommunicationId}}' href="#" ng-click="UpdateCommStatus(comm.CommunicationId, 3, 'archive')">Mark read</a></div>
                        <div class="delete"><a href="#" ng-click="DeleteCommunication(comm.CommunicationId)"><i class="fa fa-trash-o" aria-hidden="true"></i>Delete</a></div>
                    </div>
                </div>
            </div>
            <div class="footer">
                <button class="primaryButton" type="button" ng-if="commHistShowMore" ng-click="CommunicationView(commHistStartIndex + 1)"><span class="button-label">Show More</span></button>
            </div>
        </div>
    </div>


    <div id="CommunicationDetail" class="CommunicationDetail" role="region" aria-label="Communication Detail">
        <div ng-class="{'mobileOnly' : !showInFullView  }" ng-if="bShowBackButton">
            <a class="backLink" ng-click="backClick(false)" aria-label="Back">
                <i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i>
                <span class="UnderLineLink">Back</span>
            </a>
        </div>

        <div success-message class="Marginbottom20 MsgArchive" click="HideMessageArchiveStatus()" message="Message successfully archived" ng-if="ngDialogData.fromBell && messageDetail.ViewStatus > 2"></div>


        <div class="MsgUnread callout" ng-if="messageDetail.ViewStatus == 0 || messageDetail.ViewStatus == 4">
            <div aria-label="Unread">Unread</div>
        </div>
        <div class="field subject" ng-class="{'emptySubject' : ngDialogData.commDetail.EmailSubject =='' }" id="commSubject">{{ngDialogData.commDetail.EmailSubject}}</div>
        <div class="title screenReaderText" id="commTitle">{{ngDialogData.commDetail.EmailSubject}}  message contents for message sent on {{ngDialogData.dateSent}} from {{ngDialogData.commDetail.FromEmail}}</div>
        <div class="opac" ng-if="ngDialogData.commDetail.JobTitlePositionThreeField.length > 0">Job reference</div>
        <div class="field" ng-repeat="oQ in ngDialogData.commDetail.JobTitlePositionThreeField" ng-bind-html="oQ.Value">
        </div>
        <div ng-if="tgSettings.showfromindicatorinmessages.toLowerCase()=='yes'">
            <div class="fieldLabel">From</div>
            <div class="field">{{ngDialogData.commDetail.FromEmail}}</div>
        </div>
        <div class="message" j-query="html(ngDialogData.commDetail.EmailMessage)">
        </div>
        <div class="footer">
            <button class="primaryButton" type="button" ng-if="messageDetail.ViewStatus < 2" ng-click="UpdateCommStatus(ngDialogData.commId, messageDetail.ViewStatu == 0 ? 4 : 3, 'detail')">
                <span class="button-label">Archive</span>
            </button>

            <button class="primaryButton" id='btn_unread' type="button" ng-if="messageDetail.ViewStatus == 1 || messageDetail.ViewStatus == 3" ng-click="UpdateCommStatus(ngDialogData.commId, messageDetail.ViewStatus == 1 ? 0 : 4, 'detail')">
                <span class="button-label">Mark unread</span>
            </button>

            <button class="primaryButton" id='btn_read' type="button" ng-if="messageDetail.ViewStatus == 0 || messageDetail.ViewStatus == 4" ng-click="UpdateCommStatus(ngDialogData.commId, messageDetail.ViewStatus == 0 ? 1 : 3, 'detail')">
                <span class="button-label">Mark read</span>
            </button>

            <a class="goLink" role="link" ng-if="ngDialogData.fromBell != 1" ng-click="DeleteCommunication(ngDialogData.commId)">Delete</a>
        </div>
    </div>



    <div class="DeleteCommunication" role="region" aria-label="Delete message">
        <div class="Paddingbottom10" ng-class="{'mobileOnly' : !showInFullView  }" ng-if="bShowBackButton">
            <a class="backLink Paddingbottom10" ng-click="closeThisDialog('1')" aria-label="Back">
                <i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i>
                <span class="UnderLineLink">Back</span>
            </a>
        </div>

        <div class="title" id="deleteComm">Delete message</div>
        <div class="message">This action can not be undone. Are you sure you want to delete this message?</div>
        <div class="">
            <button class="primaryButton" type="button" ng-click="UpdateCommStatus(ngDialogData.commId, 2, 'delete')">
                <span class="button-label">Yes</span>
            </button>
            <a class="goLink" role="link" ng-click="closeThisDialog('1')">Cancel</a>
        </div>
    </div>



    <div id="notificationBoxContainer" ng-if="communicationPanelShown" role="region" trap-focus class="notificationBoxContainer baseColorPalette" aria-labelledby="Notf_heading" ng-keydown="navigateNextRegion($event,'rightIcons')">
        <div class="notificationBackContainer" role="region" aria-label="Back Link">
            <div class="Divpadding">
                <div class="backLink">
                    <i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i>
                    <a class="UnderLineLink" ng-click="NotificationBack()" href="">Back</a>
                </div>
            </div>
        </div>

        <div class="heading" id="Notf_heading">
            <span ng-if="tgSettings.EnableNotifications.toLowerCase() == 'false' && tgSettings.EnableCommHistPage.toLowerCase() == 'yes'">Messages</span>
            <span ng-if="tgSettings.EnableNotifications.toLowerCase() == 'true' && tgSettings.EnableCommHistPage.toLowerCase() == 'yes'">Notifications &amp; Messages</span>
            <span ng-if="tgSettings.EnableNotifications.toLowerCase() == 'true' && tgSettings.EnableCommHistPage.toLowerCase() == 'no'">Notifications</span>

        </div>
        <div role="alert" ng-if="bNotifRemovalStatus" class="screenReaderText">
            <span ng-if="notificationView=='notification'">Notification(s) removed.</span>
            <span ng-if="notificationView=='message'">Message(s) archived.</span>
        </div>

        <div class="NotificationMenu" role="tablist">
            <a role="tab" key-focus="tabs" id="ntfTab" aria-controls="notificationtab" ng-keydown="closeDropDown($event)" ng-click="NotificationMenu('notification')" ng-focus="NotificationMenu('notification')" ng-class="{CurrentTab: (notificationView=='notification' || notificationView==null)}" ng-if="tgSettings.EnableNotifications.toLowerCase() == 'true'"><i class="newCommunication  fa  fa-circle" aria-hidden="true" ng-if="newNotifications"></i>Notifications</a>
            <a role="tab" key-focus="tabs" id="msgTab" aria-controls="messagesTab" ng-click="NotificationMenu('message')" ng-focus="NotificationMenu('message')" ng-class="{CurrentTab: (notificationView=='message')}" ng-if="tgSettings.EnableCommHistPage.toLowerCase() == 'yes'"><i class="newCommunication fa fa-circle" aria-hidden="true" ng-if="newMessages"></i>Messages</a>
        </div>
        <div class="subgroup ghostBorder lightAccentBkg Communication" ng-show="notificationView=='notification'" id="notificationtab" role="tabpanel" aria-labelledby="ntfTab">

            <div class="baseColorPalette emptyMessage" ng-if="notifications.length == 0 && adhocNotification==0" role="alertdialog">
                <p>You&#39;re all caught up! You have no notifications right now.</p>

            </div>
            <div class="jobCard baseColorPalette ghostBorder messagesTab" ng-show="adhocNotification>0" key-focus="cards">

                <div class="content">
                    <span class="subject notificationTitle field">You have qualified for one or more assessments as part of the application process.</span>

                    <div class="fieldLabel">{{NotifExpiresIn}}</div>
                </div>
                <div class="cardFooter veryLightAccentBkg" id="Notificationfooter{{$index}}">
                    <div class="status"><a href="#" aria-label="Continue with your pending assessments." ng-click="ViewAdhocNotification()"><i class="fa fa-repeat" aria-hidden="true"></i><span class="UnderLineLink">Continue</span></a></div>
                    <div class="delete"><a href="#" aria-label="Dismiss pending assessments reminder." ng-click="DismissAdhocNotification()"><i class="fa fa-ban" aria-hidden="true"> </i><span class="UnderLineLink">Dismiss</span></a></div>
                </div>
            </div>
            <div class="jobCard baseColorPalette ghostBorder messagesTab" tabindex="0" role="button" ng-repeat="comm in notifications" key-focus="cards">
                <div class="content">
                    <div class="field">{{comm.Addedon}}</div>
                    <span ng-class="{subject:comm.NotificationType != 3 && comm.NotificationType != 4}" class="notificationTitle field ">{{comm.Emailsubject}}</span>
                    <div class="fieldLabel" ng-if="comm.JobTitlePositionThreeField.length > 0">
                        Job reference
                    </div>
                    <div class="field" ng-if="comm.ReqId.indexOf(',') <= -1" ng-repeat="oQ in comm.JobTitlePositionThreeField">
                        <p ng-bind-html="oQ.Value"> </p>
                        <div class="screenReaderText" aria-hidden="true" ng-if="oQ.QuestionName=='jobtitle'">
                            <span class="screenReaderText" ng-if="comm.NotificationType == 2" id="continue{{comm.CommunicationId}}"> {{ (tgSettings.ReviewDocWithSubFormText!= &#39;&#39; &amp;&amp; tgSettings.ReviewDocWithSubFormText != null) ? tgSettings.ReviewDocWithSubFormText : &#39;@GlobalResources.Link_ReviewOffer&#39;}} for {{oQ.Value}}</span>
                            <span class="screenReaderText" ng-if="comm.NotificationType != 2" id="continue{{comm.CommunicationId}}">continue {{oQ.Value}} saved application</span>
                            <span class="screenReaderText" ng-if="comm.NotificationType == 2" id="dismiss{{comm.CommunicationId}}">Dismiss offer letter notification for {{oQ.Value}}</span>
                            <span class="screenReaderText" ng-if="comm.NotificationType != 2" id="dismiss{{comm.CommunicationId}}">dismiss {{oQ.Value}} saved application reminder </span>
                        </div>
                    </div>
                    <div class="field" ng-if="comm.ReqId.indexOf(',') > -1">
                        <p ng-bind-html="comm.JobTitle"> </p>
                        <span aria-hidden="true" class="screenReaderText" id="continue{{comm.CommunicationId}}">continue {{comm.JobTitle}} saved application</span>
                        <span aria-hidden="true" class="screenReaderText" id="dismiss{{comm.CommunicationId}}">dismiss {{comm.JobTitle}} saved application reminder</span>

                    </div> 
                    <div class="field" ng-if="comm.ReqId.indexOf(',') <= -1 && comm.Emailsubject != ''" >
                        <span aria-hidden="true" class="screenReaderText" id="continue{{comm.CommunicationId}}">{{comm.Emailsubject}}, Continue</span>
                        <span aria-hidden="true" class="screenReaderText" id="dismiss{{comm.CommunicationId}}">{{comm.Emailsubject}}, Dismiss</span>
                    </div>
                    </div>
                <div class="cardFooter veryLightAccentBkg" id="Notificationfooter{{$index}}">
                    <div class="status"><a href="#" id="msg_1_{{comm.CommunicationId}}_" aria-labelledby="continue{{comm.CommunicationId}}" ng-click="SelectContinueFunction(comm)"><i class="fa fa-repeat" aria-hidden="true"></i><span class="UnderLineLink">{{comm.NotificationType == 2 ? (tgSettings.ReviewDocWithSubFormText!= '' && tgSettings.ReviewDocWithSubFormText != null) ? tgSettings.ReviewDocWithSubFormText : 'Review offer/contract' : 'Continue'}}</span></a></div>
                    <div class="delete"><a href="#" id='msg_0_{{comm.CommunicationId}}' aria-labelledby="dismiss{{comm.CommunicationId}}" ng-click="comm.NotificationType == 2 ? InsertIntoCommunications(comm.NotificationReference,comm.ReqId) : UpdateCommStatus(comm.CommunicationId, 2, 'bell',comm.IsTGCommunication)"><i class="fa fa-ban" aria-hidden="true"> </i><span class="UnderLineLink">Dismiss</span></a></div>
                </div>
            </div>
            <div class="dismissAllLink" id="dismissAllDiv" ng-if="notifications.length > 0 || adhocNotification>0">
                <a id="dismissAllLink" href="#" class="UnderLineLink" ng-click="DismissAll()" aria-label="dismiss all notifications">Dismiss All</a>
            </div>

        </div>
        <div class="subgroup ghostBorder lightAccentBkg Communication" ng-show="notificationView=='message'" aria-labelledby="msgTab" id="messagesTab" role="tabpanel">
            <div class="baseColorPalette emptyMessage" ng-if="messages.length == 0" role="alertdialog">
                <p>You&#39;re all caught up! You have no messages right now.</p>
                <p>Archived messages can be found in your <a id="messageArchiveLink" class="UnderLineLink" href="#" ng-click="ViewMessageArchive()">message archive.</a></p>
            </div>

            <div class="jobCard baseColorPalette ghostBorder messagesTab" key-focus="cards" ng-class="{'highlightCard cardHighlight': (comm.ViewStatus == 0)}"  ng-repeat="comm in messages">
                <div class="content">
                    <div class="highlight textHighlight" ng-if="comm.ViewStatus == 0" aria-labelledby="unreadIcon{{comm.CommunicationId}}" role="img">
                            <i class="fa fa-envelope" role="presentation"></i>
                    </div>
                    <div class="field">{{comm.Addedon}}</div>
                    <a href="#" class="subject Wraptitle field UnderLineLink" ng-click="comm.ViewStatus = 1; ViewCommunicationDetail(comm.CommunicationId, 1,comm.IsTGCommunication)">{{comm.Emailsubject}}</a>
                    <div class="fieldLabel" ng-if="comm.JobTitlePositionThreeField.length > 0">
                        Job reference
                    </div>
                    <div class="field" ng-repeat="oQ in comm.JobTitlePositionThreeField">
                        <p ng-bind-html="oQ.Value"></p>
                        <div class="screenReaderText" ng-if="oQ.QuestionName=='jobtitle'" aria-hidden="true">
                            <span class="screenReaderText" id="markRead{{comm.CommunicationId}}">Mark {{comm.Emailsubject}} message for {{oQ.Value}} as read</span>
                            <span class="screenReaderText" id="markUnRead{{comm.CommunicationId}}">Mark {{comm.Emailsubject}} message for {{oQ.Value}} as unread</span>
                            <span class="screenReaderText" id="archive{{comm.CommunicationId}}">Archive {{comm.Emailsubject}} message for {{oQ.Value}}</span>
                            <span class="screenReaderText" id="unreadIcon{{comm.CommunicationId}}">Unread message: {{comm.Emailsubject}}</span>
                        </div>
                    </div>
                    <div ng-if="tgSettings.showfromindicatorinmessages.toLowerCase()=='yes'">
                        <div class="fieldLabel">From</div>
                        <div class="field">{{comm.FromEmail}}</div>
                    </div>
                </div>
                <div class="cardFooter veryLightAccentBkg">
                    <div class="status" ng-if="comm.ViewStatus == 1"><a href="#" id='msg_1_{{comm.CommunicationId}}' aria-labelledby="markUnRead{{comm.CommunicationId}}" class="UnderLineLink" ng-click="UpdateCommStatus(comm.CommunicationId, 0, 'bell',comm.IsTGCommunication)">Mark unread</a></div>
                    <div class="status" ng-if="comm.ViewStatus == 0"><a href="#" id='msg_0_{{comm.CommunicationId}}' aria-labelledby="markRead{{comm.CommunicationId}}" class="UnderLineLink" ng-click="UpdateCommStatus(comm.CommunicationId, 1, 'bell',comm.IsTGCommunication)">Mark read</a></div>
                    <div class="delete"><a href="#" class="UnderLineLink" aria-labelledby="archive{{comm.CommunicationId}}" ng-click="UpdateCommStatus(comm.CommunicationId, comm.ViewStatus == 1 ? 3 : 4, 'bell',comm.IsTGCommunication)"><i class="fa fa-folder-o" aria-hidden="true"></i>Archive</a></div>
                </div>

            </div>

            <div class="baseColorPalette archiveAllLink" ng-if="messages.length > 0">
                <a id="archiveAllLink" href="#" class="UnderLineLink" ng-click="ArchiveAllMessages()" aria-label="archive all messages">Archive all</a>
            </div>
        </div>
    </div>



    <div class="ReferralsContainer vExpParent">
        <div ng-show="bCanZoneJobsLoadingState" class="link customspinner" j-query="toggleSpinner"><span class="screenreadertext">Loading</span></div>
        <div class="Divpadding" ng-if="!bStandAloneAssessView">
            <div class="backLink" ng-click="DashBoardBack()">
                <a href=""><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><span class="UnderLineLink">Back</span></a>
            </div>
        </div>
        <h1 class="Divpadding title">Referrals</h1>

        <div class="ReferralsCards lightAccentBkg vExpDiv ghostBorder" ng-if="(ReferralData | isValidObject)">
            
            <div class="newMsgContainer expiredReferral" ng-show="bShowActiveExpiredReferralAlert" role="alert">
                <div class="iconContainer BkgWarning">
                    <i class="fa fa-exclamation-triangle" role="presentation"></i>
                </div>
                <div class="msgContainer BorderWarning">
                    <div class="expiredRefHeader">Some active referrals have been removed.</div>
                    <div class="expiredRefMessage">The following referrals are no longer valid:</div>
                    <ul>
                        <li class="expiredRefList" ng-repeat="ExpiredReferral in ExpiredActiveReferrals | limitTo:ExpActiveRefquantity track by $index">
                            <span class="ExpiredrefHead" ng-if="!(ExpiredReferral.JobTitle ==null || ExpiredReferral.JobTitle == undefined || ExpiredReferral.JobTitle == '')" ng-bind-html="ExpiredReferral.CandidateName + ' (' + $root.utils.htmlEncode(ExpiredReferral.JobTitle) +') '+ '-' + ' Applied ' + ExpiredReferral.ReferralSubmissionDate"></span>
                            <span class="ExpiredrefHead" ng-if="(ExpiredReferral.JobTitle ==null || ExpiredReferral.JobTitle == undefined || ExpiredReferral.JobTitle == '')" ng-bind-html="ExpiredReferral.CandidateName + ' (General Referral) '+ '-' + ' Applied ' + ExpiredReferral.ReferralSubmissionDate"></span>
                        </li>
                    </ul>

                    <a class="expiredRefMessage UnderLineLink" ng-if="ExpActiveRefquantity==4 && ExpiredActiveReferrals.length>4" ng-click="ExpRefquantityrefresh(ExpiredActiveReferrals.length,true)">show more</a>
                    <a class="expiredRefMessage UnderLineLink" ng-if="ExpActiveRefquantity==ExpiredActiveReferrals.length && ExpiredActiveReferrals.length>4" ng-click="ExpRefquantityrefresh(4,true)">show less</a>
                </div>
                <a class="expiredAlert-close" handle-spacebar="" aria-label="Close" role="button" ng-click="bShowActiveExpiredReferralAlert=!bShowActiveExpiredReferralAlert" tabindex="0" href="#0"><span class="screenReaderText ng-binding">Close</span></a>
            </div>
            
            <div class="newMsgContainer expiredReferral" ng-show="bShowExpiredReferralAlert" role="alert">
                <div class="iconContainer BkgWarning">
                    <i class="fa fa-exclamation-triangle" role="presentation"></i>
                </div>
                <div class="msgContainer BorderWarning">
                    <div class="expiredRefHeader">Some sent referrals have been removed.</div>
                    <div class="expiredRefMessage">The following referrals have expired:</div>
                    <ul>
                        <li class="expiredRefList" ng-repeat="ExpiredReferral in ExpiredReferrals | limitTo:ExpRefquantity track by $index">
                            <span class="ExpiredrefHead" ng-if="!(ExpiredReferral.JobTitle ==null || ExpiredReferral.JobTitle == undefined || ExpiredReferral.JobTitle == '')" ng-bind-html="$root.utils.htmlEncode(ExpiredReferral.JobTitle) + ' ' + ExpiredReferral.AutoReq + ', Sent ' + ExpiredReferral.ReferralSubmissionDate"></span>
                            <span class="ExpiredrefHead" ng-if="(ExpiredReferral.JobTitle ==null || ExpiredReferral.JobTitle == undefined || ExpiredReferral.JobTitle == '')">General Referral, Sent {{ExpiredReferral.ReferralSubmissionDate}} </span>
                        </li>
                    </ul>
                    <a class="expiredRefMessage UnderLineLink" ng-if="ExpRefquantity==4 && ExpiredReferrals.length>4" ng-click="ExpRefquantityrefresh(ExpiredReferrals.length,false)">show more</a>
                    <a class="expiredRefMessage UnderLineLink" ng-if="ExpRefquantity==ExpiredReferrals.length && ExpiredReferrals.length>4" ng-click="ExpRefquantityrefresh(4,false)">show less</a>
                </div>
                <a class="expiredAlert-close" handle-spacebar="" aria-label="Close" role="button" ng-click="bShowExpiredReferralAlert=!bShowExpiredReferralAlert" tabindex="0" href="#0"><span class="screenReaderText ng-binding">Close</span></a>
            </div>
            
            <button aria-expanded="{{ActiveReferrals}}" class="referralHeaders linkColor" ng-space="" ng-enter="" ng-click="CollapseSection('ActiveReferrals')"><span class="">Active Referrals</span> <span class="Tabcounts">({{(ReferralData.ActiveReferral!==undefined && ReferralData.ActiveReferral.length>0)? ReferralData.ActiveReferral.length: 0}})</span> <i class="fa link" ng-class="{'fa-chevron-up': ActiveReferrals, 'fa-chevron-down': !ActiveReferrals}" role="presentation"></i></button>
            <div class="ActiveReferrals jobCardsContainer" ng-if="ReferralData.ActiveReferral!==undefined && ReferralData.ActiveReferral.length>0">
                <div key-focus="cards" ng-repeat="referral in ReferralData.ActiveReferral" class="jobCard baseColorPalette ghostBorder">
                    <div class="referral-side-icon" ng-if="referral.CopyOrMoveAction == 2 || referral.CopyOrMoveAction == 3">
                        <span ng-if="referral.CopyOrMoveAction == 2" class="lightAccentBkg">Moved</span>
                        <span ng-if="referral.CopyOrMoveAction == 3" class="lightAccentBkg">Copied</span>
                    </div>
                    <div class="content">
                        <h2 class="Wraptitle multilineTitle" ng-bind-html="$root.utils.htmlEncode(referral.CandidateName)"></h2>
                        <label ng-if="referral.HRStatus != ''">Candidate status <span>{{referral.HRStatus}}</span></label>
                        <label ng-if="referral.ReferralSubmissionDate != ''">Applied <span>{{referral.ReferralSubmissionDate}}</span></label>
                        <label>Referral method <span>{{referral.ReferralMethod}}</span></label>
                        <label class="AutoReq" ng-if="referral.AdditionalReqFieldsToDisplay.length > 0 || referral.JobTitle != '' ">
                            Job reference
                            <span class="RefTitle" ng-click="" ng-bind-html-compile="$root.utils.htmlEncode(referral.JobTitle)"></span>
                            <span ng-repeat="reqField in referral.AdditionalReqFieldsToDisplay" ng-bind-html="$root.utils.htmlEncode(reqField)"></span>
                        </label>
                        <label ng-if="referral.ReferralStatus != ''">Referral status <span ng-bind-html="referral.ReferralStatus"></span></label>
                    </div>
                </div>
            </div>
            <div class="EmptyActiveReferrals" ng-if="ReferralData.ActiveReferral===undefined || ReferralData.ActiveReferral.length==0">
                <label class="EmptyMessage">You do not have any active referrals.</label>
            </div>

            

            <button aria-expanded="{{SentReferrals}}" class="referralHeaders linkColor" ng-space="" ng-enter="" ng-click="CollapseSection('SentReferrals')"><span class="">Sent Referrals</span> <span class="Tabcounts">({{(ReferralData.SentReferral!==undefined && ReferralData.SentReferral.length>0)? ReferralData.SentReferral.length: 0}})</span> <i tabindex="0" class="fa link" ng-class="{'fa-chevron-up': SentReferrals, 'fa-chevron-down': !SentReferrals}" role="presentation"></i></button>
            <div class="SentReferrals jobCardsContainer" ng-if="ReferralData.SentReferral!==undefined && ReferralData.SentReferral.length>0">
                <div key-focus="cards" ng-repeat="referral in ReferralData.SentReferral" class="jobCard baseColorPalette ghostBorder">
                    <div class="content">
                        <h2 class="Wraptitle multilineTitle" ng-bind-html="$root.utils.htmlEncode(referral.JobTitle!=null && referral.JobTitle!== undefined && referral.JobTitle!='' ? referral.JobTitle:'General Referral')"></h2>
                        <div class="AutoReq" ng-if="referral.AdditionalReqFieldsToDisplay.length > 0">
                            <label>
                                Job reference
                                <span ng-repeat="reqField in referral.AdditionalReqFieldsToDisplay" ng-bind-html="$root.utils.htmlEncode(reqField)"></span>
                            </label>
                        </div>
                        <label class="Refdate">Sent <span>{{referral.ReferralSubmissionDate}}</span></label>
                        <label>Referral method <span>{{referral.ReferralMethod}}</span></label>
                    </div>
                    <div class="cardFooter veryLightAccentBkg" ng-if="IsRefEmailMethod(this)">
                        <a my-aria-label class="resendRefLink" ng-click="ResendSocialReferralMenu(referral.ReqId,referral.ReferralMethod, referral.smpostingid)"><i class="fa fa-repeat" aria-hidden="true"></i>Resend</a>
                    </div>
                </div>
            </div>
            <div class="EmptySentReferrals" ng-if="ReferralData.SentReferral===undefined || ReferralData.SentReferral.length==0">
                <label class="EmptyMessage">You do not have any sent referrals.</label>
            </div>

        </div>
        <div class="ReferralsCards lightAccentBkg vExpDiv ghostBorder" ng-if="!(ReferralData | isValidObject)">
            <label class="ReferralsEmpty" ng-if="!bCanZoneJobsLoadingState">You do not have any referrals.</label>

            <label class="ReferralsEmpty" ng-if="!bCanZoneJobsLoadingState">
                <a class="UnderLineLink" ng-click="LaunchSearchResultsFromDashBoard()">Search for jobs</a><span> to find some you might like to refer.</span>
            </label>
        </div>
    </div>



    <div class="ApplicationsDetail CandZonedashboardContainer">
        <div class="Divpadding backLink" ng-click="DashBoardBack()">
            <a href=""><i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i><span class="UnderLineLink">Back</span></a>
        </div>
        <div class="applicationAddFiles">
            <h1 class="header">Attach Documents</h1>

            <div class="message">Please include any of the following documents with your application.</div>
            <ul class="message" >
                <li ng-repeat="cat in attachmentCategories">
                 {{cat.Name}}
                </li>
            </ul>
            <div class="message">You may include a maximum of 15 files in this section.</div>

            <div class="message" ng-if="attachmentCategories.length > 0 && penddingAttachments.length < 16">
                <div class="instruction"><span id="lbl_AttachementCatagory"> What do you want to add? </span></div>
                <select class="ui-select" name="AttachementCatagory" j-query="selectmenu({change: appScope.addAttachment})" id="AttachementCatagory" ng-model="Categories" aria-labelledby="lbl_AttachementCatagory">
                    <option value="" id="attachmentCategoryPlaceHolder">Choose...</option>
                    <option ng-repeat="option in attachmentCategories" value="{{option.Id}}.{{option.Name}}">{{option.Name}}</option>
                </select>
            </div>

            <div class="pendingAttachments" ng-if="penddingAttachments.length > 0" ng-repeat="cat in attachmentCategories">
                <div class="category" ng-if="getPenddingAttachmentsByCat(cat.Id).length > 0">
                    <div class="categoryName">{{cat.Name}}</div>
                    <div class="attachment" ng-repeat="file in getPenddingAttachmentsByCat(cat.Id)">
                        <div class="file"><div class="Wraptitle">{{file.Name}}</div>
                        <a href="#" ng-click="removePenddingAttachment(file.Id)"><i class="fa fa-times" aria-hidden="true"></i><span class="screenReaderText ng-binding">Remove selection</span></a>
                        </div>
                    </div>
                </div>
            </div>

            <button class="primaryButton" ng-if="penddingAttachments.length > 0" ng-click="attachFilesToApplication()"><span class="button-label">Submit</span></button>
            <a class="UnderLineLink" role="link" ng-click="DashBoardBack()">Cancel</a>
        </div>

    </div>



    <div ng-if="candidatezoneEditProfileView=='myCerts'" class="vExpDiv fileManager lightAccentBkg ghostBorder">
        <br />

        <h1 class="thick ProfileInfoHeaderText">Digital Certifications</h1>
        <br />

        <div class="instruction">You may import your digital certifications from your backpack.</div>
        <br />
        <button class="primaryButton" type="button" ng-click="ImportCerts('1')"><span class="button-label">Import Certs</span></button>
    </div>



    <div class="privacyPolicyContainer">
        <span class="backLink" ng-if="(standAloneGQ <= 0 || (standAloneGQ > 0 && !isNonProfileAllowed)) && encryptedBruid == '' " ng-click="goBackCreateUserFlow()">
            <i aria-hidden="true" class="fa fa-arrow-circle-o-left"></i>
            <a class="UnderLineLink" ng-if=" !bprivacyoptout">Back</a>
        </span>
        <div ng-if="bMultiplePrivacyPolicyStatement" class="privacyPolicyStatementDiv" j-query="setFocus">
                <h1 class="privacyPolicyLabelText" j-query="setFocus">{{privacyPolicySettings.PrivacyPolicyLabelText}}</h1>
                <div class="thick sideNote">Note: You must AGREE to proceed.</div>
                  <fieldset j-query="setFocus">
                    <legend class="ListView"><label class="screenReaderText">{{privacyPolicySettings.PrivacyPolicyLabelText}} Note: You must AGREE to proceed.</label></legend>
                    <div class="privacyPolicyOptions" ng-repeat="OptionPolicySetting in OptionPolicySettings">
                        <input type="radio" id="PolicyOption{{OptionPolicySetting.SettingId}}" ng-checked="{{$index}} == 0 ? true: false" name="option" value="{{OptionPolicySetting.SettingId}}" ng-model="option" ng-click="changeStatement(this)" ng-focus="changeStatement(this)" aria-labelledby="PolicyOption{{OptionPolicySetting.SettingId}} PolicyStatement{{OptionPolicySetting.CurrentVersion}} agreeButtonEnableText consentCheck" styled-input />
                        <label for="PolicyOption{{OptionPolicySetting.SettingId}}">
                            {{OptionPolicySetting.PolicySettingValue.OptionText}}
                        </label>
                    </div>
                </fieldset>

                <div id="PolicyStatement{{OptionPolicySetting.CurrentVersion}}" ng-bind-html="OptionPolicySetting.PolicySettingValue.StatementText" class="privacyPolicyStatement"></div>
                <label id="consentCheck" aria-hidden="false" class="screenReaderText" aria-live="assertive" ng-if="bConsentTexts">Please check all consent checkboxes to continue.</label>
                <label id="agreeButtonEnableText" ng-if="OptionPolicySetting.PolicySettingValue.ConsentTexts.length == 0" aria-hidden="true" class="agreeButtonEnableText screenReaderText" aria-live="assertive" for="PolicyStatement{{OptionPolicySetting.CurrentVersion}}">Agree button is enabled.</label>
                <div role="menu">
                <div ng-if="bConsentTexts" class="privacyPolicyOptions" ng-repeat="ConsentText in ConsentTexts track by $index">
                    <input class="multiplePolicyConsent" type="checkbox" role="menuitemcheckbox" id="consentText{{$index}}" name="option{{$index}}" value="{{ConsentText}}" ng-model="option" ng-click="multiplePolicyConsentCheck()" styled-input tabindex="0" />
                    <label for="consentText{{$index}}">
                        {{ConsentText}}
                    </label>
                    <label aria-hidden="true" class="agreeButtonEnableText screenReaderText" aria-live="assertive" for="consentText{{$index}}">Agree button is enabled.</label>
                </div>
                </div>
            <button class="primaryButton padTopAndBottom" ng-click="nextMultiplePrivacyFlow('option1', 'statement')" ng-disabled="!bAgreeButton" aria-label="{{dynamicStrings.Button_Agree}} to Privacy Policy">
                <span class="button-label">{{dynamicStrings.Button_Agree}}</span>
            </button>
            <a class="UnderLineLink" ng-bind-html="dynamicStrings.Button_DisAgree" ng-click="multiplePolicyPrivacyDisAgreeAction()" aria-label="{{dynamicStrings.Button_DisAgree}} to Privacy Policy"></a>
        </div>

        <div ng-if="bMultiplePrivacyPolicyQuestion" class="privacyPolicyQuestionDiv" ng-init="option = 'option1'" j-query="setFocus">
            
            <fieldset id="FileList">
                <legend class="ListView"><label class="screenReaderText" j-query="html(privacyPolicySettings.PrivacyPolicyQuestion)"></label></legend>
                    <div class="privacyPolicyQuestion" j-query="html(privacyPolicySettings.PrivacyPolicyQuestion)"></div><br />
                    <div class="privacyPolicyOptions">
                        <input type="radio" role="radio" ng-checked="true" id="option1" name="option" value="option1" ng-model="option" styled-input tabindex="0" />
                        <label for="option1">
                            {{privacyPolicySettings.PrivacyPolicyOption1}}
                        </label>
                    </div>
                    <div class="privacyPolicyOptions">
                        <input type="radio" role="radio" id="option2" name="option" value="option2" ng-model="option" styled-input tabindex="0" />
                        <label for="option2">
                            {{privacyPolicySettings.PrivacyPolicyOption2}}
                        </label>
                    </div>
            </fieldset>
            <button class="primaryButton padTopAndBottom" ng-click="nextMultiplePrivacyFlow(this.option,'question')">
                <span class="button-label">{{dynamicStrings.Button_Continue}}</span>
            </button>
        </div>

        <div ng-if="bPrivacyOptOut" class="privacyPolicyOptOutDiv" j-query="setFocus">
            <div tabindex="0">
                <h1 class="privacyPolicyLabelText" j-query="setFocus">{{privacyPolicySettings.AlternativePrivacyPolicyLabelText}}</h1>
                <div class="privacyPolicyStatement" j-query="html(privacyPolicySettings.AltPrivacyPolicy)"></div>
            </div>
            <button class="primaryButton padTopAndBottom" ng-click="nextMultiplePrivacyFlow('option3')" aria-label="{{dynamicStrings.Button_Ok}} end this workflow">
                <span class="button-label">{{dynamicStrings.Button_Ok}}</span>
            </button>
        </div>
    </div>


Requests	IP Address	Location	AS Autonomous System
10	104.18.7.147	United States	AS13335Cloudflare, Inc.
10	104.18.33.206	United States	AS13335Cloudflare, Inc.
10	20.12.121.68	Boydton, Virginia, United States	AS8075Microsoft Corporation
30	3	-	-

Security Scan Report: sjobs.brassring.com

Summary

AI Security Verdict

Low Risk

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies4

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History