/* ValueSans Regular */ @font-face { font-family: "ValueSans"; src: local("ValueSans"), url("../fonts/ValueSans/ValueSans-Regular-Pro.woff2") format("woff2"), url("../fonts/ValueSans/ValueSans-Regular-Pro.woff") format("woff"), url("../fonts/ValueSans/ValueSans-Regular-Pro.ttf") format("truetype"), url("../fonts/ValueSans/ValueSans-Regular-Pro.eot") format("embedded-opentype"); font-display: swap; font-weight: normal; font-style: normal; } /* ValueSans Italic */ @font-face { font-family: "ValueSans"; src: local("ValueSans"), url("../fonts/ValueSans/ValueSans-Italic-Pro.woff2") format("woff2"), url("../fonts/ValueSans/ValueSans-Italic-Pro.woff") format("woff"), url("../fonts/ValueSans/ValueSans-Italic-Pro.ttf") format("truetype"), url("../fonts/ValueSans/ValueSans-Italic-Pro.eot") format("embedded-opentype"); font-display: swap; font-weight: normal; font-style: Italic; } /* ValueSans Black */ @font-face { font-family: "ValueSans"; src: local("ValueSans"), url("../fonts/ValueSans/ValueSans-Black-Pro.woff2") format("woff2"), url("../fonts/ValueSans/ValueSans-Black-Pro.woff") format("woff"), url("../fonts/ValueSans/ValueSans-Black-Pro.ttf") format("truetype"), url("../fonts/ValueSans/ValueSans-Black-Pro.eot") format("embedded-opentype"); font-display: swap; font-weight: 900; font-style: normal; } /* ValueSans BlackItalic */ @font-face { font-family: "ValueSans"; src: local("ValueSans"), url("../fonts/ValueSans/ValueSans-BlackItalic-Pro.woff2") format("woff2"), url("../fonts/ValueSans/ValueSans-BlackItalic-Pro.woff") format("woff"), url("../fonts/ValueSans/ValueSans-BlackItalic-Pro.ttf") format("truetype"), url("../fonts/ValueSans/ValueSans-BlackItalic-Pro.eot") format("embedded-opentype"); font-display: swap; font-weight: 900; font-style: italic; } /* ValueSans Bold */ @font-face { font-family: "ValueSans"; src: local("ValueSans"), url("../fonts/ValueSans/ValueSans-Bold-Pro.woff2") format("woff2"), url("../fonts/ValueSans/ValueSans-Bold-Pro.woff") format("woff"), url("../fonts/ValueSans/ValueSans-Bold-Pro.ttf") format("truetype"), url("../fonts/ValueSans/ValueSans-Bold-Pro.eot") format("embedded-opentype"); font-display: swap; font-weight: bold; font-style: normal; } /* ValueSans BoldItalic */ @font-face { font-family: "ValueSans"; src: local("ValueSans"), url("../fonts/ValueSans/ValueSans-BoldItalic-Pro.woff2") format("woff2"), url("../fonts/ValueSans/ValueSans-BoldItalic-Pro.woff") format("woff"), url("../fonts/ValueSans/ValueSans-BoldItalic-Pro.ttf") format("truetype"), url("../fonts/ValueSans/ValueSans-BoldItalic-Pro.eot") format("embedded-opentype"); font-display: swap; font-weight: bold; font-style: italic; } /* ValueSans Medium */ @font-face { font-family: "ValueSans"; src: local("ValueSans"), url("../fonts/ValueSans/ValueSans-Medium-Pro.woff2") format("woff2"), url("../fonts/ValueSans/ValueSans-Medium-Pro.woff") format("woff"), url("../fonts/ValueSans/ValueSans-Medium-Pro.ttf") format("truetype"), url("../fonts/ValueSans/ValueSans-Medium-Pro.eot") format("embedded-opentype"); font-display: swap; font-weight: 500; font-style: normal; } /* ValueSans MediumItalic */ @font-face { font-family: "ValueSans"; src: local("ValueSans"), url("../fonts/ValueSans/ValueSans-MediumItalic-Pro.woff2") format("woff2"), url("../fonts/ValueSans/ValueSans-MediumItalic-Pro.woff") format("woff"), url("../fonts/ValueSans/ValueSans-MediumItalic-Pro.ttf") format("truetype"), url("../fonts/ValueSans/ValueSans-MediumItalic-Pro.eot") format("embedded-opentype"); font-display: swap; font-weight: 500; font-style: italic; } /* ValueSerif (only comes in bold) */ @font-face { font-family: "ValueSerif"; src: local("ValueSerif"), url("../fonts/ValueSerif/ValueSerif-Bold-Pro.woff2") format("woff2"), url("../fonts/ValueSerif/ValueSerif-Bold-Pro.woff") format("woff"), url("../fonts/ValueSerif/ValueSerif-Bold-Pro.ttf") format("truetype"), url("../fonts/ValueSerif/ValueSerif-Bold-Pro.eot") format("embedded-opentype"); font-display: swap; } .mfa-login .ff-script, #okta-sign-in .ff-script { color: #333; font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; font-style: italic; line-height: 22px; } .mfa-login h1, #okta-sign-in h1 { color: #333; font-family: "ValueSerif", Georgia, 'Times New Roman', Times, serif; font-size: 28px; line-height: 32px; } .mfa-login h2, #okta-sign-in h2 { color: #333; font-family: "ValueSerif", Georgia, 'Times New Roman', Times, serif; font-size: 28px; font-style: normal; line-height: 32px; } .mfa-login h3, #okta-sign-in h3 { font-family: "ValueSerif", Georgia, 'Times New Roman', Times, serif; font-size: 18px; font-style: normal; line-height: 24px; } .mfa-login p, #okta-sign-in p { color: #333; font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; font-style: normal; font-weight: normal; line-height: 24px; } .mfa-login .o-form-button-bar .button { width: auto; border-radius: 8px !important; padding: 12px 24px 12px 24px !important; height: unset !important; line-height: 1em !important; background: #0033ff !important; font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; font-size: 16px !important; font-style: normal !important; font-weight: 350 !important; } #okta-sign-in .o-form-button-bar .button { width: unset; } .mfa-login .o-form-button-bar .button:hover { background: #002997 !important; } .mfa-login .btn, #okta-sign-in .enter-auth-code-instead-link, .mfa-login .button { border-radius: 8px; padding: 12px 24px 12px 24px; text-decoration: none !important; } @media only screen and (max-width: 600px) { .mfa-login .btn, #okta-sign-in .enter-auth-code-instead-link, .mfa-login .button { width: 100% !important; } } .mfa-login .btn--primary, #okta-sign-in .enter-auth-code-instead-link { background: #0033ff; color: #fff; border: 1px solid #0033ff; } .mfa-login .btn--primary:hover, #okta-sign-in .enter-auth-code-instead-link:hover { background: #002997; color: #fff; border: 1px solid #002997; } .mfa-login .btn--primary:focus, #okta-sign-in .enter-auth-code-instead-link:focus { background: #0033ff; color: #fff; border: 1px solid #0033ff; box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #0033ff; } .mfa-login .btn--primary:disable, #okta-sign-in .enter-auth-code-instead-link:disabled, .btn--primary[disabled] { background: #696969; border: 1px solid #696969; } .mfa-login a, .mfa-login a:visited { font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; font-style: normal; font-weight: 700; font-size: 16px !important; line-height: 24px; color: #0033ff; } .login__info-box a, .login__info-box a:visited { color: #002997; } .mfa-login a:hover, .mfa-login a:active { text-decoration-line: underline; color: #002997; } #okta-sign-in { width: 100%; margin: 0; } #okta-sign-in label { font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; font-weight: normal; } #okta-sign-in .auth-header, #okta-sign-in .auth-content { padding: 20px 0; } #okta-sign-in .o-form .input-fix, #okta-sign-in .o-form .textarea-fix { border: none } #okta-sign-in .o-form .input-fix input, #okta-sign-in .o-form .textarea-fix input { border: 1px solid #939496 !important; border-radius: 8px !important; } @media only screen and (min-width: 992px) { #okta-sign-in .o-form .input-fix, #okta-sign-in .o-form .textarea-fix { width: 50%; } } #okta-sign-in .auth-header { display: none; } #okta-sign-in .auth-footer { font-size: 14px; margin-bottom: 1.25em; } @media (max-width: 768px) and (min-width: 601px) { .mfa-login { padding-bottom: 15.125rem !important; } } @media (max-width: 1024px) and (min-width: 768px) { .mfa-login { padding-bottom: 13.125rem !important; } } #okta-sign-in .custom-checkbox label { color: #333; } #okta-sign-in.no-beacon .auth-header { padding: 0; } #okta-sign-in.auth-container .o-form-input-error .icon-16 { left: 0; } #okta-sign-in.auth-container .okta-form-label { color: #333; } #okta-sign-in.auth-container .o-form-head { color: #333; } #okta-sign-in .o-form-head { text-align: left; } #okta-sign-in .password-authenticator--heading { font-weight: bold; color: #333; font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; } #okta-sign-in.auth-container a.link:link, #okta-sign-in a { color: #0033ff !important; font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; font-style: normal; font-weight: 350; line-height: 21px; } #okta-sign-in.auth-container a.link:link:hover, #okta-sign-in a:hover { color: #002997 !important; } @media only screen and (max-width: 600px) { #okta-sign-in.auth-container .auth-content { max-width: unset !important } } #okta-sign-in.auth-container.main-container { border: 0; box-shadow: none; color: #333; } .login__info-box { border-radius: 8px; background: #c0d2ff; padding: 27px 24px; } .login__info-box h2 { font-family: "ValueSerif", Georgia, 'Times New Roman', Times, serif; font-size: 22px; font-style: normal; line-height: 28px; } .login__info-box a[href^="tel:"] { color: #333; font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; font-size: 16px; font-style: normal; line-height: 24px; text-decoration: none; } /* Footer */ .cigna-footer { color: #ffffff; display: flex; font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; justify-content: center; padding: 38px 1.5rem 6px; width: 100%; } .cigna-footer ul { list-style: none; padding-left: 0; } .cigna-footer__bottom { width: 100%; } @media screen and (min-width: 1024px) { .cigna-footer__bottom { align-items: flex-end; display: flex; justify-content: space-between; padding-top: 20px; } } .change-direction { direction: rtl; } .cigna-footer__content { max-width: calc(1140px - 24px); /*due to guttering */ width: 100%; } .cigna-footer__details { text-align: center; } @media screen and (min-width: 1024px) { .cigna-footer__details { align-items: center; display: flex; margin-top: 0; text-align: end; } .cigna-footer__content { max-width: 1140px; width: 100%; } } @media screen and (min-width: 2000px) { .cigna-footer__content { margin-top: 30px; } .cigna-footer { height: 100%; } } .cigna-footer__details p { font-size: 12px; line-height: 1.5; } .cigna-footer__external { margin-inline-end: 5px; position: relative; top: 3px; } .cigna-footer__external svg { fill: #e4e4e4; height: 1.125rem; width: 1.125rem; } .cigna-footer__legal { margin-top: 20px; } .cigna-footer__legal > p { direction: ltr; } @media screen and (min-width: 1024px) { .cigna-footer__legal { margin-inline-start: 1.5rem; margin-top: 0; } } .cigna-footer__legal p { font-size: 12px; line-height: 1.5; text-align: start; } .cigna-footer__links { padding: 14px 0 18px; } footer.cigna-footer a { font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif !important; } footer.cigna-footer p { font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif !important; } @media screen and (min-width: 1024px) { .cigna-footer__links { border: 0; padding: 0; } .cigna-footer { background-size: cover; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 1440 159'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23001466; fill-rule: evenodd; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M0,22.5v136.5h1440V43.4c-10.7-3.2-21.3-6.2-32-9-220.2-57.4-418.3-31.6-629.7-4C551,60,308.4,91.7,6.6,23.8l.3.6-6.9-1.9Z'/%3E%3C/svg%3E"); height: 10.125rem; } .cigna-footer__links li + li { margin-top: 1rem; } } .cigna-footer__links a { color: #ffffff; font-size: 12px; font-weight: 400; line-height: 1.5; text-decoration: none; } .cigna-footer__links a:hover { text-decoration: underline; } @media screen and (min-width: 1024px) { .cigna-footer__links li + li { margin-inline-start: 70px; margin-top: 0; } } @media screen and (min-width: 1024px) { .cigna-footer__links ul { display: flex; } .mobileLinks { display: none; } .desktopLinks { display: block; } } .cigna-footer__logo img { width: 100px; } .cigna-footer__logo { margin-bottom: 0.5rem; } .cigna-footer__top { text-align: center; width: 100%; } @media screen and (min-width: 1024px) { .cigna-footer__top { text-align: left; } } .cigna-footer__top p { font-size: 1rem; font-weight: 300; line-height: 1.5; text-align: start; } .cigna-footer__top + .cigna-footer__bottom { margin-top: 1rem; } @media screen and (max-width: 1024px) { .cigna-footer, .cigna-footer__legal p, .cigna-footer__top p { text-align: center !important; } .cigna-footer { background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='198' viewBox='0 0 390 198' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 43.0988V84.0637C0.0720199 84.1586 0.144041 84.2534 0.216064 84.3483V198H110.824C110.879 198.041 110.935 198.081 110.99 198.122H391V198H391.216V66H391V30.4937C363.772 15.5773 334.714 5.74654 306.001 2.04312C252.103 -4.90949 204.992 7.08898 154.742 19.8869C108.421 31.6844 59.4317 44.1612 0 43.0988Z' fill='%23001466'/%3E%3C/svg%3E"); } .cigna-footer__linksUL { display: flex; justify-content: center; align-items: center; gap: 10px; list-style: none; } .cigna-footer__details p { margin-block-start: 1em; margin-block-end: 1em; } .mobileLinks { display: block; } .desktopLinks { display: none; } } /* Alert's */ .alert { font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; font-weight: bold; color: #333333; } .alert.alert-success { background-color: #bfe0a2; border-color: #bfe0a2; } .alert.alert-success svg { color: #488319; } .alert.alert-danger { background-color: #f7aaa6; border-color: #f7aaa6; } .alert.alert-danger svg { color: #ba0000; } .alert.alert-primary { background-color: #c0d2ff; border-color: #c0d2ff; } .alert.alert-primary svg { color: #0033ff; } .alert.alert-warning { background-color: #fffabd; border-color: #fffabd; } .alert.alert-warning svg { color: #ff4d00; } /* Footer fixed Position */ body { position: relative; min-height: 100vh; } .mfa-login { padding-bottom: 10.125rem; /* Match Footer height */ } @media only screen and (max-width: 600px) { .mfa-login { padding-bottom: 300px !important; padding-left: 1.5rem; padding-right: 1.5rem; } } .cigna-footer { position: absolute; bottom: 0; width: 100%; } /* Hide CTA on login */ /* as this is a custom login, we are unable to hide components within the okta tennant. Which is why we need to hide them here instead */ .mfa-login #okta-login-container [data-se*="rememberMe"], .mfa-login #okta-login-container [data-se*="switchAuthenticator"], .mfa-login #okta-login-container [data-se*="credentials.revokeSessions"], .mfa-login #okta-login-container .auth-footer [data-se*="unlock"], .mfa-login #okta-login-container .auth-footer [data-se*="help"], .mfa-login #okta-login-container .auth-footer .js-help, .mfa-login #okta-login-container .auth-footer .js-unlock { display: none !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; } /* password reset flow */ #okta-sign-in .siw-main-header .beacon-container { display: none; } #okta-sign-in [data-se="password-authenticator--rules"] p { margin: 0 0 10px; } .mfa-login #okta-login-container .primary-auth h2 { display: none; } .mfa-login #okta-login-container .siw-main-view:not(.primary-auth,.challenge-authenticator--okta_email) .o-form-error-container.o-form-has-errors { display: none !important; } .mfa-login #okta-login-container .siw-main-view:is(.challenge-authenticator--okta_email) .o-form-error-container.o-form-has-errors:not([style*="display:block !important"]) .infobox-error { display: none !important; } #okta-sign-in .siw-main-view .siw-main-body .identifier-container { color:#333; text-align: left; top: unset; margin-bottom: 20px; } #okta-sign-in .siw-main-view .siw-main-body .identifier-container:before { content: "" !important; height:16px; width:16px; display:inline-block; margin-right:10px; background-image: url('data:image/svg+xml,'); } #okta-sign-in .siw-main-view .siw-main-body .identifier { color: #333; font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; } #okta-sign-in.auth-container .okta-form-subtitle { text-align: left; color:#333; } #okta-sign-in .enter-auth-code-instead-link { margin: 25px 0 !important; } #okta-sign-in .o-form label { font-weight: bold; } #okta-sign-in .siw-main-view .siw-main-body .o-form-content instructions { color: #333; font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; margin-bottom: 20px; display: block; } #okta-sign-in .siw-main-view .okta-form-subtitle { margin: 20px 0 10px; font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; } #okta-sign-in .o-form-head, #okta-sign-in .o-form-subhead { margin: 0 0 20px; } #okta-sign-in.auth-container input[type=button], #okta-sign-in.auth-container input[type=submit] { font-family: "ValueSans", Verdana, Geneva, Tahoma, sans-serif; } /* Hide revoke checkbox on forgot password prompt flow */ #okta-sign-in .siw-main-view.reenroll-authenticator--okta_password .o-form-fieldset-credentials.revokeSessions { display:none; } .documentsLink { padding:0.3rem 0px; width:'fit-content'; text-decoration: none !important; } a.documentsLink:hover { text-decoration: underline !important; }