/* Minification failed. Returning unminified contents. (85,34): run-time error CSS1039: Token not allowed after unary operator: '-primary' (900,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1216,42): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1216,58): run-time error CSS1039: Token not allowed after unary operator: '-light' (1318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1964,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1966,46): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (1967,43): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (1968,38): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (2020,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (2317,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (2402,35): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (4343,18): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4348,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4356,29): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4357,28): run-time error CSS1039: Token not allowed after unary operator: '-accent' (4679,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4698,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (4705,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (5950,29): run-time error CSS1039: Token not allowed after unary operator: '-primary' (6137,33): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (6139,50): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (6140,47): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (6141,42): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (6201,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (6380,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8625,21): run-time error CSS1039: Token not allowed after unary operator: '-button-font-size' (8660,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-filter-label-font-size' (8668,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-500' (8676,21): run-time error CSS1039: Token not allowed after unary operator: '-advanced-search-toggle-font-size' (8693,21): run-time error CSS1039: Token not allowed after unary operator: '-advanced-search-label-font-size' (8697,21): run-time error CSS1039: Token not allowed after unary operator: '-advanced-search-input-font-size' (8715,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (8786,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8789,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (8792,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (8795,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (8799,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (8804,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8808,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8820,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (8822,46): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (8823,43): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (8824,38): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (8834,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (8841,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8842,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (8843,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8854,36): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslHue' (8854,58): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslSaturation' (8854,87): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslLightnessDark' (8862,36): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslHue' (8862,58): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslSaturation' (8862,87): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslLightnessDarker' (8871,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (8872,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8873,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8884,36): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslHue' (8884,58): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslSaturation' (8892,36): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslHue' (8892,58): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslSaturation' (8902,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-500' (8903,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (8904,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-200' (8910,21): run-time error CSS1039: Token not allowed after unary operator: '-scale-100' (8914,25): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8919,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8923,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8926,21): run-time error CSS1039: Token not allowed after unary operator: '-scale-200' (8930,32): run-time error CSS1039: Token not allowed after unary operator: '-scale-500' (8935,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (8937,46): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (8938,43): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (8939,38): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (8943,39): run-time error CSS1039: Token not allowed after unary operator: '-scale-500' (8947,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (8951,25): run-time error CSS1039: Token not allowed after unary operator: '-scale' (8955,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (8959,26): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (8963,21): run-time error CSS1039: Token not allowed after unary operator: '-scale' (8967,47): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslHue' (8967,69): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslSaturation' (8967,98): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslLightnessDarker' (8967,133): run-time error CSS1039: Token not allowed after unary operator: '-accent' (8971,32): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8975,32): run-time error CSS1039: Token not allowed after unary operator: '-light' (8979,46): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8979,62): run-time error CSS1039: Token not allowed after unary operator: '-accent' (8983,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (8987,32): run-time error CSS1039: Token not allowed after unary operator: '-light' (8993,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-200' (8999,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-200' (9003,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9007,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9011,21): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9015,21): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9020,21): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9025,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9029,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9030,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9034,32): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9038,32): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9048,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9059,17): run-time error CSS1039: Token not allowed after unary operator: '-error' (9063,21): run-time error CSS1039: Token not allowed after unary operator: '-error' (9067,21): run-time error CSS1039: Token not allowed after unary operator: '-error' (9071,28): run-time error CSS1039: Token not allowed after unary operator: '-error' (9078,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9083,22): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9087,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9091,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9094,26): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9102,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9105,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9110,25): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9115,25): run-time error CSS1039: Token not allowed after unary operator: '-scale-100' (9119,25): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9123,36): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9124,25): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9128,37): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9132,35): run-time error CSS1039: Token not allowed after unary operator: '-secondaryRgb' (9136,30): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9140,25): run-time error CSS1039: Token not allowed after unary operator: '-scale-100' (9145,43): run-time error CSS1039: Token not allowed after unary operator: '-scale-300' (9151,25): run-time error CSS1039: Token not allowed after unary operator: '-scale-100' (9155,25): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9159,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9160,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9164,26): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslHue' (9164,48): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslSaturation' (9164,77): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslLightnessDark' (9168,26): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslHue' (9168,48): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslSaturation' (9168,77): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslLightnessDarker' (9172,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9176,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9180,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9184,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9185,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9189,32): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9193,32): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9201,35): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9205,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9210,22): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9213,26): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9218,16): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9221,18): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9224,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-100' (9228,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-100' (9232,28): run-time error CSS1039: Token not allowed after unary operator: '-light' (9233,28): run-time error CSS1039: Token not allowed after unary operator: '-accent' (9237,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-500' (9241,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9244,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (9245,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9250,17): run-time error CSS1039: Token not allowed after unary operator: '-error' (9254,25): run-time error CSS1039: Token not allowed after unary operator: '-error' (9259,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9263,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9267,21): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9271,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9275,21): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9279,21): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9283,17): run-time error CSS1039: Token not allowed after unary operator: '-error' (9287,17): run-time error CSS1039: Token not allowed after unary operator: '-success' (9291,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9315,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9316,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9320,40): run-time error CSS1039: Token not allowed after unary operator: '-scale-300' (9325,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9326,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9334,32): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9338,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9342,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9343,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9347,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9351,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-200' (9375,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-100' (9381,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9382,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9386,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9390,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-200' (9397,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9402,17): run-time error CSS1039: Token not allowed after unary operator: '-error' (9406,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-100' (9410,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9414,29): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9419,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9424,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9429,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-200' (9433,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9434,35): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9435,34): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9439,21): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9443,26): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9448,26): run-time error CSS1039: Token not allowed after unary operator: '-scale-500' (9452,25): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9456,21): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9460,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9464,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-500' (9465,32): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9469,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9470,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9475,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9480,27): run-time error CSS1039: Token not allowed after unary operator: '-primaryRgb' (9486,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9487,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9493,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9499,27): run-time error CSS1039: Token not allowed after unary operator: '-secondaryRgb' (9504,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9509,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9513,32): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9514,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-500' (9520,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9524,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9525,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9529,32): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9533,21): run-time error CSS1039: Token not allowed after unary operator: '-scale-300' (9534,32): run-time error CSS1039: Token not allowed after unary operator: '-scale-600' (9539,46): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslHue' (9539,68): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslSaturation' (9539,97): run-time error CSS1039: Token not allowed after unary operator: '-primaryHslLightnessDark' (9539,130): run-time error CSS1039: Token not allowed after unary operator: '-light' (9545,28): run-time error CSS1039: Token not allowed after unary operator: '-scale-500' (9546,35): run-time error CSS1039: Token not allowed after unary operator: '-scale-400' (9552,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9556,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9557,24): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9561,28): run-time error CSS1039: Token not allowed after unary operator: '-accent' (9562,24): run-time error CSS1039: Token not allowed after unary operator: '-accent' (9566,17): run-time error CSS1039: Token not allowed after unary operator: '-scale' (9570,17): run-time error CSS1039: Token not allowed after unary operator: '-scale-100' */ .account-settings .account-settings-content .acc-set-content { margin-bottom: 15px; } .account-settings .account-settings-content .acc-set-content .acc-set-label { margin-bottom: 5px; } .account-settings .account-settings-content .acc-set-content .acc-mail-label { font-weight: bold; padding-right: 10px; } .account-settings .account-settings-content .acc-set-content .acc-pass-label { padding-right: 10px; } .account-settings .account-settings-content .delete-account-icon { font-size: 15px; margin-right: 5px; } .account-settings .account-settings-content .del-acc-btn, .account-settings .account-settings-content .change-email-btn, .account-settings .account-settings-content .change-password-btn { cursor: pointer; } .account-settings .account-settings-content .del-acc-btn:hover, .account-settings .account-settings-content .change-email-btn:hover, .account-settings .account-settings-content .change-password-btn:hover { text-decoration: underline; } .delete-account-dialog .dijitDialogTitleBar { visibility: hidden; } .account-settings-content label { font-size: 1.1em; } .account-settings .account-settings-content .acc-set-content .acc-set-delete-button { float: right; margin: -20px } .account-settings .account-settings-content .acc-set-content .acc-set-delete-button .delete-button { border: none; vertical-align: middle; padding: 5px; } .account-settings .account-settings-content .acc-set-content .acc-set-delete-button .iconDelete { font-size: 1.5em; margin-top: -4px; } .CandidatePortal .branding .header-content-wrapper { display: flex; width: 100%; flex-direction: column; max-height: 100px; /*this is to match the height of the company logo; it is set to max-height 100px */ } .CandidatePortal .branding .flex-container-branding { display: flex; max-height: 60px; } .CandidatePortal .branding .culture-login-wrapper { flex: 1; align-self: flex-end; margin-right: 10px; } .CandidatePortal .branding .header-links-wrapper { flex: 1; align-self: flex-end; } .CandidatePortal .branding .vertical-line { padding-right: 15px; position: relative; right: 4%; border-right: 2px solid var(--primary); height: 18px; margin-top: 11px; } .CandidatePortal .branding button.btn-primary.signInButtonDesktop { margin-top: 6px; } .CandidatePortal .branding .dijitTextBox input:focus { outline: auto; } .CandidatePortal .branding main:focus, .CandidatePortal .branding div:focus { outline: none; } .CandidatePortal .branding .header ul, .CandidatePortal .branding .header ol, .CandidatePortal .branding .toolbar ul, .CandidatePortal .branding #mobile-menu ul, .CandidatePortal .branding #mobile-menu ol, .CandidatePortal .branding .job-posting-content.locations ul { margin: 0; padding: 0; } .CandidatePortal .branding .header ul > li, .CandidatePortal .branding .header ol > li, .CandidatePortal .branding .toolbar ul > li, .CandidatePortal .branding #mobile-menu ul > li, .CandidatePortal .branding #mobile-menu ol > li, .CandidatePortal .branding .job-posting-content.locations ul > li { list-style: none; } .CandidatePortal .branding ul.post-offer-vevraa-list > li { list-style-type: circle; font-size: 1em; line-height: 1.5em; margin: 0; } .CandidatePortal .branding ul.post-offer-vevraa-list{ padding-left: 40px; } .CandidatePortal .branding .vevraa-form-button { text-align: center; margin: 0; } .CandidatePortal .branding .vevraa-title { text-align: center; } .CandidatePortal .branding .vevraa-title > a { text-decoration: underline; } .CandidatePortal .branding .vevraa-form-button > button { text-align: center; margin: 0; } .CandidatePortal .branding .header { display: flex; position: relative; min-height: 40px; max-width: 1500px; margin:auto; } .CandidatePortal .branding .skip-link { position: absolute; left: -100%; } .CandidatePortal .branding .skip-link:focus { left: 50%; margin-top: 20px; transform: translate(-50%, -50%); } .CandidatePortal .branding .header .logo-wrapper { min-height: 100px; } .CandidatePortal .branding .header .company-logo { max-height: 100px; max-width: 200px; } .CandidatePortal .branding .header .header-links { align-self: flex-end; flex-grow: 1; display: flex; } .CandidatePortal .branding .header .header-links ol { display: flex; justify-content:flex-end; flex-wrap:wrap; } .CandidatePortal .branding .header .header-links .context-bar .context-bar-link{ padding: 0 5px 0 35px; display: inline-block; text-align: center; height: 35px; line-height: 35px; white-space: nowrap; } .CandidatePortal .branding a { text-decoration: none; } .CandidatePortal .branding a:hover, .CandidatePortal .job-listing > .search-results a:hover { text-decoration: underline; } .CandidatePortal .branding a.btn-primary { display: inline-block; padding: 10px 25px; border-radius: 2px; } .CandidatePortal .branding .content-wrapper { padding: 0 0 10px 0; } .CandidatePortal .branding .header .header-links a { text-transform: capitalize; font-size: 1.3em; } .CandidatePortal .branding .toolbar{ -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2); } .CandidatePortal .branding .toolbar-content { display: flex; justify-content: space-between; position: relative; margin: 0 auto; max-width: 1500px; box-sizing: border-box; } .CandidatePortal .branding .toolbar .login-view .dijitButtonNode { border: none; border-radius: 3px; cursor: pointer; margin-right: 5px; } .CandidatePortal .branding .content .breadcrumb { display: flex; margin-top: 5px; flex-wrap: wrap; } .CandidatePortal .branding .breadcrumb li { padding: 3px 25px 0 25px; height: auto; line-height: 27px; } .CandidatePortal .branding .breadcrumb li.active { padding: 3px 25px 0 25px; height: auto; line-height: 27px; font-weight: bold; } .CandidatePortal .branding .breadcrumb li a { font-size: 1.3em; white-space: nowrap; } .CandidatePortal .branding .breadcrumb .icon.cp-i-arrow_left.back-button { padding-right: 7px; font-size: calc(16rem/10); vertical-align: baseline; } .CandidatePortal .branding footer { padding: 20px 10px; padding-bottom: 38px; } .CandidatePortal .branding footer > nav { display: flex; flex-direction: row; align-items: stretch; } .CandidatePortal .branding footer > nav > ul { overflow: hidden; } .CandidatePortal .branding footer > nav > ul h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .CandidatePortal .branding footer ul { flex: 1; padding: 0 4px 0 4px; margin-top: -40px; } .CandidatePortal .branding footer .header-label { margin-top: 0; min-width: 0; } .CandidatePortal .branding footer ul > li, .CandidatePortal .branding footer ol > li { list-style: none; padding: 2px; margin: 2px; } .CandidatePortal .branding .letterManagmentFooter { z-index:100; } .CandidatePortal .branding footer-links > li { margin-top: 10px; } .CandidatePortal .branding .page-content-wrapper::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 300px } .CandidatePortal .branding .page-content-wrapper { padding: 20px 10px 10px 10px; position: relative; min-height: 300px; margin-bottom:29px; } .CandidatePortal .branding .page-content-wrapper::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 300px; } .CandidatePortal .branding .page-content-wrapper-letter { padding: 20px 10px 10px 10px; position: relative; min-height: 300px; margin-bottom: 29px; } .CandidatePortal .branding .page-content-wrapper-letter::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 300px } .CandidatePortal .branding .page-content-wrapper-letter::after { content: ''; position: fixed; bottom: 0; left: 0; right: 0; top: 300px; } .CandidatePortal .branding .page-content { position: relative; z-index: 1; } .CandidatePortal .branding .page-content h1 { font-size: 2em; margin: 0.5em 0; padding: 0; } .CandidatePortal .branding .page-content .main-content-width .subtitle-container h2 { margin-top: 0; font-weight: normal; } .CandidatePortal .branding .header .culture { cursor: default; align-self: flex-start; margin-top: 11px; margin-right: 5px; } .CandidatePortal .branding .header .culture .header-text .icon{ margin: -1px 4px 0 4px; } .CandidatePortal .branding .header .culture .header-text span { padding:2px; } .CandidatePortal .branding .header .culture > .list { display:none; opacity: 0; transition: opacity 200ms; position: relative; padding: 0px 0px; z-index: 1000; margin-top: 5% } .CandidatePortal .branding .header .culture.expanded > .list { display:block; opacity: 1; } .CandidatePortal .branding .header .culture > .list > * { display: block; text-decoration: none; white-space: nowrap; padding: 5px 10px; color: inherit; } .CandidatePortal .branding .header .culture > .list > ul > li { display: block; text-decoration: none; white-space: nowrap; color: inherit; margin: -5px 0px -5px 0px; padding: 3px 5px; } .CandidatePortal .branding .header .culture > .list > ul > li > a { display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width:100px; } .CandidatePortal .branding .popup-logo .imageLogo { max-width: 100px; height: auto; } /* End language selector */ .CandidatePortal .branding .main-content,.CandidatePortal .branding .post-offer-vevraa { margin: 0 auto; max-width: 1000px; box-sizing: border-box; } .CandidatePortal .branding .post-offer-vevraa .post-offer-vevraa-content { margin: 40px 20px 20px 20px; } .CandidatePortal .branding .page-content-wrapper .main-content-width { margin: 0 auto; max-width: 1000px; box-sizing: border-box; } .CandidatePortal .branding footer { margin: 0 auto; max-width: 1500px; box-sizing: border-box; } .CandidatePortal .branding .main-content.privacy-policy-content, .CandidatePortal .branding .main-content.account-settings-content { padding: 20px; } .CandidatePortal .branding .job-posting-banner-wrapper { margin-left: -2px; margin-top: -2px; overflow: hidden; margin-right: -2px; } .CandidatePortal .branding img.job-posting-banner { display: block; max-width: 100%; margin: auto; } .CandidatePortal .branding .job-posting-content { margin: 40px 20px 20px 20px; } .CandidatePortal .branding .job-posting-content-letter { margin: 10px 10px 10px 10px; } .CandidatePortal .branding .job-posting-content-letter .letter-attachment { border-top: 1px solid #ddd; display: inline-block; width: 100%; border-top: 1px solid #ddd; display: inline-block; width: 100%; margin-left: -10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; margin-bottom: -10px; } .CandidatePortal .branding .job-posting-content-letter .letter-attachment-size { color: gray; display: inline-block; } .CandidatePortal .branding .job-posting-content-letter .letter-attachment-icon-pdf { background: url(../images/G08_DocTypePDF.svg) no-repeat !important; height: 16px; width: 16px; } .CandidatePortal .branding .job-posting-content-letter .letter-attachment-icon-doc { background: url(../images/G08_DocTypeDOC.svg) no-repeat !important; height: 16px; width: 16px; } .CandidatePortal .branding .job-posting-content-letter .letter-attachment-icon-docx { background: url(../images/G08_DocTypeDOTX.svg) no-repeat !important; height: 16px; width: 16px; } .CandidatePortal .branding .job-posting-content-letter .letter-attachment-icon-txt { background: url(../images/G08_DocTypeTXT.svg) no-repeat !important; height: 16px; width: 16px; } .CandidatePortal .branding .job-posting-content-letter .letter-attachment-icon-xls { background: url(../images/G08_DocTypeXLS.svg) no-repeat !important; height: 16px; width: 16px; } .CandidatePortal .branding .job-posting-content-letter .letter-attachment-icon-xlsx { background: url(../images/G08_DocTypeXLTX.svg) no-repeat !important; height: 16px; width: 16px; } .CandidatePortal .branding .job-posting-content-letter .letter-attachment-icon-html { background: url(../images/G08_DocTypeHTM.svg) no-repeat !important; height: 16px; width: 16px; } .CandidatePortal .branding .job-posting-content-letter .letter-attachment-icon-htm { background: url(../images/G08_DocTypeHTM.svg) no-repeat !important; height: 16px; width: 16px; } .CandidatePortal .branding .job-posting-content-letter .letter-attachment-icon-wks { background: url(../images/G08_DocTypeWKS.svg) no-repeat !important; height: 16px; width: 16px; } .CandidatePortal .branding .job-posting-content.locations { margin: 10px 20px; } .CandidatePortal .branding .letter-button { max-width: 1000px; margin: 0 auto; padding-top: 10px; } .CandidatePortal .branding .via-cc-header { background-color: #fff3e0; margin: -1px -1px 0px -1px; width: 100%; height: 35px; } .CandidatePortal .branding .via-cc-header-table { width: 100%; } .CandidatePortal .branding .via-cc-header-row { height: 35px; } .CandidatePortal .branding .via-cc-header-cell { text-align: start; vertical-align: middle; } .CandidatePortal .branding .via-cc-header-img { height: 16px; width: 16px; padding-left: 5px; } .CandidatePortal .branding .letter-download { width: 15px; height: 15px; float: right; } .CandidatePortal .branding .Icon_Download { background: url('../images/Recruitment_sprite.png') no-repeat; height: 16px; width: 16px; display: inline-block; background-position: -5px -495px; margin-right: 10px; } .CandidatePortal .branding .buttonDropdownGroup { flex-direction: column; align-items: flex-end; position: relative; } .CandidatePortal .branding .button.download-nav-item { padding: 2px 5px; margin-bottom: 2px; } .CandidatePortal .branding .downloadButtonIconGroup { display: flex; justify-content: space-between; align-items: center; } .CandidatePortal .branding .button.download-nav-item span { display: flex; justify-content: space-between; align-items: center; } .CandidatePortal .branding .Icon_Download.letter-download { margin: 0px 4px 0 4px; } .CandidatePortal .branding #DownloadDropdownMenu { display: none; position: absolute; right: 0px; top: 100%; z-index: 1; } .CandidatePortal .branding .job-posting-content .iconHeaderPosition { margin-left: 10px; margin-top: 10px; } .CandidatePortal .branding .job-posting-content-letter .iconHeaderPosition { margin-left: 10px; margin-top: 10px; } .CandidatePortal .branding .job-posting-content-letter .iconHeaderInfo { margin-left: 10px; margin-top: 5px; } .CandidatePortal .branding .job-posting-content .accept { background: url('../images/accept.svg') no-repeat; width: 16px; height: 16px; } .CandidatePortal .branding .job-posting-content-letter .accept { background: url('../images/accept.svg') no-repeat; width: 16px; height: 16px; } .CandidatePortal .branding .job-posting-content .reject { background: url('../images/decline.svg') no-repeat; width: 16px; height: 16px; } .CandidatePortal .branding .job-posting-content-letter .reject { background: url('../images/decline.svg') no-repeat; width: 16px; height: 16px; } .CandidatePortal .branding .job-posting-content .pending { background: url('../images/pending.svg') no-repeat; width: 16px; height: 16px; } .CandidatePortal .branding .job-posting-content .pendingHeader { background: url('../images/pending.svg') no-repeat; width: 16px; height: 16px; } .CandidatePortal .branding .job-posting-content-letter .pendingHeader { background: url('../images/pending.svg') no-repeat; width: 16px; height: 16px; } .CandidatePortal .branding .job-posting-content .expire { background: url('../images/pending.svg') no-repeat; width: 16px; height: 16px; } .CandidatePortal .branding .job-posting-content-letter .expire { background: url('../images/expire.svg') no-repeat; width: 16px; height: 16px; } .CandidatePortal .branding .job-posting-content-letter .info { background: url('../images/G08_Info_Everest.svg') no-repeat center; width: 24px; height: 23px; } .CandidatePortal .branding .letter-response { text-align: center; color: black; padding-top: 50px; } .CandidatePortal .branding .letter-response .letter-company-logo-reject { display: block; margin-left: 43%; margin-right: 44%; width: 12%; padding-bottom: 1%; } .CandidatePortal .branding .letter-response .letter-company-logo-accept { display: block; margin-left: 43%; margin-right: 44%; width: 12%; padding-bottom: 1%; font-size: 100px; color: #2B60DE; } .CandidatePortal .branding .letter-response-button { text-align: center; color: black; padding-top: 10px; } .CandidatePortal .branding .letter-message { font-size: 15px; padding-bottom: 2px; } .CandidatePortal .branding .job-posting-content .headerViewContent { flex: 1; margin: 10px; } .CandidatePortal .branding .job-posting-content-letter .headerViewContent { flex: 1; margin: 10px; } .CandidatePortal .branding .job-posting-content .main-letter-header-accept { background-color: #DAF8DA; margin-bottom: 20px; display: flex; } .CandidatePortal .branding .job-posting-content-letter .main-letter-header-accept { background-color: #DAF8DA; margin-bottom: 20px; display: flex; } .CandidatePortal .branding .job-posting-content .main-letter-header-reject { background-color: #FFEBEE; margin-bottom: 20px; display: flex; } .CandidatePortal .branding .job-posting-content-letter .main-letter-header-reject { background-color: #FFEBEE; margin-bottom: 20px; display: flex; } .CandidatePortal .branding .job-posting-content .main-letter-header-pending { background-color: #E3F2FD; margin-bottom: 20px; display: flex; } .CandidatePortal .branding .job-posting-content-letter .main-letter-header-pending { background-color: #E3F2FD; margin-bottom: 20px; display: flex; } .CandidatePortal .branding .job-posting-content .main-letter-header-expired { background-color: #FFF3E0; margin-bottom: 20px; display: flex; } .CandidatePortal .branding .job-posting-content-letter .main-letter-header-expired { background-color: #FFF3E0; margin-bottom: 20px; display: flex; } .CandidatePortal .branding .header-links .context-bar { flex: 1; height: 40px; overflow: hidden; } .CandidatePortal .branding .header-links .dropdown { display: none; height: 2em; } .CandidatePortal .branding .job-posting-content h1 { font-weight: bolder; margin: 20px 0 5px 0; } .CandidatePortal .branding .page-content .main-content h2 { font-weight: normal; font-size: 1.8em; } .CandidatePortal .branding .job-posting-content .job-location, .CandidatePortal .branding .job-posting-content .job-req-number { font-size: 1.15em; font-weight: 400; color: #696969; } .CandidatePortal .branding .job-posting-content .job-location { margin-right: 1em; } .CandidatePortal .branding .job-posting-content .job-date-posted { padding-top:7px; } .CandidatePortal .branding .job-posting-content .job-posting-section { margin-top: 20px; } .CandidatePortal .branding .job-posting-content .job-posting-items { margin-left: -10px; } .CandidatePortal .branding .job-posting-content .job-posting-items > li { display: inline-block; border-radius: 1em; margin-left: 10px; margin-bottom: 10px; } .CandidatePortal .branding .job-posting-content .posting-title-container { display: flex; margin-bottom: 5px; } .CandidatePortal .branding .job-posting-content .posting-title-container h1 { margin: 0; padding: 0; } .CandidatePortal .branding .job-posting-content .posting-title-container .star-container { display: flex; align-items: center; margin-left: auto; } .CandidatePortal .branding .job-posting-content .posting-title-container .star-container .save-job-star { cursor: pointer; font-size: 1.75rem; } .CandidatePortal .branding .job-posting-content .posting-title-container .star-container .cp-i-star_fill { color: var(--primary); } .CandidatePortal .branding .job-posting-items .detail-value{ display: inline-block; padding: 5px; margin-right: 10px; } .CandidatePortal .branding .job-posting-items .detail-name { display: inline-block; padding-left: 5px; border-radius: 0.7em 0 0 0.7em; line-height: 2.6em; padding-right: 5px; margin-left: -1px; } .CandidatePortal .branding .job-posting-items [data-label-after]::after { display: inline-block; } .CandidatePortal .branding .job-posting-content [data-label]::before { content: attr(data-label); } .CandidatePortal .branding .job-posting-content [data-label-after]::after { content: attr(data-label-after); } .CandidatePortal .branding .job-posting-footer { padding: 20px; } .CandidatePortal .branding .job-posting-footer .job-posting-content { margin: 0; display: flex; justify-content: space-between; } .CandidatePortal .branding .job-posting-footer .job-posting-content .shareThis-container { margin: 0 0 0 auto; display: flex; justify-content: flex-end; align-items: center; } .CandidatePortal .branding .job-posting-footer .job-posting-content .shareThis-container .label{ margin-right: 10px; } .CandidatePortal .branding .job-posting-footer .job-posting-content > div { align-self: center; } .CandidatePortal .branding .header-links .grouped-link { display: inline-block; text-align: center; height: 35px; line-height: 35px; white-space: nowrap; margin-right:20px; } .CandidatePortal .branding .header-links .grouped-link .visibility-hidden { display: none; } .CandidatePortal .branding .header-links .dropdown-content { display: none; position: absolute; max-width: 160px; right: 10px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); max-height: 200px; overflow-y: auto; z-index: 1000; top: 90px; } .CandidatePortal .branding .header-links .dropdown-content > li > a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .CandidatePortal .branding .header-links .dropdown-content .context-bar-link{ padding: 5px; display: block; text-align: center; white-space: nowrap; } .CandidatePortal .branding .header-links .dropdown-content a { padding: 5px 10px; text-decoration: none; display: block; text-align: left; } .CandidatePortal .branding .header-links .more { position: relative; width: 5px; height: 5px; border-radius: 50%; } .CandidatePortal .branding .header-links .more:before, .CandidatePortal .branding .header-links .more:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: inherit; border-radius: inherit; } .CandidatePortal .branding .header-links .more:before { left: 10px; } .CandidatePortal .branding .header-links .more:after { left: 20px; } .CandidatePortal .branding .invalid-feedback.summary { margin: 5px 0; } .CandidatePortal .branding label.required::after { content: '*'; } /* PRIVACY POLICY*/ .CandidatePortal .branding .privacy-policy-view { overflow-y: auto; padding: 0.5em 1.5em 0.5em 0; } .CandidatePortal .branding .privacy-policy-body { margin: 1em 0; width: 400px; } .CandidatePortal .branding .privacy-policy-header { width: 400px; } .CandidatePortal .branding .privacy-policy .accept-hint { margin: 1em 0; width: 400px; font-weight: 600; text-align: center; } .CandidatePortal .branding .privacy-policy .action-buttons { display: flex; justify-content: center; } .CandidatePortal .branding .privacy-policy .action-buttons > button { margin: 0.1em 2em; } .CandidatePortal .branding .privacy-policy a#privacy-policy-header:hover { text-decoration: none; } .CandidatePortal .branding .privacy-policy a#privacy-policy-header { cursor: default; font-size: large; font-weight: bold; } /* PRIVACY POLICY*/ .share-this button[st_url] { padding: 3px 0 0 0; margin: 0; background: none; } .CandidatePortal .branding .mobile-menu-toggle { border: none; background: none; font-size: 1.3em; padding: 2px; margin: 2px; display: none; cursor: pointer; } .CandidatePortal .branding .mobile-menu-toggle .icon { font-size: 1.4em; } .CandidatePortal .branding .mobile-menu-toggle span { vertical-align: middle; text-transform: uppercase; } .CandidatePortal .branding .job-app-header { text-align: center; margin-bottom: 20px; } .CandidatePortal .branding .job-app-header .job-location, .CandidatePortal .branding .job-app-header .job-req-number { font-size: 1.3em; } .CandidatePortal .branding .job-app-header .job-location { font-weight: 600; } .CandidatePortal .k-input, .CandidatePortal input.k-textbox, .CandidatePortal textarea.k-textbox, .CandidatePortal input.k-textbox:hover, .CandidatePortal textarea.k-textbox:hover, .CandidatePortal .k-textbox > input, .CandidatePortal .k-multiselect-wrap, .CandidatePortal .k-list-container, .CandidatePortal .k-state-hover, .CandidatePortal .k-state-hover:hover, .CandidatePortal .k-splitbar-horizontal-hover:hover, .CandidatePortal .k-splitbar-vertical-hover:hover, .CandidatePortal .k-list > .k-state-hover, .CandidatePortal .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .CandidatePortal .k-pager-wrap .k-link:hover, .CandidatePortal .k-dropdown .k-state-focused, .CandidatePortal .k-filebrowser-dropzone, .CandidatePortal .k-mobile-list .k-item > .k-link:active, .CandidatePortal .k-mobile-list .k-item > .k-label:active, .CandidatePortal .k-mobile-list .k-edit-label.k-check:active, .CandidatePortal .k-mobile-list .k-recur-view .k-check:active { border-radius: 0; } .CandidatePortal .k-list > .k-state-focused, .CandidatePortal .k-list > .k-state-selected { border-radius: 0; } /*MOBILE STYLES*/ #mobile-menu { display: none; padding-bottom: 10px; position: relative; } #mobile-menu .account-menu { border-style: solid; border-width: 2px; border-left: none; border-right: none; margin: 20px 35px 0 35px; padding: 20px 0; } #mobile-menu ol > li { padding: 20px 35px 0 35px; position: relative; font-size: 1.3em; } #mobile-menu ol > li nav { display: none; } #mobile-menu ol > li .icon { position: absolute; left: 0; top: -0.07em; margin: 25px 10px; display: none; } #mobile-menu ol > li a[aria-expanded="false"] ~ .cp-i-plus { display: inline-block; } #mobile-menu ol > li a[aria-expanded="true"] ~ .cp-i-minus { display: inline-block; } #mobile-menu ol > li a { text-transform: uppercase; } #mobile-menu a { font-weight: 600; } #mobile-menu ol > li ul > li { margin-top: 20px; } #mobile-menu ol > li ul > li a { text-transform: none; } #mobile-menu .btn-close-menu { position: absolute; right: 10px; top: 10px; border: none; background: none; cursor: pointer; } /*MOBILE STYLES*/ @media (max-width: 768px), (max-device-width: 768px) { .CandidatePortal .branding .page-content { min-height: unset; } .CandidatePortal .branding .page-content-wrapper::before{ background: linear-gradient(var(--primary), var(--light) 400px); height: 100%; } .CandidatePortal .branding .page-content-wrapper::after { display: none; } .CandidatePortal .branding .main-content { max-width: 100%; } .CandidatePortal .branding .main-content-width { max-width: 100%; } .CandidatePortal .branding .main-content-width.job-posting-banner-wrapper { margin-top: 0; margin-bottom: -1px; } .CandidatePortal .branding footer > nav { max-width: 100%; flex-direction: column; } .CandidatePortal .branding footer-columns .header-label { display: block; margin-top: 10px; } } @media (max-width: 550px) { .CandidatePortal .branding .header-links { visibility: hidden; } .CandidatePortal .branding .header .culture { display: none; } .CandidatePortal .branding .vertical-line { display: none; } .CandidatePortal .branding .login-section { display: none; } .CandidatePortal .branding .toolbar:not(.careers) .breadcrumb { display: none; } .CandidatePortal .branding .mobile-menu-toggle { display: inline-block; } .CandidatePortal .branding .job-posting-footer .job-posting-content { display: block; } .CandidatePortal .branding .job-posting-footer .job-posting-content .shareThis-container { margin-top: 10px; } .CandidatePortal .branding span.registerLink { text-transform: uppercase; font-weight: 600; cursor: pointer; } .CandidatePortal .branding span.registerLink:hover { text-decoration: underline; } .CandidatePortal .branding span.signInLink { text-transform: uppercase; font-weight: 600; cursor: pointer; } .CandidatePortal .branding span.signInLink:hover { text-decoration: underline; } } /* embedded in iframe */ .CandidatePortal.embedded .branding .header, .CandidatePortal.embedded.only-job-search .branding nav.toolbar:not(.careers), .CandidatePortal.embedded .branding footer { display: none; } .CandidatePortal.embedded body { height: auto; } .CandidatePortal.embedded .branding .content-wrapper { padding: 0; } /* embedded in iframe */ :root { --primary: #10327c; --secondary: #3067db; --accent: #2b75da; --light: #e9f3fc; --success: #00c63c; --attention: #ffd652; --alert: #ff5500; --error: #eb0000; --scale: #393839; --scale-100: #4d4d4f; --scale-200: #747679; --scale-300: #bcbec0; --scale-400: #e2e3e4; --scale-500: #f1f1f2; --scale-600: #ffffff; } .button { display: inline-block; position: relative; font-size: 11px; text-decoration: none; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,.7); color: #000000; outline: none; padding: 6px 24px; border: 1px solid #d3d3d3; -moz-border-radius: 4px; border-radius: 4px; background-color:#f0f0f0; cursor: pointer; box-sizing: border-box; } .button:hover { background-color: #e6e6e6; border: 1px solid #d2d2d2; } .button:active { background-color: #dcdcdc; background-image: none; border: 1px solid #bebebe; } /*Onboarding Class*/ .button.blue { background-color: #1162c2; background-image: none; border: 1px solid #1162c2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; text-shadow: 0 1px 1px rgba(4,39,81,.4); } .CandidatePortal .branding button { margin: 10px auto; padding: 10px 25px; border-radius: 2px; line-height: 1.2em; cursor: pointer; } .CandidatePortal .branding button.btn-primary, .CandidatePortal .branding button.btn-secondary, .CandidatePortal .branding a.btn-primary, .CandidatePortal .branding a.btn-secondary, .CandidatePortal .branding input[type=button].btn-primary, .CandidatePortal .branding input[type=button].btn-secondary { margin: 8px 5px; padding: 5px 0px; min-width: 90px; text-align: center; text-decoration: none; display: inline-block; border-style: none; border-radius: 2px; line-height: 1.2em; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 1em; -webkit-font-smoothing: antialiased; width: auto; } .CandidatePortal .branding .job-posting-section > a.btn-primary { display: inline-block; padding: 10px 9px; text-decoration: none; text-align: center; } .CandidatePortal .branding button.dialogButtonLargeClass { margin: 10px auto; padding: 10px 25px; } .CandidatePortal .branding button.searchButtonClass { margin: 8px auto; padding: 9px 45px; font-size: 14px; display: block; width: 100%; } .CandidatePortal .branding button#mdlOkButton { display: block; margin: 12px auto 0px auto; } .facebook-button { font-family: Tahoma, Geneva, Verdana; font-size: calc(12rem/10); background-color: #3b5998; border: solid 2px #3b5998; color:#fff; } .facebook-button:hover, .facebook-button:focus{ /*rgba equivalent of #3b5998*/ background-color: rgba(59, 89, 152, 0.7); } .facebook-button .CanPortalIcon_FacebookWhite{ display: inline-block; vertical-align: middle; } .facebook-button .fb-label-span{ vertical-align: middle; font-size:8pt; } /*Onboarding Class*/ .button.blue:hover { background-color: #5b87bf; border: 1px solid #5b87bf; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } /*Onboarding Class*/ .button.blue:active { background-color: #1453a3; background-image: none; border: 1px solid #1453a3; -webkit-transition-duration: .1s; -moz-transition-duration: .1s; transition-duration: .1s; } .button.apply::after { content: " "; display: inline-block; position: relative; width: 16px; height: 16px; top: 5px; margin: -16px 0 0 5px; background: url("../images/CandidatePortal_sprites.png") -119px 0 no-repeat; } .CandidatePortal .responsive-button, .CandidatePortal .responsive-button .dijitButtonNode, .CandidatePortal .application-wizard .WizardControlButton .dijitButtonNode { min-width:150px; } .CandidatePortal .buttonCentered { margin-left: 45%; margin-right: auto; margin-top: 40px; margin-bottom: 10px; } .button.disabled { background: rgb(204, 204, 204); border-color: rgb(204, 204, 204); color: rgb(128, 128, 128); text-shadow: none; pointer-events: none; cursor: default; } .button.disabled:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .dijitButtonLetter { background-color: #1162c2; background-image: none; border: 1px solid #1162c2; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; padding: 2px 7px 4px 7px; color: #fff; font-size: 8pt; text-shadow: 1px 1px #15161f; margin-top: 20px !important; height: 26px } .dijitButtonLetter.disabled, button[disabled] { background: #f6f6f6; border-color: rgb(204, 204, 204); color: #7f7f7f; text-shadow: none; pointer-events: none; cursor: default; box-shadow: 0 0 0px 1px #9E9E9E; -webkit-box-shadow: 0 0 0px 1px #9E9E9E; -moz-box-shadow: 0 0 0px 1px #9E9E9E; } .dijitButtonLetter.disabled:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .dijitButtonLetter:hover { opacity: 0.6; } .innerButton{ position:relative; top: -2px; } .Localization .button, .Localization .button:hover, .Localization .button:active { padding: 0px; border: none; } @media (max-width: 768px), (max-device-width: 768px) { .CandidatePortal .responsive-button, .CandidatePortal .responsive-button .dijitButtonNode, .CandidatePortal .application-wizard .WizardControlButton, .CandidatePortal .application-wizard .WizardControlButton .dijitButtonNode, .CandidatePortal .application-wizard .forkOptionButton { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } .CandidatePortal .buttonCentered { margin-left: auto; } } .changeEmailContent, .changeEmailContent .dijitTextBox { width: 400px; margin-top: -30px; } .changeEmailContent { padding-top: 4px; } .changeEmailContent .options-menu { float: right; margin-top: 30px; } .changeEmailContent .emailLabel { padding-bottom: 5px; padding-top: 18px; } .changeEmailContent .user-current-email-address { font-weight: bold; } .changeEmailContent .errorMessageChangeEmail { padding-top: 5px; color: red; } .changeEmailContent .emailSentMessage { margin-top: 20px; } .changeEmailContent .emailChangeInfo { padding-top: 10px; } .changeEmailContent h1 { padding: 0; } .CandidatePortal .change-email-dialog .iconsContainer .dijitDialogCloseIcon { margin-top: 15px; background-image: none; } @media screen and (max-width: 600px) { .changeEmailContent, .changeEmailContent .emailInput .dijitTextBox { width: 300px; } } @media screen and (max-width: 400px) { .changeEmailContent, .changeEmailContent .emailInput .dijitTextBox { width: 200px; } } .changePasswordContent, .changePasswordContent .dijitTextBox { width: 400px; margin-top: -30px; } .changePasswordContent .options-menu { float: right; margin-top: 30px; } .changePasswordContent .passwordLabel { margin-bottom: 5px; margin-top: 18px; } .changePasswordContent .result-message { padding-top: 5px; color: red; } .changePasswordContent h1 { margin-top: 1.5em; padding: 0; } @media screen and (max-width: 600px) { .changePasswordContent, .changePasswordContent .password-input .dijitTextBox { width: 300px; } } @media screen and (max-width: 400px) { .changePasswordContent, .changePasswordContent .password-input .dijitTextBox { width: 200px; } } .delete-account-content .options-menu { float: right; margin-top: 30px; } .delete-account-content .account-deleted-ok-button { margin-top: 30px; } .delete-account-content .account-deleted-content { text-align: center; } .new-delete-account-content, .new-delete-account-content .dijitTextBox { width: 400px; margin-top: -30px; } .new-delete-account-content { padding-top: 4px; } .new-delete-account-content .options-menu { float: right; margin-top: 30px; } .new-delete-account-content .current-password-label { padding-bottom: 5px; padding-top: 18px; } .new-delete-account-content .user-current-email-address { font-weight: bold; } .new-delete-account-content .error-current-password { padding-top: 5px; color: red; } .new-delete-account-content .candidate-delete-account-info { padding-top: 10px; } .new-delete-account-content .pending-activities { margin-left: 10px; } .new-delete-account-content .ok-button { text-align: center; } @media screen and (max-width: 600px) { .new-delete-account-content, .new-delete-account-content .current-password-input .dijitTextBox { width: 300px; } } @media screen and (max-width: 400px) { .new-delete-account-content, .new-delete-account-content .current-password-input .dijitTextBox { width: 200px; } } .CandidatePortal .candidate-portal-schedule-interview { padding-top: 20px; } .CandidatePortal .candidate-portal-schedule-interview .error-msg-container { border: 1px solid #CBC9C9; padding: 20px 20px 20px 20px; margin: auto; } .CandidatePortal .candidate-portal-schedule-interview .error-msg-container > div { display: inline-block; vertical-align: middle; } .CandidatePortal .candidate-portal-schedule-interview .error-msg-container .error-msg { font-size: 18px; font-weight: bold; } .CandidatePortal .candidate-portal-schedule-interview .error-msg-container .error-cannot-access-self-scheduler { font-size: 13px; } .CandidatePortal .candidate-portal-schedule-interview .error-msg-container .inputField { position: relative; } .CandidatePortal .self-scheduler-main-container .btn-container{ margin-bottom: 20px; } .CandidatePortal .candidate-portal-schedule-interview .error-msg-container .inputField input { background-color: transparent; color: #393839; border: solid #000; border-width: 0 0 1px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: none; box-shadow: none; margin-bottom: 0; font-size: 1.2em; } .CandidatePortal .candidate-portal-schedule-interview .error-msg-container .btn-primary { margin: 0px; } .CandidatePortal .candidate-portal-schedule-interview .form-field-container .invalid-feedback { margin-top: 8px; } .CandidatePortal .candidate-portal-schedule-interview .confirmation-page { margin: 1em; align-items: center; text-align: center; line-height: 1.5em; } .CandidatePortal .candidate-portal-schedule-interview .confirmation-page .confirmation-header { margin: 1em 0 1em 0; font-weight: bold; font-size: 1.8em; } .CandidatePortal .candidate-portal-schedule-interview .confirmation-page .confirmation-msg { margin-bottom: 20px; font-size: 1.2em; } .CandidatePortal .candidate-portal-schedule-interview .confirmation-page .confirmation-image span { font-size: 8em; } .CandidatePortal .candidate-portal-schedule-interview .interview-review-screen .back-button-container { align-items: flex-start; margin-top: 20px; } .CandidatePortal .candidate-portal-schedule-interview .interview-review-screen .interview-review-details-container .interview-review-details { margin-top: 2em; } .CandidatePortal .candidate-portal-schedule-interview .interview-review-screen .interview-review-details-container .interview-review-details-desc { line-height: 2.4em; } .CandidatePortal .candidate-portal-schedule-interview .interview-review-screen .interview-review-details-container .interview-review-details .interview-review-details-item { display: flex; flex-direction: row; line-height: 1.5em; text-align: left; padding: 2px 0px 2px 0px; } .CandidatePortal .candidate-portal-schedule-interview .interview-review-screen .interview-review-details-container .interview-review-details .interview-duration-label { font-size: 1.5em; font-weight: normal; line-height: 1.2em; margin-bottom: 0.5em; padding: 5px 0px 5px 0px; } .CandidatePortal .candidate-portal-schedule-interview .interview-review-screen .interview-review-details-container .interview-review-details .interview-details-label { color: #a3a3a3; min-width: 80px; } .CandidatePortal .candidate-portal-schedule-interview .display-flex { display: flex; flex-direction: column; } .CandidatePortal .candidate-portal-schedule-interview .interview-review-screen .back-button-container .interview-review-back-btn span { font-size: 1em; vertical-align: middle; line-height: 1.2em; } .CandidatePortal .candidate-portal-schedule-interview .interview-review-screen .back-button-container .interview-review-back-btn .cp-i-arrow_left { margin-right: 5px; } .CandidatePortal .candidate-portal-schedule-interview .email-form-container{ width: 300px; } .calendar-container { height: 15.3em !important; } .CandidatePortal .calendar-container .dijitCalendarEnabledDate .dijitCalendarDateLabel { border-radius: 2em !important; background-color: #e3f2ff !important; } .CandidatePortal .calendar-container .dijitCalendarButton { display: none !important; } .CandidatePortal .calendar-container .dijitCalendarPreviousMonth, .CandidatePortal .calendar-container .dijitCalendarNextMonth { visibility: hidden !important; } .CandidatePortal .calendar-container .calendar-year-label { margin-bottom: 10px; font-size: 1.1em; margin-left: 23px; } .CandidatePortal .calendar-container .CalendarHeaderTable { float: right !important; } .CandidatePortal .calendar-container .dijitCalendarSelectedDate .dijitCalendarDateLabel { color: #000 !important; border: 1px solid #0087fd !important; background: none !important; background-color: #e3f2ff !important; } .CandidatePortal .calendar-container .dijitCalendarCurrentDate.dijitCalendarSelectedDate .dijitCalendarDateLabel { border: 1px solid #0087fd; color: #b94300 !important; } .CandidatePortal .calendar-container .dijitCalendarDisabledDate { text-decoration: none !important; } .CandidatePortal .calendar-availability-container { display: flex; } .CandidatePortal .calendar-availability-container .calendar-availability-container-item.dijitCalendar { user-select: none; padding: 1.9em !important; padding-left: 9px !important; padding-right: 28px !important; } .CandidatePortal .calendar-availability-container-item, .CandidatePortal .calendar-container { padding-right: 30px !important; padding-left: 30px !important; padding-top: 20px !important; padding-bottom: 25px !important; border: 1px solid #d7d7d7 !important; border-radius: 5px !important; -webkit-align-items: center !important; align-items: center !important; } .CandidatePortal .calendar-timeslot-container { display: flex; flex-direction: column; height: 15.3em; overflow-y: auto; width: 18.2em } .CandidatePortal .self-scheduler-timeslots .self-scheduler-timeslot-pill { background-color: #fff; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; margin: 4px 2px; cursor: pointer; border-radius: 16px; width: 10em; border: 1px solid #1e52bf; color: #1e52bf; } .CandidatePortal .self-scheduler-timeslot-pill:hover { background-color: #E3F2FD; } .CandidatePortal .self-scheduler-timeslot-pill:focus { outline: solid 2px var(--secondary); outline-offset: 1px; -webkit-box-shadow: 0px 0px 0px 1px var(--scale-600); -moz-box-shadow: 0px 0px 0px 1px var(--scale-600); box-shadow: 0px 0px 0px 1px var(--scale-600); } .CandidatePortal .selected-timeslot-pill { border: 1px solid #1162c2; background-color: #1E52BF; color: white; } .CandidatePortal .timeslot-header { font-size: 1.1em; margin-top: 4px; margin-bottom: 4px; text-align: center; } .CandidatePortal .self-scheduler-timeslots .self-scheduler-timeslot-pill.selected-timeslot-pill { border: 1px solid #1162c2; background-color: #1e52bf; color: #fff; } .CandidatePortal .main-container { display: flex; flex-direction: column; margin-top: 0 !important; } .CandidatePortal .self-scheduler-message-container { margin-bottom: 12px !important; line-height: 2.4em; } .CandidatePortal .timezone-container { margin-top: 1em !important; display: flex; align-items: center; } .CandidatePortal .timezone-label { padding-left: 3px; } .CandidatePortal .self-scheduler-icon { font-size: 1.5em; -webkit-text-fill-color: grey; } .CandidatePortal .self-scheduler-main-container { border: none !important; } .CandidatePortal .outline-style { outline: 2px solid var(--secondary); } .CandidatePortal .hidden-radio, .CandidatePortal .move-away { position: absolute; top: -10000px; } .CandidatePortal td.dijitReset.dijitCalendarWeekTemplateCell, .CandidatePortal th.dijitReset.dijitCalendarDayLabelTemplate:first-child { visibility: hidden; } .CandidatePortal .err-msg-label { margin-top: 11px; color: red; } .CandidatePortal .main-container-item { margin: 0px 5px 0px 5px; } @media (max-width: 485px) { .CandidatePortal .calendar-availability-container { flex-direction: column; } .CandidatePortal .calendar-timeslot-container { width: auto; } } .CandidatePortal .sms-consent-dialog { min-height: 100%; width: 500px; margin: 10px auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .CandidatePortal .branding .cp-dialog .sms-consent-dialog .sms-consent-message{ padding: 8px 0 8px 0; line-height: 1.5; } .CandidatePortal .sms-consent-dialog .form-fields-container{ margin-top: 8px; } .CandidatePortal .sms-consent-dialog .form-fields-container .sms-consent-radio-group { font-size: 1.1em; } .CandidatePortal .sms-consent-dialog .form-fields-container .sms-consent-radio-group .DayforceRadioButton { margin: 8px 0 8px 0; } .CandidatePortal .branding .cp-dialog .sms-consent-dialog .label { font-size: 1.1em; margin-bottom: 8px 0 8px 0; } .CandidatePortal .branding .cp-dialog .sms-consent-dialog .phone-number-country-code-section .invalid-feedback{ display: grid; margin-bottom: 4px } .CandidatePortal .branding .cp-dialog .sms-consent-dialog .phone-number-country-code-section .invalid-feedback label { padding-bottom: 4px; } .CandidatePortal .branding .cp-dialog .sms-consent-dialog .on-save-info { font-size: 1em; color: #696969; padding-top: 5px; } .CandidatePortal .cp-dialog .sms-consent-dialog .save-button, .CandidatePortal .cp-dialog .sms-consent-dialog .cancel-button { float: right; } .CandidatePortal .cp-dialog .sms-consent-dialog .cancel-button { margin-right: 10px; } .CandidatePortal .cp-dialog .sms-consent-dialog .phone-number-country-code-section { margin: 15px 0 10px 0; } .CandidatePortal .cp-dialog .sms-consent-dialog .formElementPhoneNumber { display: flex; flex-direction: row; margin: 8px 0 8px 0; } .CandidatePortal .cp-dialog .sms-consent-dialog .formElementPhoneNumber .dijitComboBox.dijitValidationTextBox { width: 30%; } .CandidatePortal .cp-dialog .sms-consent-dialog .formElementPhoneNumber .dijitValidationTextBox { width: 40%; } .CandidatePortal .claro .dijitTooltipContainer{ font-size: 0.9em; } .upload-files { margin-top: -15px; width: 400px; padding-bottom: 10px; } .upload-files .upload-container .dfI_G00_global_add { float: right; cursor: pointer; } .upload-files .upload-container .dfI_G02_Note { margin-bottom: 15px; } .upload-files .upload-container .dfI_G02_Delete { float: right; cursor: pointer; } .upload-files .upload-container { margin-top: 20px; } .upload-files .options-menu { float: right; margin-top: 30px; } .upload-files .options-menu .dijitButtonDisabled { cursor: default; } .upload-files .upload-container a { text-decoration: underline; } .upload-files .upload-container .upload-section { margin-top: 10px; margin-bottom: 40px; } .upload-files .upload-container .upload-section .upload-row-title { border-bottom: 1px #e2e3e4 solid; } .upload-files .upload-container .upload-section .upload-row-title h2 { display: inline; } .upload-files .upload-container .upload-section .upload-resume, .upload-files .upload-container .upload-section .upload-cover-letter, .upload-files .upload-container .upload-section .upload-additional-documents { text-align: center; padding-top: 10px; } .upload-files .upload-container .upload-section .upload-additional-documents .additional-doc{ margin-bottom:5px; text-align: left; } .upload-files .upload-container .upload-section .upload-resume .resume-record, .upload-files .upload-container .upload-section .upload-cover-letter .cover-letter-record, .upload-files .upload-container .upload-section .upload-additional-documents .additional-doc .add-doc-link { float: left; padding-left: 5px; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .upload-files .upload-container .upload-section .upload-additional-documents .additional-doc .add-doc-link { float: none; display: inline-block; } .maximum-upload-size-message { margin-bottom:10px; } .CandidatePortal .branding button.Button_Icon_Delete.RemoveFileButton { margin: 3px auto 0px auto; padding: 0px; } @media screen and (max-width: 600px) { .upload-files { width: 100%; } .upload-files .upload-container .upload-section .upload-resume .resume-record, .upload-files .upload-container .upload-section .upload-cover-letter .cover-letter-record, .upload-files .upload-container .upload-section .upload-additional-documents .additional-doc .add-doc-link { max-width: 250px; } } @media screen and (max-width: 400px) { .upload-files { width: 200px; } .upload-files .upload-container .upload-section .upload-resume .resume-record, .upload-files .upload-container .upload-section .upload-cover-letter .cover-letter-record, .upload-files .upload-container .upload-section .upload-additional-documents .additional-doc .add-doc-link { max-width: 150px; } } .CandidatePortal .sub-header-with-buttons { height: 45px; } .CandidatePortal .cookie-preference-content p { text-align: justify; } .CandidatePortal .sub-header-with-buttons .sub-header { margin-top: 0px; margin-bottom: 0px; transform: translateY(10px); } .CandidatePortal .sub-header-with-buttons-container .sub-header { margin-top: 0px; } .CandidatePortal .sub-header-with-buttons .buttons { float:right; transform: translateY(-10px); } .CandidatePortal .sub-header-with-buttons .buttons .checked { font-size:larger; font-weight:bolder; } .CandidatePortal .manage-preference-footer { margin: 0 auto; height: 49px; } .CandidatePortal .manage-preference-footer button{ float: right; } .CandidatePortal .cookie-preference-content { max-width: 1000px; } .CandidatePortal .scrollable-cookie-content { max-height: 500px; overflow-y: auto; padding: 0.5em 1.5em 0.5em 0.5em; } .CandidatePortal .cookie-type-information { margin-top: 7px; margin-bottom: 7px; } .CandidatePortal .sticky-header { height: 45px; } .CandidatePortal .sticky-header .buttons { float: right; } .CandidatePortal .sticky-header .sub-header { margin-bottom: 0px; margin-top: 0px; transform: translateY(100%); width: 20em; } .CandidatePortal .update-info { margin-bottom: 16px; margin-top: 0px; flex: 50%; font-weight: normal; display: block; } .CandidatePortal .cookie-details-expander { margin-top: 5px; border: 1px solid var(--scale-400); border-radius: 5px; padding: 5px; } .CandidatePortal .cookies-expander-list-item .content-area { border: 1px solid #f0f1f1; background-color: #f8f8f8; margin-bottom: 10px; } .CandidatePortal .cookies-expander-list-item .content-area .Row:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .CandidatePortal .cookies-expander-list-item .content-area .Column { float: left; display: inline-block; width: 33%; margin-right: 20px; } .cookies-expander-list-item .p-label-style { color: #696969; display: inline-block; min-width: 80px; } .cookies-expander-list-item .p-label-desc { display: inline-block; } .cookies-expander-list-item .limit-width{ width: 150px; overflow-wrap: break-word; } .cookies-expander-list-item .expander-always-enabled-container { display: flex; } .cookies-expander-list-item .expander-flex-container { display: flex; } .cookies-expander-list-item .expander-flex-item-left { flex: auto; } /*buttons icons*/ .cookies-expander-list-item .tick-icon, .cookie-preference-content .tick-icon { background: url('../images/button_icons.png') no-repeat -4px -402px; width: 12px; height: 12px; display: inline-block; margin-left: 3px; float: right; } .CandidatePortal .scrollable-cookie-content .ExpanderControl.ExpanderControlSection .ExpanderControlTitleClosed .dijitArrowNode { background: url('../images/Recruitment_sprite.png') no-repeat -10px -904px; width: 10px; height: 16px; } .CandidatePortal .scrollable-cookie-content .ExpanderControl.ExpanderControlSection .ExpanderControlTitleOpen .dijitArrowNode { background: url('../images/Recruitment_sprite.png') no-repeat -5px -878px; width: 16px; height: 10px; } .CandidatePortal span.dijitDialogTitle.dialogTitle { transform: translateY(10px); } .CandidatePortal .scrollable-cookie-content p:first-child { margin-top: 0px; } .CandidatePortal .scrollable-cookie-content .ExpanderControl.ExpanderControlSection .ExpanderTitleOuter { border:none; border-bottom: solid 1px var(--scale-400); } .CandidatePortal .ExpanderControl.ExpanderControlSection .ExpanderContentOuter { border: none; } .cookies-expander-list-item .flex-container { display: flex; } .cookies-expander-list-item .content-area .flex-container .flex-item-left { padding: 10px; flex: 50%; } .cookies-expander-list-item .content-area .flex-container .flex-item-right { padding: 10px; flex: 120%; } .cookies-expander-list-item .content-area .flex-container .flex-container-items { display: flex; flex-direction: column; } .cookies-expander-list-item .content-area .flex-container .flex-container-items > .label-flex { margin: 6px; display: flex; } .CandidatePortal .sub-header-with-buttons-container { display: flex; margin-top: 15px; } .CandidatePortal .sub-header-flex-item-left { flex: 50%; } .CandidatePortal .sub-header-flex-item-right { margin-top: 2px; } .CandidatePortal .btn-flex-container { display: flex; } .CandidatePortal .ExpanderControl .ExpanderTitleInner:hover, .CandidatePortal .ExpanderControl .ExpanderTitleInner:focus { background-color: #F5F5F5; } .CandidatePortal .branding .cookie-preference-content :focus { outline-offset: initial; } .CandidatePortal .branding .cookie-preference-content p:focus { outline: none; } .CandidatePortal .branding .cookie-pref-back-to-top { padding: 15px; } .CandidatePortal .branding .control-and-delete-cookie-section .sub-header { margin-top: 0; } /* Responsive layout - makes a one column-layout instead of two-column layout */ @media (max-width: 800px) { .cookies-expander-list-item .content-area .flex-container { flex-direction: column; margin: 0; } .cookies-expander-list-item .content-area .flex-container .flex-item-left { padding: 0; } .cookies-expander-list-item .content-area .flex-container .flex-item-right { padding: 0; } } @media (max-width: 455px) { .cookies-expander-list-item .expander-flex-container { flex-direction: column; } .cookies-expander-list-item .expander-flex-container > div:first-child { margin-bottom: 2px; } } @media (max-width: 450px) { .CandidatePortal .sub-header-with-buttons-container { flex-direction: column; } } @media (max-width: 350px) { .CandidatePortal .sub-header-with-buttons-container { flex-direction: column; } } @media (max-width: 500px) { .CandidatePortal .sticky-header { height: 100%; display: flex; flex-direction: column-reverse; } .CandidatePortal .sticky-header .buttons { flex: 0; margin-top: 15px; margin-left: -5px; } .CandidatePortal .sticky-header .sub-header { margin-bottom: 0px; margin-top: 11px; transform: translateY(68%); flex: 50%; } .cookies-expander-list-item .content-area .flex-container .flex-container-items > .label-flex { flex-direction: column; } } @media (max-width: 350px) { .CandidatePortal .sticky-header .sub-header { transform: translateY(44%); } } @media (max-width: 360px) { .cookies-expander-list-item .limit-width { width: auto; } } @media (max-height: 760px) { .CandidatePortal .scrollable-cookie-content { max-height: 450px; } } @media (max-height: 705px) { .CandidatePortal .scrollable-cookie-content { max-height: 300px; } } @media (max-height: 540px) { .CandidatePortal .scrollable-cookie-content { max-height: 200px; } } @media (max-height: 426px) { .CandidatePortal .scrollable-cookie-content { max-height: 50px; } } .CeridianLogo { background: url('../images/Ceridian_Logo.svg') no-repeat; height: 30px; width: 120px; } .CandidatePortal .branding .cpWcagDialog .dijitDialogTitleBar{ position: absolute; width: 100%; top: 0px; } .CandidatePortal .branding .cpWcagDialog .dijitDialogPaneContent{ padding-top: 0px; } .CandidatePortal .branding .cpWcagDialog .dialog-footer { padding: 0 15px; } .CandidatePortal .branding .cpWcagDialog .dijitDialogCloseIcon{ height: 15px; width: 15px; padding: 5px; margin-right: 10px; } .CandidatePortal .branding .cpWcagDialog .imageLogo{ margin-top: 36px; } @media (max-width: 550px) { .CandidatePortal .branding .cpWcagDialog .dijitDialogPaneContent .form-contents { max-width: 100%; } } .ccq-landing-error-main-content { white-space: nowrap; margin-left: 1vw; display: flex; align-items: center; } .ccq-response-submitted-main-content { text-align: center; } .ccq-expired-info-icon, .ccq-expired-text-area { display: inline-block; } .ccq-response-submitted-icon { font-size: 150px; color: #e3edfc; z-index: 25; position: relative; } .ccq-confirm-message { font-weight: bold; font-size: 2em; } .ccq-recruiter-text-margin { margin-top: 0px; } .ccq-landing-row { display: flex; flex-direction: column; align-items: start; padding: 2em; } .ccq-landing-email-label { margin-bottom: 1.5vh; font-size: 1.2em; } .ccq-landing-incorrect-email { margin: 0px; margin-top: 1vh; font-size: 1.2em; color: red; } .ccq-landing-next-btn-container { margin: 0px; } .ccq-form-title { padding-left: 10%; } .ccq-form-body { margin-left: 10%; margin-right: 10%; } .ccq-form-body .ccq-form-error-panel { margin-top: 20px !important; } .ccq-form-body .ccq-form-desc { padding: 2em 0em 0em 0em; overflow-wrap: break-word; } .ccq-form-body .cp-form-wrapper ol { padding-left: 0; } .ccq-form-body .cp-form-wrapper ol li { margin: 20px 0; } .ccq-form-body .CPFormElementWrapper label:first-child { color: red; } .ccq-form-body .cp-form-wrapper { padding: 2em 0; } .ccq-form-body .cp-form-wrapper h1.cp-form-title, .ccq-form-body .cp-confidential-grid-wrapper h1.cp-form-title { color: black; margin: 0px; font-size: 1.33em; font-weight: 600; padding-top: 1em; } .ccq-form-body .cp-form-wrapper .formElement { width: 30em; } @media only screen and (max-width: 600px) { .ccq-form-body .cp-form-wrapper .formElement { width: 20em; } } .ccq-form-body .cp-form-wrapper .CPFormElementWrapper .dijitTextBox { display: block; } .ccq-form-body .cp-form-wrapper .CPFormElementWrapper .DayforceCheckBox, .ccq-form-body .cp-form-wrapper .CPFormElementWrapper .DayforceRadioButton { display: block; padding-bottom: 5px; } .ccq-form-body .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .formLabel { color: black; display: block; padding-bottom: 10px; } .formInputLargeWidth { width: 70%; } .CPFormElementWrapper .DayforceCheckBox label { padding-left: 21px; } .ccq-form-body .cp-form-wrapper .CPFormElementWrapper .DayforceCheckBox.leftLabel .checkboxContainer { left: 0; } .ccq-form-submit { width: 90%; padding-left: 10%; padding-bottom: 1em; display: flex; justify-content: flex-start; } .error-page { padding:20px; margin:20px 0 0 0; } .error-page h1 { font-size: 100px; font-weight:900; text-align: center; color: #2958AD; margin:0; } .error-page h2 { font-size: 20px; font-weight: normal; color: #315eb9; text-align:center; margin:0 0 20px 0; } .error-page .details { font-size: 12px; text-align:center; } #errorPanel { margin: 1% 10%; } #errorPanel.hasErrors { border: 2px solid #ff0000; } #errorPanel div { border-bottom: 1px solid #ededed; cursor: pointer; padding: 9px; } #errorPanel div:last-child { border-bottom: 0 none; } #errorPanel div.CP_Error span:first-child { color: #ff0000; } #errorPanel div.CP_Info span:first-child { color: #0460ab; } #errorPanel div.CP_Warning span:first-child { color: #fe7e0e; } #errorPanel div span.dfI_G08_ValidationError, #errorPanel div span.dfI_G08_WarningAlert, #errorPanel div span.dfI_G08_Infomation { margin-left: 1%; margin-right: 1%; font-size: 14px; display: inline-block; height: 100%; width: 2%; vertical-align:top; } #errorPanel div span.errorMessage { display: inline-block; height: 100%; width: 94%; font-size: 14px; } @media (max-width: 768px), (max-device-width: 768px) { #errorPanel div span.dfI_G08_ValidationError, #errorPanel div span.dfI_G08_WarningAlert, #errorPanel div span.dfI_G08_Infomation { margin-right: 5%; } #errorPanel div span.errorMessage { width: 90%; } } .CandidatePortal .FeatureToolbar { display:block; height:40px; background-image:none; background-color: #154A94; overflow:hidden; color:#fff; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge */ user-select: none; } /*Cascade height 100% to all children and nodes to make them the same height as the toolbar*/ .CandidatePortal .FeatureToolbar .FeatureToolbarInner, .CandidatePortal .FeatureToolbar .FeatureToolbarInner .LeftMenu, .CandidatePortal .FeatureToolbar .FeatureToolbarInner .RightMenu, .CandidatePortal .FeatureToolbar .FeatureToolbarButton.dijitToggleButton, .CandidatePortal .FeatureToolbar .FeatureToolbarButton.dijitButton, .CandidatePortal .FeatureToolbar .FeatureToolbarButton .dijitButtonNode { height:100%; box-sizing:border-box; } /*Clear all styles on nested buttons. Effective reset class*/ .CandidatePortal .FeatureToolbarInner .FeatureToolbarButton, .CandidatePortal .FeatureToolbarInner .FeatureToolbarButton.dijitButton, .CandidatePortal .FeatureToolbarInner .FeatureToolbarButton .dijitButtonNode, .CandidatePortal .FeatureToolbarInner .FeatureToolbarButton .dijitButtonNode .dijitButtonText, .CandidatePortal .FeatureToolbarInner .FeatureToolbarButton.dijitHover .dijitButtonNode, .CandidatePortal .FeatureToolbarInner .FeatureToolbarButton.dijitActive .dijitButtonNode, .CandidatePortal .FeatureToolbarInner .FeatureToolbarButton.dijitFocused .dijitButtonNode { background-image:none; background:none; border:none; text-shadow:none; box-shadow:none; color: #fff; border-radius:0px; margin:0px; padding:0px; min-width:0px; } /*styling just for the user action popup button and menu*/ .CandidatePortal .FeatureToolbarInner .FeatureToolbarButton.UserActionsButton .dijitButtonNode { padding: 0px 10px 0px 5px; } /*.CandidatePortal .FeatureToolbarInner .FeatureToolbarButton.UserActionsButton.dijitOpened .dijitButtonNode { /*darken background to give button a opened state when popup is opened background-color:#0F3366; } */ .CandidatePortal .UserActionsMenuPopup.dijitPopup { margin-top:-15px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .CandidatePortal .UserActionsMenuPopup .dijitTooltipDialog { /*extra padding to give iframe cutout enough room to render the bottom box shadow to avoid truncating the bottom when rendering on top of silverlight*/ padding-bottom:2px; } .CandidatePortal .UserActionsMenuPopup .UserActionsContainer { width:270px; } .CandidatePortal .UserActionsContainer .UserActionsHeader, .CandidatePortal .UserActionsContainer .UserActionsFooterInner { padding:10px 20px; } .CandidatePortal .UserActionsContainer .UserActionsContent { /*don't want to double-up on padding at the top, looks weird*/ padding: 0px 20px 10px 20px } .CandidatePortal .UserActionsContainer .UserActionsRoles { font-size: 10pt; font-weight: 600; } .CandidatePortal .UserActionsContainer .UserActionsRoles .DayforceRadioButton { color: #004DD8; margin: 10px 5px 5px 5px; /*horizonatally align radio buttons with rols icon*/ } .CandidatePortal .UserActionsContainer .UserActionsRoles .UserRolesHeader { color: #57585B; } .CandidatePortal .UserActionsContainer .UserActionsRoles .DayforceRadioButton label { /*horizontally align with available roles text*/ padding-left: 28px; } .CandidatePortal .UserActionsContainer .UserRolesIcon { display:inline-block; background: url('../../common/images/featureToolbar_icons.png'); height: 30px; width: 30px; background-position: -120px -150px; vertical-align:middle; } .CandidatePortal .UserActionsMenuPopup .dijitTooltipDialog .dijitTooltipFocusNode, .CandidatePortal .UserActionsMenuPopup .dijitTooltipDialog .dijitTooltipContainer { /*clear margins and padding because we want the footer of the user actions popup to be full width*/ padding:0px; margin:0px; } .CandidatePortal .dijitDialog .modalSurroundContent .DayforceRadioButton { margin: 20px 20px 10px 20px; } .CandidatePortal .UserActionsContainer .UserActionsFooter { background-color: #F0F0F1; } .CandidatePortal .UserActionsContainer .HRule { display:block; border-top: solid 1px #D1D2D3; } .CandidatePortal .UserActionsContainer .EmployeeName { color: #000; font-size: 2em; } .CandidatePortal .UserActionsContainer .EmployeePosition { color:#9D9B9C; font-size: 1.2em; } .CandidatePortal .UserActionsContainer .EmployeeNameContainer { padding-left:10px; } .CandidatePortal .UserActionsContainer .EmployeeProfileSettings { margin: 0.8em 0; font-size:1.2em; font-weight:600; color:#004dd8; cursor:pointer; } .CandidatePortal .UserActionsContainer .BuildVersion { } .CandidatePortal .UserActionsContainer .About { float:right; } .CandidatePortal .UserActionsContainer .Logout { margin:10px 0px; } .CandidatePortal .UserActionsContainer .LocalizeWrapper, .CandidatePortal .UserActionsContainer .LocalizeButton, .CandidatePortal .UserActionsContainer .LocalizeButton .dijitButtonNode, .CandidatePortal .UserActionsContainer .Logout, .CandidatePortal .UserActionsContainer .Logout .dijitButtonNode { display:block; } .CandidatePortal .UserActionsContainer .LocalizeButton { /*some padding underneath roles*/ padding: 10px 0px 0px 0px; } /*end user action styling*/ .CandidatePortal .FeatureToolbar .VSpacer { display:inline-block; height:25px; margin:2px; border-right:solid 1px white; vertical-align:middle; position: relative; top: -16px; } .CandidatePortal .FeatureToolbar .FeatureToolbarButton.dijitChecked .dijitIcon.dfI_Nav_Pin_Active { /* this icon doesn't look correct at the default 16px size; it's not the best at this size either, but this will have to do until the underlying svg asset is adjusted */ font: 24px/1 "Open Sans",Arial,Helvetica,sans-serif; top: 0; } .CandidatePortal .FeatureToolbar .RightMenu .FeatureToolbarButton .dijitIcon { background: url('../../common/images/featureToolbar_icons_white.png'); background-position: -1470px 0; /*blank*/ height: 30px; width:30px; display:inline-block; position: static; } /*white arrows for all arrow buttons in toolbar*/ .CandidatePortal .FeatureToolbar .FeatureToolbarButton .dijitButtonNode .dijitButtonContents .dijitArrowButtonInner { background-image:url('../images/chosen-sprite.png'); background-repeat:no-repeat; background-position: 0px -15px; margin-top:-7px; } /*v-align our toggle buttons now in the feature toolbar since we're stripping all other margins and padding to make buttons flush with toolbar height */ .CandidatePortal .FeatureToolbar .FeatureToolbarButton .dijitButtonContents { padding:5px 0px; } .CandidatePortal .FeatureToolbar .Hamburger .dijitButtonContents { /*more horizontal padding just for the menu button*/ padding:5px 15px; } /*hide the vertical line between hamburger and pinned button if hamburger is hidden*/ .CandidatePortal .FeatureToolbar .Hamburger.dijitHidden + .VSpacer { display:none; } .CandidatePortal .FeatureToolbar .Hamburger.dijitHidden + .VSpacer + .PinButton .dijitButtonContents { padding: 5px 15px;/*same padding as normal hamburger when hamburger hidden to get more H-space*/ } /*pin button is always hidden on mobile, since pin is hidden no need for v-spacer*/ .CandidatePortal .dj_ios .FeatureToolbar .Hamburger + .VSpacer, .CandidatePortal .dj_android .FeatureToolbar .Hamburger + .VSpacer, .CandidatePortal .dj_ios .FeatureToolbar .PinButton, .CandidatePortal .dj_android .FeatureToolbar .PinButton { display:none; } /*Feature toolbar top level icons*/ .CandidatePortal .FeatureToolbar .FeatureToolbarButton.dijitChecked .dfI_Nav_Hamburger { color: #0355b2;} .CandidatePortal .FeatureToolbar .RightMenu .FeatureToolbarButton .EmployeeProfile_Icon{background-position:-1230px -150px;} .CandidatePortal .FeatureToolbar .RightMenu .FeatureToolbarButton .User_Icon{background-position:0px 0px;} .CandidatePortal .FeatureToolbar .RightMenu .FeatureToolbarButton .Messaging_Icon{background-position:-60px 0px;} .CandidatePortal .FeatureToolbar .RightMenu .FeatureToolbarButton .Help_Icon{background-position:0px -240px;} .CandidatePortal .FeatureToolbar .RightMenu .FeatureToolbarButton .GarbageCollect_Icon{background-position: -150px -150px;} .CandidatePortal .FeatureToolbar .RightMenu .FeatureToolbarButton .Refresh_Icon{background-position: 0px -150px;} .CandidatePortal .FeatureToolbar .RightMenu .FeatureToolbarButton .PrintScreen_Icon{background-position: -30px -150px;} .CandidatePortal .FeatureToolbar .RightMenu .FeatureToolbarButton .SendLog_Icon{background-position: -60px -150px;} .CandidatePortal .FeatureToolbar .RightMenu .FeatureToolbarButton .user-links-icon-help{background-position:0px -240px;} /*message button specific CSS to handle red circle deliciousness*/ .CandidatePortal .FeatureToolbar .MessageButton .dijitButtonNode .dijitButtonContents .dijitButtonText { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE8*/ opacity:0; position: absolute; bottom: 5px; right: 0px; font-size: 0.8em; background: url('../images/Messaging_icons.png') no-repeat; height:15px; width:15px; background-position: -182px -234px; padding:1px 0px;/*minor padding to center the text vertically in the image*/ -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .CandidatePortal .FeatureToolbar .MessageButton.HasMessages .dijitButtonNode .dijitButtonContents .dijitButtonText { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*IE8*/ opacity:1; } .CandidatePortal .FeatureToolbar .MessageButton .dijitButtonNode .dijitButtonContents .dijitIcon { -webkit-transition: margin-top linear 0.1s; -moz-transition: margin-top linear 0.1s; transition: margin-top linear 0.1s; } .CandidatePortal .FeatureToolbar .MessageButton.HasMessages .dijitButtonNode .dijitButtonContents .dijitIcon { /*shift up 5px to give room to the message count text*/ margin-top: -5px; } .CandidatePortal .FeatureToolbar .MessageButton { position:relative; } /*end message button css*/ /*solid white background for checked toggle buttons*/ .CandidatePortal .FeatureToolbar .Hamburger .dijitButtonNode { -webkit-transition:background-color linear 0.2s; -moz-transition:background-color linear 0.2s; transition:background-color linear 0.2s; } .CandidatePortal .FeatureToolbar .Hamburger.dijitChecked .dijitButtonNode { background-color:#fff; } .CandidatePortal .FeatureToolbarInner { /*relative so inner left + right content can anchor against it*/ position:relative; } /*anchor to left*/ .CandidatePortal .FeatureToolbarInner .LeftMenu { position:absolute; left:0px; top:0px; bottom:0px; } .CandidatePortal .FeatureToolbarInner .RightMenu { position:absolute; right:0px; top:0px; bottom:0px; padding-right:10px; } .CandidatePortal .FeatureToolbarInner .CenterMenu { text-align:center; position:absolute; left:0px; right:0px; bottom:0px; top:0px; } .CandidatePortal .FeatureToolbarInner .CenterMenu > div { vertical-align:middle; text-align:center; display:inline; font-size:1.2em; } .CandidatePortal .FeatureToolbar .CenterMenu .sitePurposePrefix { color: black; background: yellow; padding: 3px 5px; font-weight: bold; border-radius: 5px; } /*Place invisible content height 100% and middle aligned to allow us to use vertical-align on the actual visible breadcrumb hack from css-tricks*/ .CandidatePortal .FeatureToolbarInner .CenterMenu .FeatureBreadcrumb:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .CandidatePortal .FeatureMenu { position:absolute; top:40px; /*same height as toolbar by default, depending on pinned state may go to 0px*/ left:0px; bottom:0px; width: 230px; background-color:#3A3D3F; z-index: 933; /*933 to render on top of slide out panels and slide out panel hooks, but give space for message center to be beneath*/ box-shadow: 5px 0 5px -5px #000; -moz-transition: -moz-transform linear 0.1s; -webkit-transition: -webkit-transform linear 0.1s; transition: transform linear 0.1s; /*set this to supposedly eliminate flickering of this animated element in safari, occurs intermittently when opening and closing feature menu*/ -webkit-backface-visibility: hidden; /*to disable text selection on the menu */ -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; color: white; } .CandidatePortal .FeatureMenu.dijitHidden, .CandidatePortal .FeatureMenuOpen .FeatureMenu { /*no box shadow when pinned on screen*/ box-shadow:none; } /*separate node for scrolling so we can host the iframe cutout as a sibling to the scroller area to ensure that the scrollbar also gets rendered over silverlight */ .CandidatePortal .FeatureMenu .FeatureMenuScroller { display:block; position:absolute;/*pos:abs because we need to offset the scroller when the org picker is visible*/ top:0px; bottom:0px; left:0px; right:0px; overflow:auto; } .CandidatePortal .FeatureMenu.OrgSelectorOpen .FeatureMenuScroller { /*temporarily disable scrolling when org selector is open to prevent scrolling away from it*/ overflow:hidden; } /*shift scrollable content down if visible*/ .CandidatePortal .FeatureMenu.OrgSelectorVisible .FeatureMenuScroller { top:41px; } /*similar scroller as exists in HRSS home page*/ .CandidatePortal .FeatureMenuScroller::-webkit-scrollbar { width: 5px; /* for vertical scrollbars */ height: 5px; /* for horizontal scrollbars */ } .CandidatePortal .FeatureMenuScroller::-webkit-scrollbar-track { background: none; } .CandidatePortal .FeatureMenuScroller::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.5); max-height:5px; } .CandidatePortal .FeatureMenu.FeatureMenuPinned { /*when pinned we display adjacent*/ top:0px; } .CandidatePortal .FeatureMenu.dijitHidden, .CandidatePortal .FeatureMenu.hidden { display:block !important;/*override default hidden as we want to animate this*/ /*Move the feature menu via translate instead of animating on the left property, translate is far more performant and looks much, much better especially when animating in a short duration (1s)*/ -webkit-transform:translateX(-230px); -moz-transform:translateX(-230px); -o-transform:translateX(-230px); -ms-transform:translateX(-230px); transform:translateX(-230px); /*Same as non dijitHidden transition BUT has left in it as well with a 0s animation but a 0.1s delay in animation start This hack lets us animate off of translateX instead which has proven to be significantly more performant than animating the "left" property, esp. on tablets*/ -moz-transition: -moz-transform linear 0.1s, left 0s 0.1s; -webkit-transition: -webkit-transform linear 0.1s, left 0s 0.1s; transition: transform linear 0.1s, left 0s 0.1s; /*instead of hiding, push off screen - even though we translateX we need to do this for old browsers and to ensure the iframe cutoff is moved off screen when showing SL*/ left:-230px; } .CandidatePortal .SLSupportPage, .CandidatePortal .htmlHost, .CandidatePortal .FeatureToolbar, .CandidatePortal .DayforceSilverlightContainer { -webkit-transition: padding-left linear 0.1s, left linear 0.1s; -moz-transition: padding-left linear 0.1s, left linear 0.1s; transition: padding-left linear 0.1s, left linear 0.1s; } /*two borders give the illusion of an inset box shadow which looks pretty good, actually*/ .CandidatePortal .FeatureMenu .FeatureMenuOuterBorder { border: solid 1px #515455; min-height:100%; /*min height to ensure that the borders at least stretch the full window and can grow if scrollbars are needed*/ box-sizing:border-box; background-color:#3A3D3F; /*otherwise ie8 shows white if the menu items don't consume all available vertical space*/ } .CandidatePortal .FeatureMenu .FeatureMenuInnerBorder { border: solid 1px #333639; min-height:100%; /*min height to ensure that the borders at least stretch the full window and can grow if scrollbars are needed*/ box-sizing:border-box; } .CandidatePortal body.FeatureMenuOpen .FeatureToolbar { padding-left:230px;/*same width as feature menu*/ } .CandidatePortal body.NewFeatureUI.FeatureMenuOpen .SLSupportPage, .CandidatePortal body.NewFeatureUI.FeatureMenuOpen .htmlHost, .CandidatePortal body.NewFeatureUI.FeatureMenuOpen .DayforceSilverlightContainer, /*Mac OS safari has special handling for initializing SL where we need to display the SL node fully visible until it is loaded. Because of this, need special selector to ensure left is assigned properly*/ .CandidatePortal .dj_safari .NewFeatureUI.FeatureMenuOpen.PlatformLoaded .DayforceSilverlightContainer, .CandidatePortal .claro.NewFeatureUI.FeatureMenuOpen .dfMessageCenter, .CandidatePortal .claro.NewFeatureUI.FeatureMenuOpen .dfEmployeeProfile { /*can't use padding left + silverlight as it will prevent scrollbars from the menu from working since SL paints as an iframe over top*/ left: 230px; } /*overwrite default title pane styles here*/ .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePane, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneTitle, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneContentOuter { background:none; color:#fff; border:none; } .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneContentOuter { position:relative;/*relative for left rule to align against, want it to be above any inner borders to make left rules align*/ } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneContentInner { padding: 0px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePane { min-height:30px; /*must use min-height instead of height or else title pane will not expand*/ border-bottom: solid 1px #414446; } .CandidatePortal .FeatureMenuItem .FeatureMenuLeftRule { display:none; position:absolute; top:0px; bottom:0px; } /*enforce the right cursor type regardless on if the title panes of feature menu items are closed or not*/ .CandidatePortal .FeatureMenu .FeatureMenuItem, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePane, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePaneTitle, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePaneTitle.dijitTitlePaneTitleFixedClosed { cursor:pointer; } /*first level*/ .CandidatePortal .FeatureMenu .FeatureMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleClosed, .CandidatePortal .FeatureMenu .FeatureMenuItem.Selected > div > .dijitTitlePane > .dijitTitlePaneTitle.dijitTitlePaneTitleFixedClosed { background-color: #005EBC; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector, .CandidatePortal .FeatureMenu .FeatureMenuItem { background-color:#3A3D3F; -moz-animation: ft-fadeIn 0.5s linear; -webkit-animation: ft-fadeIn 0.5s linear; animation: ft-fadeIn 0.5s linear; } /*second level+*/ .CandidatePortal .FeatureMenu .FeatureMenuItem .FeatureMenuItem .dijitTitlePane { border-bottom:none; } .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePaneContentInner { border-top: solid 1px #414446; } .CandidatePortal .FeatureMenu .FeatureMenuItem .FeatureMenuItem { background-color:#2E3132; /*no fadein for second and further level children*/ -moz-animation:none; -webkit-animation:none; animation:none; } .CandidatePortal .FeatureMenu .FeatureMenuItem .FeatureMenuLeftRule { border-left: solid 10px #17466C; display:block; } .CandidatePortal .FeatureMenu .FeatureMenuItem .FeatureMenuItem .dijitTitlePaneTitle { padding-left: 35px; } /*third level+*/ .CandidatePortal .FeatureMenu .FeatureMenuItem .FeatureMenuItem .dijitTitlePaneContentInner { border-top: solid 1px #282B2C; } .CandidatePortal .FeatureMenu .FeatureMenuItem .FeatureMenuItem .FeatureMenuItem { background-color:#252728; } .CandidatePortal .FeatureMenu .FeatureMenuItem .FeatureMenuItem .FeatureMenuLeftRule { border-left: solid 10px #124167; display:block; } .CandidatePortal .FeatureMenu .FeatureMenuItem .FeatureMenuItem .FeatureMenuItem .dijitTitlePaneTitle { padding-left:40px; } .CandidatePortal .FeatureMenu .FeatureMenuItem .FeatureMenuItem .Icon { /*no feature icons for subfeatures*/ display:none; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitArrowNode, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitArrowNode, .CandidatePortal .FeatureMenu .right-arrow, .CandidatePortal .FeatureMenu .down-arrow { background-image:url('../images/chosen-sprite.png'); display:inline-block; width:10px; height:10px; background-position: -60px -22px; margin-left: 5px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector.Open .dijitArrowNode, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePaneTitleOpen .dijitArrowNode, .CandidatePortal .FeatureMenu .down-arrow { background-position: 0px -20px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorTitle, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePaneTitle { -moz-transition-property:background-color; -moz-transition-duration:0.3s; -webkit-transition-property:background-color; -webkit-transition-duration:0.3s; transition-property:background-color; transition-duration:0.3s; padding: 10px 5px; } /*default titlepane style sets display:none, we want visiblity:hidden instead to keep our button text aligned*/ .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitFixedClosed .dijitArrowNode { visibility: hidden; display: inline-block; } /*CSS to override default content pane layout to handle feature display names wrapping to next line while staying aligned with the previous line It's always the little things that take the most work... */ .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorTitle, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus { position:relative; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitArrowNode, .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus .dijitArrowNode { position: absolute; top: 50%; margin-top: -5px; } .CandidatePortal .FeatureMenu .FeatureMenuItem .dijitTitlePane .dijitTitlePaneTitleFocus .dijitTitlePaneTextNode { display:block; padding-left: 10px; } .CandidatePortal .FeatureMenu .FeatureMenuItem .FeatureMenuItemTitle { position:relative; max-width:100%; /*max-width for word-wrap break-word to work on feature display name*/ } /*shift 30px to account for 30px of icon space for top level feature icons and finally set as block to handle text overflow alignment*/ .CandidatePortal .FeatureMenu .FeatureMenuItemTitle .FeatureDisplayName { display: block; padding-left: 38px; word-wrap: break-word; /*for extra long feature names allow us to wrap in the middle of the word rather than go off-screen*/ } /*clear padding left for second and third level children since no icons*/ .CandidatePortal .FeatureMenu .FeatureMenuItem .FeatureMenuItem .FeatureMenuItemTitle .FeatureDisplayName { display: block; padding-left: 5px; } /*end horrible CSS to keep text aligned with itself :'( */ /*CSS unique to org picker*/ .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorTitle { background:none;/*background none first to clear all images as well (default gradient)*/ background-color:#6D6E70; color:#fff; border:none; padding:5px 5px 5px 20px; height:30px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .OrgName { display: block;/*display block to get implicit width to gracefully overflow text*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align:middle; height: 100%; padding: 2px 20px 0px 5px;/*give padding for arrow icon to prevent clipping and align left with feature names*/ } /*centering text hack to veritcally align the org name*/ .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .OrgName:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelectorButtons { position: absolute; bottom: 0px; border-top: solid 1px #dfe0e1; left: 0px; right: 0px; padding: 10px 0px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorContainer { background-color:#F1F1F2; position:absolute; top:40px; left:0px; right:0px; bottom:0px; overflow:hidden; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .OrgTreeSelector { padding: 10px 0; position: absolute; top: 0px; bottom: 52px; left: 0px; right: 0px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .OrgTreeSelector .dijitTree.orgTree { max-height: none; position: absolute; top: 40px; bottom: 0px; left: 0px; right: 0px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .HalfsiesButtons { width:50%; display:inline-block; float:left;/*float left removes implicit browser padding on all inline block elements*/ } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .HalfsiesButtons .dijitButton { margin:0px 10px; } /*move second button closer left*/ .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .HalfsiesButtons + .HalfsiesButtons .dijitButton { margin-left:0px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .HalfsiesButtons .dijitButton, .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .HalfsiesButtons .dijitButtonNode { /*take full width of parent container when inside halfsies*/ display:block; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .OrgTreeSelector .dijitTextBox { margin:0px 5px; width:auto;/*override default width for combo boxes*/ display:block; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .OrgTreeSelector .orgTree { width:auto; display:block; border-top:solid 1px #DFE0E1; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector { position:absolute; top:0px; left:0px; right:0px; z-index:inherit; overflow:hidden; height: 40px; border: solid 1px #515455; border-top:none; -moz-transition: height linear 0.2s; -webkit-transition: height linear 0.2s; transition: height linear 0.2s; } .CandidatePortal .FeatureMenu.OrgSelectorOpen .FeatureMenuOrgSelector { height:100%; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .OrgSelectorTitle { cursor: pointer; } .CandidatePortal .FeatureMenuOrgSelector .OrgSelectorIcon { display:inline-block; height:30px; width:30px; background: url('../../common/images/featureToolbar_icons_white.png') no-repeat; background-position: -90px -240px; vertical-align:middle; float:left;/*float left to give org name space to go block width*/ } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitArrowNode { background-position: -115px -22px;/*arrow icon pointing down as unopened state, pointing up when it is open*/ vertical-align:middle; right:10px; /*org picker has arrow right aligned*/ } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector.Open .dijitArrowNode { background-position: -133px -22px; } .CandidatePortal .FeatureMenuOrgSelector .dijitTreeRow { padding-top:5px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeExpando, .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeIcon { display:inline-block; height:30px; width:30px; background: url('../../common/images/featureToolbar_icons_white.png') no-repeat; background-position: 100px 100px;/*blank by default*/ vertical-align:middle; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .orgLevel { background-position:-180px -240px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .storeLevel { background-position: -180px -270px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeExpando { background-position: -150px -240px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeExpando.dijitTreeExpandoClosed { background-position: -120px -270px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeLabel, .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeExpando.dijitTreeExpandoLeaf { background:none; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeContent { display:inline-block; height:30px; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeLabel { color:#69696A; font-weight:normal; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector .dijitTree.orgTree .dijitTreeRowSelected .dijitTreeContent { background-color:#C4D5E8; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector.dijitDisabled .OrgSelectorIcon { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /*IE8*/ opacity:0.1; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector.dijitDisabled .OrgName { color:rgb(211, 210, 210); } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector.dijitDisabled .dijitArrowNode { display:none; } .CandidatePortal .FeatureMenu .FeatureMenuOrgSelector.dijitDisabled { cursor: default; } /*END org picker css*/ /*CSS Animations for feature toolbar*/ @-webkit-keyframes ft-fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes ft-fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } /*CUSTOM STUFF TO MAKE IT LOOK LIKE NOT SHIT FOR ANALYST DAY 2016*/ .CandidatePortal .FeatureMenu { color: white; } .CandidatePortal .FeatureMenu .menu-item { padding: 10px 5px 10px 0; display: block; } .CandidatePortal .FeatureMenu > .menu-item { border-bottom: solid 1px #414446; vertical-align: middle; } .CandidatePortal .FeatureMenu > .menu-item > .menu-item-content { display: table-cell; } .CandidatePortal .FeatureMenu > .menu-item > .menu-item-content > * { display: inline-block; vertical-align: middle; } .CandidatePortal .FeatureMenu .sub-menu { border-left: solid 10px #17466c; border-bottom: solid 1px #414446; background-color: #2e3132; } .CandidatePortal .FeatureMenu .sub-menu .menu-item { padding-left: 40px; } .CandidatePortal .FeatureMenu a { text-decoration: none; color: white; } .CandidatePortal .FeatureToolbar .hamburger-container { display:inline-block; cursor: pointer; padding: 0 10px; } .CandidatePortal .FeatureToolbar .hamburger-container.clicked { background-color: white; } .CandidatePortal .FeatureMenu .menu-icon { margin:0; } .CandidatePortal .FeatureMenu .current-menu-item { background-color: #005ebc; } /* to make clicking away from the menu hide the menu in ios. */ .CandidatePortal.k-safari.k-mobile body { cursor: pointer; } .CandidatePortal > body .content > .footer { position: absolute; bottom: 0; left: 0; right: 0; height: 38px; transition: height ease-in-out 200ms; overflow: hidden; } .CandidatePortal > body .footer > .toggle { text-align: center; min-height:100%; /*ensures that toggle takes up the full width of the footer, otherwise there might be a small white horizontal line at bottom of footer.*/ padding-top: 5px; } .CandidatePortal > body .footer > .toggle a{ margin-left: 1em; } .CandidatePortal > body .footer > .toggle a:hover{ text-decoration: underline; } #privacy-policy h2 { margin: 0 0 10px 0; font-size: 1.3em !important; font-weight: bold; } #privacy-policy p, #privacy-policy a, #privacy-policy ul > li{ font-style:normal; font-weight:normal; line-height:normal; font-family:Arial, Helvetica, sans-serif; font-size: small; height:auto; } #privacy-policy p { margin-top: 1em; margin-bottom: 1em; } #privacy-policy ul { display: block; list-style: disc outside none; margin: 1em 0; padding: 0 0 0 40px; } #privacy-policy ul >li { list-style: inherit; } .CandidatePortal .form-field-container { float: left; width: 33%; padding:10px 10px 10px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .CandidatePortal .form-container{ display: flex; flex-wrap: wrap; } .JobReqDetails .form-field-container { float: left; width: 33.33%; padding:10px 16px 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .CandidatePortal .form-field-container.widest{ width:100%; padding: 10px 0; } .JobReqDetails .form-field-container.widest { width:100%; padding: 10px 16px 0 0; } .CandidatePortal .form-field-container > *, .JobReqDetails .form-field-container > * { display:block; } .CandidateSourceLabelTooltip { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width:171px; } .CandidatePortal .section-title.required::after, .CandidatePortal .form-field-container.required label::after, .JobReqDetails .form-field-container.required label::after { content:"*"; color:red; margin-left:3px; } .CandidatePortal .form-field-container .dijitTextBox, .JobReqDetails .form-field-container .dijitTextBox { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .CandidatePortal .form-field-container .dijitAvailabilitySelector { min-width:300px; } .CandidatePortal .form-field-container .DayforceCheckBox { /*Make the checkbox field (inline with the label) the same height as the dropdown and entity selector fields (with the label on top) so that they reflow properly. Also, vertically center the checkbox and label in the form field.*/ height: 26px; margin-top: 15px; } .CandidatePortal .form-field-container .DayforceCheckBox.cp-education-workhistory-checkbox { margin-top: 5px; } .CandidatePortal .form-field-container .cp-education-workhistory-legend { display: table; white-space: normal; } .CandidatePortal .form-field-container .cp-wrapper .EntitySelector, .CandidatePortal .form-field-container .mobile-preferred-contact-output { width: 100%; } .JobReqDetails .form-field-container .dijitCheckBox { height: 25px; } .CandidatePortal .form-fields::after, .JobReqDetails .form-fields::after{ clear:both; /*clear floats from form fields*/ } .CandidatePortal .radio-button-group { margin-bottom: 10px; border: 1px solid #d3d3d3; color: #626262; display:inline-block; border-radius: 5px; } .CandidatePortal .radio-button-group .radio-button-option { display:inline-block; padding: 5px 40px; cursor: pointer; text-align:center; } .CandidatePortal .radio-button-group .radio-button-option.radio-option-upload { border-right:1px solid #d3d3d3; } .CandidatePortal .radio-button-group .radio-button-option.selected { background-color: #f0f0f0; } .dj_android .claro .dijitCheckBoxCheckedHover, .dj_ios .claro .dijitCheckBoxCheckedHover, .dj_android .claro .dijitCheckBoxHover.dijitCheckBoxCheckedHover, .dj_ios .claro .dijitCheckBoxHover.dijitCheckBoxCheckedHover { background-position:0; /*checkbox on touch device shouldn't look like it is being hovered. Use the non-hovered image.*/ } .dj_android .claro .dijitCheckBoxHover, .dj_ios .claro .dijitCheckBoxHover { background-position:-15px; /*checkbox on touch device shouldn't look like it is being hovered. Use the non-hovered image.*/ } .dj_android .claro .dijitRadioCheckedHover, .dj_ios .claro .dijitRadioCheckedHover, .dj_android .claro .dijitRadioHover.dijitRadioCheckedHover, .dj_ios .claro .dijitRadioHover.dijitRadioCheckedHover { background-position:-90px; /*radio button on touch device shouldn't look like it is being hovered. Use the non-hovered image.*/ } .dj_android .claro .dijitRadioHover, .dj_ios .claro .dijitRadioHover { background-position:-105px; /*radio button on touch device shouldn't look like it is being hovered. Use the non-hovered image.*/ } @media (max-width: 768px), (max-device-width: 768px) { .CandidatePortal .form-field-container { width:50%; } } @media (max-width: 550px) { .CandidatePortal .form-field-container { width:100%; } .CandidatePortal .radio-button-group .radio-button-option { padding: 5px; } } @media (max-width: 1000px), (max-device-width: 1000px) { .JobReqDetails .form-field-container{ width:50%; } } @media (max-width: 800px) { .JobReqDetails .form-field-container { width:100%; } } /* Wide enough for situations where the form field would be taking up 100%. For general form fields this number is 550px. For the login/register page this number is 600px. Since the tooltip is outside of the page's div structure, this css applies everywhere in Candidate Portal. */ @media (max-width: 600px) { .CandidatePortal .dijitTooltip .ValidationTooltip { display:none; } } /* On iOS devices, the font for input fields must be at least 16px otherwise the browser will zoom in every time you try to fill out a field. Right now this fixes the isssue for text fields. Platform will look into other selectors, but this at least helps with the login/registration screens. */ .dj_ios select:focus, .dj_ios textarea, .dj_ios input[type="text"], .dj_ios input[type="password"], .dj_ios input[type="datetime"], .dj_ios input[type="datetime-local"], .dj_ios input[type="date"], .dj_ios input[type="month"], .dj_ios input[type="time"], .dj_ios input[type="week"], .dj_ios input[type="number"], .dj_ios input[type="email"], .dj_ios input[type="url"], .dj_ios input[type="search"], .dj_ios input[type="tel"], .dj_ios input[type="color"] { font-size: 16px !important; } /* For the kendo selectors, we need to target based on screen size since dojo isn't running and therefore cannot add the dj_ios class. */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .k-widget.k-combobox, .k-widget.k-textbox { font-size: 16px !important; } } .CandidatePortal .form-field-container.large { width: 50%; min-width: 160px; } .CandidatePortal .form-field-container.small { width: 25%; min-width: 160px; } .CandidatePortal .form-field-container.x-small { width: 15%; min-width: 160px; /* match EntitySelector*/ } @media (max-width: 768px), (max-device-width: 768px) { .CandidatePortal .form-field-container.small { width: 50%; } .CandidatePortal .form-field-container.x-small { width: 25%; } } @media (max-width: 550px) { .CandidatePortal .form-field-container.large, .CandidatePortal .form-field-container.small, .CandidatePortal .form-field-container.x-small { width: 100%; } } .hidden { display: none !important; } .nowrap { white-space: nowrap; } .plain-text { white-space: pre-wrap; } [data-label]::before, [data-label-after]::after { display: inline-block; } [data-label]::before { content: attr(data-label); margin-right: 3px; } [data-label-after]::after { content: attr(data-label-after); margin-left: 3px; } .clickable { cursor: pointer; } .center { text-align: center; } a.center { display:block; } .templates { display: none; } .inline-group { display: inline-block; } .no-scroll { overflow: hidden !important; } .CandidatePortal .section::before, .CandidatePortal .section-label{ display: block; color: #013ca6; font-size: 16px; padding: 0 0 5px 3px; margin-bottom: 5px; border-bottom: 1px solid #2253aa; text-align:left; } .CandidatePortal .content-link { font-size: 12px; color: #315eb9; cursor: pointer; } .CandidatePortal .border-box { padding: 10px 20px; border: 1px solid #1162c2; margin: 0 10px; text-align:center; } .CandidatePortal .dialogButtons { float: right; } .no-close-dialog .dijitDialogTitleBar { margin: 0px; } .no-close-dialog .dijitDialogPaneContent { border: none; padding: 0px 10px; } .clear-both { clear: both; } .clear-fix::after { content: ""; display: table; clear: both; } .error { color: red; } .inline-image { display:inline-block; } .block { display:block; } @media (max-width: 768px), (max-device-width: 768px) { .radio-button-group { width:100%; } .radio-button-group .radio-button-option { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } #backToTopButton { position: fixed; right: 1em; bottom: 2em; z-index: 98; border: var(--primary) solid 1px; background-color: #FFFFFF; border-radius: 25px; height: 50px; width: 50px; color: var(--primary); text-align: center; cursor: pointer; font-size: 3em; } #backToTopButton:hover, #backToTopButton:focus { outline: 2px solid var(--primary); background-color: var(--accent); color: #FFFFFF; } .showBackToTop{ transition-timing-function: ease-in; transition: 0.5s; opacity: 1; } .hideBackToTop{ transition-timing-function: ease-in; transition: 0.5s; opacity: 0; } .CandidatePortal > body > .header { position: absolute; left: 0; right: 0; top: 0; border-bottom: 1px solid #d1d1d1; background-color: #fff; height: 41px; } .CandidatePortal > body > .header .nav-item { display: block; position: relative; float: left; padding: 12px 16px 12px 32px; border-right: 1px solid #d1d1d1; color: #d1d1d1; font-size: 12px; text-decoration: none; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .CandidatePortal > body > .header .job-search::before, .CandidatePortal > body > .header .login::before, .CandidatePortal > body > .header .logout::before, .CandidatePortal > body > .header .culture::before, .CandidatePortal > body > .header .culture::after { content: " "; display: inline-block; background: url("../images/layout_icons_sprite.png") no-repeat 0 0; width: 16px; height: 16px; position: absolute; left: 12px; } .CandidatePortal > body > .header .job-search:hover, .CandidatePortal > body > .header .job-search.selected, .CandidatePortal > body > .header .login:hover, .CandidatePortal > body > .header .login.selected, .CandidatePortal > body > .header .culture:hover, .CandidatePortal > body > .header .culture.expanded { color: #0e6eb6; } .CandidatePortal > body > .header .job-search:hover::before, .CandidatePortal > body > .header .job-search.selected::before { background-position: 0 -16px; } .CandidatePortal > body > .header .nav-item.login::before { background-position: -16px 0; } .CandidatePortal > body > .header .login:hover::before, .CandidatePortal > body > .header .login.selected::before { background-position: -16px -16px; } .CandidatePortal > body > .header .culture { padding-right: 30px; cursor: default; } .CandidatePortal > body > .header .culture::before { background-position: -32px 0; } .CandidatePortal > body > .header .culture:hover::before, .CandidatePortal > body > .header .culture.expanded::before { background-position: -32px -16px; } .CandidatePortal > body > .header .nav-item.culture::after { background-position: -48px 0; right: 12px; top: 12px; left: auto; } .CandidatePortal > body > .header .culture:hover::after, .CandidatePortal > body > .header .culture.expanded::after { background-position: -48px -16px; } .CandidatePortal > body > .header .nav-item.logout::before { background-position: -64px 0; } .CandidatePortal > body > .header .logout:hover::before, .CandidatePortal > body > .header .logout.selected::before { background-position: -64px -16px; } .CandidatePortal > body > .header .culture > .list { visibility: hidden; opacity: 0; transition: opacity 200ms; position: absolute; top: 41px; left: -1px; right: 0px; background-color: #fff; border: 1px solid #d1d1d1; border-right:none; border-radius: 0 0 6px 6px; padding: 5px 10px; z-index: 1000; } .CandidatePortal > body > .header .culture:hover > .list, .CandidatePortal > body > .header .culture.expanded > .list { visibility: visible; opacity: 1; } .CandidatePortal > body > .header .culture > .list > * { display: block; text-decoration: none; white-space: nowrap; border-bottom: 1px solid #d1d1d1; padding: 5px 10px; color: inherit; } .CandidatePortal > body > .header .culture > .list > *:last-child { border-bottom: 0; } .CandidatePortal > body > .header .user { padding-left: 20px; border-left: 0 !important; display: none; } .CandidatePortal > body > .header .nav-item.user, .CandidatePortal > body > .header .nav-item.login, .CandidatePortal > body > .header .nav-item.logout, .CandidatePortal > body > .header .nav-item.culture { float: right; border-left: 1px solid #d1d1d1; border-right: none; } @media screen and (min-width: 760px) { .CandidatePortal > body > .header .nav-item.culture > .list { border-right: 0; right: 0; } .CandidatePortal > body > .header .user { display: block; } } @media (max-width: 550px) { .CandidatePortal > body > .header .header-text { display:none; } .CandidatePortal > body > .header .job-search::before, .CandidatePortal > body > .header .login::before, .CandidatePortal > body > .header .logout::before, .CandidatePortal > body > .header .culture::before, .CandidatePortal > body > .header .culture::after { left: 16px; } .CandidatePortal>body>.header .culture>.list { left: auto; } } /* Job Details header background */ .CandidatePortal .JobDetailsHeader { background: url("../images/CandidatePortal_bar.png") repeat-x 0px -26px; } /* Icons */ .CanPortalIcon_Twitter, .CanPortalIcon_Facebook, .CanPortalIcon_FacebookWhite, .CanPortalIcon_LinkedIn, .CanPortalIcon_Mail, .CanPortalIcon_Apply, .CanPortalIcon_Login, .CanPortalIcon_Register, .CanPortalIcon_Divider, .CanPortalIcon_Back, .CanPortalIcon_Logout, .CanPortalIcon_Divider_White, .CanPortalIcon_Upload, .CanPortalIcon_Editor, .CanPortalIcon_Delete, .CanPortalIcon_Add, .CanPortalIcon_FileProcess1, .CanPortalIcon_FileProcess2, .CanPortalIcon_Select_File, .CanPortalIcon_Information, .CanPortalIcon_ApplyWithLinkedIn .dijitButtonNode { background: url("../images/CandidatePortal_sprites.png") no-repeat; } .CanPortalIcon_Twitter { width:26px; height:26px; background-position:-4px 0; } .CanPortalIcon_Facebook { width:26px; height:26px; background-position:-34px 0; } .CanPortalIcon_FacebookWhite { width:19px; height:19px; background-position:-409px 0; } .CanPortalIcon_LinkedIn { width:26px; height:26px; background-position:-63px 0; } .CanPortalIcon_Mail { width:26px; height:26px; background-position:-93px 0; } .CanPortalIcon_Apply { width:16px; height:16px; background-position:-119px 0; } .CanPortalIcon_Login:hover { width:16px; height:16px; background-position:-151px 0; } .CanPortalIcon_Login { width:16px; height:16px; background-position:-135px 0; } .CanPortalIcon_Register:hover { width:16px; height:16px; background-position:-183px 0; } .CanPortalIcon_Register { width:16px; height:16px; background-position:-167px 0; } .CanPortalIcon_Divider { width:10px; height:16px; background-position:-199px 0; } .CanPortalIcon_Back:hover { width:16px; height:16px; background-position:-224px 0; } .CanPortalIcon_Back { width:16px; height:16px; background-position:-208px 0; } .CanPortalIcon_Logout:hover { width:16px; height:16px; background-position:-256px -0px; } .CanPortalIcon_Logout { width:16px; height:16px; background-position:-240px 0; } .CanPortalIcon_Divider_White { width:8px; height:16px; background-position:-272px 0; } .CanPortalIcon_Upload { width:24px; height:22px; background-position:-280px -2px; } .CanPortalIcon_Editor { width:23px; height:23px; background-position:-304px -1px; } .CanPortalIcon_Delete, html.dj_android .CanPortalIcon_Delete:hover, html.dj_ios .CanPortalIcon_Delete:hover { width:20px; height:20px; background-position: -329px 0; } .CanPortalIcon_Delete:hover, .CanPortalIcon_Delete:active { width:20px; height:20px; background-position: -348px 0; } .CanPortalIcon_Add, html.dj_android .CanPortalIcon_Add:hover, html.dj_ios .CanPortalIcon_Add:hover { width:20px; height:20px; background-position: -368px 0; } .CanPortalIcon_Add:hover, .CanPortalIcon_Add:active { width:20px; height:20px; background-position: -387px 0; } .CanPortalIcon_FileProcess1 { width:184px; height:163px; background-position:0 -26px; } .CanPortalIcon_FileProcess2 { width:172px; height:163px; background-position:-184px -26px; } .CanPortalIcon_Select_File { width:39px; height:34px; background-position:-356px -26px; } .CanPortalIcon_Information {width:60px; height:55px; background-position:-360px -65px;} .CanPortalIcon_ApplyWithLinkedIn.dijitButton .dijitButtonNode { width:135px; height:24px; background-position: -402px -27px; background-color: transparent; width: 125px; height: 100%; } .CanPortalIcon_RecommendedBrowserLogo { background: url('../images/recommended-browsers-logo.png') no-repeat; background-size: cover; display: inline-flex; height: 26px; width: 105px; margin-top: 5px; margin-right: 8px; } .CandidatePortal { font-family: Arial, Helvetica, sans-serif; } .CandidatePortal .candidate-profile-layout.main-content{ border-radius: 6px; border-style: hidden; } .CandidatePortal .candidate-profile-layout .trackingPixel { height: 1px; width: 1px; } .CandidatePortal .job-posting-application .application-wizard { position: relative; padding-right: 202px; /*the 2 pixels is for the border on the right pane*/ min-height: 600px; display: flex; } .CandidatePortal .job-posting-application .application-wizard .leftPane { flex: 1; position: static; } .CandidatePortal .WizardControl .WizardStep .WizardStepHeading :focus, .CandidatePortal .section-title .left:focus { outline: none; } .CandidatePortal .JobApplicationGenerated #ReplaceSection { display: flex; } .CandidatePortal .JobApplicationGenerated #ReplaceSection .label-contain { flex: 4; padding-right: 20px; } .CandidatePortal .JobApplicationGenerated #ReplaceSection .button-contain { flex: 2; text-align: right; padding-top: 1.5em; min-width: 210px; } .CandidatePortal .JobApplicationGenerated #ReplaceSection .button-contain>span { margin-left: 5%; font-size: 1.33em; } .CandidatePortal .JobApplicationGenerated #ReplaceSection #replace-button .dfI_G02_Cog:before { color: var(--primary); } .CandidatePortal .JobApplicationGenerated #ReplaceSection #replace-button { margin: 10px auto; padding: 10px 25px; } .CandidatePortal .JobApplicationGenerated #ReplaceSection #replace-button span { white-space: nowrap; } .CandidatePortal .JobApplicationGenerated #ReplaceSection #replace-button span.icon { margin-right: 10px; margin-top: -4px; font-size: 1.33em; } .CandidatePortal .JobApplicationGenerated .assessment-wrapper .cp-confirm { border: 1px solid var(--scale-400); border-radius: 5px; padding: 0 0 30px 25px; } .CandidatePortal .JobApplicationGenerated #ConfirmSection #Assessment { margin-top: 20px; border: 1px solid var(--scale-400); border-radius: 5px; padding: 25px; text-align: left; line-height: 2.5; } .CandidatePortal .JobApplicationGenerated .confirm-section-with-no-assessment { text-align: center; } .CandidatePortal .JobApplicationGenerated .cp-confirm .main_image { width: 20%; min-width: 155px; margin: auto; position: relative; } .CandidatePortal .JobApplicationGenerated .assessment-warning-with-title { font-size: 25px; padding-right: 10px; } .JobApplicationGenerated #ConfirmSection .cp-form-content-wrapper div.assessment-url { font-weight: bold; font-size: 12px; overflow-wrap: break-word; } .CandidatePortal .JobApplicationGenerated .cp-confirm .main_image span { font-size: 150px; color: #e3edfc; z-index: 25; position: relative; } .CandidatePortal .JobApplicationGenerated .cp-confirm .confirm-message { font-weight: bold; font-size: 2em; margin-bottom: 0; } .CandidatePortal .JobApplicationGenerated .cp-confirm a.profileButton { padding: 5px 30px; } .CandidatePortal .JobApplicationGenerated .cp-confirm a.updateProfileNoButton { margin-left: 20px; padding: 5px; } .CandidatePortal .JobApplicationGenerated .cp-confirm .profile-content-section > div { display: inline-block; } .CandidatePortal .JobApplicationGenerated .cp-confirm .profile-content-section .icon { color: #098442; padding-right: 5px; font-size: 16px; } .CandidatePortal .JobApplicationGenerated .cp-confirm .profile-content-section .dfI_G02_Check:before { color: #098442 } .CandidatePortal .job-posting-application .application-wizard .rightPane { flex: 3; position: static; padding-bottom: 150px; border: none; } .CandidatePortal .job-posting-application .application-wizard .bottomBar { clear: both; position: absolute; bottom: 0; } .CandidatePortal .WizardStep { padding: 20px 20px 25px 20px; } .CandidatePortal .job-posting-application .thankyou-pane>.details-output { padding: 20px; } .CandidatePortal .job-posting-application .thankyou-pane .details-output>em { font-style: normal; font-weight: 700; } .CandidatePortal .job-posting-application .thankyou-pane>.buttonsContainer { padding: 20px; text-align: right; } .CandidatePortal .section-title, .CandidatePortal .WizardControl .WizardStep .WizardStepHeading { font-size: 1.5em; margin: 10px 0; padding: 0; border: none; } .CandidatePortal .details-output, .CandidatePortal .WizardControl .WizardStep .WizardStepSubHeading { font-size: 1.2em; margin-bottom: 10px; padding: 0; } .CandidatePortal .cp-screen-reader-announcement, .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .CandidatePortal .WizardStep .forkOptionButton { display: inline-block; } .CandidatePortal .WizardStep .forkOptionButton .dijitButtonNode { padding: 10px; background-color: #f8f8f8; border: solid 1px #d3d3d3; margin: 5px; } .CandidatePortal .WizardControl .stepList>.WizardStepButton { border: none !important; } .CandidatePortal .WizardStep .forkOptionButton .dijitButtonNode .dijitButtonContents .dijitIcon { float: none; } .CandidatePortal .WizardStep .forkOptionButton .dijitButtonNode .dijitButtonText, .CandidatePortal .claro-gray .dijitButtonText { color: #626262; text-align: left; margin-left: 10px; } .CandidatePortal .dijitButtonText .title { font-size: 14px; font-weight: bold; margin-bottom: 10px; } .CandidatePortal .actionButton { float: right; vertical-align: top; display: inline-block; border: 0; /*remove styling from button element*/ width: 20px; height: 20px; padding: 0; margin: 2px 10px 0 0; } .CandidatePortal .widget-list-item { border-bottom: 1px solid rgba(0, 0, 0, .15); margin-bottom: 10px; padding-bottom: 15px; } .CandidatePortal .content-intro { margin-top: 10px; } .CandidatePortal .submit-information { margin-top: 20px; } .CandidatePortal #ReviewSection h3, .CandidatePortal .JobApplicationGenerated #ReplaceSection .button-contain { margin-top: 0px; padding-top: 0px; } .CandidatePortal #ReviewSection h3, .CandidatePortal .submit-information h3 { font-size: 1.5em; } .CandidatePortal .submit-information div { padding: 10px; } .CandidatePortal .ack-container { text-align: center; border: solid #DDDDDD 1px; background-color: #F8F8F8; margin-top: 10px; } .CandidatePortal .ack-container .formElement { width: auto; font-weight: bold; } .CandidatePortal .ack-container .formElement > .form-element-phone-number{ display: flex; flex-direction: row; padding: 0px; } .CandidatePortal .ack-container .checkboxContainer > .dijitCheckBox { top: 20% !important; } .CandidatePortal .information-highlight { background-color: #e9e9e9; padding: 10px; border-radius: 4px; color: #666666; text-align: left; } .CandidatePortal .information-highlight div { margin-bottom: 10px; color: #666666; } .CandidatePortal .information-highlight .title { font-size: 18px; } .CandidatePortal .job-posting-application .resume-upload-section .cut-paste-editor { margin: 10px 0px; } .CandidatePortal .job-posting-application .resume-upload-section.hide-upload .radio-button-group { display: none; } .CandidatePortal .job-posting-application .application-wizard .WizardControlButton .dijitButtonContents { position: relative; } .CandidatePortal .job-posting-application .application-wizard .WizardControlButton .dijitIcon { position: absolute; margin-top: 0; top: 2px; } .CandidatePortal .job-posting-application .application-wizard .WizardControlButton .previousIcon { left: 0; } .CandidatePortal .job-posting-application .application-wizard .WizardControlButton .nextIcon, .CandidatePortal .job-posting-application .application-wizard .WizardControlButton .Button_Icon_Check_White { right: 0; } .CandidatePortal .job-posting-application .application-wizard .WizardControlButton .dijitButtonText { padding-left: 20px; padding-right: 20px; } .CandidatePortal .job-posting-application .loading-mask { margin-top: 20px; } .CandidatePortal .job-posting-application .application-wizard .bottomPane { height: inherit; border: none; padding: 20px; } .CandidatePortal .job-posting-application .application-wizard .SnippetContainer { float: none; max-width: none; display: flex; margin-bottom: 0; } .CandidatePortal .job-posting-application .application-wizard .SnippetContainer>.SnippetContent>span { display: inline-block; margin-bottom: 10px; } .CandidatePortal .job-posting-application .DayforceRadioButton, .CandidatePortal .job-posting-application .DayforceCheckBox { display: table; } /* Override the wizard.styl/wizard.depr.css */ .CandidatePortal .job-posting-application .WizardControl .buttonsContainer { margin: 0; background-color: transparent; display: flex; } .CandidatePortal .job-posting-application .application-wizard .buttonsContainer .dijitButton { margin: 0.2em; } .CandidatePortal .job-posting-application .application-wizard .buttonsContainer .dijitButton .dijitButtonNode, .CandidatePortal .job-posting-application .thankyou-pane .dijitButton .dijitButtonNode { padding: 0.6em; border: none; } .CandidatePortal .job-posting-application .application-wizard .buttonsContainer .dijitButton.BlueButton { flex-grow: 1; align-self: flex-end; } .CandidatePortal .job-posting-application .application-wizard .buttonsContainer .dijitButton.BlueButton .dijitButtonNode, .CandidatePortal .job-posting-application .thankyou-pane .dijitButton .dijitButtonNode { border: none; } .job-posting-application .WizardControl .BottomLogo { max-width: 70px; max-height: 40px; margin: 0; } .CandidatePortal .job-application-summary-pane .error-list>li { padding-bottom: 10px; list-style: inherit; margin-left: 55px; } .CandidatePortal .job-application-summary-pane { padding: 1px 20px 20px 15px; } .CandidatePortal .job-application-summary-pane h3 { font-size: large; padding-bottom: 10px; } .CandidatePortal .job-application-summary-pane .job-application-summary-pane-heading i { margin-right: 10px; font-size: 1.5em; vertical-align: baseline; } .CandidatePortal .job-application-summary-pane-parent-container { height: 100%; position: relative; } /*This style is used to hide the textbox in Entity selector to make it have the same look at ListBox*/ .CandidatePortal .EntitySelectorDropDownPopup .EntitySelectorDropDown .cp-hide-entitySelector-textbox { opacity: 0; height: 0px; } .CandidatePortal .experienceContentPane .form-field-container:not(.work-history-textarea) { min-height: 65px; padding: 0 10px 0 0; } .CandidatePortal .WizardStepButton.wait-for-resume { display: none; } .CandidatePortal .resume-loaded .WizardStepButton.wait-for-resume { display: block; } .CandidatePortal .job-posting-application .apply-method-splitter { margin: 20px 10px; } .CandidatePortal .job-posting-application .apply-method-splitter>span { top: -0.75em; position: relative; padding: 0 1em; } .CandidatePortal .job-posting-application .btn-open-assessment, .CandidatePortal .job-posting-application .cp-assessment-section-description { padding-top: 10px; } .CandidatePortal .job-posting-application .cp-assessmentLink { padding-top: 10px; font-weight: bold; font-size: 1.1em; } .CandidatePortal .job-posting-application .veteran-form { position: relative; font-size: 1.333em; } .CandidatePortal .job-posting-application .veteran-form-client-section { margin-bottom: 15px } .CandidatePortal .job-posting-application .disability-form { position: relative; font-size: 1em; } .CandidatePortal .job-posting-application .disability-form h3.disability-form-header { margin: 20px auto; text-align: center; margin-bottom: 0px; font-size: 1.8em; font-weight: normal; } .CandidatePortal .job-posting-application .disability-form h3.disability-form-section { text-align: center; margin: 20px auto; padding: 5px 0; border-style: double; font-size: 1.8em; font-weight: normal; } .CandidatePortal .job-posting-application .disability-form .disability-form-control-number { right: 0; top: 0; text-align: right; } .CandidatePortal .job-posting-application .disability-form .list-four-column { overflow: auto; } .CandidatePortal .job-posting-application .disability-form .column-sm { float: left; width: 20%; } .CandidatePortal .job-posting-application .disability-form .column-lg { float: left; width: 30%; } .CandidatePortal .job-posting-application .disability-form .question-label { border-bottom: 2px solid black; display: inline-block; margin-bottom: 15px; font-size: 1em; font-weight: bold; } .CandidatePortal .job-posting-application .disability-form .signature-box { border-bottom: 2px solid black; display: inline-block; font-size: 1em; font-weight: bold; } /* New Candidate Personal Information*/ .JobApplicationGenerated { background-color: white; max-width: 1000px; margin: 0 auto; box-sizing: border-box; } .JobApplicationGenerated #ReviewSection .CPFormElementWrapper .dijitTextBox { display: block; } .JobApplicationGenerated .checkboxContainer { left: 0 !important; right: auto !important; } .JobApplicationGenerated .cp-form-wrapper h1.cp-form-title, .JobApplicationGenerated .cp-form-wrapper div.cp-form-title { color: black; margin: 0px; font-size: 1.33em; font-weight: 600; padding: 0; } .JobApplicationGenerated #QuestionnaireSection .cp-form-wrapper h1.cp-form-title, .JobApplicationGenerated #AssessmentSection .cp-form-wrapper h1.cp-form-title { margin-bottom: 30px; } .JobApplicationGenerated .cp-form-wrapper .CPFormElementWrapper .DayforceCheckBox label { padding-left: 21px; } .JobApplicationGenerated .cp-form-wrapper .CPFormElementWrapper .DayforceCheckBox { display: block; } .JobApplicationGenerated .cp-form-wrapper .cp-form-title-wrapper { display: flex; flex-wrap: wrap; flex-flow: row; align-content: flex-start; height: 100%; min-width: 500px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-title-wrapper .cp-form-title { flex-grow: 9; order: 1; height: 100%; min-width: 150px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-title-wrapper .dfI_G00_global_add { flex-grow: 1; order: 2; height: 100%; max-width: 1.33em; text-align: center; font-size: 1.33em; color: #3067db; cursor: pointer; } .JobApplicationGenerated .cp-form-wrapper .cp-form-title-wrapper .dfI_G00_global_add:hover { background-color: #ebebeb; } .JobApplicationGenerated .cp-form-wrapper { padding: 0.9em 8em; } .JobApplicationGenerated #ConfirmSection .cp-form-wrapper { padding: 0.9em 8em 3.5em 8em; } .JobApplicationGenerated #ConfirmSection .assessment-wrapper { padding: 0.9em 8em; } .JobApplicationGenerated .cp-form-wrapper hr { margin-top: 5px; } .JobApplicationGenerated .sub-section-wrapper { display: flex; flex-wrap: wrap; align-content: flex-start; height: 100%; } .JobApplicationGenerated .fieldSetLegend { font-size: 1.16em; font-weight: bold; width: 100%; } .JobApplicationGenerated .CPFormElementWrapper { width: 50%; margin: 0.8em 0; } .JobApplicationGenerated .CPFormElementWrapper label:first-child { color: #696969; } .JobApplicationGenerated .CPFormElementWrapper .dijitTimeRange label:first-child { color: #FFFFFF; } .JobApplicationGenerated .CPFormElementWrapper .input-error-list label { color: #ff0000; display: block; padding: 8px 0px 0px 0px; } .JobApplicationGenerated .CPFormElementWrapper.fullWidth { width: 100%; } .JobApplicationGenerated .formInputFullWidth { width: 100%; } .JobApplicationGenerated .formInputLargeWidth { width: 70%; } .JobApplicationGenerated .formInputFullWidth div.formElement, .JobApplicationGenerated .formInputFullWidth input, .JobApplicationGenerated textarea.formInputFullWidth { width: 96%; } .JobApplicationGenerated .formElement { width: 92%; padding: 4px; margin-top: 5px; } .JobApplicationGenerated #QuestionnaireSection .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper { margin: 0 0 1.5em 0; width: 100%; } .JobApplicationGenerated #QuestionnaireSection .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .formLabel { color: black; display: block; padding-bottom: 10px; } .JobApplicationGenerated #QuestionnaireSection .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .formLabel.RadioGroup { display: inline-table; padding-bottom: 10px; } .JobApplicationGenerated #QuestionnaireSection .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .DayforceRadioButton, .JobApplicationGenerated #QuestionnaireSection .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .DayforceCheckBox { display: block; padding-bottom: 5px; } .JobApplicationGenerated #QuestionnaireSection .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .DayforceRadioButton:last-child{ margin-bottom: -25px; } .JobApplicationGenerated #QuestionnaireSection .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .DayforceCheckBox:last-child, .JobApplicationGenerated #QuestionnaireSection .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .DayforceCheckBox.formElement { padding-bottom: 0px; } .JobApplicationGenerated #QuestionnaireSection .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .DayforceCheckBox { padding-top: 0px; } .JobApplicationGenerated .required:after { content: " *"; } .JobApplicationGenerated .cp-form-wrapper .cp-form { margin-left: 20px; padding: 10px 0px; } .JobApplicationGenerated .cp-form-wrapper .cp-form:not(:last-child) { border-bottom: 2px #e2e3e4 solid; margin-bottom: 0px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read { display: flex; flex-wrap: wrap; flex-flow: row; align-content: flex-start; height: 100%; min-width: 500px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform { flex-grow: 9; order: 1; height: 100%; min-width: 450px; font-size: 1em; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform span { display: block; line-height: 1.54em; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform .displayInline span { display: inline-block; padding-right: 4px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform .readonly-title { font-weight: bold; font-size: 1.16em; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform .readonly-labels { color: #696969; padding-right: 4px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform .readonly-padtop { margin-top: 10px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform .tblMain { display: table; margin-top: 10px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform .tblMain .tblRow { display: table-row; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform .tblMain .tblRow .tblCell { display: table-cell; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform .tblMain .tblRow .tblCell:first-child { padding-right: 25px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform .tblMain .tblRow .tblCell .readonly-labels { padding-left: 4px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readOnlyFormControls { flex-grow: 1; order: 2; height: 100%; min-width: 55px; text-align: right; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readOnlyFormControls .icon { padding: 2px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readOnlyFormControls .dfI_G02_Delete, .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readOnlyFormControls .dfI_G03_global_edit { font-size: 1.33em; color: #3067db; cursor: pointer; margin-left: 5px; padding: 1.5px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readOnlyFormControls .dfI_G02_Delete:hover, .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readOnlyFormControls .dfI_G03_global_edit:hover { background-color: #ebebeb; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .noRecordAvailableWrapper, .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .uploadedRecordWrapper { font-size: 1.1em; color: #696969 ; margin-left: 20px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .noRecordAvailableWrapper .dfI_G02_Note, .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .uploadedRecordWrapper span[class^="dfI_G08_DocType"] { font-size: 1.3em; padding: 5px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .cp-form .cp-form-edit { display: block; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .cp-form .cp-form-edit .save-and-cancel-padding { padding-top: 0.8em; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .cp-form .cp-form-edit .save-and-cancel-padding input[type=button] { margin: 8px 20px 8px 0px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .cp-form .cp-form-edit .dijitButton .dijitButtonNode { padding: 4px 16px 4px 16px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .cp-form .cp-form-edit .claro-gray .dijitButton .dijitButtonNode { background-color: #f0f0f0; border: 1px solid #d3d3d3; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .cp-form .cp-form-edit .claro-gray { display: inline-block; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .cp-form .cp-form-edit .claro-gray .dijitButtonText { margin-left: 0px; } .JobApplicationGenerated #AssessmentSection .cp-form-content-wrapper div, .JobApplicationGenerated #AssessmentSection .cp-form-content-wrapper span.dijitButton { padding-bottom: 10px; text-align: justify; } .JobApplicationGenerated #AssessmentSection .cp-form-content-wrapper div.assessment-url { font-weight: bold; font-size: 14px; overflow-wrap: break-word; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .formElementPhoneNumber { display: flex; flex-direction: row; padding: 0px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .formElementPhoneNumber .dijitValidationTextBox { width: inherit; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .CPFormElementWrapper .formElementPhoneNumber .dijitComboBox { width: 40%; } /***JOB APPLICATION HEADER***/ .job-application-header { max-width: 1000px; margin: 0 auto; padding: 0px 0px 20px; color: white; } /***JOB APPLICATION HEADER***/ /***CANDIDATE PROFILE STEPPER CONTROL***/ .stepper-control { margin: 0 auto; height: 89px; background-color: #F8F8F8; max-width: 998px; border-radius: 6px 6px 0px 0px; border: solid #DDDDDD; border-width: 0 0 1px 0; } .progressbar { padding: 0px; padding-top: 25px; display: flex; margin: 0px; } .progressbar a { list-style-type: none; float: left; position: relative; text-align: center; flex-grow: 1; cursor: pointer; left: calc((100% - 25px)/2); width:25px; } .progressbar li.disabled, .progressbar li.active{ pointer-events: none; cursor: default; } .progressbar li:first-child:nth-last-child(2), .progressbar li:first-child:nth-last-child(2)~li { width: 50%; } .progressbar li:first-child:nth-last-child(3), .progressbar li:first-child:nth-last-child(3)~li { width: 33.3333%; } .progressbar li:first-child:nth-last-child(4), .progressbar li:first-child:nth-last-child(4)~li { width: 25%; } .progressbar a:before { content: ''; height: 15px; width: 15px; display: block; margin: 0 auto 10px auto; border-radius: 50%; position: relative; z-index: 2; border: 3px solid #B7B7B7; background-color: #B7B7B7; } .progressbar li.done a:before { content: '\2713'; border: 3px solid #00AF00; background-color: #00AF00; color: white; font-weight: bold; } .progressbar li:after { content: ''; width: 100%; height: 4px; background-color: #ddd; margin-top: -40px; margin-left: calc((100% - 18px)/2); float: left; } .progressbar li:last-child::after { content:none; } .progressbar li.active a{ color: black; font-weight: bold; } .progressbar li.active a:before { border-color: #00AF00; background-color: white; } .progressbar li.done:after { background-color: #27ae60; } .progressbar li { list-style-type: none; } .progressbar .stepper-header { text-align: center; clear: left; } .CandidatePortal .branding .progressbar a:hover { text-decoration: none; } /***CANDIDATE PROFILE STEPPER CONTROL***/ /***FOOTER STATEMENT***/ .CandidatePortal .candidate-profile-layout.main-content #applicationFooter{ padding: 1em 8em; font-style: italic; } /***NAVIGATION FOOTER***/ .page-content .navigation-buttons { margin: 0 auto; height: 49px; background-color: #F8F8F8; max-width: 998px; border-radius: 0px 0px 6px 6px; border: solid #DDDDDD; border-width: 1px 0 0 0; } /***NAVIGATION BUTTONS***/ .CandidatePortal .page-content .navigation-buttons button { margin-top: 10px; } .CandidatePortal .page-content .navigation-buttons .cancel-button { float: left; margin-left: 100px; height: 26px; padding: 5px; cursor: pointer; text-align: center; text-decoration: none; } .CandidatePortal .page-content .navigation-buttons .next-button, .CandidatePortal .page-content .navigation-buttons .save-button { float: right; margin-right: 100px; } .CandidatePortal .page-content .navigation-buttons .previous-button { margin-right: 20px; float: right; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .cp-form .cp-form-edit .claro-gray .dijitButtonText { margin-left: 0px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .documentrecordwrapper .dfI_G02_Delete { float: right; font-size: 1.33em; color: #3067db; cursor: pointer; margin-left: 5px; padding: 1.5px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .documentrecordwrapper .documentrecordname { font-size: 1.1em; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .documentrecordwrapper { margin-left: 20px; margin-bottom: 3px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .documentrecordwrapper .uploadedDocIcon { padding: 5px; font-size: 1.3em; } .JobApplicationGenerated h1.cp-form-title:focus { outline:none; } /*Media Queries*/ @media (max-width: 768px), (max-device-width: 768px) { .CandidatePortal .job-posting-application .application-wizard { padding-right: 0; } .CandidatePortal .job-posting-application .application-wizard .leftPane { display: none; } .CandidatePortal .job-posting-application .application-wizard .rightPane { margin: 0; padding-bottom: 130px; } .CandidatePortal .job-posting-application .application-wizard .buttonsContainer { width: 100%; height: 100%; margin: 0; /*put the spacing in padding so that it is contained within box-sizing: border-box.*/ padding: 10px 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .CandidatePortal .job-posting-application .application-wizard .WizardControlButton { width: 49%; /*50% causes buttons to go on seperate lines. Not sure why but for now use this.*/ height: 100%; margin: 0; /*put the 0.2em in padding so that it is contained within box-sizing: border-box. The box-sizing is defined somewhere else.*/ padding: 0.2em; } .CandidatePortal .application-wizard .WizardControlButton .dijitButtonNode { height: 100%; } .CandidatePortal .application-wizard .WizardControlButton .dijitButtonContents { line-height: 48px; /*vertically center the text in the button*/ } .CandidatePortal .job-posting-application .application-wizard .WizardControlButton .dijitIcon { top: 16px; /*center icon in button*/ } .CandidatePortal .job-posting-application .application-wizard .WizardControlButton .dijitButtonText { padding: 0; /*remove padding for text because text is automatically centered. Padding takes up valuable space at small browser widths.*/ } .CandidatePortal .WizardStep { padding-top: 20px; } .JobApplicationGenerated .cp-form-wrapper { padding: 1.5em 1em; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read { min-width: 0px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-read .readonlyform { min-width: 0px; } .JobApplicationGenerated .cp-form-wrapper .cp-form-title-wrapper { min-width: 0px; } } @media (max-width: 550px) { .CandidatePortal .job-posting-application .resume-upload-section .select-file-button .dijitButtonText { max-width: 200px; } .CandidatePortal .job-posting-application .resume-upload-section .select-file-button .dijitButtonText div { width: 100%; white-space: normal; } .JobApplicationGenerated .CPFormElementWrapper { min-width: 100%; } .JobApplicationGenerated .CPFormElementWrapper.formInputFullWidth { min-width: 96%; width: 96%; } .JobApplicationGenerated .cp-form-wrapper, .CandidatePortal .candidate-profile-layout.main-content #applicationFooter { padding: 1.5em 1em; } .page-content .navigation-buttons .next-button, .page-content .navigation-buttons .previous-button { margin-right: 5px; } .page-content .navigation-buttons .cancel-button { margin-left: 5px; } } @media (max-width: 335px) { .page-content .navigation-buttons button, .page-content .navigation-buttons .cancel-button { min-width: 80px; } } @media (max-width: 820px) { .CandidatePortal .JobApplicationGenerated #ReplaceSection { flex: 1; flex-direction: column; text-align: center; } .CandidatePortal .JobApplicationGenerated #ReplaceSection .button-contain { text-align: center; } /*IsUsingIE class is added because dojo browser class are not being added when inside an Iframe*/ .IsUsingIE .CandidatePortal .form-field-container .EntitySelector, .IsUsingIE .CandidatePortal .form-field-container .CandidateSourceLabelTooltip { min-width: 0px; } .IsUsingIE .CandidatePortal .form-fields .form-field-container .preferredContactMethodLabel { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } html.CandidatePortal { height: 100%; margin: 0; padding: 0; overflow: auto; } html.CandidatePortal > body { min-height: 100%; position: relative; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: calc(12rem/10); /* thanks to our dojo css it forces the default size to 1px so we need to override that to something more realistic*/ height: auto; overflow-x: hidden; } .scrollableFrame { } @supports (-webkit-overflow-scrolling: touch) { .scrollableFrame { -webkit-overflow-scrolling: touch; overflow-y: scroll; } } .scrollableFrame iframe { } .CandidatePortal.full-screen body { height: 100%; } .CandidatePortal.full-screen .content-wrapper { height:100%; } .CandidatePortal.full-screen .content { height:100%; } .CandidatePortal > body > .content-wrapper { padding: 42px 0 35px; } .CandidatePortal.hide-footer > body > .content-wrapper { padding-bottom: 0; } .CandidatePortal.hide-header > body > .content-wrapper { padding-top: 0; } .CandidatePortal.careers > body > .content-wrapper { padding: 0; } .CandidatePortal.fake-df-header > body > .content-wrapper { padding-top: 0; } .CandidatePortal > body > .content-wrapper > .content, .CandidatePortal .search-form { min-height: 100%; width: 100%; min-width: 930px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .CandidatePortal.preview > body > .content-wrapper > .content { width: auto; padding: 10px; } .CandidatePortal > body.login-layout { background: url("../images/loginRegisterPageBackground.png") bottom left no-repeat fixed; } html.CandidatePortal .cookie-banner { background-color: white; position: fixed; bottom: 10px; z-index: 99; right: 4px; padding: 12px; padding-top: 0; width: 25em; box-shadow: 0 0 10px black; } html.CandidatePortal .cookie-banner:focus { outline: 2px solid var(--primary); } html.CandidatePortal .cookie-banner-header { display: flex; flex-direction: column-reverse; height: 40px; } html.CandidatePortal .cookie-banner .dijitDialogCloseIcon.close-icon { position: absolute; float: right; top: 0; margin-top: 5px; } html.CandidatePortal .cookie-banner .display-contents { display: contents; } html.CandidatePortal .cookie-banner.move-offscreen { left: -1000px; } html.CandidatePortal .cookie-banner .cookie-button-section { text-align:center; top: 50%; align-self: center; } html.CandidatePortal .cookie-banner .manage-preference-link { margin-top: 5px; } html.CandidatePortal .overlay { pointer-events:none; } html.CandidatePortal .overlay .cookie-banner, html.CandidatePortal .overlay .cpWcagDialog { pointer-events: initial; } html.CandidatePortal .overlay:after { content: " "; z-index: 10; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); } html.CandidatePortal .cookie-banner .cookie-buttons{ display:inline; } .CandidatePortal .recommended-browser-banner { font: 12px 'Arial', 'sans-serif'; text-align: center; color: #093351; background-color: #e3f2fd; border-bottom: 1px solid #BAD4E6; height: 100%; } .CandidatePortal .recommended-browser-text { vertical-align: top; display: inline-flex; padding-top: 13px; } @media screen and (max-width: 950px) { .CandidatePortal > body > .content-wrapper > .content, .CandidatePortal .search-form { width: auto; min-width: 0; } } @media screen and (max-width: 1000px) { html.CandidatePortal .cookie-banner { position: fixed; left: 50%; transform: translate(-50%, 0); } } @media (max-width: 550px) { .CandidatePortal > body.login-layout { background: none; } html.CandidatePortal .cookie-banner{ display: initial; padding-left: 5%; padding-right: 5%; } html.CandidatePortal .cookie-banner .cookie-text { width: 100%; } html.CandidatePortal .cookie-banner .manage-preference-link { margin: 10px; } html.CandidatePortal .cookie-banner .cookie-button-section { width: 100%; padding-bottom: 2%; } } @media screen and (max-width: 1200px) { .CandidatePortal.onboarding > body > .content-wrapper > .content { width: initial; min-width: 0; } } @media print { .CandidatePortal .content-wrapper { display: block !important; } } @media screen and (max-width: 650px) { .recommended-browser-banner { height: 8px; } } .CandidatePortal .job-listing { overflow: auto; margin-top: 10px; min-height: 100px; display:flex; flex-direction:column; } .CandidatePortal .search-pane { border-bottom: 2px solid #1162c2; padding: 10px 0; margin-bottom: 10px; -moz-box-shadow: 0 3px 10px #dbdbdb; -webkit-box-shadow: 0 3px 10px #dbdbdb; box-shadow: 0 3px 10px #dbdbdb; } .CandidatePortal .job-listing > .search-results{ font-size:1.1em; } .CandidatePortal .job-listing > .search-results > .search-result { overflow: auto; padding:20px; font-size: 1.15em; } .CandidatePortal .job-listing > .search-results > .search-result:first-child { border-top: none; } .CandidatePortal .job-listing > .search-results { list-style:none; margin:0; padding:0; } .CandidatePortal .job-listing > .search-results a { text-decoration: none; } .CandidatePortal .job-listing .no-job-found { margin: 40px; min-height: 100px; text-align:center; } .CandidatePortal .job-listing .search_suggestions { margin: auto; min-height: 100px; font-weight: normal; font-size: 1.1em; padding: 15px; } .CandidatePortal .job-listing .search_suggestions:focus { outline: solid 2px var(--secondary); outline-offset: -5px; -webkit-box-shadow: 0px 0px 0px 1px var(--scale-600); -moz-box-shadow: 0px 0px 0px 1px var(--scale-600); box-shadow: 0px 0px 0px 1px var(--scale-600); } .CandidatePortal .job-listing .search_suggestions ul { padding-left:15px; } .CandidatePortal .job-listing .search_suggestions_header, .CandidatePortal .job-listing .search_suggestions li { max-width: 300px; } .CandidatePortal .job-listing .job-recommendations-error { margin: 40px; text-align:center; } .CandidatePortal .job-listing > .search-results .header-container { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; } .CandidatePortal .job-listing > .search-results .header-container .main-header-info { flex: 1 1; } .CandidatePortal .job-listing > .search-results .header-container .main-header-info .posting-title h2, .CandidatePortal .job-listing > .search-results .posting-title-container .posting-title h2 { font-size: 1.3em; margin: 0; } .CandidatePortal .job-listing > .search-results .header-container .main-header-info .posting-subtitle { font-size: 1.07em; display: flex; flex-direction: row; flex-wrap: nowrap; padding: 5px 0 5px 0; } .CandidatePortal .job-listing > .search-results .header-container .main-header-info .posting-subtitle div { font-weight: 400; margin-right: 10px; flex: 1 85%; color:#696969 } .CandidatePortal .job-listing > .search-results .header-container .meta-header-info .star-container { flex: 2 15%; text-align: right; } .CandidatePortal .job-listing > .search-results .header-container .meta-header-info .star-container .save-job-star { font-size: 1.75rem; line-height: inherit; cursor: pointer; } .CandidatePortal .job-listing > .search-results .header-container .meta-header-info .star-container .cp-i-star_fill { color: var(--primary); } .CandidatePortal .job-listing > .search-results .posting-date { font-weight: normal; min-width: 220px; } .CandidatePortal .job-listing > .search-results .header-container .meta-header-info { display: flex; align-self: start; } .CandidatePortal .job-listing > .search-results .header-container .meta-header-info .date-applied { margin-right: 40px; min-width: 230px; } .CandidatePortal .job-listing > .search-results .header-container .meta-header-info .status { margin-right: 15px; min-width: 80px; } .CandidatePortal .job-listing > .search-results .header-container .meta-header-info .date-applied label { font-weight: 400; color:#696969 } .CandidatePortal .job-listing > .search-results .header-container .meta-header-info .status label { font-weight: 400; color:#696969 } .CandidatePortal .job-listing > .search-results .posting-actions> .share-post { visibility: hidden; opacity: 0; transition: opacity 200ms; z-index: 1000; margin-top:-60px; } .CandidatePortal .job-listing > .search-results .posting-actions> .share-post.expanded { visibility: visible; opacity: 1; } .CandidatePortal .job-listing > .search-results .posting-description { margin-top: 15px; margin-bottom: 5px; } .CandidatePortal .job-listing > .search-results .posting-description > a { margin: 0 0 0 3px; } .CandidatePortal .job-listing > .search-results .posting-actions { float:right; margin-top:35px; margin-bottom:15px; text-align:right; } .CandidatePortal .job-listing > .search-results .button.apply { } .CandidatePortal .job-listing > .search-results > .search-result.has-applied .button.apply { display: none; } .CandidatePortal .job-listing > .search-results .already-applied-notification { display: none; } .CandidatePortal .job-listing > .search-results > .search-result.has-applied .already-applied-notification { display: inline; } .CandidatePortal .job-listing > .search-results .posting-location > .location-summary::after { font-weight: normal; } .CandidatePortal .job-listing > .search-results .already-applied-notification, .CandidatePortal .job-posting .already-applied-notification { color: #008800; font-weight: bold; } .CandidatePortal .job-posting .inactive-notification { color: red; font-weight: bold; } .CandidatePortal .job-listing > .loading-mask { display: none; } .CandidatePortal .job-listing.loading > .loading-mask { display:block; } .CandidatePortal .loading-mask > .loading-message { text-align:center; color: #0e6eb6; margin-bottom:20px; margin-top: 40px; } .CandidatePortal .loading-mask .loading-message::before { content: " "; height: 16px; width: 16px; display: inline-block; background: url('../../Framework/images/loading_spinner_small.gif') no-repeat; margin-right:5px; } .CandidatePortal .branding .job-listing { position: relative; } .CandidatePortal nav.pagination{ display:flex; justify-content: center; } .CandidatePortal nav.pagination ul > li{ display: inline; list-style-type: none; padding-right: 10px; } .CandidatePortal nav.pagination .active{ font-weight: bold; } .CandidatePortal .branding .CandidatePortal-candidate-offer .offer-button { text-align: center; } .CandidatePortal .branding .CandidatePortal-candidate-offer .offer-error { width: 100% } .CandidatePortal .branding .CandidatePortal-candidate-offer .k-icon { background-image: none; font-size: inherit; } .CandidatePortal .OfferRejectionWindow .field-container { margin-right: 2px; } .CandidatePortal .branding .OfferRejectionWindow button.btn-secondary{ padding: 10px 18px; } .CandidatePortal .branding .search-results .posting-title-container { display: flex; } .CandidatePortal .branding .search-results .posting-title-container .posting-title h2 { margin: 0; } .CandidatePortal .branding .search-results .posting-title-container .star-container { display: flex; align-items: center; margin-left: auto; } .CandidatePortal .branding .search-results .posting-title-container .star-container .save-job-star { cursor: pointer; font-size: 1.75rem; } .CandidatePortal .branding .search-results .posting-title-container .star-container .cp-i-star_fill { color: var(--primary); } @media screen and (max-width: 950px) { .CandidatePortal .search-pane { padding: 10px; } } @media (max-width: 550px) { .CandidatePortal .posting-description { display: none; } .CandidatePortal .job-listing > .search-results .posting-title a, .CandidatePortal .job-listing > .search-results .posting-date { float: none; } .CandidatePortal .job-listing > .search-results .posting-JobReqId { float: none; margin-bottom: 5px; font-size: 11px; } .CandidatePortal .job-listing > .search-results .posting-title, .CandidatePortal .job-listing > .search-results .posting-date { margin-bottom: 5px; } .CandidatePortal .job-listing > .search-results .button.apply, .CandidatePortal .job-listing > .search-results .already-applied-notification { margin-bottom: 10px; } .CandidatePortal .job-listing > .search-results .posting-date { font-size: 11px; } .CandidatePortal .job-listing > .search-results .posting-location { font-size: 11px; margin-bottom: 15px; } } .CandidatePortal .login-register { min-height: 100%; width: 500px; margin: 10px auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .CandidatePortal .login-register .form-contents { width: 400px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .CandidatePortal .login-register .forgot-password { border-top: 1px solid #d3d3d3; padding: 10px 0; text-align: right; } .CandidatePortal .login-register .form-fields-container { margin-bottom: 10px; } .CandidatePortal .login-register .section::before, .CandidatePortal .login-register .section-label { border: none; } .CandidatePortal .login-register .error { margin-bottom: 10px; } .CandidatePortal .login-register .can-new-account, .CandidatePortal .login-register .can-login { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } .CandidatePortal .login-register .create-login-description { padding: 0 10px; } .CandidatePortal .login-register .validationPane { margin-bottom: 20px; } .CandidatePortal .login-register .sub-text { font-size: 10px; } .CandidatePortal .login-register a { text-decoration: none; } .CandidatePortal .register-facebook-additional-info .validationPane { height: 70px; } .CandidatePortal .login-register .submit-button { margin: 20px 0; } .CandidatePortal .login-register .facebook-button { margin: 10px 0 30px 0; padding: 8.5px 25px; width: 100%; } .CandidatePortal .login-register .header-help-text { margin-bottom:30px; } .CandidatePortal .login-register .alt-auth-link { margin-bottom:20px; } @media (max-width: 768px) { .CandidatePortal .login-register .can-new-account, .CandidatePortal .login-register .can-login { width: 100%; } .CandidatePortal .login-register .can-new-account { margin-bottom: 30px; } .CandidatePortal .login-register .can-login { margin-bottom: 5px; } .CandidatePortal .login-register .forgot-password { text-align: center; } } @media (max-width: 600px) { .CandidatePortal .login-register, .CandidatePortal .login-register .form-contents { width: 100%; } } /*using dojo dialog login in*/ .CandidatePortal .branding .cp-dialog .dijitDialogPaneContent{ padding-top: 30px; } .CandidatePortal .branding .cp-dialog .login-register { width: 400px; margin: 0 auto; flex: 1; } .CandidatePortal .branding iframe[title="recaptcha challenge"] { pointer-events: auto; } .CandidatePortal .branding .cp-dialog { display: flex; flex-direction: column; } .CandidatePortal .branding .cp-dialog.replaceDialog { max-width: 380px; } .CandidatePortal .branding .toolbar .login-view { margin-top: 10px; } .CandidatePortal .branding .cp-dialog .dijitDialogCloseIcon { margin-top: 15px; background-image: none; } .CandidatePortal .branding .cp-dialog .pop-title { font-size: 2em; font-weight: 600; margin: 0; } .CandidatePortal .branding .cp-dialog .login-register .label { font-size: 1.2em; margin-bottom: -8px; margin-top: 8px; } .CandidatePortal .branding .login-register .dijitInputField { padding: 1px; } .CandidatePortal .branding .login-register .dijitInputContainer { height: auto; } .CandidatePortal .branding .login-register .dijitTextBox input { box-sizing: border-box; font-size: 1.2em; height: 2em; line-height: 2em; padding: 2px !important; } .CandidatePortal .branding .cp-dialog .forgot-passwords { display: block; margin-top: -10px; float: right; font-size: 1.1em; } .CandidatePortal .branding .cp-dialog .dijitButtonNode { border: none; border-radius: 3px; cursor: pointer; } .CandidatePortal .branding .cp-dialog .dijitButtonDisabled .dijitButtonNode { cursor: default; } .CandidatePortal .branding .cp-dialog .login-button { margin-top: 40px; } .CandidatePortal .branding .cp-dialog .login-button button{ width: 100%; font-family: Arial, Helvetica, sans-serif; margin: 10px auto; padding: 10px 25px; } .CandidatePortal .branding .cp-dialog .login-button-width { display: grid; width: 100%; } .CandidatePortal .branding .cp-dialog .login-button .dijitButtonNode { padding: 10px 0px; width: 100%; } .CandidatePortal .branding .cp-dialog .sub-text { display: block; padding-top: 20px; padding-bottom: 20px; line-height: 0px; } .CandidatePortal .branding .cp-dialog .auth-button-or { display: flex; flex-direction: row; } .CandidatePortal .branding .cp-dialog .auth-button-or:before, .CandidatePortal .branding .cp-dialog .auth-button-or:after { content: ""; flex: 1 1; margin: auto; } .CandidatePortal .branding .cp-dialog .account-text { margin: 5px 0; } .CandidatePortal .branding .cp-dialog .alt-auth-link { font-weight: bold; } .CandidatePortal .branding .header .login-icon { cursor: default; } .CandidatePortal .branding .header .login-section .login-icon .candidate-name { margin: 0px 12px -4px -10px; cursor:pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; max-width: 125px; min-width: 50px; } [data-letters]::after { font-family: "icons"; content: "\f108"; display: inline-block; height: 12px; position: absolute; background-position: -48px 0; right: 8px; top: 12px; cursor: pointer; } [data-letters]:before { content: attr(data-letters); display: inline-block; font-size: 1.1em; width: 2.7em; height: 2.7em; line-height: 2.7em; text-align: center; border-radius: 50%; vertical-align: middle; margin-right: 1em; cursor: pointer; } [data-letters]:hover::after, [data-letters].expanded::after { background-position: -48px -16px; } .CandidatePortal .branding .header .login-icon > .candidate-account { display: none; opacity: 0; transition: opacity 200ms; position: relative; padding: 0px 0px; z-index: 1000; } .CandidatePortal .branding .header .login-icon.expanded > .candidate-account { display: block; opacity: 1; } .CandidatePortal .branding .header .login-icon > .candidate-account ul > li { display: block; text-decoration: none; white-space: nowrap; color: inherit; margin: 2px 0px -10px 0px; padding: 5px 10px; } .CandidatePortal .branding .header .login-icon { cursor: default; align-self: flex-start; margin-top: 2px; max-width: 200px; } .CandidatePortal .branding .header .login-icon > .candidate-account ul > li:last-child { margin: 8px 0px 0px 0px; } .CandidatePortal .branding .header .login-icon > .candidate-account ul > li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:115px; } .CandidatePortal .branding .header .login-icon > .candidate-account ul > li:hover, .CandidatePortal .branding .header .login-icon > .candidate-account ul > li:focus { text-decoration: underline; } .CandidatePortal .branding .set-password-title, .CandidatePortal .branding .deactivate-main-content{ display: flex; justify-content: center; } .CandidatePortal .branding .set-password { display: inline-block; } .CandidatePortal .branding .set-password h1 { margin: 10px 0 30px 0; } .CandidatePortal .branding .set-password .main-content { max-width: 100%; min-height: 260px; } .CandidatePortal .branding .set-password .main-content.deactivate-account { min-height: 210px; } .CandidatePortal .branding .set-password .main-content.deactivate-account .close-browser-message { text-align:center; padding:10px; } .CandidatePortal .branding .set-password form.set-password-modal label { text-align: center; } .CandidatePortal .branding .set-password .msgSetPassword { font-size: 1.5em; } .CandidatePortal .branding .cp-dialog .registration-form .CP_EmailServiceLink a span { font-weight: bold; } @media (max-width: 500px), (max-device-width: 500px) { .CandidatePortal .branding .set-password { max-width: 97%; flex-grow: 1; } .CandidatePortal .branding .set-password h1 { margin-left: 20px; } .CandidatePortal .branding .login-dialog .login-register { width: 100%; } .CandidatePortal .branding div#cpDialogPlaceHolder { left: 50px !important; right: 50px !important; } } .microfrontend-placeholder .mask-container { display: flex; flex-flow: column; align-items: center; padding: 20px; margin-top: 75px; height: 750px; } .CandidatePortal .branding .cp-dialog .modalOptionContainer { padding-bottom: 0px; } .CandidatePortal .branding .cp-dialog .modalOptionContainer .pop-title { display: block; } .CandidatePortal .branding .cp-dialog .modalOptionContainer .pop-title:focus { outline: none; } .CandidatePortal .branding .cp-dialog .modalOptionContainer .modalOptionContainerDescription { font-size: 1em; padding: 10px 15px 15px 15px; text-align: center; margin-top: 0px; margin-bottom: 0px; } .CandidatePortal.OfferRejectionWindow .field-container { margin-top: 10px; margin-right: 2px; } .CandidatePortal.OfferRejectionWindow .field-container .label { display: block; margin-bottom: 2px; } .CandidatePortal.OfferRejectionWindow .field-container #reasonSelector { height: 23px; width: 100%; } .CandidatePortal.OfferRejectionWindow .field-container #RejectionComment { height: 150px; width: 100%; resize: vertical; box-sizing: border-box; padding: 6px 5px 6px 5px; font-size: 1.2rem; font-family: Arial, sans-serif; color: #000; } .CandidatePortal.OfferRejectionWindow .error-message { margin-bottom: 5px; } .CandidatePortal.OfferRejectionWindow .dialogButtons { width: 100%; text-align: right; margin: 5px 0 5px; } .CandidatePortal.OfferRejectionWindow .error-messageLEM { padding: 1px 15px 0 15px; color: red; } .CandidatePortal.OfferRejectionWindow .dialogButtons .button { width: 100px; } .CandidatePortal.OfferRejectionWindow .label.additional-comments .requiredAsterisk { display: none; } .CandidatePortal.OfferRejectionWindow .label.additional-comments.required .requiredAsterisk { margin-left: -5px; display: inline-block; } .CandidatePortal .branding .offer-response { padding: 50px 0; } .CandidatePortal .branding .offer-response h1 { text-align: center; } .CandidatePortal .k-window-titlebar { height: 36px !important; padding: 8px 15px; background-color: #f8f8f8; } .CandidatePortal .k-window-title { color: #000 !important; font-family: Arial, sans-serif !important; font-size: 1.6rem !important; } .CandidatePortal .k-window-action { color: #696969 !important; } .CandidatePortal.OfferRejectionWindow .rejectionBodyText { color: #000; font-family: Arial, sans-serif; font-size: 1.2rem; } .CandidatePortal.OfferRejectionWindow .rejectionLabelText .requiredAsterisk { margin-left: -2px; } .CandidatePortal.OfferRejectionWindow .rejectionLabelText { color: #696969 !important; font-family: Arial, sans-serif !important; font-size: 1.2rem !important; } .CandidatePortal.OfferRejectionWindow .additionalCommentsContainer { margin-top: 15px !important; } .CandidatePortal.OfferRejectionWindow .contentWrapper { padding: 20px 15px 20px 15px; } .CandidatePortal.OfferRejectionWindow .dialogButtonsLEM { height: 45px; border-top: 1px solid #c5c5c5; background-color: #f8f8f8; width: 100%; text-align: right; } .CandidatePortal.OfferRejectionWindow .rejectionWindowBtnSubmit { margin: 9px 10px 0 0 !important; padding: 6px 19px !important; font-size: 1.2rem; font-family: Arial, sans-serif; background-color: #1e51bf; border: 1px solid #1e51bf; color: #fff; } .CandidatePortal.OfferRejectionWindow .rejectionWindowBtnSubmit:hover { opacity: 0.6; } .CandidatePortal.OfferRejectionWindow .rejectionWindowBtnCancel { margin: 9px 10px 0 0 !important; padding: 6px 19px !important; font-size: 1.2rem; font-family: Arial, sans-serif; background-color: #e2e3e4; border: 1px solid #bbb; color: #000; } .CandidatePortal.OfferRejectionWindow .rejectionWindowBtnCancel:hover { opacity: 0.6; } .CandidatePortal.full-screen { background-color: #0C59A7; color: white; } .CandidatePortal .onboarding.create-account { height: 100%; position: relative; } .CandidatePortal .onboarding.create-account .form { text-align: center; position: relative; top: 50%; transform: translateY(-50%); } .CandidatePortal .onboarding.create-account h1 { font-size: 4em; font-weight: normal; margin-top: 0; } .CandidatePortal .onboarding.create-account h1.welcome-title { margin-bottom: 0; } .CandidatePortal .onboarding.create-account h2 { font-weight: normal; margin-bottom: 40px; font-size: 2em; } .CandidatePortal .onboarding.create-account .field-container { margin-bottom: 20px; } .CandidatePortal .onboarding.create-account .field-container > * { text-align: left; width: 100%; font-size: 1.5em; } .CandidatePortal .onboarding.create-account .field-label { margin-bottom: 3px; } .CandidatePortal .onboarding.create-account .button { font-size: 2em; margin-top: 15px; font-family: 'Open Sans',sans-serif; } @media screen and (max-width: 1050px) { .CandidatePortal.full-screen > body > .content-wrapper > .content { width: 500px; min-width: 0; } } .CandidatePortal.onboarding-home h1 { text-align: center; } .CandidatePortal.onboarding-home h2 { text-align: center; font-weight: normal; font-size: 1.2em; } .CandidatePortal.onboarding-home .intro { width: 80%; margin: 0 auto; margin-bottom: 50px; } .CandidatePortal.onboarding-home .links a { text-decoration: none; color: black; } .CandidatePortal.onboarding-home .link{ width: 49%; display: inline-block; padding: 10px; box-sizing: border-box; } .CandidatePortal.onboarding-home .info { display: inline-block; vertical-align: top; max-width: 70%; margin-left: 10px; } .CandidatePortal.onboarding-home .info > .title { font-weight: bold; } .CandidatePortal.onboarding-home .link > .link-content { display: table-cell; } .CandidatePortal.onboarding-home .link > .link-content > * { display: inline-block; vertical-align: middle; } .CandidatePortal.onboarding-home .header { color: #fff; padding: 20px; background: #0c84d7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0C84D7',endColorstr='#004588',GradientType=1); background: -webkit-linear-gradient(left,#0c84d7,#004588); background: -o-linear-gradient(right,#0c84d7,#004588); background: -moz-linear-gradient(right,#0c84d7,#004588); background: linear-gradient(to right,#0c84d7,#004588); height:100px; } .CandidatePortal.onboarding-home .header .user-profile { float: left; } .CandidatePortal.onboarding-home .header .obIcon-user-tr-graph { float: right; margin-top: 20px; } .CandidatePortal.onboarding-home .header .user-profile-container { display: table-cell; } .CandidatePortal.onboarding-home .header .user-profile-container > * { display: inline-block; vertical-align: middle; } .CandidatePortal.onboarding-home .header .user-profile .name { font-size: 1.5em; margin-bottom: 5px; } .CandidatePortal.onboarding-home .header .user-profile .position { margin-right: 10px; } .CandidatePortal.onboarding-home .header .user-profile .details { display: table-cell; } .CandidatePortal.onboarding-home .header .user-profile .details > * { display: inline-block; vertical-align: middle; } .CandidatePortal.onboarding-home .upload-photo-link { text-align: center; text-decoration: underline; font-size: 0.8em; } .obIcon-hamburger, .obIcon-hamburger-blue, .obIcon-search, .obIcon-help, .obIcon-mail, .obIcon-head, .obIcon-down-tick, .obIcon-house { background: url("../images/Onboarding_sprite.png") no-repeat; display: inline-block; width: 20px; height: 20px; margin: 10px 5px; } .obIcon-hamburger { background-position: -93px -706px; } .obIcon-hamburger-blue { background-position: -69px -704px; } .obIcon-search { background-position: -92px -942px; } .obIcon-help { background-position: -92px -918px; } .obIcon-mail { background-position: -92px -819px; } .obIcon-head { background-position: -92px -837px; } .obIcon-down-tick { background-position: -82px -353px; width: 7px; margin: 10px 0px; } .obIcon-house { background-position: -93px -728px; } .obIcon-acme, .obIcon-new-hire-checklist, .obIcon-onboarding-schedule, .obIcon-new-hire-forms, .obIcon-team-relate, .obIcon-people-i-know, .obIcon-meet-your-team, .obIcon-latest-news, .obIcon-employee-resources { background: url("../images/Onboarding_sprite.png") no-repeat; display: inline-block; width: 85px; height: 100px; } .obIcon-acme { background-position: -9px -962px; height: 70px; width: 70px; } .obIcon-new-hire-checklist { background-position: -8px -96px; height: 79px; width: 75px; } .obIcon-onboarding-schedule { background-position: -89px -265px; height: 75px; width: 75px; } .obIcon-new-hire-forms { background-position: -6px -8px; height: 81px; width: 64px; } .obIcon-team-relate { background-position: -88px -99px; height: 75px; width: 75px; } .obIcon-people-i-know { background-position: -89px -8px; height: 75px; width: 75px; } .obIcon-meet-your-team { background-position: -8px -280px; height: 53px; width: 75px; } .obIcon-latest-news { background-position: -8px -192px; height: 68px; width: 75px; } .obIcon-employee-resources { background-position: -88px -191px; height: 58px; width: 75px; } .obIcon-user-profile-pic { background: url("../images/Onboarding_sprite2.png") no-repeat; display: inline-block; width: 86px; height: 86px; background-position: -575px -13px; } .obIcon-user-tr-type { background: url("../images/Onboarding_sprite2.png") no-repeat; display: inline-block; width: 153px; height: 26px; background-position: -579px -107px; } .obIcon-user-tr-graph { background: url("../images/Onboarding_sprite2.png") no-repeat; display: inline-block; width: 287px; height: 63px; background-position: -580px -145px; } .obIcon-president-pic { background: url("../images/Onboarding_sprite2.png") no-repeat; display: inline-block; width: 146px; height: 146px; background-position: -9px -13px; } .obIcon-additional-video-1, .obIcon-additional-video-2, .obIcon-additional-video-3 { background: url("../images/Onboarding_sprite2.png") no-repeat; display: inline-block; width: 166px; height: 89px; } .obIcon-additional-video-1 { background-position: -195px -74px; } .obIcon-additional-video-2 { background-position: -195px -175px; } .obIcon-additional-video-3 { background-position: -18px -175px; } .CandidatePortal.onboarding-new-hire-checklist body { background-color: #f1f1f1; } .CandidatePortal.onboarding-new-hire-checklist .content { padding: 20px; } .CandidatePortal.onboarding-new-hire-checklist .foreground-item { background-color: white; padding: 20px; margin-bottom: 20px; } .CandidatePortal.onboarding-new-hire-checklist h1 { font-weight: normal; margin-top: 0; } .CandidatePortal.onboarding-new-hire-checklist .intro-container { float: left; width: 60%; } .CandidatePortal.onboarding-new-hire-checklist .contact-message { margin-top: 20px; } .CandidatePortal.onboarding-new-hire-checklist .checklist-item .item-status-icon { background: url("../images/Onboarding_sprite.png") no-repeat; display: inline-block; width: 55px; height: 55px; background-position: -7px -437px; } .CandidatePortal.onboarding-new-hire-checklist .checklist-item.completed .item-status-icon { width: 57px; height: 57px; background-position: -7px -376px; } .CandidatePortal.onboarding-new-hire-checklist .percentage-complete-icon { background: url("../images/Onboarding_sprite2.png") no-repeat; display: inline-block; width: 264px; height: 264px; background-position: -15px -560px; zoom: .5; -moz-transform: scale(.5); -moz-transform-origin: 0 0; float:right; margin-right: 20px; } .CandidatePortal.onboarding-new-hire-checklist .percentage-complete-icon.percentage25 { background-position: -290px -562px; } .CandidatePortal.onboarding-new-hire-checklist .percentage-complete-icon.percentage50 { background-position: -578px -562px; } .CandidatePortal.onboarding-new-hire-checklist .percentage-complete-icon.percentage75 { background-position: -15px -282px; } .CandidatePortal.onboarding-new-hire-checklist .checklist-item > td { min-width: 100px; padding-bottom: 50px; } .CandidatePortal.onboarding-new-hire-checklist .item-title { font-size: 1.3em; margin-bottom: 10px; } .CandidatePortal.onboarding-new-hire-checklist .item-description { margin-bottom: 20px; } .CandidatePortal.onboarding-new-hire-checklist .sub-item-text { color: #0355b2; text-decoration: none; } .CandidatePortal.onboarding-new-hire-checklist .sub-item-icon { content: " "; background: url('../images/Onboarding_sprite.png') no-repeat; width: 16px; height: 16px; display: inline-block; background-position: -72px -395px; margin-top: 2px; position:absolute; left: -20px; } .CandidatePortal.onboarding-new-hire-checklist .checklist-item.completed .sub-item-icon { background-position: -71px -375px; } .CandidatePortal.onboarding-new-hire-checklist .checklist-item .sub-item-table { width: 100%; } .CandidatePortal.onboarding-new-hire-checklist .checklist-item .sub-item-table td { width: 32%; vertical-align: top; } .CandidatePortal.onboarding-new-hire-checklist .icon-container { position:relative; width: 0; height: 0; } .CandidatePortal.onboarding-new-hire-checklist .sub-item { padding-left: 20px; } .CandidatePortal.onboarding-new-hire-checklist td.sub-item { padding-bottom: 10px; } .CandidatePortal.onboarding-new-hire-forms body { background-color: #f1f1f1; } .CandidatePortal.onboarding-new-hire-forms .content { padding: 20px; } .CandidatePortal.onboarding-new-hire-forms .foreground-item { background-color: white; padding: 20px; margin-bottom: 20px; } .CandidatePortal.onboarding-new-hire-forms h1 { font-weight: normal; margin-top: 0; } .CandidatePortal.onboarding-new-hire-forms .contact-message { margin-top: 20px; } .CandidatePortal.onboarding-new-hire-forms .sub-item-text { color: #0355b2; text-decoration: none; } .CandidatePortal.onboarding-new-hire-forms .sub-item-icon { content: " "; background: url('../images/Onboarding_sprite.png') no-repeat; width: 16px; height: 16px; display: inline-block; background-position: -72px -395px; margin-top: 2px; position:absolute; left: -20px; } .CandidatePortal.onboarding-new-hire-forms .sub-item.completed .sub-item-icon { background-position: -71px -375px; } .CandidatePortal.onboarding-new-hire-forms .sub-item-table { width: 100%; } .CandidatePortal.onboarding-new-hire-forms .sub-item-table td { width: 49%; vertical-align: top; } .CandidatePortal.onboarding-new-hire-forms .icon-container { position:relative; width: 0; height: 0; } .CandidatePortal.onboarding-new-hire-forms .sub-item { padding-left: 20px; padding-bottom: 10px; padding-right: 20px; } .CandidatePortal.onboarding-new-hire-forms .forms-description { margin-bottom: 20px; } .CandidatePortal.onboarding-w4-form-with-submit iframe { width:100%; height: 2150px; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); margin-top: -115px; margin-left: -30px; } .CandidatePortal.onboarding-w4-form-with-submit button { margin-bottom: 40px; margin-right: 5px; padding: 9px 18px 6px 19px; } .CandidatePortal.onboarding-w4-form-with-submit button.with-icon { padding: 3px 15px 6px 10px; } .CandidatePortal.onboarding-w4-form-with-submit .right { text-align: right; margin-right: 20px; } /*buttons icons*/ .CandidatePortal.onboarding-w4-form-with-submit .Button_Icon_Save_White, .CandidatePortal.onboarding-w4-form-with-submit .Button_Icon_Check_White, .CandidatePortal.onboarding-w4-form-with-submit .Button_Icon_Print_White { background: url('../images/button_icons.png') no-repeat; display: inline-block; height: 16px; width: 20px; margin-right: 5px; position: relative; top: 3px; } .CandidatePortal.onboarding-w4-form-with-submit .Button_Icon_Save_White { background-position: -40px -16px; } .CandidatePortal.onboarding-w4-form-with-submit .Button_Icon_Check_White { background-position: -40px -528px; } .CandidatePortal.onboarding-w4-form-with-submit .Button_Icon_Print_White{ background-position: -40px -464px; } .CandidatePortal.onboarding-welcome-message .content { padding: 10px; } .CandidatePortal.onboarding-welcome-message .intro-text { width: 50%; float:left; } .CandidatePortal.onboarding-welcome-message h1 { font-weight: normal; } .CandidatePortal.onboarding-welcome-message h2 { font-weight: normal; font-size: 1.3em; } .CandidatePortal.onboarding-welcome-message .quoted-from { font-size: 0.8em; } .CandidatePortal.onboarding-welcome-message .president-image { float: right; margin-top: 10px; margin-right: 10px; } .CandidatePortal.onboarding-welcome-message .video-wrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin: 50px 0 20px 0; } .CandidatePortal.onboarding-welcome-message .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .CandidatePortal.onboarding-welcome-message .video-title { font-size: 1.3em } .CandidatePortal.onboarding-welcome-message .video-image { margin-right: 20px; } .CandidatePortal.onboarding-welcome-message .additional-videos { margin: 20px 0; } .CandidatePortal.onboarding-welcome-message .additional-video .title { font-weight: bold; margin-bottom: 5px; } .CandidatePortal .job-posting { overflow: auto; margin-top: 10px; } .CandidatePortal .job-posting > * { box-sizing: border-box; margin-bottom: 10px; } .CandidatePortal .job-posting > .content, .CandidatePortal .job-posting > .buttons { float: left; padding: 0 10px; width: 70%; } .CandidatePortal .job-posting > .buttons > * { margin-right: 10px; } .CandidatePortal .job-posting > .content > .description { font-size: 11px; color: #666; } .CandidatePortal .job-posting > .content > .header { font-size: 13px; color: #666; } .CandidatePortal .job-posting > .content > .footer { font-size: 12px; color: #464646; } .CandidatePortal .job-posting > .sidebar { float: right; width: 30%; padding: 10px; } .CandidatePortal .job-posting > .sidebar > .attributes { min-height: 200px; padding: 10px; background-color: #f9f9f9; -webkit-box-shadow: 0 0 10px rgba(80,80,80,.35); -moz-box-shadow: 0 0 10px rgba(80,80,80,.35); box-shadow: 0 0 10px rgba(80,80,80,.35); } .CandidatePortal .job-posting > .sidebar > .attributes > * { display: block; margin-bottom: 10px; font-size: 11px; color: #666; } .CandidatePortal .job-posting > .sidebar > .attributes > *:last-child { margin-bottom: 0; } .CandidatePortal .job-posting > .sidebar > .attributes > *::before { display: block; color: black; } .CandidatePortal .job-posting > .sidebar > .return { display: block; } #googleMap { height:380px; width:100%; } @media screen and (max-width: 600px) { .CandidatePortal .job-posting > .content, .CandidatePortal .job-posting > .sidebar, .CandidatePortal .job-posting > .buttons { float: none; width: auto; } .CandidatePortal .job-posting > .sidebar > .attributes { overflow: auto; min-height: 100px; } .CandidatePortal .job-posting > .sidebar > .attributes > * { float: left; margin-right: 10px; } } @media (max-width: 768px) { .CandidatePortal .job-posting > .buttons > * { margin-right: 0; } } .CandidatePortal .job-posting .vertical-spacing > * { margin-bottom: 10px; } .CandidatePortal .job-posting .vertical-spacing > *:last-child { margin-bottom: 0; } .CandidatePortal .job-posting .company-logo { max-height: 50px; padding-left: 10px; display: block; margin: 0 auto 10px; } .CandidatePortal .section.description::before { border: none; } .CandidatePortal .job-posting .share-this { display:inline-block; } .share-this.disabled { background-color: rgba(0, 0, 0, 0.2); } .share-this.disabled .stButton { z-index:-1; } .CandidatePortal .previously-viewed-jobs-title { font-size: 1.7em; font-weight: 100; } .CandidatePortal .posting-header { color: white; padding: 15px 20px 20px 30px; background: -webkit-linear-gradient(top, #457DC7 0%, #224d86 100%); background: -o-linear-gradient(top, #457DC7 0%, #224d86 100%); background: -ms-linear-gradient(top, #457DC7 0%, #224d86 100%); background: -moz-linear-gradient(top, #457DC7 0%, #224d86 100%); background: linear-gradient(to bottom, #457DC7 0%, #224d86 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#457DC7', endColorstr='#224d86'); } .CandidatePortal .posting-header > .now-hiring { float: left; font-size: 14px; } .CandidatePortal .posting-header > .job-reqid { float: right; font-size: 14px; } .CandidatePortal .posting-header > .job-name { clear: both; font-size: 24px; margin-bottom: 10px; font-weight: 100; } .CandidatePortal .posting-header > .attributes { font-size: 11px; overflow: auto; } .CandidatePortal .posting-header > .attributes > * { display: block; float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid white; } .CandidatePortal .posting-header > .attributes > *:last-child { margin-right: 0; padding-right: 0; border-right: 0; } .phq-landing-error-main-content { white-space: nowrap; margin-left: 1vw; } .phq-response-submitted-main-content { text-align:center; } .phq-expired-info-icon, .phq-expired-text-area { display: inline-block; } .phq-response-submitted-icon { font-size: 150px; color: #e3edfc; z-index: 25; position: relative; } .phq-confirm-message { font-weight: bold; font-size: 2em; } .phq-recruiter-text-margin { margin-top: 0px; } .phq-landing-row { display: flex; flex-direction: column; align-items: start; padding: 2em; } .phq-landing-email-label { margin-bottom: 1.5vh; font-size: 1.2em; } .phq-landing-incorrect-email { margin: 0px; margin-top: 1vh; font-size: 1.2em; color: red; } .phq-landing-next-btn-container { margin: 0px; } .phq-form-title { padding-left: 10%; } .phq-form-body { margin-left: 10%; margin-right: 10%; } .phq-form-body .phq-form-desc { padding: 2em 0em 0em 0em; overflow-wrap: break-word; } .phq-form-body .cp-form-wrapper .cp-form { padding: 10px 0px; } .phq-form-body .cp-form-wrapper .cp-form-content-wrapper .cp-form .cp-form-edit { display: block; } @media only screen and (max-width: 600px) { .phq-form-body .CPFormElementWrapper { width: auto; margin: 0.8em 0; } .phq-form-body .sub-section-wrapper { display: flex; flex-wrap: wrap; align-content: flex-start; height: 100%; width: min-content; } } @media only screen and (min-width: 600px) { .phq-form-body .CPFormElementWrapper { width: 35%; margin: 0.8em 0; } .phq-form-body .sub-section-wrapper { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; height: 100%; } } .phq-form-body .CPFormElementWrapper label:first-child { color: #696969; } .phq-form-body #ReviewSection .CPFormElementWrapper .dijitTextBox { display: block; } .phq-form-body .cp-form-wrapper { padding-bottom: 2em; } .phq-form-body .cp-form-wrapper h1.cp-form-title, .phq-form-body .cp-confidential-grid-wrapper h1.cp-form-title, .phq-form-body .cp-enhanced-gender-wrapper .cp-form-enhanced-gender-title-wrapper h1.cp-form-title { color: black; margin: 0px; font-size: 1.33em; font-weight: 600; padding-top: 1em; } .phq-form-body .cp-enhanced-gender-wrapper .dijitTitlePaneTitle { display: none; } .phq-form-body .cp-form-wrapper .formElement { width: 25em; } .phq-form-body .cp-form-wrapper .CPFormElementWrapper .DayforceCheckBox { display: block; } .phqTable-labelCell { color: #696969; font-size: 12px; padding-top: 3% !important; } .phqTable-valueCell { } .phq-form-submit { width: 90%; padding-right: 5%; display: flex; justify-content: flex-end; } .form-fields{ padding-left:2%; } .phqTable-table td:first-child { padding-left: 0px; } .phqTable-table td:last-child { padding-right: 0px; text-align: right; } .phqTable-table td:last-child.phqTable-labelCell { padding-right: 0px; padding-left: 120px !important; text-align: unset; } .phq-confidential-identification-grid { height: auto; } .phq-confidential-identification { height: 142px !important; } .enhanced-gender-component .title{ display:none; } @media print { /*Css for Offer letter*/ .CandidatePortal .branding .page-content-wrapper::after { top: unset; } .exclude-from-print { display: none; } .CandidatePortal .branding .main-content-width, .CandidatePortal .branding .main-content , .CandidatePortal .CandidatePortal-candidate-offer { max-width: 100%; width: 100%; margin:0; } /*Fix problem of last extra page using Chrome.*/ html, body { height: 99%; font-size: 10px; } } .CandidatePortal .privacy-policy-content.privacy-policy-frame-wrapper { padding: 0px; border: 0px; background: none; width: 1000px; } .CandidatePortal .privacy-policy-content.privacy-policy-frame-wrapper .privacy-policy-frame { width: 100%; height: 850px; border: none; } .questionnaire > li { margin-bottom: 20px; } .questionnaire > li:last-child { margin-bottom: 0; } .questionnaire .question.required:after, .questionnaire .followup-label.required:after { content: "*"; color: red; display: inline-block; margin-left: 3px; } .questionnaire .followup-label { margin-top: 10px; } .questionnaire .answer > * { margin-right: 10px; } .questionnaire .answer > *:last-child { margin-right: 0; } .questionnaire .answer > .dijitTextBox, .questionnaire .answer > .EntitySelector { min-width: 300px; } .questionnaire .answer > .plain-text { white-space: pre-wrap; } .questionnaire .dojoxCheckedMultiSelectHidden { display: none; } .questionnaire .dojoxCheckedMultiSelectWrapper > div > * { display: inline-block; margin-right: 10px; } .questionnaire .dojoxMultiSelectItemLabel { cursor: default; } .questionnaire.noBullet { list-style-type: none; } .questionnaire .radioLabel { display: block; } .questionnaire .multiCheckBoxLabel { display: block; } .questionnaire .radioSpan { vertical-align: middle; padding: 3px; } .questionnaire .answer { vertical-align: top; display: inline-block; } .questionnaire .answer legend.label { padding: 0; display: inline; } .CandidatePortal .OFCCPContent .list-four-column li { list-style: disc; } .CandidatePortal .OFCCPContent .list-four-column .Column1 ul { padding: 0; } .CandidatePortal .OFCCPContent .list-four-column ul { margin-left: 20px; padding-left: 15px; } .CandidatePortal #QuestionnaireSection .OFCCPContent .CPFormElementWrapper .dijitTextBox { margin-left: 0px; } .CandidatePortal .DayforceRadioButton .radioContainer .dijitRadioFocused.dijitRadioChecked { background-position: -120px; } .CandidatePortal .DayforceRadioButton .radioContainer .dijitRadioFocused:not(.dijitRadioChecked) { background-position: -135px; } .CandidatePortal .multiCheckBoxLabel .dijitCheckBoxFocused { background-position: -30px } .CandidatePortal .multiCheckBoxLabel .dijitCheckBoxFocused:not(.dijitCheckBoxChecked) { background-position: -45px } @media (max-width: 550px) { .questionnaire .answer > .dijitTextBox, .questionnaire .answer > .EntitySelector { width: 100%; min-width: 0; } } @media (max-width: 900px) { .CandidatePortal .OFCCPContent .list-four-column ul { padding-left: 0; } } .OFCCP-Date { width: 220px; float: right; margin-right: 20px; text-align: center; } @media (max-width: 1322px), (max-device-width: 1322px) { .OFCCP-Date { float: left; margin-top: 10px; width: 275px; text-align: left; } } @media (max-width: 900px), (max-device-width: 900px) { .Column1, .Column2 { width: 50% !important; } .Column3, .Column4 { width: 50% !important; } } @media (max-width: 502px), (max-device-width: 502px) { .Column1, .Column2, .Column3, .Column4 { width: 100% !important; } } .CandidatePortal .CandidatePortal-candidate-offer { padding-top: 20px; } .CandidatePortal .CandidatePortal-candidate-offer .offer-container { text-align: left; padding: 0 20px 20px 40px; } .CandidatePortal .CandidatePortal-candidate-offer .footerContainer { border: 1px solid #CBC9C9; background-color: #f0f0f0; } .CandidatePortal .CandidatePortal-candidate-offer .footerContainer .jobDescriptonfooter { margin: 20px 0 20px 0; clear: both; font-size: 24px; font-weight: 100; } .CandidatePortal .CandidatePortal-candidate-offer .footerContainer .offer-button { margin-bottom: 20px; text-align: center; } .CandidatePortal .CandidatePortal-candidate-offer .errorMsgContainer { border: 1px solid #CBC9C9; padding: 20px 20px 20px 20px; width: 50%; text-align: center; margin: auto; } .CandidatePortal .CandidatePortal-candidate-offer .errorMsgContainer > div { display: inline-block; vertical-align: middle; } .CandidatePortal .CandidatePortal-candidate-offer .errorMsgContainer .errorMsg { margin: 10px; font-size: 18px; font-weight: bold; } .CandidatePortal .CandidatePortal-candidate-offer .errorMsgContainer .error-cannot-acccess-offer { margin: 10px; font-size: 13px; } .CandidatePortal .OFCCPContent { position: relative; font-family: Calibri, sans-serif; font-size: 12pt; padding-left: 20px; padding-right: 20px; border-style: solid; border-width: 1px } .CandidatePortal .OFCCPContent .disability-form h3.disability-form-header { margin: 20px auto; text-align: center; margin-bottom: 0px; font-size: 1.8em; font-weight: normal; } .CandidatePortal .OFCCPContent .disability-form .disability-form-control-number { right: 0; top: 0; text-align: right; } .CandidatePortal .OFCCPContent .disability-form .disability-form-control-number-section { display: inline-block; width: 100%; } .CandidatePortal .OFCCPContent .disability-form .disability-form-control-number-left { text-align: left; width: 45%; display: inline-block; } .CandidatePortal .OFCCPContent .disability-form .disability-form-control-number-right { text-align: right; width: 50%; display: inline-block; } .CandidatePortal .OFCCPContent .disability-form .disability-form-control-bold { font-weight: bold; } .CandidatePortal .disability-form h3.disability-form-section { text-align: center; margin: 20px auto; padding: 5px 0; border-style: double; font-size: 1.8em; font-weight: normal; } .CandidatePortal .disability-form .list-four-column { overflow: auto; } .CandidatePortal .disability-form .column-sm { float: left; width: 20%; } .CandidatePortal .disability-form .column-lg { float: left; width: 30%; } .CandidatePortal .disability-form .column-xl { float: left; width: 35%; } .CandidatePortal .disability-form .question-label { border-bottom: 2px solid black; display: inline-block; margin-bottom: 15px; font-size: 1em; font-weight: bold; } .CandidatePortal .disability-form .signature-box { border-bottom: 2px solid black; display: inline-block; font-size: 1em; font-weight: bold; } .CandidatePortal .OFCCPContent .CPFormElementWrapper { padding-top: 0px; margin: 0px; } .CandidatePortal .OFCCPContent .DayforceCheckBox { display: block; } .CandidatePortal .OFCCPContent .DayforceCheckBox label{ padding-left: 21px !important; } .CandidatePortal .OFCCPContent .textboxContainer .nameSection .CPFormElementWrapper, .CandidatePortal .OFCCPContent .textboxContainer .OFCCP-Date .CPFormElementWrapper { width: 100%; } .CandidatePortal .OFCCPContent .textboxContainer { margin-top: 35px; min-height: 70px; } .CandidatePortal .OFCCPContent .textboxContainer .nameLabel { margin: 5px 10px 0 0; min-width: 90px; } .CandidatePortal .OFCCPContent .textboxContainer .dateLabel { margin: 5px 10px 0 0; min-width: 90px; } .CandidatePortal .OFCCPContent .textboxContainer .nameSection { display: inline-flex; width: 275px; } .CandidatePortal .OFCCPContent .textboxContainer .OFCCP-Date { display: inline-flex; } .CandidatePortal .OFCCPContent .textboxContainer .OFCCP-employee-id { margin-top: 10px; width: 275px; display: inline-flex; } .CandidatePortal .OFCCPContent .textboxContainer .OFCCP-Date .dijitTextBox .dijitInputField, .CandidatePortal .OFCCPContent .textboxContainer .nameSection .dijitTextBox .dijitInputField, .CandidatePortal .OFCCPContent .textboxContainer .OFCCP-employee-id .dijitTextBox .dijitInputField { padding: 3px !important; } .CandidatePortal .OFCCPContent .textboxContainer .nameSection .textBelow, .CandidatePortal .OFCCPContent .textboxContainer .OFCCP-Date .textBelow { margin-top: 5px; } .textBelow { padding-left: 130px; } @media screen and (max-width: 940px) { .CandidatePortal .OFCCPContent .textboxContainer .nameSection, .CandidatePortal .OFCCPContent .textboxContainer .OFCCP-Date { float: none; } } .CandidatePortal .branding form.registration-form { padding: 10px; max-width: 400px; min-width: 350px; } .CandidatePortal .branding form.registration-form .pop-title { margin-bottom: 10px; } .CandidatePortal .branding form.registration-form legend { font-size: 2em; font-weight: 600; margin: 20px auto 10px auto; padding: 0px 50px; } .CandidatePortal .branding form.registration-form > fieldset label { display: block; margin-bottom: 5px; margin-top: 20px; } .CandidatePortal .branding form.registration-form.resetPasswordFormOK { text-align: center; } .CandidatePortal .branding form.registration-form > fieldset .dijitTextBox { display: block; width: auto; border-radius: 0; margin-bottom: 10px; } .CandidatePortal .branding form.registration-form > fieldset .dijitInputField { padding: 1px; } .CandidatePortal .branding form.registration-form > fieldset .dijitInputContainer { height: auto; } .CandidatePortal .branding form.registration-form > fieldset .dijitTextBox input { box-sizing: border-box; font-size: 1.2em; height: 2em; line-height: 2em; padding: 2px !important; } .CandidatePortal .branding form.registration-form > fieldset .dijitPlaceHolder { font-size: 1.2em; height: 2em; line-height: 2em; top: 2px; left: 2px; } .CandidatePortal .branding form.registration-form button[type=submit], .CandidatePortal .branding form.registration-form input[type=button]{ display: block; width: 100%; margin: 10px auto; padding: 10px 25px; } .CandidatePortal .branding form.registration-form .name-column { display: flex; flex-wrap:wrap; } .CandidatePortal .branding form.registration-form .name-column .first-name-column { flex-grow: 1; } .CandidatePortal .branding form.registration-form .name-column .last-name-column { flex-grow: 1; } @media(max-width: 500px){ .CandidatePortal .branding form.registration-form { min-width: inherit; } } .CandidatePortal .branding .cp-dialog .rowOption { display: flex; flex-direction: row; border-top: 1px #DDDDDD solid; font-size: 1.6em; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; overflow: hidden; min-width: 350px; height: 70px; -ms-flex-item-align: center; align-items: center; } .CandidatePortal .branding .cp-dialog .rowOption:focus { background-color: #F5F5F5; outline: auto; } .CandidatePortal .branding .cp-dialog .rowOption:hover { cursor: pointer; } .CandidatePortal .branding .cp-dialog .rowOption .noIcon { order: 1; display: inline-block; width: 50px; height: 50px; margin: 0px 0px 0px 25px; } .CandidatePortal .branding .cp-dialog .rowOption .dfI_G02_CreateResume:before, .CandidatePortal .branding .cp-dialog .rowOption .dfI_G02_ImportFromResume:before { order: 1; display: inline-block; border-radius: 50%; width: 50px; height: 38px; margin: 0px 0px 0px 25px; font-size: 25px; color: #ffffff; text-align: center; padding-top: 12px; } .CandidatePortal .branding .cp-dialog .rowOption .dfI_G02_CreateResume, .CandidatePortal .branding .cp-dialog .rowOption .dfI_G02_ImportFromResume { color: #ffffff; } .CandidatePortal .branding .cp-dialog .rowOption .rowOptionDescriptionContainer { order: 2; display: inline-block; width: 80%; font-size: 0.9em; display: flex; padding: 0px 0px 0px 15px; font-weight: bold; font-size: 15px; display: block; } .CandidatePortal .branding .cp-dialog .rowOption .dfI_G02_CreateResume::before, .CandidatePortal .branding .cp-dialog .rowOption .dfI_G02_ImportFromResume::before { margin-right: 4px; } .CandidatePortal .branding .cp-dialog .rowOption .rowOptionDescriptionContainer .dontHaveResumeSpan { display: block; } .CandidatePortal .branding .cp-dialog .rowOption .rowOptionDescriptionContainer .createOneNowSpan { display: block; font-size: 0.8em; color: #1E51BF; } .CandidatePortal .branding .cpWcagDialog .awli-wrapper-row { text-align: center; display: flex; padding: 20px 0px; justify-content: center; } .CandidatePortal .branding .cpWcagDialog .seek-wrapper-row { justify-content: center; } .CandidatePortal .branding .cpWcagDialog .seek-wrapper-row .seek-logo { max-height: 45px; max-width: 230px; border: 0; } .CandidatePortal .job-posting-section .seek-logo { max-height: 28px; max-width: 171px; border: 0; margin-top: 1px; pointer-events: none; } .CandidatePortal .job-posting-section .seek-button { display: inline-block; cursor: pointer; } .CandidatePortal .va-table, .CandidatePortal .va-cell { display: inline-block; vertical-align: middle; } .CandidatePortal .branding .cpWcagDialog .seek-wrapper-row .seek-overlay { height: 49px; width: 234px; position: absolute; z-index: 10; background-color: transparent; } @media (max-width: 500px) { .rowOption { min-width: inherit !important; } } :root{ --button-font-size:1.15em; --primary-filter-label-font-size:1.3em; --advanced-search-label-font-size:1.15em; --advanced-search-input-font-size:1.15em; --advanced-search-toggle-font-size:1.2em; } /*main search panel*/ .CandidatePortal .branding .job-search.main-content { display: flex; padding: 15px 20px; margin-top: 5px; position: relative; } .CandidatePortal .branding .job-search .filter-wrapper { width: 100%; } /*buttons*/ .CandidatePortal .branding .job-search.main-content button.job-posting-search-button { margin: 8px auto; padding: 9px 45px; font-size: var(--button-font-size); } .CandidatePortal .branding .job-search.main-content button.job-posting-search-reset { margin: 8px 0px; } .CandidatePortal .branding .job-posting-search-actions { position: absolute; top: 2em; right: 15px; } .CandidatePortal .branding .job-posting-search-actions button { display: block; width: 100%; } /*primary filters*/ .CandidatePortal .branding .job-search .primary-filter { display: flex; flex: 50%; width: 85%; } .CandidatePortal .branding .job-search .k-widget, .CandidatePortal .branding .job-search .primary-filter .k-dropdown-wrap { border-radius: 0; width: 100%; } .CandidatePortal .branding .job-search .primary-filter .filter-input { display: inline; margin-right: 10px; margin-bottom: 10px; font-size: var(--primary-filter-label-font-size); } .CandidatePortal .branding .locationResolvedAddress { padding: 10px 20px; display: flex; flex-wrap:wrap; margin-top: 0px !important; background-color: var(--scale-500) !important; justify-content: end; } /*advanced search filters*/ .CandidatePortal .branding .job-search .advanced-search .job-posting-filter-toggle { display: inline-block; margin: 8px 0px; font-size: var(--advanced-search-toggle-font-size); } .CandidatePortal .branding .secondary-filter-filters { margin-top: 10px; flex: 1 0 21%; flex-wrap: wrap; } .CandidatePortal .branding .job-search .secondary-filter .filter-input { display: inline-block; margin-right: 10px; margin-bottom: 10px; width: 30%; } .CandidatePortal .branding .job-search .secondary-filter span.secondary-filter-label { font-size: var(--advanced-search-label-font-size); } .CandidatePortal .branding .job-search .secondary-filter .filter-input input.k-input { font-size: var(--advanced-search-input-font-size); } .CandidatePortal .branding .secondary-filter .k-widget, .CandidatePortal .branding .secondary-filter .k-dropdown-wrap, .CandidatePortal .branding .secondary-filter .k-dropdown-wrapk-state-default { background: transparent; } .CandidatePortal .branding .secondary-filter .k-state-default>.k-select { border: none; } span .k-icon.k-clear-value.k-i-close { display: inline; } .CandidatePortal .branding .secondary-filter span .k-icon.k-i-close:focus { border: solid 2px var(--secondary); } /*-----MEDIA QUERIES-----*/ @media (max-width: 900px) { .CandidatePortal .branding .job-posting-search-actions{ position: initial; } .CandidatePortal .branding .job-search.main-content { display: block; } .CandidatePortal .branding .job-search .primary-filter { margin-right: -10px; flex-wrap: wrap; flex: none; width: 100%; } .CandidatePortal .branding .job-search .primary-filter .filter-input, .CandidatePortal .branding .job-search .secondary-filter .filter-input { width: 100%; max-width: 100%; flex: 1 1 auto; } .CandidatePortal .branding .job-search .secondary-filter .job-posting-search-reset, .CandidatePortal .branding .job-search button[type=submit] { width: 100%; display: block; } } .CandidatePortal .main-content.set-email-content { height: 400px; line-height: 400px; width: 500px; border-radius: 5px; text-align: center; } .CandidatePortal .main-content.set-email-content .email-change-response { margin-top: 10px; } .CandidatePortal .main-content.set-email-content .response-content { display: inline-block; vertical-align: middle; line-height: normal; text-align: center; } .CandidatePortal .main-content.set-email-content .response-content .result-icon.dfI_G02_Check { display: inline-block; background: #3982E824; border-radius: 50%; vertical-align: middle; padding: 36px; color: #1e51bf; font-size: 44px; } .CandidatePortal .main-content.set-email-content .response-content .result-icon { font-size: 70px; } .CandidatePortal .main-content.set-email-content .email-change-response .response-text { font-size: 23px; } /*branding.css*/ .CandidatePortal .branding .primary{ color: var(--primary); } .CandidatePortal .branding .secondary{ color: var(--secondary); } .CandidatePortal .branding .light{ color: var(--light); } .CandidatePortal .branding .accent{ color: var(--accent); } .CandidatePortal .branding { color: var(--scale); } .CandidatePortal [class^="dfI_"]:before, .CandidatePortal [class*=" dfI_"]:before { color: var(--primary); } .CandidatePortal .dfI_G01_PerformanceInfo:before { color: var(--primary); } .CandidatePortal .dfI_G08_ValidationError:before { color: #ff0000; } .CandidatePortal .branding :focus, .CandidatePortal .secondary-filter .k-widget :focus, .CandidatePortal .DayforceTriStateCheckBox .dojoxTriStateCheckBox.dojoxTriStateCheckBoxFocused, .CandidatePortal .ExpanderControl .ExpanderTitleInner:focus, html.CandidatePortal .cookie-banner:focus { outline: solid 2px var(--secondary); outline-offset: 1px; -webkit-box-shadow: 0px 0px 0px 1px var(--scale-600); -moz-box-shadow: 0px 0px 0px 1px var(--scale-600); box-shadow: 0px 0px 0px 1px var(--scale-600); } /*To fix issues with focus outline breaking k-window outlines*/ .CandidatePortal .branding .k-window :focus { box-shadow: none; -webkit-box-shadow: none; } .CandidatePortal .branding a :hover { outline: solid 2px var(--secondary); } .CandidatePortal .branding button.btn-primary, .CandidatePortal .branding span.btn-primary .dijitButtonNode, .CandidatePortal .branding a.btn-primary, .CandidatePortal .branding input[type=button].btn-primary { background-color: var(--primary); color: var(--scale-600); border: 1px solid var(--primary); } .CandidatePortal .branding button.btn-primary:hover, .CandidatePortal .branding button.btn-primary:focus, .CandidatePortal .branding span.btn-primary .dijitButtonNode:hover, .CandidatePortal .branding span.btn-primary .dijitButtonNode:focus, .CandidatePortal .branding a.btn-primary:hover, .CandidatePortal .branding a.btn-primary:focus, .CandidatePortal .branding input[type=button].btn-primary:hover, .CandidatePortal .branding input[type=button].btn-primary:focus { background-color: hsl(var(--primaryHslHue), var(--primaryHslSaturation), var(--primaryHslLightnessDark)); text-decoration: none; } .CandidatePortal .branding button.btn-primary:active, .CandidatePortal .branding span.btn-primary .dijitButtonNode:active, .CandidatePortal .branding a.btn-primary:active, .CandidatePortal .branding input[type=button].btn-primary:active { background-color: hsl(var(--primaryHslHue), var(--primaryHslSaturation), var(--primaryHslLightnessDarker)); text-decoration: none; } .CandidatePortal .branding button.btn-secondary, .CandidatePortal .branding span.btn-secondary .dijitButtonNode, .CandidatePortal .branding a.btn-secondary, .CandidatePortal .branding input[type=button].btn-secondary{ background-color: var(--scale-600); color: var(--primary); border: 1px solid var(--primary); } .CandidatePortal .branding button.btn-secondary:hover, .CandidatePortal .branding button.btn-secondary:focus, .CandidatePortal .branding span.btn-secondary .dijitButtonNode:hover, .CandidatePortal .branding span.btn-secondary .dijitButtonNode:focus, .CandidatePortal .branding a.btn-secondary:hover, .CandidatePortal .branding a.btn-secondary:focus, .CandidatePortal .branding input[type=button].btn-secondary:hover, .CandidatePortal .branding input[type=button].btn-secondary:focus { background-color: hsl(var(--primaryHslHue), var(--primaryHslSaturation), 95%); text-decoration: none; } .CandidatePortal .branding button.btn-secondary:active, .CandidatePortal .branding span.btn-secondary .dijitButtonNode:active, .CandidatePortal .branding a.btn-secondary:active, .CandidatePortal .branding input[type=button].btn-secondary:active { background-color: hsl(var(--primaryHslHue), var(--primaryHslSaturation), 90%); text-decoration: none; } .CandidatePortal .branding button[disabled].btn-primary, .CandidatePortal .branding a[disabled].btn-primary, .CandidatePortal .branding input[type=button][disabled].btn-primary, .CandidatePortal .branding button[disabled].btn-secondary, .CandidatePortal .branding a[disabled].btn-secondary, .CandidatePortal .branding input[type=button][disabled].btn-secondary { background-color: var(--scale-500); border: 1px solid var(--scale-400); color: var(--scale-200); text-decoration: none; cursor: default; } .CandidatePortal .previously-viewed-jobs-title { color: var(--scale-100); } .CandidatePortal .branding .header .header-links li a { color: var(--primary); } .CandidatePortal .branding a, .CandidatePortal .branding .breadcrumb .icon.cp-i-arrow_left.back-button { color: var(--primary); } .CandidatePortal .branding .candidate-name { color: var(--primary); } .CandidatePortal .branding .header .header-links a { color: var(--scale-200); } .CandidatePortal .branding .toolbar { background-color: var(--scale-500); } .CandidatePortal .branding .header .login-icon:focus, .CandidatePortal .branding .header .login-icon > .candidate-name:focus { outline: solid 2px var(--secondary); outline-offset: 1px; -webkit-box-shadow: 0px 0px 0px 1px var(--scale-600); -moz-box-shadow: 0px 0px 0px 1px var(--scale-600); box-shadow: 0px 0px 0px 1px var(--scale-600); } .CandidatePortal .branding .breadcrumb li { border-bottom: 5px solid var(--scale-500); } .CandidatePortal .branding .breadcrumb li.active { border-bottom-color: var(--secondary); } .CandidatePortal .branding .breadcrumb li a { color: var(--scale); } .CandidatePortal .branding .header .header-links li > .careers-header { color: var(--secondary); } .CandidatePortal .branding footer { background: var(--scale-600); } .CandidatePortal .branding .footer-columns .header-label { color: var(--scale); } .CandidatePortal .branding .page-content-wrapper::before { background: linear-gradient(HSL(var(--primaryHslHue), var(--primaryHslSaturation), var(--primaryHslLightnessDarker)), var(--accent)); } .CandidatePortal .branding .page-content-wrapper { background-color: var(--primary); } .CandidatePortal .branding .page-content-wrapper::after { background-color: var(--light); } .CandidatePortal .branding .page-content-wrapper-letter::before { background: linear-gradient(var(--primary), var(--accent)); } .CandidatePortal .branding .page-content-wrapper-letter { background-color: var(--primary); } .CandidatePortal .branding .page-content-wrapper-letter::after { background-color: var(--light); } input.k-textbox.k-widget::placeholder, input.k-input.txt-location::placeholder, .CandidatePortal .branding .dijitPlaceHolder { color: var(--scale-200); } input.k-textbox.k-widget:-ms-input-placeholder, input.k-input.txt-location:-ms-input-placeholder { color: var(--scale-200); } .CandidatePortal .branding .page-content h1 { color: var(--scale-600); } .CandidatePortal .branding .page-content .main-content-width .subtitle-container h2 { color: var(--scale-600); } .CandidatePortal .branding .page-content .main-content h1 { color: var(--scale); } .CandidatePortal .branding .page-content .main-content h2 { color: var(--scale); } .CandidatePortal .branding .header .culture:hover, .CandidatePortal .branding .header .culture.expanded { color: var(--primary); } .CandidatePortal .branding .header .login-icon:hover, .CandidatePortal .branding .header .login-icon.expanded { color: var(--primary); } .CandidatePortal .branding .header .culture > .list { background-color: var(--scale-600); border: solid 1px var(--scale-400); } .CandidatePortal .branding .header .culture > .list > ul > li { border-top: solid 1px var(--scale-400); } .CandidatePortal .branding .header .culture > .list ul > li:last-child { border-top: solid 1px var(--scale-400); } .CandidatePortal .branding .header .culture > .list ul > li:first-child { border-top: 0px; } /* End language selector */ .CandidatePortal .branding .main-content, .CandidatePortal .branding .post-offer-vevraa { background-color: var(--scale-600); } .CandidatePortal .branding .main-content-letter { -webkit-box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.1); } .CandidatePortal .branding .invalid-feedback { color: var(--error); } .CandidatePortal .branding label + .required { color: var(--error); } .CandidatePortal .branding label.required::after { color: var(--error); } .CandidatePortal .branding .dijitTextBox.invalid { border-color: var(--error); } .CandidatePortal .branding .account-settings .account-settings-content .delete-account-icon, .CandidatePortal .branding .account-settings .account-settings-content .del-acc-btn, .CandidatePortal .branding .account-settings .account-settings-content .change-email-btn, .CandidatePortal .branding .account-settings .account-settings-content .change-password-btn { color: var(--primary); } /* logindialog*/ /*using dojo dialog login in loginview.css*/ .CandidatePortal .branding .cp-dialog .dijitDialogTitleBar, .CandidatePortal .change-email-dialog .dijitDialogTitleBar, .CandidatePortal .delete-account-dialog .dijitDialogTitleBar { background: var(--scale-600); } .CandidatePortal .change-email-dialog .iconsContainer .dijitDialogCloseIcon { color: var(--primary); } .CandidatePortal .main-content.set-email-content .response-content .result-icon { color: var(--primary); } .CandidatePortal .branding .cp-dialog { background: var(--scale-600); border-radius: 10px; } .CandidatePortal .branding .upload-files .upload-container .dfI_G08_Help, .CandidatePortal .branding .dfI_G02_Delete, .CandidatePortal .branding .dfI_G00_global_add, .CandidatePortal .branding .dfI_G03_global_edit { color: var(--primary); } .CandidatePortal .branding .cp-dialog .dijitDialogCloseIcon { color: var(--primary); } .CandidatePortal .branding .cp-dialog .pop-title { color: var(--scale); } .CandidatePortal .branding .cp-dialog .login-register .label { color: var(--scale-100); } .CandidatePortal .branding .cp-dialog .forgot-passwords { color: var(--primary); } .CandidatePortal .branding .cp-dialog .dijitButtonNode { background-color: var(--primary); color: var(--scale-600); } .CandidatePortal .branding .cp-dialog .dijitButtonNode:active { outline: 2px solid var(--secondary); } .CandidatePortal .branding .cp-dialog .dijitButtonNode:hover { background: rgba(var(--secondaryRgb), 0.5); } .CandidatePortal .branding .upload-files .options-menu .dijitButtonDisabled .dijitButtonNode:hover { background: var(--primary); } .CandidatePortal .branding .cp-dialog .sub-text { color: var(--scale-100); } .CandidatePortal .branding .cp-dialog .auth-button-or:before, .CandidatePortal .branding .cp-dialog .auth-button-or:after { border-bottom: 2px solid var(--scale-300); margin-left: 2px; margin-right: 2px; } .CandidatePortal .branding .cp-dialog .account-text { color: var(--scale-100); } .CandidatePortal .branding .cp-dialog .alt-auth-link { color: var(--primary); } [data-letters]:before { background: var(--primary); color: var(--scale-600); } [data-letters]:hover:before { background: hsl(var(--primaryHslHue), var(--primaryHslSaturation), var(--primaryHslLightnessDark)); } [data-letters]:focus:before { background: hsl(var(--primaryHslHue), var(--primaryHslSaturation), var(--primaryHslLightnessDarker)); } [data-letters]:after { color: var(--primary); } [data-letters]:hover:after { color: var(--primary); } [data-letters]:focus:after { color: var(--primary); } .CandidatePortal .branding .header .login-icon > .candidate-account { background-color: var(--scale-600); border: solid 1px var(--scale-400); } .CandidatePortal .branding .header .login-icon > .candidate-account > ul > li { border-top: solid 1px var(--scale-400); } .CandidatePortal .branding .header .login-icon > .candidate-account ul > li:last-child { border-top: solid 1px var(--scale-400); } .CandidatePortal .branding .header .login-icon > .candidate-account ul > li:first-child { border-top: 0px; } .CandidatePortal .branding .privacy-policy-view { border-bottom: solid 1px var(--scale-400); } .CandidatePortal .branding .privacy-policy .accept-hint { color: var(--scale); } .CandidatePortal .branding .main-content, .CandidatePortal .branding .post-offer-vevraa { border: 1px var(--scale-400) solid; } .CandidatePortal .job-listing > .search-results > .search-result{ border-top: 2px var(--scale-400) solid; } .CandidatePortal .job-listing > .search-results .posting-description, .CandidatePortal .job-listing > .search-results .posting-jobReqId, .CandidatePortal .job-listing > .search-results .posting-date{ color:var(--scale); } .CandidatePortal .job-listing > .search-results a{ color: var(--primary); } .CandidatePortal .job-listing > .search-results .posting-date:before{ color: var(--scale-100); } .CandidatePortal .branding .job-posting-content .job-date-posted::before { color: var(--scale-100); } .CandidatePortal .branding .job-posting-content .job-posting-items > li { background-color: var(--light); border: solid 2px var(--accent); } .CandidatePortal .branding .job-posting-footer { background-color: var(--scale-500); } .CandidatePortal .branding .job-search .primary-filter .job-posting-filter-toggle { color: var(--primary); } .CandidatePortal .branding .job-posting-items .detail-name{ background: var(--accent); color: var(--scale-600); } .CandidatePortal .job-application-summary-pane .error-list > li, .CandidatePortal .job-application-summary-pane h3 { color: var(--error); } .CandidatePortal .job-application-summary-pane-parent-container { border: 2px solid var(--error); } /* mobile menu */ .CandidatePortal .branding .mobile-menu-toggle { color: var(--scale); } #mobile-menu { background-color: var(--primary); } #mobile-menu .btn-close-menu { color: var(--scale-600); } #mobile-menu .account-menu { border-color: var(--scale-600); } #mobile-menu ol > li { color: var(--scale-600); } #mobile-menu a { color: var(--scale-600); } .CandidatePortal .job-posting-content .inactive-notification { color: var(--error); } .CandidatePortal .job-posting-content .already-applied-notification { color: var(--success); } .CandidatePortal nav.pagination ul > li.active a { color: var(--scale) } .CandidatePortal .k-input, .CandidatePortal input.k-textbox, .CandidatePortal textarea.k-textbox, .CandidatePortal input.k-textbox:hover, .CandidatePortal textarea.k-textbox:hover, .CandidatePortal .k-textbox > input, .CandidatePortal .k-multiselect-wrap, .CandidatePortal .k-list-container, .CandidatePortal .k-state-hover, .CandidatePortal .k-state-hover:hover, .CandidatePortal .k-splitbar-horizontal-hover:hover, .CandidatePortal .k-splitbar-vertical-hover:hover, .CandidatePortal .k-list > .k-state-hover, .CandidatePortal .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .CandidatePortal .k-pager-wrap .k-link:hover, .CandidatePortal .k-dropdown .k-state-focused, .CandidatePortal .k-filebrowser-dropzone, .CandidatePortal .k-mobile-list .k-item > .k-link:active, .CandidatePortal .k-mobile-list .k-item > .k-label:active, .CandidatePortal .k-mobile-list .k-edit-label.k-check:active, .CandidatePortal .k-mobile-list .k-recur-view .k-check:active { color: var(--scale); background-color: var(--scale-600); } .CandidatePortal .k-list > .k-state-focused { box-shadow: inset 0 0 3px 1px var(--scale-300); } .CandidatePortal .k-list > .k-state-focused, .CandidatePortal .k-list > .k-state-selected { background-color: var(--secondary); color: var(--scale-600); } .CandidatePortal textarea.k-textbox:hover, .CandidatePortal .k-state-hover:hover, .CandidatePortal .k-splitbar-horizontal-hover:hover, .CandidatePortal .k-splitbar-vertical-hover:hover, .CandidatePortal .k-pager-wrap .k-link:hover { background-color: var(--scale-400); } .CandidatePortal .secondary-filter .k-icon { color: var(--scale); } .CandidatePortal .branding .header-links .dropdown-content { background-color: var(--scale-600); border: solid 1px var(--scale-400); } .CandidatePortal .branding .header-links .dropdown-content a { color: var(--primary); } .CandidatePortal .branding .header-links .more { background-color: var(--scale-200); } .CandidatePortal .secondary-filter .k-input, .CandidatePortal .secondary-filter input.k-textbox, .CandidatePortal .secondary-filter textarea.k-textbox, .CandidatePortal .secondary-filter input.k-textbox:hover, .CandidatePortal .secondary-filter textarea.k-textbox:hover, .CandidatePortal .secondary-filter .k-textbox > input, .CandidatePortal .secondary-filter .k-multiselect-wrap, .CandidatePortal .secondary-filter .k-list-container, .CandidatePortal .secondary-filter .k-state-hover, .CandidatePortal .secondary-filter .k-state-hover:hover, .CandidatePortal .secondary-filter .k-splitbar-horizontal-hover:hover, .CandidatePortal .secondary-filter .k-splitbar-vertical-hover:hover, .CandidatePortal .secondary-filter .k-list > .k-state-hover, .CandidatePortal .secondary-filter .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .CandidatePortal .secondary-filter .k-pager-wrap .k-link:hover, .CandidatePortal .secondary-filter .k-dropdown .k-state-focused, .CandidatePortal .secondary-filter .k-filebrowser-dropzone, .CandidatePortal .secondary-filter .k-mobile-list .k-item > .k-link:active, .CandidatePortal .secondary-filter .k-mobile-list .k-item > .k-label:active, .CandidatePortal .secondary-filter .k-mobile-list .k-edit-label.k-check:active, .CandidatePortal .secondary-filter .k-mobile-list .k-recur-view .k-check:active { color: var(--scale-100); background:transparent; box-shadow: none; } .CandidatePortal .secondary-filter .branding .header-links .dropdown-content { background-color: var(--scale-600); border: solid 1px var(--scale-400); } .CandidatePortal .secondary-filter .branding .header-links .dropdown-content a { color: var(--primary); } .CandidatePortal .secondary-filter.branding .header-links .more { background-color: var(--scale-200); } .CandidatePortal .OfferRejectionWindow select, .CandidatePortal .OfferRejectionWindow textarea, .CandidatePortal .k-content, .CandidatePortal .k-window-title { color: var(--scale); } .CandidatePortal .OfferRejectionWindow .error-message, .CandidatePortal .OfferRejectionWindow .field-container .label .requiredAsterisk { color: var(--error); } .CandidatePortal.OfferRejectionWindow .field-container .label{ color: var(--scale-100) } .CandidatePortal .branding .offer-response a { color: var(--scale-600); } .CandidatePortal .job-listing > .search-results .posting-actions> .share-post { border-bottom: 1px var(--scale-400) solid; } /* job posting application */ .CandidatePortal .branding .job-app-header { color: var(--scale-600); } .CandidatePortal .section-title, .CandidatePortal .WizardControl .WizardStep .WizardStepHeading { color: var(--scale); } .CandidatePortal .details-output, .CandidatePortal .WizardControl .WizardStep .WizardStepSubHeading { color: var(--scale-200); } .CandidatePortal .WizardControl .stepList > .WizardStepButton { color: var(--scale); border-bottom: solid 2px var(--scale-400) !important; border-right: solid 2px var(--scale-400) !important; } .CandidatePortal .WizardControl .stepList > .WizardStepButton .dijitButtonText { color: var(--scale); } .CandidatePortal .WizardControl .stepList > .WizardStepButton.WizardStepButtonChecked { background: var(--primary); } .CandidatePortal .WizardControl .stepList > .WizardStepButton.WizardStepButtonDisabled { background: var(--scale-500); } .CandidatePortal .WizardControl .stepList > .WizardStepButton.WizardStepButtonChecked .dijitButtonText { color: var(--scale-600); } .CandidatePortal .WizardControl .stepList > .WizardStepButton.WizardStepButtonDisabled .dijitButtonText { color: var(--scale) !important; } .CandidatePortal .WizardControl .WizardProgressTitle { color: var(--scale); } .CandidatePortal .job-posting-application .application-wizard .bottomPane { background-color: var(--scale-500); border-top: solid 2px var(--scale-400); } .CandidatePortal .job-posting-application .application-wizard .buttonsContainer .dijitButton .dijitButtonNode { background-color: var(--secondary); color: var(--scale-600); } .CandidatePortal .job-posting-application .application-wizard .buttonsContainer .dijitButton .dijitButtonNode:active { outline: 2px solid var(--secondary); } .CandidatePortal .job-posting-application .application-wizard .buttonsContainer .dijitButton .dijitButtonNode:hover { background: rgba(var(--primaryRgb), 0.5); } .CandidatePortal .job-posting-application .application-wizard .buttonsContainer .dijitButton.BlueButton .dijitButtonNode, .CandidatePortal .job-posting-application .thankyou-pane .dijitButton .dijitButtonNode { background-color: var(--primary); color: var(--scale-600); } .CandidatePortal .job-posting-application .application-wizard .buttonsContainer .dijitButton.BlueButton .dijitButtonNode:active, .CandidatePortal .job-posting-application .thankyou-pane .dijitButton .dijitButtonNode:active { outline: 2px solid var(--secondary); } .CandidatePortal .job-posting-application .application-wizard .buttonsContainer .dijitButton.BlueButton .dijitButtonNode:hover, .CandidatePortal .job-posting-application .thankyou-pane .dijitButton .dijitButtonNode:hover { background: rgba(var(--secondaryRgb), 0.5); } .CandidatePortal .job-posting-application .bootstrap.progress-info .bar, .CandidatePortal .job-posting-application .bootstrap.progress .bar-info { background-color: var(--primary); background-image: none; } .CandidatePortal .job-posting-application .thankyou-pane > .details-output { color: var(--scale); } .CandidatePortal .job-posting-application .thankyou-pane > .buttonsContainer { border-top: solid 2px var(--scale-400); background-color: var(--scale-500); } /* job posting application */ .CandidatePortal > body .footer > .toggle a{ color: var(--scale-600); } .CandidatePortal > body .footer > .toggle { background: var(--primary); color: var(--scale-600); } .CandidatePortal .job-posting-application .apply-method-splitter { border-top: 1px solid var(--scale-400); } .CandidatePortal .job-posting-application .apply-method-splitter > span { color: var(--scale-300); background-color: var(--scale-600); } @media (max-width: 768px), (max-device-width: 768px) { .CandidatePortal .branding .page-content-wrapper::before{ background: linear-gradient(hsl(var(--primaryHslHue), var(--primaryHslSaturation), var(--primaryHslLightnessDark)), var(--light) 400px); } } /* TEAM RELATE */ .mainTeamRelate .BGheader { background-color: var(--scale-500); border-bottom: 1px solid var(--scale-400); } /* REGISTRATION DIALOG */ .CandidatePortal .branding .cp-dialog .rowOption .dfI_G02_CreateResume:before, .CandidatePortal .branding .cp-dialog .rowOption .dfI_G02_ImportFromResume:before { background-color: var(--primary); } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .cp-form .cp-form-edit .dijitButton .dijitButtonNode { background-color: var(--primary); border-color: var(--primary); } .JobApplicationGenerated .cp-form-wrapper .cp-form-content-wrapper .cp-form .cp-form-edit .dijitButton .dijitButtonNode:hover { background-color: var(--accent); border-color: var(--accent); } .CandidatePortal .branding form.registration-form legend { color: var(--scale); } .CandidatePortal .branding form.registration-form > fieldset label { color: var(--scale-100); } .CandidatePortal .static-google-map-image { cursor: pointer; align-self: center; } .CandidatePortal .google-map-container { justify-content: center; } .mainTeamRelate .ClockMessageHeader { font-size: 1.5em; font-weight: bold; position: relative; display: inline-block; top: 10px; } .mainTeamRelate .auto-style1 { margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 50px; } .mainTeamRelate .team-relate-survey .answer .min-max-label { font-size: 1.3em; } .mainTeamRelate .team-relate-survey .answer .min-max-label .minimum { margin-left: 0% !important; } .mainTeamRelate .team-relate-survey .answer .min-max-label .maximum { margin-left: 58% !important; } .mainTeamRelate .team-relate-survey .buttons { margin-top: 3em; } .mainTeamRelate .team-relate-survey .buttons .dijitReset.dijitInline.backButton { margin-right: 5em; } .mainTeamRelate .team-relate-survey .question { height: 5em; } .mainTeamRelate .team-relate-survey .disclaimer { padding: 20px; text-align: justify; } .BGheader { outline: 0; padding: 0; width: 100%; height: 4em; position: fixed; top: 0; z-index: 1000; text-align:center; } .mainTeamRelate .team-relate-survey .answer .slider { padding-top: 5em; } .CandidatePortal .mainTeamRelate.branding .header { margin-top: 4.5em; } #cpTimeoutDialog.no-kendo { position: fixed; left: 50%; margin-left: -200px; top: 50%; margin-top: -100px; width: 400px; height: 200px; background: #fff; z-index: 10; display: none; border: solid; border-color: #1162c2; border-width: 1px; } #cpTimeoutDialog button { float: right; margin-left: 10px; } #cpTimeoutDialog.no-kendo button { float: none; margin-left: 0px; position: absolute; bottom: 20px; width: 60px; } .CandidatePortal .unsubscribe { text-align: center; } .CandidatePortal .unsubscribe .check-svg-wrapper { margin: 20px 0 20px; padding: 80px 0 20px; border-top: 1px solid #DDDDDD; } .CandidatePortal .unsubscribe .info-wrapper .message { font-size: 24px; color: #000000; margin: 20px 0 10px; } .CandidatePortal .unsubscribe .info-wrapper .submessage { font-size: 12px; color: #696969; margin: 10px 0 20px; }