/*CLIENT CUSTOM CSS CODE HERE*/
html {
scroll-behavior: smooth;
}
/*Login box*/
#main.isLoginPage {
visibility: visible;
}
.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
border-radius: 10px;
}
.online-two-iso.login .LoginPageContainer .btn.btn-primary#login,
.online-two-iso .success-link a.button-style {
background-color: #262836;
font-family: HelveticaNowDisplayMedium;
border: none;
-webkit-transition: all linear 0.5s;
-o-transition: all linear 0.5s;
transition: all linear 0.5s;
}
.online-two-iso.login .LoginPageContainer .btn.btn-primary#login:hover,
.online-two-iso.login .LoginPageContainer .btn.btn-primary#login:focus,
.online-two-iso.login .LoginPageContainer .btn.btn-primary#login:active,
.online-two-iso .success-link a.button-style:hover,
.online-two-iso .success-link a.button-style:active,
.online-two-iso .success-link a.button-style:focus,
a.btn-btn-default:hover,
a.btn-btn-default:focus,
a.btn-btn-default:active {
opacity: 0.85;
}
#login-assistance.white-popup-block .header-overlay A.close {
height: 24px;
}
/*slider format fix*/
.jslider.percent-slider {
display: none !important;
}
.jslider .jslider-bg i,
jslider .jslider-pointer {
background: url(/aonselect/media/media/Aon-Portal_Percentage_bars_500x150.png)
no-repeat 0 0;
}
/*To Top*/
#toTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 0;
bottom: 130px;
right: 2%;
background-color: transparent;
border: none;
font-size: 0;
z-index: 999;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
}
#toTop::before {
content: "\f139";
font-size: 40px;
font-family: FontAwesome;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-radius: 50%;
color: #5d6d78;
background-color: #fff;
border: 3px solid #fff;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 35px;
}
/*Animations*/
/* ----------------------------------------------
* Generated by Animista on 2020-5-6 22:7:48
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
@-webkit-keyframes pulsate-bck {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulsate-bck {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes time_pulse {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0.8;
}
}
@keyframes time_pulse {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0.8;
}
}
/*Pulse-back*/
@-webkit-keyframes pulse-back {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse-back {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*Tooltip*/
.ui-tooltip {
visibility: hidden !important;
}
/*Fonts*/
@font-face {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal !important;
src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/webfonts/fa-regular-400.woff2")
format("woff2");
}
[class*="fab fa-"]::before {
font-family: "FontAwesome";
font-style: normal;
}
[class*="fab fa-"]:hover::before {
opacity: 0.85;
}
/*FontAwesome 6.0 */
@font-face {
font-family: FA6Regular;
font-weight: normal;
font-style: normal !important;
src: url("/aonselect/media/media/fonts/fa-regular-400.woff2") format("woff2");
}
@font-face {
font-family: FA6Solid;
font-weight: normal;
font-style: normal !important;
src: url("/aonselect/media/media/fonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
font-family: FA6Light;
font-weight: normal;
font-style: normal !important;
src: url("/aonselect/media/media/fonts/fa-light-300.woff2") format("woff2");
}
@font-face {
font-family: FA6Thin;
font-weight: normal;
font-style: normal !important;
src: url("/aonselect/media/media/fonts/fa-thin-100.woff2") format("woff2");
}
@font-face {
font-family: FA6Duotone;
font-weight: normal;
font-style: normal !important;
src: url("/aonselect/media/media/fonts/fa-duotone-900.woff2") format("woff2");
}
@font-face {
font-family: FA6Brand;
font-weight: normal;
font-style: normal !important;
src: url("/aonselect/media/media/fonts/fa-brand-900.woff2") format("woff2");
}
/*Old Aon fonts*/
@font-face {
font-family: "PreloSlab-Bold";
src: url("/aonselect/media/media/fonts/DSType-PreloSlab-Bold.otf")
format("otf"),
url("/aonselect/media/media/fonts/DSType-PreloSlab-Bold.woff2")
format("woff2"),
url("/aonselect/media/media/fonts/DSType-PreloSlab-Bold.woff")
format("woff"),
url("/aonselect/media/media/fonts/DSType-PreloSlab-Bold.ttf")
format("truetype"),
url("/aonselect/media/media/fonts/DSType-PreloSlab-Bold.svg#PreloSlab-Bold")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "PreloSlab-Book";
src: url("/aonselect/media/media/fonts/DSType-PreloSlab-Book.otf")
format("otf"),
url("/aonselect/media/media/fonts/DSType-PreloSlab-Book.woff2")
format("woff2"),
url("/aonselect/media/media/fonts/DSType-PreloSlab-Book.woff")
format("woff"),
url("/aonselect/media/media/fonts/DSType-PreloSlab-Book.ttf")
format("truetype"),
url("/aonselect/media/media/fonts/DSType-PreloSlab-Book.svg#PreloSlab-Book")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "StoneSansIIITCProBd";
src: url("/aonselect/media/media/fonts/StoneSansIIITCProBd.otf") format("otf"),
url("/aonselect/media/media/fonts/StoneSansIIITCProBd.woff2")
format("woff2"),
url("/aonselect/media/media/fonts/StoneSansIIITCProBd.woff") format("woff"),
url("/aonselect/media/media/fonts/StoneSansIIITCProBd.ttf")
format("truetype"),
url("/aonselect/media/media/fonts/StoneSansIIITCProBd.svg#StoneSansIIITCProBd")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "StoneSansIIITCProBk";
src: url("/aonselect/media/media/fonts/StoneSansIIITCProBk.otf") format("otf"),
url("/aonselect/media/media/fonts/StoneSansIIITCProBk.woff2")
format("woff2"),
url("/aonselect/media/media/fonts/StoneSansIIITCProBk.woff") format("woff"),
url("/aonselect/media/media/fonts/StoneSansIIITCProBk.ttf")
format("truetype"),
url("/aonselect/media/media/fonts/StoneSansIIITCProBk.svg#StoneSansIIITCProBk")
format("svg");
font-weight: normal;
font-style: normal;
}
/*Google Material Icons*/
/*Regular*/
@font-face {
font-family: "GoogleMaterialRegular";
font-style: normal;
font-weight: 400;
src: url("/smart/media/fonts/GoogleMaterial/MaterialIcons-Regular.ttf")
format("truetype");
}
/*Outlined*/
@font-face {
font-family: "GoogleMaterialOutlined";
font-style: normal;
font-weight: 400;
src: url("/smart/media/fonts/GoogleMaterial/MaterialIconsOutlined-Regular.otf")
format("otf");
}
/*Round*/
@font-face {
font-family: "GoogleMaterialRound";
font-style: normal;
font-weight: 400;
src: url("/smart/media/fonts/GoogleMaterial/MaterialIconsRound-Regular.otf")
format("otf");
}
/*Sharp*/
@font-face {
font-family: "GoogleMaterialSharp";
font-style: normal;
font-weight: 400;
src: url("/smart/media/fonts/GoogleMaterial/MaterialIconsSharp-Regular.otf")
format("otf");
}
/*Sharp*/
@font-face {
font-family: "GoogleMaterialTwoTone";
font-style: normal;
font-weight: 400;
src: url("/smart/media/fonts/GoogleMaterial/MaterialIconsTwoTone-Regular.otf")
format("otf");
}
/*New fonts - these are being loaded from a link tag*/
/*
Helvetica Now Display W05 Rg
Helvetica Now Display W05 Light
Helvetica Now Display W05 Md
Helvetica Now Display W05 Bold
Helvetica Now Text W05 Light
Helvetica Now Text W05 Regular
Helvetica Now Text W05 Medium
Helvetica Now Text W05 Bold
Helvetica Now Text W05 Light It
Helvetica Now Text W05 Md It
Helvetica Now Text W05 Bold It
*/
/* Helvetica Now Text - Regular*/
@font-face {
font-family: HelveticaNowTextReg;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowText.ttf")
format("truetype");
}
/* Helvetica Now Text - Regular Italic*/
@font-face {
font-family: HelveticaNowTextRegIt;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowTextIt.ttf")
format("truetype");
}
/* Helvetica Now Text - Light*/
@font-face {
font-family: HelveticaNowTextLight;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowTextLight.ttf")
format("truetype");
}
/* Helvetica Now Text - Light Italic*/
@font-face {
font-family: HelveticaNowTextLtIt;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowTextLtIt.ttf")
format("truetype");
}
/* Helvetica Now Text - Medium*/
@font-face {
font-family: HelveticaNowTextMedium;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowTextMedium.ttf")
format("truetype");
}
/* Helvetica Now Text - Medium Italic*/
@font-face {
font-family: HelveticaNowTextMdIt;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowTextMdIt.ttf")
format("truetype");
}
/* Helvetica Now Text - Bold*/
@font-face {
font-family: HelveticaNowTextBold;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowTextBold.ttf")
format("truetype");
}
/* Helvetica Now Text - Bold Italic*/
@font-face {
font-family: HelveticaNowTextBdIt;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowTextBdIt.ttf")
format("truetype");
}
/* Helvetica Now Display - Regular*/
@font-face {
font-family: HelveticaNowDisplayReg;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowDisplay.ttf")
format("truetype");
}
/* Helvetica Now Display - Light*/
@font-face {
font-family: HelveticaNowDisplayLight;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowDisplayLight.ttf")
format("truetype");
}
/* Helvetica Now Display - Medium*/
@font-face {
font-family: HelveticaNowDisplayMedium;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowDisplayMedium.ttf")
format("truetype");
}
/* Helvetica Now Display - Bold*/
@font-face {
font-family: HelveticaNowDisplayBold;
font-style: normal;
font-weight: normal;
src: url("../aonselect/media/media/fonts/HelveticaNowDisplayBold.ttf")
format("truetype");
}
/*Variables*/
:root {
--primary-font-bold: HelveticaNowDisplayBold;
/*Main Headers, Buttons*/
--primary-font-medium: HelveticaNowDisplayReg;
--secondary-font-bold: HelveticaNowDisplayMedium;
--secondary-font-medium: HelveticaNowDisplayLight;
/*Text, NavBar*/
--primary-text-color: #46535e;
--primary-color-red: #e11b22;
--secondary-color-gold: #f0ab00;
/*rgb(240,171,0)*/
--secondary-color-green: #7ab800;
/*rgb(122,184,0)*/
--secondary-color-lightblue: #5eb9e4;
/*rgb(94,185,228)*/
--secondary-color-blue: #0083a9;
/*rgb(0,131,169)*/
--secondary-color-darkblue: #0039a6;
/*rgb(0,57,166)*/
--secondary-color-midnightblue: #003f72;
/*rgb(0,63,114)*/
--secondary-color-purple: #6e267b;
/*rgb(110,38,123)*/
--secondary-color-brown: #4f4525;
/*rgb(79,69,37)*/
--secondary-color-cream: #d3cd8b;
/*rgb(211,205,139)*/
--secondary-color-lightgrey: #c9cac8;
/*rgb(201,202,200)*/
--secondary-color-darkgrey: #262836;
/*rgb(77,79,83)*/
--button-color: #262836;
--button-opacity-hover: 0.85;
--button-border-color: #262836;
--module-button-font: StoneSansIIITCProBk;
--button-font: HelveticaNowDisplayMedium;
--animate-button: 0.5s;
--panel-color: #262836;
}
/*Utilities*/
html {
background-image: none;
background-color: #fff;
}
html {
overflow: hidden auto;
}
* {
color: #46535e;
font-family: HelveticaNowDisplayLight;
font-weight: normal !important;
}
.online-two-iso body {
color: #46535e;
font-family: HelveticaNowDisplayLight;
font-weight: normal !important;
}
h1,
h2 {
font-family: HelveticaNowDisplayBold;
color: #262836;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
h3,
h4,
h5,
h6 {
font-family: HelveticaNowDisplayMedium !important;
color: #262836;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.glyphicon {
color: inherit;
}
.alert-warning {
background-color: #c9cac8 !important;
border: none !important;
}
.alert-warning > span {
color: #000 !important;
}
a.button-style:focus,
A.button-style:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
input:focus {
-webkit-box-shadow: 0 0 6px #262836;
box-shadow: 0 0 6px #262836;
}
.see-also h5 {
font-size: 1.5rem;
font-family: HelveticaNowDisplayBold;
}
span.green-number {
color: #46535e !important;
font-size: 1.1rem !important;
font-family: HelveticaNowDisplayMedium !important;
}
.glyphicon-play::before {
content: "" !important;
font-family: "FontAwesome" !important;
vertical-align: revert !important;
}
.btn:not([class^="btn btn-default"]) {
border-radius: 0 !important;
}
*:focus {
outline-style: dotted !important;
outline-offset: 2px !important;
outline-width: 2px !important;
outline-color: #007585 !important;
}
.online-two-iso .header-overlay > a:focus {
outline: none !important;
}
[class*="btn"]:focus {
outline-style: dotted !important;
outline-offset: 2px !important;
outline-width: 2px !important;
outline-color: #007585 !important;
-webkit-appearance: unset !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.ImportantMessage {
color: #e11b22;
}
.red-asterisk {
color: #e11b22 !important;
}
/*Reset text shadow*/
.close {
text-shadow: none !important;
}
.link-favicon {
color: #0083a9 !important;
text-decoration: none !important;
}
.link-favicon:before,
.text-favicon:before {
font-family: "FontAwesome";
font-size: 1.5rem;
margin: 0 5px 0 10px;
}
.link-favicon.link:before {
content: "";
}
.link-favicon.attch:before {
content: "";
}
.text-favicon.phone:before {
content: "";
}
.text-favicon.email:before {
content: "";
}
/*loaders*/
.text-center.tbs-loader span,
.benefit-matrix #benefitintroOverlay #benifitmainThrobber {
font-size: 2.5rem !important;
font-family: HelveticaNowDisplayBold !important;
}
#mainThrobber.enrollmentStep2ChooseThrobber h1 {
font-family: HelveticaNowDisplayMedium;
color: #46535e;
font-size: 2rem;
}
/*Login Page*/
#login-body-image {
background: #eef6f7;
}
.online-two-iso.login body {
background: #eef6f7;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
width: 90%;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-sso {
background: rgba(77, 79, 83, 0.95);
bottom: 140px;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-help {
background: rgba(77, 79, 83, 0.95);
bottom: 0;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#login-modules-container .module-title {
margin: 0.5rem 0 0.5rem 0;
font-size: 1.4rem !important;
font-family: HelveticaNowDisplayBold;
text-align: center;
}
.online-two-iso.login .LoginPageContainer .module-title::before {
content: "";
font-family: "FontAwesome";
font-size: 2rem;
color: #fff;
padding-right: 1rem;
}
.online-two-iso #login-module-help .intro-content.text,
.online-two-iso #login-module-sso .intro-content.text {
margin: 0;
}
.online-two-iso.login
.LoginPageContainer
.icon-two-point-o-login-module-arrow-head::before {
content: none;
}
.online-two-iso.login
.LoginPageContainer
.login-module-zone
.login-modules
.module
.module-title,
.online-two-iso.login
.LoginPageContainer
.login-module-zone
.login-modules
.module
.module-text {
width: 100%;
}
.online-two-iso.login
.LoginPageContainer
.login-module-zone
.login-modules
.module
.module-text {
border-top: 1px solid #c9cac8;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0.5rem 0 1rem 0;
padding-top: 0.5rem;
}
@media (max-width: 767px) {
.online-two-iso.login
.LoginPageContainer
.login-module-zone
.login-modules
.module
.module-text {
width: 70%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
}
.online-two-iso.login .LoginPageContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.online-two-iso.login .LoginPageContainer .login-module-zone {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
width: 30%;
min-width: 335px;
background-color: rgba(229, 239, 240, 1);
padding-left: 1rem;
}
.online-two-iso.login .LoginPageContainer #terminator {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#login-module-time_out {
width: 40vw !important;
background: rgba(255, 255, 255, 0.6);
border-radius: 10px;
}
#login-modules-container.login-modules {
background: transparent;
width: 100%;
}
#login-module-time_out .module-title {
font-size: 5vw;
font-family: HelveticaNowDisplayBold;
}
#login-module-time_out .module-text {
font-size: 3vw;
font-family: HelveticaNowDisplayReg;
padding-left: 10px;
}
#login-module-time_out .module-text a {
font-family: HelveticaNowDisplayBold;
text-decoration: none;
color: #262836;
}
#login-module-time_out .module-text a:hover {
text-decoration: underline;
}
#login-module-time_out::before {
font-family: "FontAwesome";
content: "";
font-size: 9vw;
padding: 2vh;
}
/*Logo*/
.LoginPageContainer #logo {
background: none;
}
#logo {
float: left;
width: 100px;
height: 65px;
background: url(/aonselect/media/media/aon_logo_signature_red_rgb_cropped.png)
left center/100px no-repeat;
margin-left: 15px;
}
@media only screen and (max-width:767px) {
#logo {
margin-left: 0.5rem !important;
background-size: 80px;
}
}
/*------------------SPECIFIC CSS------------------*/
/*need assitance*/
.helptoggle:hover,
.helptoggle:focus {
color: #e11b22 !important;
}
#floating-header-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-right: 5%;
}
#floating-header-content UL {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#floating-header-content LI {
float: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-grid-column-align: center;
justify-self: center;
}
#floating-header-content a {
background: none;
}
#floating-header-content a:hover {
text-decoration: none;
}
#assistanceItems .mail a:focus {
text-decoration: none;
}
#floating-header-content a::before {
font-family: "FontAwesome";
font-size: 3rem;
vertical-align: middle;
margin-right: 5px;
}
#floating-header-content .mail a::before {
content: "";
}
#floating-header-content .call a::before {
content: "";
}
#floating-header-content .mail a {
width: 100%;
}
#floating-header-content .search {
display: none;
}
#header a,
#header a:focus,
#header a:hover {
color: #262836;
}
/*Navbar*/
#menu-no-dashboard {
z-index: 1040;
}
#header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#headerResources {
width: 30%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.online-two-iso #terminator #header.header-fullwidth .menu-container.fullwidth,
.online-two-iso #terminator #header.header-fullwidth .eol-center,
.online-two-iso #terminator #header.header-fullwidth .help-ico {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#online2header {
top: 108px;
padding: 0px;
}
.online-two-iso #terminator #header.header-fullwidth {
padding: 0.5rem 1rem 0.5rem 1rem;
background-color: #fff;
}
#menu-no-dashboard,
#menu,
#menu-sub {
position: relative;
bottom: 0;
margin-top: 40px;
}
#menu-no-dashboard li:first-child,
#menu li:first-child {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
margin-left: 50px;
}
.help-ico {
width: 90% !important;
float: none !important;
}
#menu-container {
width: 50% !important;
}
.online-three#home #terminator #header.header-fullwidth {
margin-bottom: 1rem;
}
/*Profile and Logout icons and text plus Home link and icon*/
.fa::before {
color: #e11b22;
text-transform: capitalize;
}
.online-two-iso #menu-no-dashboard li a,
.online-two-iso #menu-no-dashboard li a.selected {
color: #e11b22;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.fa-user::before {
color: #e11b22;
content: url("/aonselect/media/media/Aon-Portal_Other-Icons-User.png")
" Profile";
font-family: HelveticaNowDisplayReg;
font-size: 1.2rem;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.fa-sign-out::before {
color: #e11b22;
content: url("/aonselect/media/media/Aon-Portal_Other-Icons-LogOut.png")
" Log out";
font-family: HelveticaNowDisplayReg;
font-size: 1.2rem;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.fa-user,
.fa-sign-out {
padding-bottom: 5px;
border-bottom: 5px solid transparent;
}
.fa-user:hover,
.fa-sign-out:hover {
border-bottom-color: #c9cac8;
}
/*.fa-user:hover::before,
.fa-sign-out:hover::before {
font-family: HelveticaNowDisplayBold;
}*/
#menu-no-dashboard li a:hover {
text-decoration: none;
opacity: 0.85 !important;
}
#header [id^="menu"] {
font-family: HelveticaNowDisplayReg;
font-size: 1.2rem !important;
}
#menu-no-dashboard li:first-child,
#menu li:first-child {
border-bottom: 5px solid transparent;
padding-bottom: 5px;
}
#menu-no-dashboard li:first-child:hover,
#menu li:first-child:hover {
border-bottom-color: #c9cac8;
}
/*#header #menu0:hover {
font-family: HelveticaNowDisplayBold;
}*/
#header #menu0::before {
margin-right: 5px;
content: url("/aonselect/media/media/Aon-Portal_Other-Icons-Home.png");
vertical-align: bottom;
}
#menu-no-dashboard li a,
#menu li a,
#menu-sub li a {
text-transform: capitalize;
}
/*Profile pages*/
html#profile
body#profile
.profile
#profile-online-2
#profilecontainer
.htabs-container
.tabs
UL
LI
A,
html#profile
body#profile
.profile
#profile-online-2
#profilecontainer
.htabs-container
.tabs
UL
LI.sel
A {
color: #262836;
font-size: 1.5rem;
height: 45px;
font-family: HelveticaNowDisplayBold;
padding: 0 10px;
}
html#profile
body#profile
.profile
#profile-online-2
#profilecontainer
.htabs-container
.tabs
UL
LI.sel
A {
border-bottom: solid 0.5rem #e11b22;
}
html#profile body#profile .profile #profile-online-2 span.label,
html#profile body#profile .profile #profile-online-2 label:not(.ui-button) {
font-family: HelveticaNowDisplayMedium;
font-size: 1.2rem;
text-transform: capitalize;
}
html#profile body#profile .profile #profile-online-2 P.sectionTitle {
color: #e11b22;
font-size: 1.4rem;
font-family: HelveticaNowDisplayReg;
}
/*Greeting*/
.onlineTwoPointO-home #home-intro {
margin-bottom: 2rem;
font-size: 3.5rem;
color: #46535e;
margin-top: 3rem;
font-family: HelveticaNowDisplayBold;
}
.onlineTwoPointO-home .modules {
height: 150px;
width: 100vw;
padding-left: 20px;
}
.onlineTwoPointO-home .modules .module {
height: 140px;
}
/*Home - modules*/
#home-module-benefit-statement .home-module-benefit-statement-content {
display: table-cell;
vertical-align: middle;
width: 100%;
}
#home-module-enrolment .enrollment-copy .cal {
display: none;
}
@-webkit-keyframes load-header {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes load-header {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#module-header-maintext,
.module-header {
font-family: HelveticaNowDisplayBold;
font-size: 2rem;
color: #262836;
}
@-webkit-keyframes load-text {
0% {
opacity: 0;
}
30% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes load-text {
0% {
opacity: 0;
}
30% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#otherCountdown,
#renewalCountdown {
font-family: HelveticaNowDisplayLight;
}
#otherCountdown > span,
#renewalCountdown > span {
font-size: 2rem;
}
@-webkit-keyframes load-button {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes load-button {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*remove - add dependants to all benefits*/
.dependant-cell.add.is-auto-add {
display: none;
}
/*datepicker buttons & confrm toggle - exclusion*/
.btn.btn-default.btn-sm,
.btn.btn-default.button-date-picker {
-webkit-animation-name: none;
animation-name: none;
}
.btn.btn-default.btn-lg.ng-pristine.ng-untouched.ng-valid.ng-not-empty,
.btn.btn-default.btn-lg.ng-untouched.ng-valid.ng-not-empty.active.ng-dirty.ng-valid-parse,
.btn.btn-default.btn-lg.ng-untouched.ng-valid.ng-not-empty.ng-dirty {
-webkit-animation-name: none;
animation-name: none;
}
.btn-group.confirmagreementbtngroup .btn.btn-default.active span {
color: #fff;
}
.btn.btn-default {
opacity: 1;
}
#home-module-enrolment .enrollment-copy .days-left,
#enrolment .days-left {
font-size: 2rem;
}
#home-module-enrolment .enrollment-copy .days-left::before,
#enrolment .days-left:before {
content: "You have ";
}
#module-header-subtext {
font-family: HelveticaNowDisplayLight;
font-size: 2rem;
}
#home-module-enrolment .enrollment-copy .text-light {
color: #fff;
max-width: 25vw;
}
/*Module backgrounds*/
.onlineTwoPointO-home .module-content #home-module-enrolment {
background-image: url("/aonselect/media/media/Aon-Portal_Carousel-Images_1.png");
}
.onlineTwoPointO-home .module-content #home-module-benefit-statement {
background-image: url("/aonselect/media/media/Aon-Portal_Carousel-Images_2.png");
}
.onlineTwoPointO-home .module-content #home-module-generic.learn {
background-image: url("/aonselect/media/media/Aon-Portal_Carousel-Images_3.png");
}
.onlineTwoPointO-home .module-content #home-module-trs {
background-image: url("/aonselect/media/media/Aon-Portal_Carousel-Images_7.png");
}
.onlineTwoPointO-home .module-content #home-module-generic.travel {
background-image: url("/aonselect/media/media/Aon-Portal_Carousel-Images_5.png");
}
.onlineTwoPointO-home .module-content #home-module-generic.deals,
.onlineTwoPointO-home .module-content #home-module-generic.lifestyle_savings {
background-image: url("/aonselect/media/media/Aon-Portal_Carousel-Images_4.png");
}
.onlineTwoPointO-home .module-content #home-module-generic.wellness {
background-image: url("/aonselect/media/media/Aon-Portal_Carousel-Images_8_Gold.png");
}
/*Buttons on enrollment module*/
#event-active,
#event-inactive,
#event-renewal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#event-active .btn.btn-default,
#event-inactive .btn.btn-default,
#event-renewal .btn.btn-default {
margin-top: 60px !important;
background-color: #fff;
border: #000 !important;
min-width: 120px !important;
min-height: 50px;
position: relative;
/*! -webkit-transition: all linear 0.5s; */
/*! -o-transition: all linear 0.5s; */
/*! transition: all linear 0.5s; */
/*! -webkit-clip-path: polygon(0 0, 160px 0, 100% 50%, 160px 100%, 0 100%);*/
/*! clip-path: polygon(0 0, 160px 0, 100% 50%, 160px 100%, 0 100%); */
width: 180px;
padding-right: 50px;
text-align: left;
}
#event-active .btn.btn-default:hover,
#event-inactive .btn.btn-default:hover,
#event-renewal .btn.btn-default:hover {
width: 210px !important;
/*! -webkit-clip-path: polygon(0 0, 190px 0, 100% 50%, 190px 100%, 0 100%);*/
/*! clip-path: polygon(0 0, 190px 0, 100% 50%, 190px 100%, 0 100%);*/
}
#home-module-content button:not(#fithub):focus:active span::after,
#home-module-content button:not(#fithub):active:focus span::after,
#home-module-content button:not(#fithub):focus span::after,
#home-module-content button:not(#fithub):active span::after {
content: "";
font-family: FontAwesome;
padding-left: 10px;
vertical-align: bottom;
-webkit-animation: time_pulse 1.3s infinite ease-in;
animation: time_pulse 1.3s infinite ease-in;
}
/*#event-active .btn.btn-default::before {
content: '';
width: 20px;
position: absolute;
border: 25px solid transparent;
border-left-color: #fff;
border-right: 0px;
height: 50px;
box-sizing: border-box;
left: 160px;
bottom: 0;
background: rgba(28, 23, 23, 0);
transition: all linear 0.5s;
}
#event-active .btn.btn-default::after {
content: '';
width: 20px;
position: absolute;
left: -20px;
}
#event-active .btn.btn-default:hover:before {
left: 200px;
}*/
#event-active .btn.btn-default > span,
#event-inactive .btn.btn-default > span,
#event-renewal .btn.btn-default > span {
color: #e11b22;
font-family: HelveticaNowDisplayLight;
font-size: 1rem;
text-transform: initial;
}
/*#event-other {
height: 30vh;
}*/
/*Benefit Statement module*/
#home-module-benefit-statement .home-module-benefit-statement-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#home-module-benefit-statement .benefit-statement-copy.full-width {
width: 30vw;
}
.payslip-item-name {
color: #fff;
}
.payslip-item-amount {
color: #fff !important;
}
#home-module-benefit-statement
.benefit-statement-copy
.payslip-item-data
#item-0 {
font-size: 1.2rem;
}
#home-module-benefit-statement
.benefit-statement-copy
.payslip-item-data
#item-1 {
width: 100% !important;
}
@-webkit-keyframes load-benefit-statement-info {
0% {
opacity: 0;
}
30% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes load-benefit-statement-info {
0% {
opacity: 0;
}
30% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.benefit-statement-information {
width: 30vw;
-webkit-animation-name: load-benefit-statement-info;
animation-name: load-benefit-statement-info;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
display: none;
}
#home-module-benefit-statement
.benefit-statement-copy
.payslip-item-data
[id^="item-"]
.payslip-item-name {
display: inline !important;
}
/*Generic module*/
#home-module-generic .home-module-generic-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.onlineTwoPointO-home .module-content [class*="-buttons"] {
display: inherit;
}
#home-module-generic .generic-copy {
margin: auto;
}
.onlineTwoPointO-home .module-content [class*="-buttons"] button {
margin-top: 60px !important;
background-color: #fff;
border: #000 !important;
min-width: 120px !important;
min-height: 50px;
position: relative;
-webkit-transition: all linear 0.5s;
-o-transition: all linear 0.5s;
transition: all linear 0.5s;
-webkit-clip-path: polygon(0 0, 150px 0, 100% 50%, 150px 100%, 0 100%);
clip-path: polygon(0 0, 150px 0, 100% 50%, 150px 100%, 0 100%);
width: 170px;
padding-right: 40px;
text-align: left;
}
/*Home Page Static container*/
#homepage-text {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 2vh 0;
}
#homepage-text > div {
margin: 0 5vw;
background-color: #fff;
}
/*Benefit matrix*/
/*Payslip format*/
/*hide payslip on statement*/
.benefit-statement .row.totalcostsection {
display: none;
}
/*payslip on matrix*/
.benefit-matrix .totalcost-section-row .totalcostsection {
padding: 0;
margin: 0;
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: auto;
}
.benefit-matrix .totalcost {
border: none;
padding: 0;
margin: 0;
height: auto;
width: auto;
}
.totalcostsection .totalcost .row {
height: 100%;
}
.totalcostsection .totalcost .row .col-md-4.col-sm-4,
.totalcostsection .totalcost .row .col-md-4 {
font-size: 1rem;
width: auto;
height: 50px;
background: #c9cac8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
vertical-align: middle;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: inherit;
border-radius: 0;
height: auto;
min-height: 50px;
}
.totalcostsection .totalcost .row .col-md-4.col-sm-4 > span,
.totalcostsection .totalcost .row .col-md-4 > span {
font-family: HelveticaNowDisplayBold;
color: #262836;
margin-right: 5px;
}
.benefit-matrix .totalcostLable {
display: none;
}
.totalcostsection
.totalcost
.row
.col-md-4.col-sm-4
> span:not(.font-youpay-color)::before,
.totalcostsection
.totalcost
.row
.col-md-4
> span:not(.font-youpay-color)::before {
content: "\f200";
font-family: "FontAwesome";
margin-right: 5px;
}
.benefit-matrix .benefitheader.benefitheader-border {
margin-left: 0px !important;
border-radius: 0;
}
.info-icon::before {
font-family: "Glyphicons Halflings";
content: "\e086";
font-size: 0.8rem;
vertical-align: top;
padding-left: 3px;
}
.info-icon {
position: relative;
display: inline-block;
}
.info-icon .tooltiptext {
visibility: hidden;
width: 300px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 10px;
font-size: 14px;
/* Position the tooltip */
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -60px;
}
.info-icon:hover .tooltiptext {
visibility: visible;
}
/*Benefit Line icons*/
#main .benefit-matrix .benefit-menu .img {
background-color: transparent;
background-size: 85%;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.benefit-matrix .benefit-category .row.benefitline:hover .benefit-menu .img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.8));
-webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.8));
}
/*Lines icons*/
/*Retirement*/
.img.L4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60 {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Regular-Retirement-Savings.png");
}
/*AVC*/
.img.Lf0d5f7d2-89fa-4cdf-9404-521cbf228fe9 {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_AVC.png");
}
/*AVC*/
.img.L424a7ad3-61d3-4e1d-8965-de777e3ecf9e {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_AVC.png");
}
/*Christmas Savings*/
.img.Lb6833714-3f5e-4a71-929a-10b986b05c07 {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Christmas-Savings.png");
}
/*Seasonal Saver lineset*/
.img.L0a6897a6-9c1d-4b3e-bc3f-fad5044a658b {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Holiday-Savings.png");
}
/*Holiday Saver*/
.img.L29fb48df-bfa5-4c2e-a44a-52453b778481 {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Holiday-Savings.png");
}
/*Specified Illness group*/
.img.Lcc212cf7-bef8-40eb-a9f2-0ca0fa9fd979 {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Specified-Illness-Scheme.png");
}
/*Specified Illness for you*/
.img.Lcc3e659a-9482-461b-af3a-62c0fb39480f {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Specified-Illness-Scheme.png");
}
/*Specified Illness for partner*/
.img.Lc416a51b-6169-406b-9bbe-f7295127fed9 {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Specified-Illness-Scheme.png");
}
/*Partner's life*/
.img.L768c3c0e-fd52-4c39-8c29-e1ae2f31283e {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Partner-Life-Assurance.png");
}
/*PMI*/
.img.L066088fd-bccb-43de-9726-f0293b6001a8,
.img.L98f1ad23-3d15-4cc2-9d2a-3d88b15e104c,
.img.Lbbc793ef-6f4b-40e8-b721-c9fc72cac3c5,
.img.L9bfd8138-3218-4fec-8f15-dd9399479d7a {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Private-Health-Insurance.png");
}
/*Dental*/
.img.Lbc03597f-9498-46c7-a4ec-acf7936b48c7 {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Dental-Insurance.png");
}
/*Wine Club*/
.img.Lb24e9e0a-dc6d-454c-a8c3-c6c5eaeaf245 {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Wine-Club.png");
}
/*Dinning Club*/
.img.Ld61b5a4e-afdb-43aa-9188-3c4ad14ab55a {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Dinning-Club.png");
}
/*APSS*/
.img.Le27d5947-13a0-4977-9e4f-78ef4a5c19c5 {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Dinning-Club.png");
}
.img.L55329c66-7dec-4839-ac5b-361e3b22a5b7 {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Spouses-Pension.png");
}
/*Life*/
.img.Lea6844c9-ef44-447f-a50d-d091bd1af325 {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Core-Life-Assurance.png");
}
/*LTD*/
.img.L7b2aa12c-9a9e-4e02-9fec-e4136ba86d3a {
background: url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Long-term-Disability.png");
}
/*Cyber*/
.img.La59802af-1707-465d-977e-e596e206bb79 {
background: url("/aonselect/media/media/OnlineTwoIconFont_74.png");
background-size: 60% !important;
}
/*Accordions, benefit groups, benefits, etc.*/
.benefit-matrix .title,
#benefit-overview .group-title {
font-family: HelveticaNowDisplayBold;
font-size: 1.6rem;
color: #fff;
text-transform: uppercase;
}
.group-default .line-group {
text-transform: capitalize;
font-family: HelveticaNowDisplayBold;
font-size: 1.3rem;
}
.benefit-matrix .lineheader,
.benefit-matrix .lineheader > a:link,
.benefit-matrix .lineheader > a:visited {
color: #46535e;
font-family: HelveticaNowDisplayBold;
font-size: 1.2rem;
}
.benefit-matrix .benefit-category .panel-default > .panel-heading {
background-color: #262836;
}
.pull-right.glyphicon {
color: #fff;
}
.glyphicon.glyphicon-play.glyphicon-play-color {
color: #262836;
font-size: 0.8rem;
}
.row.title .glyphicon.glyphicon-info-sign.glyphicon-info-sign-color,
.benefitselect .line-benefit-intro .glyphicon-info-sign-color {
color: #262836;
}
/*Select Button + Print + Close + Save + More Info + Cancel + Next + Save&Close*/
.btn.btn-success.btn-option-elect,
.benefit-matrix .btn-print,
.btn.btn-warning,
.btn.btn-success,
btn.btn-success.btn-lg,
.btn.btn-info,
.online-two-iso A.button-style.gray,
.online-two-iso A.button-style.blue,
.benefitselect .button-style#byo-saveAndClose,
.benefit-matrix .confirm-checkout-button .btn-success {
background-color: #262836;
font-family: HelveticaNowDisplayMedium;
border-color: #262836;
font-size: 1rem;
color: #fff;
min-width: 90px;
min-height: 50px;
padding: 12px;
border-radius: 0;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.btn.btn-success.btn-option-elect:active,
.btn.btn-success.btn-option-elect:focus,
.btn.btn-success.btn-option-elect:active:focus,
.btn.btn-success.btn-option-elect:focus:active {
-webkit-animation: pulse-back 0.5s ease-in-out infinite both;
animation: pulse-back 0.75s ease-in-out infinite both;
}
#byoOverlay #byo-saveAndClose {
width: 200px;
}
.btn.btn-success.dependant-accept-btn {
padding: 12px;
}
.btn.btn-success.dependant-accept-btn span,
.btn.btn-success.btn-lg span {
color: #fff;
font-size: 1rem;
font-family: HelveticaNowDisplayMedium;
}
.pointer-disabled {
cursor: not-allowed !important;
}
.btn.btn-info span,
.btn.btn-warning span {
color: #fff !important;
font-size: 1rem;
font-family: HelveticaNowDisplayMedium;
text-transform: uppercase;
}
.button-style.blue.followup-control-button span {
color: #fff;
font-family: HelveticaNowDisplayMedium;
}
.btn.btn-success.btn-option-elect:hover,
.btn.btn-success.btn-option-elect:active,
.btn.btn-success.btn-option-elect:focus,
.btn.btn-success.btn-option-elect:active:hover,
.btn.btn-success.btn-option-elect:active:focus,
.benefit-matrix .btn-print:hover,
.benefit-matrix .btn-print:active,
.benefit-matrix .btn-print:focus,
.benefit-matrix .btn-print:active:hover,
.benefit-matrix .btn-print:active:focus,
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning:active:hover,
.btn.btn-warning:active:focus,
.btn-warning.disabled:hover,
.clear-filter.btn.btn-warning.disabled:hover,
.clear-filter.btn.btn-warning.disabled:focus,
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus,
.btn.btn-success:active:hover,
.btn.btn-success:active:focus,
btn.btn-success.btn-lg:hover,
btn.btn-success.btn-lg:active,
btn.btn-success.btn-lg:focus,
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info:focus,
.btn-info:active:hover,
.btn-info:active:focus,
.online-two-iso A.button-style.gray:hover,
.online-two-iso A.button-style.gray:active,
.online-two-iso A.button-style.gray:focus,
.online-two-iso A.button-style.gray:active:hover,
.online-two-iso A.button-style.gray:active:focus,
.online-two-iso A.button-style.blue:hover,
.online-two-iso A.button-style.blue:active,
.online-two-iso A.button-style.blue:focus,
.online-two-iso A.button-style.blue:active:hover,
.online-two-iso A.button-style.blue:active:focus,
.benefitselect .button-style#byo-saveAndClose:hover,
.benefitselect .button-style#byo-saveAndClose:active,
.benefitselect .button-style#byo-saveAndClose:active:hover,
.benefitselect .button-style#byo-saveAndClose:active:focus,
.benefit-matrix .confirm-checkout-button .btn-success:hover,
.benefit-matrix .confirm-checkout-button .btn-success:focus,
.benefit-matrix .confirm-checkout-button .btn-success:active,
.benefit-matrix .confirm-checkout-button .btn-success:active:hover,
.benefit-matrix .confirm-checkout-button .btn-success:active:focus {
background-color: #262836;
opacity: 0.85 !important;
font-family: HelveticaNowDisplayMedium;
font-size: 1rem;
color: #fff;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
min-width: 90px;
min-height: 50px;
padding-top: 12px;
border-color: #262836;
}
.benefit-matrix .btn.btn-success.btn-lg:hover {
padding: 12px 12px;
}
.benefit-matrix
.modal-footer
#confirmation-buttons
.btn.btn-default.btn-lg.active {
background-color: #003f72;
}
.clear-filter.btn.btn-warning.disabled:hover {
opacity: 0.6 !important;
}
.choice .btn.btn-success::before {
content: "";
font-family: "FontAwesome";
margin-right: 5px;
}
.ext .btn.btn-success::before {
content: "";
font-family: "FontAwesome";
margin-right: 5px;
}
.font-youpay-color.margin-top-min.PerPay,
.benefit-matrix .default-cost,
.benefit-matrix .font-youpay-color {
color: #46535e;
}
.FundedDisplay span,
.YourCostDisplay span {
font-family: HelveticaNowDisplayMedium;
text-transform: capitalize;
}
.cost.percent div {
text-transform: capitalize;
font-size: 1rem;
}
.panel-title .summmary {
color: #fff;
}
/*Clear Filter*/
#benefit-overview .clear-filter span {
color: #fff;
font-family: HelveticaNowDisplayLight;
font-size: 1rem;
text-transform: capitalize;
}
#benefit-overview .clear-filter .glyphicon.glyphicon-remove::before {
color: #fff;
}
.clear-filter.btn.btn-warning.disabled:hover {
border-color: inherit;
}
/*Glyphicons on buttons*/
.glyphicon::before {
font-family: "Glyphicons Halflings";
vertical-align: text-top;
}
.glyphicon-gift::before {
content: "" !important;
font-family: "FontAwesome";
}
/*Reset & Confirm Buttons*/
.btn.btn-warning.btn-resettodefaults {
background-color: #262836 !important;
}
.btn.btn-success.btn-confirmchoice {
background-color: #e11b22 !important;
border-color: #e11b22 !important;
}
@-webkit-keyframes shadow-pulse-red {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(225, 27, 34, 0.9);
box-shadow: 0 0 0 0px rgba(225, 27, 34, 0.9);
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(225, 27, 34, 0);
box-shadow: 0 0 0 10px rgba(225, 27, 34, 0);
}
}
@keyframes shadow-pulse-red {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(225, 27, 34, 0.9);
box-shadow: 0 0 0 0px rgba(225, 27, 34, 0.9);
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(225, 27, 34, 0);
box-shadow: 0 0 0 10px rgba(225, 27, 34, 0);
}
}
@-webkit-keyframes shadow-pulse-black {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.9);
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.9);
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
}
@keyframes shadow-pulse-black {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.9);
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.9);
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
}
.btn.btn-success.btn-confirmchoice {
-webkit-animation: shadow-pulse-red 1s infinite;
animation: shadow-pulse-red 1s infinite;
}
.benefitselect .continue {
-webkit-animation: shadow-pulse-black 1s infinite;
animation: shadow-pulse-black 1s infinite;
}
@media (min-width: 767px) {
#resettodefaults {
margin-right: 5px;
margin-left: -5px;
}
}
/*.btn.btn-warning.btn-resettodefaults span, .btn.btn-success.btn-confirmchoice span{
background-color: #262836;
}*/
.btn.btn-warning.btn-resettodefaults span,
.btn.btn-success.btn-confirmchoice span,
.btn.btn-warning.btn-print span:not([class*="glyphicon"]),
.button-popover {
color: #fff;
font-family: HelveticaNowDisplayMedium;
font-size: 0.9rem;
}
/*Monthly / Annual toggle & rest and confirm*/
.benefitheader-fixed div#followup-items a.btn,
.benefitheader-fixed div#resettodefaults a.btn {
font-size: 1rem;
border-color: #262836;
}
.benefitheader-fixed div#followup-items a.btn:hover,
.benefitheader-fixed div#resettodefaults a.btn:hover {
font-size: 1rem !important;
opacity: 0.85 !important;
-webkit-transition-duration: 0.5s !important;
-o-transition-duration: 0.5s !important;
transition-duration: 0.5s !important;
border-color: #262836;
}
.bootstrap-iso .btn-warning:active,
.bootstrap-iso .btn-warning.active,
.bootstrap-iso .open > .dropdown-toggle.btn-warning {
font-size: 1rem;
background-color: #262836;
border-color: #262836;
}
.confirmagreementbtngroup label.btn,
.perpayperannualbtngroup div.btn {
font-size: 1rem;
font-family: HelveticaNowDisplayMedium;
}
.confirmagreementbtngroup label.btn span,
.perpayperannualbtngroup div.btn span {
font-family: HelveticaNowDisplayMedium;
}
.bootstrap-iso .btn-warning:active:hover,
.bootstrap-iso .btn-warning.active:hover,
.bootstrap-iso .open > .dropdown-toggle.btn-warning:hover,
.bootstrap-iso .btn-warning:active:focus,
.bootstrap-iso .btn-warning.active:focus,
.bootstrap-iso .open > .dropdown-toggle.btn-warning:focus,
.bootstrap-iso .btn-warning.focus:active,
.bootstrap-iso .btn-warning.active.focus,
.bootstrap-iso .open > .dropdown-toggle.btn-warning.focus {
background-color: #262836;
opacity: 0.85;
border-color: #262836;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.bootstrap-iso .btn-warning:active span,
.bootstrap-iso .btn-warning.active span,
.bootstrap-iso .open > .dropdown-toggle.btn-warning span {
color: #fff;
font-family: HelveticaNowDisplayMedium;
font-size: 1rem;
}
/*Manage Dependants button & content*/
.benefit-matrix .benefitheader.benefitheader-border {
background-color: #262836;
border: 1px solid #262836;
color: #ffffff;
min-width: auto;
padding: 11px 15px;
margin-top: 1px;
text-align: center;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
min-height: 50px;
width: auto;
}
@media (max-width: 767px) {
.benefit-matrix .benefitheader.benefitheader-border {
width: 100%;
}
}
.benefitheader.benefitheader-border:hover {
opacity: 0.85;
border-color: #262836;
}
.benefitheader.benefitheader-border span {
color: inherit;
font-family: HelveticaNowDisplayMedium;
}
h3.dependantModalHeader {
color: #fff;
font-size: 2rem;
margin: 20px 0 15px 0;
font-family: HelveticaNowDisplayBold;
padding: 0 5%;
}
.fa-plus-circle::before {
color: #262836 !important;
vertical-align: super;
}
.dependant-list-top a.dependant-add-link:hover {
opacity: 0.85;
}
.dependant-list-top a.dependant-add-link {
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.glyphicon-pencil:hover::before a,
.glyphicon-remove:hover::before a {
opacity: 0.85 !important;
}
.glyphicon-pencil::before,
.glyphicon-remove::before {
color: #262836;
font-size: 1rem;
}
.dependant-list a.dependant-edit,
.dependant-list a.dependant-remove {
font-size: 1rem;
}
.dependant-list a.dependant-edit-btn span,
.dependant-list a.dependant-remove-btn span {
font-family: HelveticaNowDisplayBold;
}
.dependant-list a.dependant-edit-btn:hover span,
.dependant-list a.dependant-remove-btn:hover span {
opacity: 0.85;
}
.dependant-list .caption-text {
font-family: HelveticaNowDisplayMedium;
font-size: 1rem;
}
.online-two-iso .datepicker-container .input-group-btn .btn {
background-color: #262836;
border-color: #262836;
}
.dependant-cell.edit.middle-name,
.dependant-cell.edit.legal-name {
display: none;
}
.dependant-cell.edit.dependant-personal-email {
display: none;
}
.online-two-iso input:checked + .slider {
background-color: #7ab800;
}
/*Dependants election on the benefitselection page*/
.election-info-collect .election-detail .sub-caption {
display: none;
}
.glyphicon-menu-down::before {
font-family: "FontAwesome" !important;
content: "" !important;
color: #262836 !important;
}
.glyphicon-menu-up::before {
font-family: "FontAwesome" !important;
content: "" !important;
color: #262836 !important;
}
.election-info-collect .dependant-board .icon {
background: none;
font-family: "FontAwesome";
display: table-cell;
}
.election-info-collect .dependant-board .icon::before {
content: "";
font-family: "FontAwesome";
font-size: 3rem;
text-align: center;
}
.election-info-collect .election-detail {
text-align: center;
}
.election-info-collect .election-detail .caption {
font-size: 1.5rem;
font-family: HelveticaNowDisplayMedium;
text-align: center;
}
.election-info-collect .election-detail .caption::before {
content: "You have selected: ";
font-family: HelveticaNowDisplayLight;
}
.election-info-collect .dependant-list .dependant-name span {
text-transform: capitalize;
}
/*Datepicker - calendar*/
.uib-datepicker .btn.btn-default.btn-info.active,
.btn.btn-sm.btn-info.uib-datepicker-current {
background-color: #5eb9e4;
min-height: auto;
height: auto;
}
.uib-datepicker .btn {
-webkit-animation-name: none !important;
animation-name: none !important;
}
.btn.btn-sm.btn-info.uib-datepicker-current {
background-color: #5eb9e4;
min-width: 30%;
min-height: auto;
width: 48%;
margin-right: 4%;
border: none;
padding: 5px 15px 5px 7px;
}
.btn.btn-sm.btn-info.uib-datepicker-current:hover {
background-color: #5eb9e4;
min-width: 30%;
min-height: auto;
width: 48%;
margin-right: 4%;
border: none;
padding: 5px 15px 5px 7px;
opacity: 0.85;
}
.btn.btn-sm.btn-danger.uib-clear {
background-color: #262836;
min-width: 30%;
min-height: auto;
border: none;
width: 48%;
padding: 5px 7px 5px 7px;
}
.btn.btn-sm.btn-danger.uib-clear:hover {
background-color: #262836;
min-width: 30%;
min-height: auto;
border: none;
width: 48%;
padding: 5px 7px 5px 7px;
}
.btn.btn-sm.btn-success.pull-right.uib-close {
border: none;
background-color: #7ab800;
min-height: 28px;
min-width: 25%;
}
.btn.btn-sm.btn-success.pull-right.uib-close:hover {
border: none;
background-color: #7ab800;
min-height: 28px;
min-width: 25%;
opacity: 0.85;
}
/*Continue Button*/
.benefitselect .continue {
background-color: #262836;
font-family: HelveticaNowDisplayMedium;
font-size: 1rem;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.btn.btn-warning.continue:before {
content: "";
/*arrow*/
/*content: ""; /*list*/
font-family: FontAwesome;
padding-right: 10px;
}
.benefitselect .line-benefit-intro {
margin-bottom: 0px;
margin-top: 0px;
}
.benefitselect .continue:hover,
.benefitselect .continue:active,
.benefitselect .continue:focus {
opacity: 0.85;
font-family: HelveticaNowDisplayMedium;
font-size: 1rem;
border-color: #262836;
}
.benefitselect .box-border-bg {
background: none;
}
/*Layout of coverages names and costs on the beenfit matrix*/
.row.line .col-md-4 {
width: 40%;
}
@media (max-width: 720px) {
.row.line .col-md-4 {
width: 100%;
margin: 0.5rem;
}
}
/*for Seasonal Saver Scheme*/
/*.benefit-matrix .BenefitIntro_0a6897a6-9c1d-4b3e-bc3f-fad5044a658b .col-md-4 {
width: 28% !important;
margin-right: 84px;
}*/
/*for Seasonal Saver Scheme on current choice*/
/*.benefit-statement .BenefitIntro_0a6897a6-9c1d-4b3e-bc3f-fad5044a658b .currentbenefits .col-md-4 {
margin-right: 136px;
}*/
.row.line .col-md-8.ng-scope {
width: 60%;
padding: 0 0%;
}
.row.line .col-md-8 .col-xs-4 {
width: 30%;
padding: 0 5%;
}
.currentEOI .col-md-8.ng-scope,
.pendingEOI .col-md-8.ng-scope {
width: 60%;
padding: 0 0 0 6%;
margin-left: 1.8%;
margin-right: 0;
}
/*Hide more info link with folder (on benefitselection page under plan*/
.more-info.margin-top-min {
display: none;
}
.benefitselect .header-selected {
color: #46535e;
font-family: HelveticaNowDisplayBold;
font-size: 1.5rem;
margin-bottom: 0px;
}
/*.benefitselect .content-you-chose {
height: 110px;
}*/
#content-you-chose-summary.in-Cart .in-Cart {
height: 110px;
padding: 0 4px;
margin: 0;
}
#content-you-chose-summary .in-Cart .cost,
#content-you-chose-summary .in-Cart .funded {
padding-top: 0;
}
.benefitselect .in-Cart .you-pay H3 {
color: #46535e;
font-size: 1rem;
font-family: HelveticaNowDisplayLight !important;
}
/*Selected tiered option*/
.option-credit-health .option.sel span {
font-family: HelveticaNowDisplayMedium !important;
}
#content-you-chose-summary .cost p,
#content-you-chose-summary .funded p {
text-transform: capitalize;
}
.dependant-collect-board-intro {
display: none !important;
}
.dependant-cell.back-link a {
color: #262836;
font-family: HelveticaNowDisplayMedium;
}
.dependant-cell.back-link a::before {
font-family: "FontAwesome";
content: "";
margin-right: 5px;
font-size: 2rem;
vertical-align: middle;
}
.dependant-add-caption,
.dependant-edit-caption {
font-size: 1.2rem;
font-family: HelveticaNowDisplayBold;
}
.online-two-iso .modal-normal .modal-header .header-text {
font-size: 1.2rem;
color: #262836;
font-family: HelveticaNowDisplayBold;
}
.dependant-changed-message.ng-scope.ng-isolate-scope {
color: #e11b22;
}
/*New & changed*/
.benefit-matrix .newbenefit,
.benefit-matrix .changebenefit {
color: #fff;
background-color: #f0ab00;
padding: 3px 5px 4px 5px;
font-size: 0.8rem;
text-transform: lowercase;
border-radius: 5px;
}
/*Division on line data on benefitselect*/
#linedata .division {
display: none;
}
/*Currently selected box and header*/
.benefitselect .box-border {
border: 3px solid #262836 !important;
}
.benefitselect .header-selected {
color: #fff;
background-color: #262836;
padding-left: 15px;
}
/*Your options - Available products*/
.benefitselect .products-header H4 {
font-size: 1.5rem;
color: #46535e;
font-family: HelveticaNowDisplayMedium;
}
#linedata > div > div > div {
font-size: 1rem;
padding-left: 30px;
/*indent on the plans on benefitselection page*/
}
#products-header-label {
margin-top: 2rem;
}
/*Select - add to cart button*/
.online-two-iso
#content
#confirm-replacement.overlay
.content-overlay
.checkout-button
A.button-style.green,
.online-two-iso A.button-style.green {
background-color: #262836;
font-size: 1rem;
min-height: 50px;
padding-top: 13px;
font-family: HelveticaNowDisplayMedium;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.online-two-iso
#content
#confirm-replacement.overlay
.content-overlay
.checkout-button
A.button-style.green:hover,
.online-two-iso A.button-style.green:hover {
opacity: 0.85;
}
/*Benefit Selection*/
/*hide 4 links including product comparison*/
.links-group.four-links {
display: none;
}
.benefitselect .seealso li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
float: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 32%;
max-width: 350px;
}
.benefitselect .linename {
float: none;
margin: 0;
margin-left: 20px;
}
.benefitselect .linename > a:link {
color: #46535e;
font-family: HelveticaNowDisplayBold;
}
.benefitselect .linename > a:hover {
color: #c9cac8;
text-decoration: none;
}
.benefitselect .benefit-menu .img {
height: 160px;
width: 130px;
float: none;
}
.containers .depen-info {
display: none;
}
/*Hide who is covered*/
.benefitselect .your-beneficiaries {
display: none;
}
/*Changed width of the coverages names for tiered plans*/
.option-credit-health .option {
width: auto;
}
.content-option-credit-health {
width: 35%;
}
.option-credit-health UL LI {
width: 100%;
}
/*Seected Cover font*/
.option-credit-health .option.sel,
.option-credit-health .value.sel {
font-size: inherit;
}
.benefitselect .products .box-border.sel .header {
padding-top: 0;
}
.benefitselect .products .box-border.sel .header::before {
content: "\f00c";
font-family: "FontAwesome";
}
/*Hide 'Your Selection' wording on the 'Currently Selected' tile*/
[id^="lineid_"] .selection {
display: none;
}
/*Format selected Plan*/
.in-Cart .you-chose .selected-plan span {
font-size: 1rem;
font-family: HelveticaNowDisplayMedium;
}
/*Text format on benefit selection page*/
.benefitselect .line-name {
font-size: 3rem;
color: #46535e;
font-family: HelveticaNowDisplayBold;
}
@media (max-width: 766px) {
.benefitselect .line-name {
font-size: 1.75rem;
}
}
.benefitselect .line-benefit-intro .glyphicon-info-sign-color {
font-size: 2rem;
}
.benefitselect .products .box-border.sel .header {
background-color: #262836;
color: #fff;
padding: 0.5rem 0;
text-transform: uppercase;
font-size: 1.2rem;
font-family: HelveticaNowDisplayMedium;
}
.benefitselect .products .box-border.sel {
background-color: #262836;
}
#linedata > div > div > h1 > span {
font-size: 2rem;
font-family: HelveticaNowDisplayBold;
text-transform: capitalize;
}
.product-info > div > h2,
.product-info H2 {
font-size: 1.6rem;
font-family: HelveticaNowDisplayMedium;
}
#plan-5cf594e2-527f-4849-9fe1-a26d9519bedd .product-info h2 {
display: none;
}
#plan-5cf594e2-527f-4849-9fe1-a26d9519bedd .product-info .description {
font-size: 1.6rem;
font-family: HelveticaNowDisplayMedium;
margin: 0;
}
#products .box-border-bg,
#products .box-left-bg {
background: none;
}
.benefitselect .box-border {
border: 1px solid #c9cac8;
}
.benefitselect H1 {
margin-bottom: 0;
}
#linedata > div > div > br {
display: none;
}
.benefitselect .products-header H4 {
color: #46535e;
font-family: HelveticaNowDisplayMedium;
}
#linedata > div > div > div {
font-size: 1rem;
padding-left: 30px;
}
.see-also h5 {
font-size: 1.5rem;
font-family: HelveticaNowDisplayBold;
text-decoration: underline;
}
@media (min-width: 767px) {
#linedata .division {
display: none;
}
}
.benefitselect .benefit-menu .img {
height: 110px;
}
/*Seasonal Saver - hide 'if you select 0 your cover will go to no coverage'*/
#zeroinputnoteaaf37b59-3962-4c59-b94c-db8497ba4bba {
display: none;
}
#zeroinputnote6643a0ae-db82-4a12-bb1a-593cd44f1d5f {
display: none;
}
/*Coverage name heading and paragraph wording space*/
.content-option-credit-health {
margin-top: 1rem;
}
.product-info #optionNameHeading {
width: 30vw;
}
.product-info .description {
margin-top: 1rem;
}
/*Add colon on lineset linename*/
/*.BenefitIntro_f0d5f7d2-89fa-4cdf-9404-521cbf228fe9 .lineset-linename::after {
content: ':';
}*/
/*Line name format under lineset*/
.benefit-matrix .lineset-linename {
font-family: HelveticaNowDisplayBold;
font-size: 1rem;
}
.benefit-matrix .lineset-linename::after {
content: "\a";
white-space: pre;
}
/*Hide pension AVC ER contributions on benefitselection & benefitsmatrix*/
#lineid_424a7ad3-61d3-4e1d-8965-de777e3ecf9e .funded.percent {
visibility: hidden;
}
.BenefitIntro_f0d5f7d2-89fa-4cdf-9404-521cbf228fe9
.FundedDisplay:nth-of-type(2) {
visibility: hidden;
}
#lineid_424a7ad3-61d3-4e1d-8965-de777e3ecf9e .cost.percent,
#lineid_506f687b-385c-4d42-8041-772e8fc12f32 .cost {
padding-right: 0;
}
/*AVC % & € election space*/
.pension-currency-box .content-option-credit-health {
width: 50%;
}
#ProductAmount-818101ab-d348-4a90-bbb3-abba05219f99,
#ProductAmount-c9fbbd14-dec9-4699-854e-e7c2a784f33a {
width: 100%;
}
#ProductAmount-818101ab-d348-4a90-bbb3-abba05219f99 .amount-input,
#ProductAmount-c9fbbd14-dec9-4699-854e-e7c2a784f33a .amount-input {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#amountInput-818101ab-d348-4a90-bbb3-abba05219f99 {
width: 90px;
}
#amountInput-c9fbbd14-dec9-4699-854e-e7c2a784f33a {
width: 130px;
padding-left: 20px;
text-align: right;
}
#ProductAmount-818101ab-d348-4a90-bbb3-abba05219f99 .zeroInput-height,
#ProductAmount-c9fbbd14-dec9-4699-854e-e7c2a784f33a .zeroInput-height {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 35px;
}
#ProductAmount-818101ab-d348-4a90-bbb3-abba05219f99 .zeroInput-height::before {
content: "%";
font-size: 1.3rem;
font-family: HelveticaNowDisplayBold;
margin-right: 30px;
margin-left: -30px;
}
#ProductAmount-c9fbbd14-dec9-4699-854e-e7c2a784f33a .zeroInput-height::before {
content: "€";
font-size: 1.3rem;
font-family: HelveticaNowDisplayBold;
margin-right: 122px;
margin-left: -122px;
}
#amountInput-818101ab-d348-4a90-bbb3-abba05219f99,
#amountInput-c9fbbd14-dec9-4699-854e-e7c2a784f33a {
border: 4px solid #262836;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.3rem;
font-family: HelveticaNowDisplayBold;
}
/*Hide ER costs for lines on benefitselection page - ie. Hide ER contributions on benefit selection pages*/
#lineid_29fb48df-bfa5-4c2e-a44a-52453b778481 .funded,
#lineid_df98b97c-bf05-4f1f-81e2-074d4d9dc44b .funded,
#lineid_bc03597f-9498-46c7-a4ec-acf7936b48c7 .funded,
#lineid_506f687b-385c-4d42-8041-772e8fc12f32 .funded,
#lineid_b6833714-3f5e-4a71-929a-10b986b05c07 .funded,
#lineid_768c3c0e-fd52-4c39-8c29-e1ae2f31283e .funded,
#lineid_b24e9e0a-dc6d-454c-a8c3-c6c5eaeaf245 .funded,
#lineid_e27d5947-13a0-4977-9e4f-78ef4a5c19c5 .funded,
#lineid_625a0057-2913-4d50-8cde-c5a1cca64c24 .funded,
#lineid_cc3e659a-9482-461b-af3a-62c0fb39480f .funded,
#lineid_c416a51b-6169-406b-9bbe-f7295127fed9 .funded {
display: none;
}
/*Hide Employer costs for all benefits - not a PMI (this is managed on another CSS file*/
.BenefitIntro_b6833714-3f5e-4a71-929a-10b986b05c07
.FundedDisplay:nth-of-type(2) {
visibility: hidden;
}
.BenefitIntro_29fb48df-bfa5-4c2e-a44a-52453b778481
.FundedDisplay:nth-of-type(2) {
visibility: hidden;
}
.BenefitIntro_cc212cf7-bef8-40eb-a9f2-0ca0fa9fd979
.FundedDisplay:nth-of-type(2) {
visibility: hidden;
}
.BenefitIntro_768c3c0e-fd52-4c39-8c29-e1ae2f31283e
.FundedDisplay:nth-of-type(2) {
visibility: hidden;
}
.BenefitIntro_bc03597f-9498-46c7-a4ec-acf7936b48c7
.FundedDisplay:nth-of-type(2) {
visibility: hidden;
}
.BenefitIntro_b24e9e0a-dc6d-454c-a8c3-c6c5eaeaf245
.FundedDisplay:nth-of-type(2) {
visibility: hidden;
}
.BenefitIntro_0a6897a6-9c1d-4b3e-bc3f-fad5044a658b
.FundedDisplay:nth-of-type(2) {
visibility: hidden;
}
.BenefitIntro_d61b5a4e-afdb-43aa-9188-3c4ad14ab55a
.FundedDisplay:nth-of-type(2) {
visibility: hidden;
}
.BenefitIntro_a59802af-1707-465d-977e-e596e206bb79
.FundedDisplay:nth-of-type(2) {
visibility: hidden;
}
/*PMI - add dependants note*/
.benefit-matrix .line-description {
margin: 10px 0 20px 0;
font-size: 1rem;
}
.benefit-matrix .line-description strong {
font-family: HelveticaNowDisplayMedium;
}
/*Format of PMI & Dental product info on the product tile*/
line-description.margin-top-min {
margin-bottom: 1.2rem;
}
#plan-f0554892-ebed-4140-b140-e9e1912fc35d .content-box-border,
#plan-fc67cabe-6cbe-4cad-999c-718f29d43d08 .content-box-border,
#plan-3a473967-7a34-4779-818a-9e1c3abb98d8 .content-box-border,
#plan-da471d49-96af-4fe0-989b-196754587498 .content-box-border,
#plan-2ccc3887-1df1-42dd-b601-0508c75283cd .content-box-border,
#plan-72dc134a-1576-49b4-ae41-ea96e9709dc7 .content-box-border,
#plan-e0e4a10b-5bf8-4d64-afdf-f01487b3b1d4 .content-box-border,
#plan-fd795bf9-1ba6-4711-9372-a37b9852934c .content-box-border {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#plan-f0554892-ebed-4140-b140-e9e1912fc35d .product-info,
#plan-fc67cabe-6cbe-4cad-999c-718f29d43d08 .product-info,
#plan-3a473967-7a34-4779-818a-9e1c3abb98d8 .product-info,
#plan-da471d49-96af-4fe0-989b-196754587498 .product-info,
#plan-2ccc3887-1df1-42dd-b601-0508c75283cd .product-info,
#plan-72dc134a-1576-49b4-ae41-ea96e9709dc7 .product-info,
#plan-e0e4a10b-5bf8-4d64-afdf-f01487b3b1d4 .product-info,
#plan-fd795bf9-1ba6-4711-9372-a37b9852934c .product-info {
width: 75%;
}
#plan-85520653-bfcb-4adf-9a84-aa82f487113b .product-info,
#plan-2e3bfc42-0cb4-4473-8420-cbbbe8fd95e0 .product-info,
#plan-2ccc8bfc-c63c-4344-b701-29e917de5bce .product-info {
width: 63%;
}
#plan-f0554892-ebed-4140-b140-e9e1912fc35d table,
#plan-fc67cabe-6cbe-4cad-999c-718f29d43d08 table,
#plan-3a473967-7a34-4779-818a-9e1c3abb98d8 table,
#plan-da471d49-96af-4fe0-989b-196754587498 table,
#plan-2ccc3887-1df1-42dd-b601-0508c75283cd table,
#plan-72dc134a-1576-49b4-ae41-ea96e9709dc7 table,
#plan-e0e4a10b-5bf8-4d64-afdf-f01487b3b1d4 table,
#plan-fd795bf9-1ba6-4711-9372-a37b9852934c table {
width: 25%;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.product-info-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-info-container .features {
width: 75%;
font-size: 0.8rem;
margin-left: 1rem;
padding-right: 2rem;
}
.features strong {
font-family: HelveticaNowDisplayMedium;
}
.product-info-container .features p {
margin-bottom: 0;
padding-bottom: 5px;
}
.product-info-container .features ul li {
text-indent: -2rem;
padding-left: 2rem;
}
.product-info-container .features ul li:before {
font-family: "FontAwesome";
content: "";
margin: 0 5px 0 10px;
color: #6e267b;
vertical-align: baseline;
font-size: 1rem;
}
.product-info-container .other {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn.btn-info.extra {
margin-bottom: 5px;
min-height: 35px;
height: 35px;
padding: 5px 10px;
background-color: #6e267b;
font-size: 0.9rem;
}
.btn.btn-info.extra::before {
content: "";
font-family: "FontAwesome";
margin-right: 5px;
}
.protection.btn.btn-info.extra {
background-color: #7ab800;
border-color: #7ab800;
}
.health.btn.btn-info.extra {
background-color: #6e267b;
border-color: #6e267b;
}
.protection.btn.btn-info.extra::before,
.health.btn.btn-info.extra::before {
content: "";
font-family: "FontAwesome";
margin-right: 5px;
}
/*Hide cost for Partner's Life No Cover*/
#cost-infoc29548f1-eaa8-4aed-91ed-7275355c2000 {
visibility: hidden;
}
#cost-info87c95695-cb83-4a0d-8301-a41fe148f7eb .option,
#cost-info349260d8-a6b1-4797-ba51-312e0c5b76c2 .option {
visibility: hidden;
}
#cost-info65bf7015-f158-43e2-b1dc-8c51e9f77fab .credit-number,
#cost-infoc39aa654-f532-4744-8361-afbd317bbab2 .credit-number,
#cost-info9e7ff43e-8eb9-4d80-ab7d-9725ad82cf0a .credit-number,
#cost-info35433270-b28b-4b12-97ea-8a7d689b0827 .credit-number {
display: none;
}
#cost-infof23b4e05-46fd-4a6f-b11f-9a341b09a9eb .option-credit-health,
#cost-infoaa679fdf-e4ab-41e6-9f58-54d822d8b592 .option-credit-health {
display: none;
}
/*Hide "options" under each plan tile*/
[id^="cost-"] .option-credit-health .credit-number .credit {
display: none;
}
/*Hide EOI lines volumes*/
[class^="cost-"] [class^="align"] p {
display: none;
}
.cost-beforeleft .selected-volume {
display: none;
}
/*Renanme EOI Current Cover from Pending*/
.currentEOI .col-md-4 > span,
.pendingEOI .col-md-4 span {
display: none;
}
.currentEOI .col-md-4::before {
content: "Current Cover Cost";
}
.pendingEOI .col-md-4::before {
content: "Pending Cover Cost";
}
/*Wine and PMI fake plan selection*/
.BenefitIntro_b24e9e0a-dc6d-454c-a8c3-c6c5eaeaf245 .glyphicon-play::after,
.BenefitIntro_066088fd-bccb-43de-9726-f0293b6001a8 .glyphicon-play::after,
.BenefitIntro_98f1ad23-3d15-4cc2-9d2a-3d88b15e104c .glyphicon-play::after{
content: " Selection per participant can vary";
font-size: 14px;
font-family: HelveticaNowDisplayLight;
}
/*Hide Wine club membership employer cost from BYOB table*/
.BenefitIntro_b24e9e0a-dc6d-454c-a8c3-c6c5eaeaf245
[class*="ng-binding ng-isolate-scope"] {
visibility: hidden;
}
/*Taste Card - hide BYOB option dropdown box*/
/*#ddl-byo-plan-7c6ee3ef-5a13-4c39-a765-bb6f41095673 {
display: none;
}*/
/*BYOB - accordions*/
.byoaccordion {
margin-top: 20px;
}
.benefit-matrix .byocostsummary {
margin-top: 10px;
margin-bottom: 10px;
}
.byoaccordion .pull-right.glyphicon.glyphicon-menu-down::before,
.byoaccordion .pull-right.glyphicon.glyphicon-menu-up::before {
color: #fff !important;
}
/*EOI*/
.row.pendingEOI.round-corner {
background-color: #262836;
}
.row.currentEOI.round-corner {
background-color: #c9cac8;
}
.row.pendingEOI.round-corner span,
.row.pendingEOI.round-corner div {
color: #fff;
}
.selected-plan.eoilinename {
width: 185px;
padding-right: 30px;
}
.pending-note {
color: #46535e;
}
/*Current Choice EOI table*/
#nonePensionPercentSalaryTemporary,
#nonePensionPercentSalaryAddtional {
display: none;
}
#eoi_elected_ercontribution {
display: none;
}
#lineid_c416a51b-6169-406b-9bbe-f7295127fed9 .selected-coverage {
display: none;
}
#lineid_c416a51b-6169-406b-9bbe-f7295127fed9 .selected-volume {
display: none;
}
#lineid_c416a51b-6169-406b-9bbe-f7295127fed9 {
padding: 0.5rem;
}
#lineid_c416a51b-6169-406b-9bbe-f7295127fed9 hr {
border-top: 5px solid #eee;
}
#lineid_c416a51b-6169-406b-9bbe-f7295127fed9 .cost-left {
border-right: 5px solid #eee;
}
#lineid_cc3e659a-9482-461b-af3a-62c0fb39480f .selected-coverage {
display: none;
}
#lineid_cc3e659a-9482-461b-af3a-62c0fb39480f .selected-volume {
display: none;
}
#lineid_cc3e659a-9482-461b-af3a-62c0fb39480f {
background: #c9cac8;
padding: 0.5rem;
}
#lineid_cc3e659a-9482-461b-af3a-62c0fb39480f {
background: #eee;
}
#lineid_cc3e659a-9482-461b-af3a-62c0fb39480f hr {
border-top: 5px solid #fff;
}
#lineid_cc3e659a-9482-461b-af3a-62c0fb39480f .cost-left {
border-right: 5px solid #fff;
}
#eoi_temporary_costtoyou_label,
.cost-right .rightsection.alignright h3 p {
text-transform: capitalize;
}
/*PMI - BYOB*/
/*Add (gross cost) & (net cost) to ER and EE cost on BYOB display*/
[id="066088fd-bccb-43de-9726-f0293b6001a8"] .employeercost::after,
[id="98f1ad23-3d15-4cc2-9d2a-3d88b15e104c"] .employeercost::after{
content: "\a(gross cost)";
white-space: pre;
}
[id="066088fd-bccb-43de-9726-f0293b6001a8"] .col-xs-2.ng-scope.ng-isolate-scope::after,
[id="98f1ad23-3d15-4cc2-9d2a-3d88b15e104c"] .col-xs-2.ng-scope.ng-isolate-scope::after {
content: "\a(net cost)";
white-space: pre;
}
.employeercost,
.col-xs-2.ng-scope.ng-isolate-scope {
font-size: 1rem;
font-family: HelveticaNowDisplayMedium;
}
.benefit-matrix .byocostsummary .header {
background-color: #c9cac8;
}
#pnl-byo-cost-summary-expander > a {
display: none;
}
#pnl-byo-cost-summary-expander > h2 {
font-size: 1.5rem;
font-family: HelveticaNowDisplayMedium;
margin-bottom: 0;
}
.online-two-iso .header-overlay {
background-color: #262836;
}
.header-overlay A.close {
font-size: 1.3rem;
color: #262836;
background: none !important;
padding: 0;
}
.header-overlay A.close::after {
content: '\f00d';
font-family: FontAwesome;
color: #FFF;
}
/*.header-overlay A:hover {
color: #c9cac8 !important;
}*/
.byoResetStyle {
display: none;
}
/*Hide cost of plans for ee and dep and costs of personalised packages*/
#byoStep3 [class^="Per"] {
display: none;
}
/*BYOB buttons*/
#byo-back {
background-color: #262836;
border: #262836;
font-family: HelveticaNowDisplayMedium;
font-size: 1rem;
min-height: 50px;
padding-top: 12px;
}
#byo-back:hover,
#byo-back:active,
#byo-back:focus {
opacity: 0.85;
font-family: HelveticaNowDisplayMedium;
font-size: 1rem;
color: #fff;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
min-height: 50px;
padding-top: 12px;
}
/*BYOB currently selected summary*/
.in-Cart .you-chose > div > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#lineid_066088fd-bccb-43de-9726-f0293b6001a8.in-Cart
.you-chose
> div
> div
span,
#lineid_98f1ad23-3d15-4cc2-9d2a-3d88b15e104c.in-Cart
.you-chose
> div
> div
span,
#lineid_b24e9e0a-dc6d-454c-a8c3-c6c5eaeaf245.in-Cart
.you-chose
> div
> div
span {
display: none;
}
.you-chose > div > div a {
background: #262836;
color: #fff;
padding: 12px;
width: 95px;
-webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
.you-chose > div > div a:hover {
width: 150px;
text-decoration: none;
color: #fff;
-webkit-clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}
/*Plan selection on BYOB*/
#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) {
display: inline-block;
margin: 28px 0px;
background-color: #fff;
border: 2px solid #c9cac8;
padding: 8px 0px;
white-space: nowrap;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
border-radius: 25px;
}
#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td span {
padding: 8px 10px 8px 25px !important;
border-radius: 25px;
}
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[type="radio"] {
position: absolute;
opacity: 1;
margin-left: 10px;
outline: none;
height: 1rem;
}
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[type="radio"]:checked
+ span {
border: 2px solid #262836;
background-color: #6e267b;
color: #fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding: 8px 35px;
border-radius: 25px;
}
/*Wine club selection color*/
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[id$="323b7999-e34d-45b6-8e08-81a857d103d7"][type="radio"]:checked
+ span {
background-color: #003f72;
}
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[id$="96539e04-efcb-4412-b98d-16381aa532e9"][type="radio"]:checked
+ span {
background-color: #003f72;
}
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[id$="515462e5-b95d-48c2-a0e5-8f2eff395b8d"][type="radio"]:checked
+ span {
background-color: #003f72;
}
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[id$="70ce29a7-a593-48e2-9f3d-419e7c478d86"][type="radio"]:checked
+ span {
background-color: #003f72;
}
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[id$="a9db587d-c36d-4d87-ac36-d20956bddf9e"][type="radio"]:checked
+ span {
background-color: #003f72;
}
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[id$="5d2cf306-34e3-461a-8081-1a5210b841b7"][type="radio"]:checked
+ span {
background-color: #003f72;
}
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[id$="c6d77ab7-85c7-4df8-aa82-e00398e1e663"][type="radio"]:checked
+ span {
background-color: #003f72;
}
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[id$="7fc705ca-8c5e-4e5f-84f7-af31c5be727f"][type="radio"]:checked
+ span {
background-color: #003f72;
}
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[id$="4c0fd6b3-7ff7-4d6b-9d77-b9f342b936ab"][type="radio"]:checked
+ span {
background-color: #003f72;
}
/*Dining Club selection color*/
#byoStep3
.col-md-6:first-child
table
tbody
tr:not(:first-child)
td
input[id$="7d912056-becc-44f7-89f8-dde7c3a6bdb7"][type="radio"]:checked
+ span {
background-color: #003f72;
}
[id^="label-coverage-"] {
margin-top: 2rem;
}
/*Add-ons selections*/
.add-ons-link {
font-family: HelveticaNowDisplayMedium;
color: #46535e !important;
text-decoration: none !important;
}
.add-ons-link:hover,
.add-ons-link:active,
.add-ons-link:focus {
color: #46535e !important;
text-decoration: underline !important;
}
.add-on-big-digit {
font-family: HelveticaNowDisplayMedium;
font-size: 1rem;
background-color: #6e267b;
border-radius: 25px;
padding: 1px 15px;
color: #fff;
}
#byoStep3 .col-md-6:nth-child(2) table tbody tr:not(:first-child) {
display: inline-block;
margin: 5px 3px;
background-color: #fff;
border: 2px solid #c9cac8;
padding: 8px 0px;
white-space: nowrap;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
border-radius: 25px;
}
#byoStep3 .col-md-6:nth-child(2) table tbody tr:not(:first-child) td span {
padding: 8px 10px 8px 25px !important;
border-radius: 25px;
}
/*#byoStep3 .col-md-6:nth-child(2) table tbody tr:not(:first-child) td span:before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding: 2px 6px 2px 2px;
content: "\f067";
transition: transform .3s ease-in-out;
}*/
/*#byoStep3 .col-md-6:nth-child(2) table tbody tr:not(:first-child) td input[type="checkbox"]:checked + span:before {
content: "\f00c";
transform: rotate(-360deg);
transition: transform .3s ease-in-out;
}*/
#byoStep3
.col-md-6:nth-child(2)
table
tbody
tr:not(:first-child)
td
input[type="checkbox"]:checked
+ span {
border: 2px solid #262836;
background-color: #6e267b;
color: #fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding: 8px 25px;
}
#byoStep3
.col-md-6:nth-child(2)
table
tbody
tr:not(:first-child)
td
input[type="checkbox"] {
position: absolute;
opacity: 1;
margin-left: 8px;
outline: none;
}
/*Family Cover header*/
[tbs-translate="Enrollment.Step2.BuildYourOwnLine.YourFamilyCoverage"] {
font-family: HelveticaNowDisplayMedium;
}
/*Hide add-on costs*/
[ng-if="addon.IsSelected"] .col-xs-2[class*="Per"] {
visibility: hidden;
}
/*Partner Life - hide selected UW option*/
/*
#current-option-in-cart87c95695-cb83-4a0d-8301-a41fe148f7eb,
#current-option-in-cart349260d8-a6b1-4797-ba51-312e0c5b76c2 {
display: none;
}
*/
.products-header-768c3c0e-fd52-4c39-8c29-e1ae2f31283e
~ div
.header[ng-if*="isPendingEOI()"] {
display: none;
}
/*Confirm choice*/
.benefit-matrix .confirmchoice .textWrapper strong {
font-family: HelveticaNowDisplayMedium;
}
/*Benefit Intro - Benefit Info*/
#benefit-overview
.group-header-graphicon.pull-right.glyphicon.glyphicon-menu-up::before {
color: #fff !important;
}
#benefit-overview
.group-header-graphicon.pull-right.glyphicon.glyphicon-menu-down::before {
color: #fff !important;
}
#benefit-overview
.img.BenefitImage_4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60.IntroNode_0905cde0-788a-44f5-a300-1176d546d472 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Regular-Retirement-Savings.png")
no-repeat center center/85%;
}
#benefit-overview
.img.BenefitImage_f0d5f7d2-89fa-4cdf-9404-521cbf228fe9.IntroNode_baec1514-7c15-496d-9f10-f9b25ad2c052 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_AVC.png")
no-repeat center center/85%;
}
/*AVC*/
#benefit-overview
.img.BenefitImage_b6833714-3f5e-4a71-929a-10b986b05c07.IntroNode_7b42991a-7dcf-43bc-a3da-9bed4ca4a7b9 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Christmas-Savings.png")
no-repeat center center/85%;
}
/*Christmas Savings*/
#benefit-overview
.img.BenefitImage_0a6897a6-9c1d-4b3e-bc3f-fad5044a658b.IntroNode_1f9a091f-22ca-4261-96b3-e963325b94a6 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Holiday-Savings.png")
no-repeat center center/85%;
}
/*Seasonal Saver lineset*/
#benefit-overview
.img.BenefitImage_cc212cf7-bef8-40eb-a9f2-0ca0fa9fd979.IntroNode_6dd0a93f-3235-4d3b-98bb-c3aa38a8215e {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Specified-Illness-Scheme.png")
no-repeat center center/85%;
}
/*Specified Illness group*/
#benefit-overview
.img.BenefitImage_768c3c0e-fd52-4c39-8c29-e1ae2f31283e.IntroNode_b72769c2-2f07-4ae2-8764-40afa2b31c3a {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Partner-Life-Assurance.png")
no-repeat center center/85%;
}
/*Partner's life*/
#benefit-overview
.img.BenefitImage_health-ret_hrmsl.IntroNode_384b42cc-d724-4614-8cf1-4ffc33003f16 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Private-Health-Insurance.png")
no-repeat center center/85%;
}
/*PMI Retirement & HRMSL*/
#benefit-overview
.img.BenefitImage_health_aims_pre.IntroNode_d059e899-e799-43ca-99d8-b84e3a2c11a1 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Private-Health-Insurance.png")
no-repeat center center/85%;
}
/*PMI AIMS pre 01072019*/
#benefit-overview
.img.BenefitImage_066088fd-bccb-43de-9726-f0293b6001a8.IntroNode_1001bfcc-7bce-4c55-aeb8-0cdf02caf44a {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Private-Health-Insurance.png")
no-repeat center center/85%;
}
/*PMI Beckets, H&B & C&R, ABT*/
#benefit-overview
.img.BenefitImage_066088fd-bccb-43de-9726-f0293b6001a8.IntroNode_f59e34a6-6bda-411b-acf3-abda9e0a6e39 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Private-Health-Insurance.png")
no-repeat center center/85%;
}
/*PMI ACIA, ATIL*/
#benefit-overview
.img.BenefitImage_066088fd-bccb-43de-9726-f0293b6001a8.IntroNode_c391fc5b-9c9e-4bac-b1db-59004409e75e {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Private-Health-Insurance.png")
no-repeat center center/85%;
}
/*PMI AIMD, AIMS*/
#benefit-overview
.img.BenefitImage_bc03597f-9498-46c7-a4ec-acf7936b48c7.IntroNode_b27176a6-b013-4f03-8a93-1c7a3a0d1d53 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Dental-Insurance.png")
no-repeat center center/85%;
}
/*Dental*/
#benefit-overview
.img.BenefitImage_d61b5a4e-afdb-43aa-9188-3c4ad14ab55a.IntroNode_dbee8d7c-a1dc-46b4-b7c1-d477f96d3593 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Dinning-Club.png")
no-repeat center center/85%;
}
/*Dinning Club*/
#benefit-overview
.img.BenefitImage_b24e9e0a-dc6d-454c-a8c3-c6c5eaeaf245.IntroNode_27150229-4360-4f99-9b64-a788645c6bc0 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Wine-Club.png")
no-repeat center center/85%;
}
/*Wine Club*/
#benefit-overview
.img.BenefitImage_travel.IntroNode_c0ac8907-aca8-468e-9117-0d12701df0a0 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Travel-Benefits-2.png")
no-repeat center center/85%;
}
/*Travel*/
#benefit-overview
.img.BenefitImage_eap.IntroNode_cb1e2e2a-bb6d-421b-8b5e-6eb173d6df40 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_EAP.png")
no-repeat center center/85%;
}
/*EAP*/
#benefit-overview
.img.BenefitImage_ltd.IntroNode_dddb0912-a7d8-44cd-86a5-cf8b55fd8ea6 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Long-term-Disability.png")
no-repeat center center/85%;
}
/*LTD*/
#benefit-overview
.img.BenefitImage_life.IntroNode_0d50142b-aa1c-4f2e-9930-e82c340e41a2 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Core-Life-Assurance.png")
no-repeat center center/85%;
}
/*Life*/
#benefit-overview
.img.BenefitImage_bta.IntroNode_920bd9b4-a870-4560-9b95-7aba6f38bfd3 {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Business-Travel.png")
no-repeat center center/85%;
}
/*BTA*/
#benefit-overview
.img.BenefitImage_fithub.IntroNode_fb829f7e-dac3-4c4f-b46c-98215aadf08a {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_FitHub.png")
no-repeat center center/85%;
}
/*FitHub*/
#benefit-overview .img.BenefitImage_apss {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_160x130_Spouses-Pension.png")
no-repeat center center/85%;
}
/*APSS*/
#benefit-overview .img.BenefitImage_snack_box {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_500x500_foodbox.png")
no-repeat center center/55%;
}
/*Snack Box*/
#benefit-overview .img.BenefitImage_insurance_aig {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_500x500_AIG-discount.png")
no-repeat center center/55%;
}
/*Insurance AIG*/
#benefit-overview .img.BenefitImage_insurance_aviva {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_500x500_AIG-discount.png")
no-repeat center center/55%;
}
/*Insurance AVIVA*/
#benefit-overview .img.BenefitImage_fuel {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_500x500_fuel-card.png")
no-repeat center center/55%;
}
/*Fuel*/
#benefit-overview #overviewAccordion .panel-default > .panel-heading {
background-color: #262836;
}
#benefit-overview
#overviewAccordion
.retirement.panel-default
> .panel-heading {
background-color: #5eb9e4;
}
#benefit-overview #overviewAccordion .risk.panel-default > .panel-heading {
background-color: #7ab800;
}
#benefit-overview #overviewAccordion .health.panel-default > .panel-heading {
background-color: #6e267b;
}
#benefit-overview #overviewAccordion .lifestyle.panel-default > .panel-heading {
background-color: #003f72;
}
#benefit-overview .panel-collapse {
border-left: 5px solid;
border-right: 5px solid;
border-bottom: 5px solid;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#benefit-overview .retirement .panel-collapse {
border-color: #5eb9e4;
}
#benefit-overview .risk .panel-collapse {
border-color: #7ab800;
}
#benefit-overview .health .panel-collapse {
border-color: #6e267b;
}
#benefit-overview .lifestyle .panel-collapse {
border-color: #003f72;
}
.HiddenBenIntro {
display: none;
}
.benefit-matrix .panel-group .line-group {
padding: 0;
}
.benefit-matrix .benefit-active-benefits {
padding-bottom: 0px;
}
.benefit-matrix .group-default {
padding: 8px 8px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.benefit-matrix span.line-group {
color: #fff;
}
.benefit-matrix .RetirementSavings .group-default {
background-color: #5eb9e4;
}
.benefit-matrix .AdditionalProtection .group-default {
background-color: #7ab800;
}
.benefit-matrix .HealthWellbeing .group-default {
background-color: #6e267b;
}
.benefit-matrix .LeisureLifestyle .group-default {
background-color: #003f72;
}
.BenefitIntro_066088fd-bccb-43de-9726-f0293b6001a8 .panel-heading,
.BenefitIntro_98f1ad23-3d15-4cc2-9d2a-3d88b15e104c .panel-heading {
background-color: #6e267b !important;
}
.BenefitIntro_b24e9e0a-dc6d-454c-a8c3-c6c5eaeaf245 .panel-heading {
background-color: #003f72 !important;
}
.BenefitIntro_d61b5a4e-afdb-43aa-9188-3c4ad14ab55a .panel-heading {
background-color: #003f72 !important;
}
[class^="line-group"] .group-body {
border-left: 5px solid;
border-right: 5px solid;
border-bottom: 5px solid;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom: 5px;
}
.line-group.RetirementSavings .group-body {
border-color: #5eb9e4;
}
.line-group.AdditionalProtection .group-body {
border-color: #7ab800;
}
.line-group.HealthWellbeing .group-body {
border-color: #6e267b;
}
.line-group.LeisureLifestyle .group-body {
border-color: #003f72;
}
#benefit-overview .summaryContent {
font-family: HelveticaNowDisplayBold;
font-size: 1rem;
padding-top: 1rem;
margin-bottom: 1rem;
}
.online-two-iso .intro-content {
color: #262836;
font-size: 1rem;
}
.online-two-iso .intro-content.header {
font-family: HelveticaNowDisplayBold;
margin-bottom: 2rem;
font-size: 2.25rem;
text-transform: inherit;
}
.Overview img {
width: 85%;
-webkit-box-shadow: rgba(17,17,26,.2) 0 4px 16px,rgba(17,17,26,.1) 0 8px 32px;
box-shadow: rgba(17,17,26,.2) 0 4px 16px,rgba(17,17,26,.1) 0 8px 32px;
}
.online-two-iso .intro-content.text,
.online-two-iso .faq-answer p,
.online-two-iso .faq-answer table,
.online-two-iso .faq-answer ul {
font-family: HelveticaNowDisplayLight;
font-size: 1rem;
margin-bottom: 2rem;
padding-bottom: 0;
}
.info-text ul li {
font-family: HelveticaNowDisplayLight;
font-size: 1rem;
}
.info-text table {
font-family: HelveticaNowDisplayLight;
font-size: 1rem;
margin-top: 10px;
margin-left: 40px;
}
.info-text table strong {
font-family: HelveticaNowDisplayMedium;
}
.online-two-iso .faq-answer p {
line-height: 1.1rem;
}
.online-two-iso .intro-content.text.margin-bottom-1 {
margin-bottom: 1rem !important;
}
.online-two-iso .intro-content.text.margin-bottom-0 {
margin-bottom: 0 !important;
}
li.intro-content.text {
margin-bottom: 0 !important;
}
.online-two-iso .intro-content strong,
.online-two-iso .faq-answer strong,
.info-text ul li strong {
font-family: HelveticaNowDisplayMedium;
}
.online-two-iso .faq-title {
font-family: HelveticaNowDisplayMedium;
text-decoration: none;
color: #46535e;
}
.online-two-iso .faq-answer .faq-subheader {
font-family: HelveticaNowDisplayMedium;
text-decoration: none;
color: #46535e;
font-size: 1rem;
}
.online-two-iso .faq-title:hover,
.online-two-iso .faq-title:focus,
.online-two-iso .faq-title:active {
text-decoration: none;
color: #46535e;
opacity: 0.85;
outline: none;
}
.online-two-iso .faq-title::before {
content: "";
font-family: "FontAwesome";
padding-right: 5px;
}
.online-two-iso .faq-answer {
padding-left: 1.3rem;
}
.online-two-iso [class*="modal-"] .modal-body .pannel-body-full {
min-height: 350px;
}
.online-two-iso [class*="modal-"] .tab-selector-link {
color: #46535e;
font-family: HelveticaNowDisplayBold;
font-size: 1.25rem;
}
.online-two-iso [class*="modal-"] .tab-selector-link.active,
.online-two-iso [class*="modal-"] .tab-selector-link:hover,
.online-two-iso [class*="modal-"] a.tab-selector-link:hover {
color: #46535e;
border-bottom: 0.5rem solid #262836 !important;
}
.intro-content a,
.faq-answer a {
color: #262836;
text-decoration: underline;
}
.intro-content a:hover,
.faq-answer a:hover {
opacity: 0.85;
color: #262836;
}
.online-two-iso .info-text.item.benefit-type-content,
.online-two-iso .faq-item {
width: 65%;
}
#benefit-overview .benefit-overview-title H1 {
font-size: 2rem;
font-family: HelveticaNowDisplayBold;
color: #46535e;
}
/*benefit overview tiles - grid layout for text and buttons */
#benefit-overview .summaryContent.tableCell {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
#benefit-overview .summaryContent.tableCell .summaryTitle {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1 / span 2;
}
#benefit-overview .summaryContent.tableCell .summaries {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1 / span 2;
}
.summary-text.item.benefit-type-content {
display: -ms-grid;
display: grid;
/*grid-template-columns: auto 1fr;
grid-row-gap: 1rem;
grid-column-gap: 1rem;*/
}
.summary-text.item .text {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1 / span 2;
}
.summary-text.item .choice,
.summary-text.item .text,
.summary-text.item .ext {
margin-bottom: 5px;
}
.summaryControls {
/*grid-column: 3 / span 1;
grid-row: 1 / span 2;*/
vertical-align: middle;
}
#benefit-overview .summaryContent.tableCell {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.online-two-iso
.LineDetail_4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60
.pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Regular-Retirement-Savings.png")
no-repeat right 2rem/30%;
}
/*Benefit Info - icons*/
.online-two-iso
.LineDetail_4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60
.pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Regular-Retirement-Savings.png")
no-repeat right 2rem/30%;
}
/*Retirement*/
.online-two-iso
.LineDetail_f0d5f7d2-89fa-4cdf-9404-521cbf228fe9
.pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_AVC.png")
no-repeat right 2rem/30%;
}
/*AVC*/
.online-two-iso
.LineDetail_424a7ad3-61d3-4e1d-8965-de777e3ecf9e
.pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_AVC.png")
no-repeat right 2rem/30%;
}
/*AVC*/
.online-two-iso
.LineDetail_b6833714-3f5e-4a71-929a-10b986b05c07
.pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Christmas-Savings.png")
no-repeat right 2rem/30%;
}
/*Christmas Savings*/
.online-two-iso
.LineDetail_0a6897a6-9c1d-4b3e-bc3f-fad5044a658b
.pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Holiday-Savings.png")
no-repeat right 2rem/30%;
}
/*Seasonal Saver lineset*/
.online-two-iso
.LineDetail_cc212cf7-bef8-40eb-a9f2-0ca0fa9fd979
.pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Specified-Illness-Scheme.png")
no-repeat right 2rem/30%;
}
/*Specified Illness group*/
.online-two-iso
.LineDetail_768c3c0e-fd52-4c39-8c29-e1ae2f31283e
.pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Partner-Life-Assurance.png")
no-repeat right 2rem/30%;
}
/*Partner's life*/
.online-two-iso .LineDetail_health-ret_hrmsl .pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Private-Health-Insurance.png")
no-repeat right 2rem/30%;
}
/*PMI Retirement & HRMSL*/
.online-two-iso .LineDetail_health-aims_pre .pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Private-Health-Insurance.png")
no-repeat right 2rem/30%;
}
/*PMI Retirement & HRMSL*/
.online-two-iso
.LineDetail_066088fd-bccb-43de-9726-f0293b6001a8
.pannel-body-full,
.online-two-iso
.LineDetail_98f1ad23-3d15-4cc2-9d2a-3d88b15e104c
.pannel-body-full{
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Private-Health-Insurance.png")
no-repeat right 2rem/30%;
}
/*PMI Retirement & HRMSL*/
.online-two-iso
.LineDetail_bc03597f-9498-46c7-a4ec-acf7936b48c7
.pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Dental-Insurance.png")
no-repeat right 2rem/30%;
}
/*Dental*/
.online-two-iso
.LineDetail_d61b5a4e-afdb-43aa-9188-3c4ad14ab55a
.pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Dinning-Club.png")
no-repeat right 2rem/30%;
}
/*Dinning Club*/
.online-two-iso
.LineDetail_b24e9e0a-dc6d-454c-a8c3-c6c5eaeaf245
.pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Wine-Club.png")
no-repeat right 2rem/30%;
}
/*Wine Club*/
.online-two-iso .LineDetail_travel .pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Travel-Benefits-2.png")
no-repeat right 2rem/30%;
}
/*Travel*/
.online-two-iso .LineDetail_eap .pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_EAP.png")
no-repeat right 2rem/30%;
}
/*EAP*/
.online-two-iso .LineDetail_ltd .pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Long-term-Disability.png")
no-repeat right 2rem/30%;
}
/*LTD*/
.online-two-iso .LineDetail_life .pannel-body-full {
background: transparent
url(" /aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Core-Life-Assurance.png")
no-repeat right 2rem/30%;
}
/*Life*/
.online-two-iso .LineDetail_bta .pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Business-Travel.png")
no-repeat right 2rem/30%;
}
/*BTA*/
.online-two-iso .LineDetail_fithub .pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_FitHub.png")
no-repeat right 2rem/30%;
}
/*FitHub*/
.online-two-iso .LineDetail_apss .pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_447x253_Spouses-Pension.png")
no-repeat right 2rem/30%;
}
/*APSS*/
.online-two-iso .LineDetail_snack_box .pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_500x500_foodbox.png")
no-repeat right 4rem top 2rem/20%;
}
/*Snack Box*/
.online-two-iso .LineDetail_fuel .pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_500x500_fuel-card.png")
no-repeat right 4rem top 2rem/20%;
}
/*Fuel*/
.online-two-iso .LineDetail_insurance_aig .pannel-body-full,
.online-two-iso .LineDetail_insurance_aviva .pannel-body-full {
background: transparent
url("/aonselect/media/media/Aon-Portal_Benefits-Icons_500x500_AIG-discount.png")
no-repeat right 4rem top 2rem/20%;
}
/*AIG*/
/*Validations / Follow Ups, etc.*/
#followup-items-overlay.online-followup-items #followup-items-title {
width: 100%;
font-family: HelveticaNowDisplayBold;
font-size: 1.7rem;
color: #fff;
background: #262836;
}
#validationError-overlay.overlay {
height: auto;
}
#ValidationError .list {
list-style: disclosure-closed;
margin-left: 40px;
}
#ValidationError .arrow::before {
content: "";
font-family: "FontAwesome";
padding: 0 5px;
}
#ValidationError > div > h3 {
text-align: center;
font-family: HelveticaNowDisplayMedium;
font-size: 2rem;
}
#ValidationError h2 {
font-family: HelveticaNowDisplayMedium;
font-size: 1.5rem;
}
#ValidationError > ul {
text-align: center;
padding: 10px 20px 20px 20px;
background: #f5f5f5;
}
/*On screen follow ups*/
.benefitselect .followup-required {
display: none;
}
.benefitselect .followup-container .followup-collect-header {
height: auto;
padding: 0px 12px;
text-align: left;
}
/*.benefitselect .followup-collect-content {
display: none;
}*/
.hide-on-line-page.followuptitle-taste {
font-family: HelveticaNowDisplayMedium;
font-size: 1.3rem;
margin-bottom: 0.5rem;
}
.hide-on-line-page.followuptext-taste {
text-align: left;
}
.benefitselect .followup-container .followup-item-coverage-heading {
padding-bottom: 0;
margin-bottom: 0;
}
.followup-collect-header .followup-item-coverage-heading span {
font-size: 1.1rem;
font-family: HelveticaNowDisplayMedium;
font-style: italic;
}
.followUpItems-confirm label {
font-size: 1rem;
font-family: HelveticaNowDisplayMedium;
font-style: italic;
vertical-align: sub;
}
.followup-collect-header .followup-item-coverage-heading span p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.alert-warning hr {
border-top-color: #c9cac8 !important;
margin: 5px auto !important;
}
.followup-item-collect h5.success {
margin-bottom: 0;
}
.benefitselect .followup-collect-info {
display: none;
}
.follow-up-line-name {
font-family: HelveticaNowDisplayMedium;
}
/*Hide follow up lines for tastecard & gourmet card*/
#lineid_caa83fe8-719a-47f7-91f4-6693b1ef76ed {
display: none;
}
#products-header-label.products-header.products-header-caa83fe8-719a-47f7-91f4-6693b1ef76ed {
display: none;
}
#linedata .linename-display-tastecard {
font-size: 1rem;
text-transform: none;
}
#lineid_58dbb6f4-c261-42de-bee0-408fc34ef309 {
display: none;
}
#products-header-label.products-header.products-header-58dbb6f4-c261-42de-bee0-408fc34ef309 {
display: none;
}
/*Format dining cards beneift tiles (tastecard & gourmet)*/
#product-info7d912056-becc-44f7-89f8-dde7c3a6bdb7 #optionNameHeading {
display: none;
}
#product-info7d912056-becc-44f7-89f8-dde7c3a6bdb7 .dining-info-header {
margin-bottom: 1rem;
}
#product-info7d912056-becc-44f7-89f8-dde7c3a6bdb7 .dining-info-text {
font-size: 1rem;
}
#product-info7d912056-becc-44f7-89f8-dde7c3a6bdb7 .dining-info-text strong {
font-family: HelveticaNowDisplayMedium;
}
#product-info7d912056-becc-44f7-89f8-dde7c3a6bdb7 {
width: 125%;
}
#product-info36e41702-8da4-4a22-bd0b-f984a14945cb #optionNameHeading {
display: none;
}
#product-info36e41702-8da4-4a22-bd0b-f984a14945cb .dining-info-header {
margin-bottom: 1rem;
}
#product-info36e41702-8da4-4a22-bd0b-f984a14945cb .dining-info-text {
font-size: 1rem;
}
#product-info36e41702-8da4-4a22-bd0b-f984a14945cb .dining-info-text strong {
font-family: HelveticaNowDisplayMedium;
}
#product-info36e41702-8da4-4a22-bd0b-f984a14945cb {
width: 125%;
}
/*Benefit Summary - Benefit Statement*/
.benefitheader-fixed .print-btn-section {
display: none;
}
.input-group-addon.data-addon.ng-binding {
color: #46535e;
font-family: HelveticaNowDisplayMedium;
}
.benefit-statement .line-group {
padding: 0;
}
.benefit-statement .lineheader {
color: #46535e;
font-family: HelveticaNowDisplayBold;
font-size: 1.2rem;
}
.alert.alert-warning {
color: #262836;
font-size: 1.2rem;
font-family: HelveticaNowDisplayReg;
}
/*Legal content*/
.legalcontent-privacy strong,
.legalcontent-privacy strong span {
font-family: HelveticaNowDisplayMedium;
color: #b22222;
}
#main .page-content .single-column #content p strong span {
font-family: HelveticaNowDisplayMedium;
}
/*Benefit for complete - elections submitted page*/
.benefitforcomplate .line-group {
padding: 0;
}
.benefitforcomplate .lineheader {
color: #46535e;
font-family: HelveticaNowDisplayBold;
font-size: 1.2rem;
}
.benefit-matrix .text-success.section-complete {
font-size: 1rem;
font-family: HelveticaNowDisplayMedium;
color: #262836 !important;
}
#exit-confirm {
width: 80vw;
}
/*Footer*/
#footer {
position: relative;
bottom: 0;
/*margin-top: 60px;*/
padding: 0;
background-color: #f2f2f2;
}
#footer a {
margin: 0;
}
#footer .footer-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 4fr 1fr;
grid-template-columns: 1fr 4fr 1fr;
grid-template-areas:
"logo menu social"
"logo copyright social";
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#footer #footer-logo {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
-ms-grid-column: 1;
grid-area: logo;
width: 120px;
-ms-grid-column-align: end;
justify-self: end;
height: 70px;
}
#footer #footer-menu {
-ms-grid-row: 1;
-ms-grid-column: 2;
grid-area: menu;
justify-items: center;
}
#footer #footer-menu ul {
-ms-grid-column-align: center;
justify-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 5px 0 0 0;
}
#footer #footer-menu ul li {
list-style: none;
text-align: center;
-webkit-transition: background-color 0.5s linear;
-o-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;
}
#footer #footer-menu ul li:not(:first-child) {
border-left: 1px solid #262836;
}
#footer #footer-menu ul li:hover {
background-color: #262836;
}
#footer #footer-menu ul li a {
text-decoration: none;
color: #262836;
font-size: 1rem;
font-family: HelveticaNowDisplayMedium;
}
.optanon-toggle-display.EUFooterLink {
display: list-item !important;
}
.online-two-iso #footer-menu ul li a {
padding: 1rem 3rem;
}
#footer #footer-menu ul li:hover a {
color: #fff;
text-decoration: none;
}
#footer #footer-social {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
-ms-grid-column: 3;
grid-area: social;
-ms-grid-column-align: start;
justify-self: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fa-linkedin::before {
content: "\f08c" !important;
}
#footer #footer-social a:hover,
#footer #footer-social a:focus {
text-decoration: none;
}
#footer #footer-copyright {
-ms-grid-row: 2;
-ms-grid-column: 2;
grid-area: copyright;
-ms-grid-column-align: center;
justify-self: center;
padding: 1.5rem 0 1rem 0;
color: #262836;
text-align: center;
width: 90%;
}
#footer-social A:hover,
#footer-social A:focus {
text-decoration: none;
}
/*About Us*/
/*.contact-us-page {
display: -ms-grid;
display: grid;
-ms-grid-rows: auto 1rem auto;
grid-template-rows: repeat(2, auto);
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 1rem;
}
.contact-us-page > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.contact-us-page > *:nth-child(2) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.contact-us-page > *:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.contact-us-page > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.about-info {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1 / span 2;
}
.about-info h1 {
font-family: HelveticaNowDisplayReg;
color: #e11b22;
font-size: 2.7rem;
text-align: center;
}
.about-info p {
text-align: center;
font-size: 1.5rem;
}
.about-info img {
height: 200px;
}
.social-container {
-ms-grid-column-align: center;
justify-self: center;
}
.contact-container {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}*/
.contact-us-page {
width: 90%;
margin: 0 auto;
}
.contact-container .link-favicon.link {
color: #262836 !important;
}
.contact-us-page .contact-container .intro-content .link-favicon.link::before {
color: #262836;
}
.contact-container h3 {
font-family: HelveticaNowDisplayReg;
color: #e11b22;
font-size: 1.5rem;
}
.about-info .web {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.about-info .web img {
width: 250px;
}
/*Session timeout message*/
.session-expiry-counter {
font-size: 2rem;
font-family: HelveticaNowDisplayBold;
}
/*APSS page*/
/*APSS page*/
[action="/apss.aspx"] [href="/login"] i {
display: none;
}
[action="/apss.aspx"] strong {
font-family: HelveticaNowDisplayMedium;
}
[action="/APSS.aspx"] [href="/login"] i {
display: none;
}
[action="/APSS.aspx"] strong {
font-family: HelveticaNowDisplayMedium;
}
/*Insurance deals page*/
[action^="/LifestyleSavings"] #wrapper {
width: 80%;
}
[action^="/LifestyleSavings"] #page-title {
display: none;
}
#lifestyle_savings .banner-bg {
background: url("/aonselect/media/media/GettyImages-1293236809.jpg") center
center/contain no-repeat;
height: 40vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.banner .intro-content.header {
color: #fff !important;
font-size: clamp(1.2rem, 4vw, 4rem);
}
#lifestyle_savings .deals .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#lifestyle_savings .deals .container .deal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 3rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#lifestyle_savings .deals .container .deal .deal_description {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
#lifestyle_savings .deals .container .deal:nth-child(2n + 1) .deal_description {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
padding-left: 1rem;
}
#lifestyle_savings .deals .container .deal:nth-child(2n) .deal_description {
padding-right: 1rem;
}
#lifestyle_savings .deals .container .deal .deal_description h4 {
font-size: 1.2rem;
color: #007585;
margin: 1rem 0 0 0;
padding: 0;
}
#lifestyle_savings .deals .container .deal .deal_description h2 {
font-size: 1.5rem;
text-transform: none;
margin: 1rem 0 0 0;
padding: 0;
}
#lifestyle_savings p,
#lifestyle_savings li {
font-size: clamp(0.8rem, 1.2vw, 1rem);
}
#lifestyle_savings .deals .container .deal .deal_description p {
margin-top: 1rem;
}
#lifestyle_savings .deals .container .deal .deal_description .btn_container {
margin-top: 1rem;
margin-bottom: 1rem;
}
.deal .btn.btn-success {
border: 0;
min-height: auto;
}
#lifestyle_savings .deals .container .deal .deal_image {
-webkit-box-flex: 0;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
width: 100%;
}
@media (max-width: 767px) {
#lifestyle_savings .deals .container .deal .deal_image {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
.img-responsive {
max-width: 100%;
height: 100%;
width: 100%;
vertical-align: top;
margin-bottom: 1rem !important;
aspect-ratio: 4/3;
-o-object-fit: cover;
object-fit: cover;
}
#lifestyle_savings .deals .container .deal .deal_description ul {
margin-top: 5px;
}
#lifestyle_savings .deals .container .deal .deal_description ul li {
margin-left: 30px;
}
#lifestyle_savings .deals .container .deal .deal_description ul li::before {
content: "";
font-family: FontAwesome;
padding-right: 5px;
color: #007585;
}
.deal .btn.btn-success span {
color: #fff;
font-family: HelveticaNowDisplayMedium;
}
.inline-loader-bar {
background-color: #fff !important;
}
.LineDetail_aig_disclaimer .pannel-body-full,
.LineDetail_aig_disclaimer .pannel-body-full section,
.LineDetail_aviva_disclaimer .pannel-body-full,
.LineDetail_aviva_disclaimer .pannel-body-full section {
min-height: auto !important;
}
.online-two-iso .LineDetail_aig_disclaimer .info-text.item.benefit-type-content,
.online-two-iso .LineDetail_aig_disclaimer .faq-item,
.online-two-iso
.LineDetail_aviva_disclaimer
.info-text.item.benefit-type-content,
.online-two-iso .LineDetail_aviva_disclaimer .faq-item {
width: 100%;
padding-top: 1rem;
}
.benefit-type-content .legal_disclaimer_text {
margin-top: 3rem;
}
.legal_disclaimer_text {
font-size: 1rem;
text-align: justify;
}
.LineDetail_aig_disclaimer .modal-controls,
.LineDetail_aviva_disclaimer .modal-controls {
visibility: hidden;
height: 50px;
}
.legal .btn_container {
text-align: center;
}
@media (max-width: 767px) {
#lifestyle_savings {
width: 100%;
}
#lifestyle_savings .deals .container .deal .deal_description,
#lifestyle_savings .deals .container .deal .deal_image {
max-width: 100%;
min-width: 100%;
width: 100%;
padding-left: 0 !important;
}
#lifestyle_savings .deals .container .deal .deal_image {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
#lifestyle_savings .deals .container .deal:nth-child(2n) .deal_description {
padding-right: 0;
}
}
/*On screen follow ups*/
.benefitselect .followup-required {
display: none;
}
.followup-item-collect {
margin-right: 2rem;
}
.benefitselect
#content
.line-benefit-intro
~ [class^="box-border"]
.box-border {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.benefitselect
#content
.line-benefit-intro
~ [class^="box-border"]
.box-border
.followup-container {
-webkit-box-flex: 1;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
margin: 0.5rem;
}
.benefitselect .followup-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #c9cac8;
border-radius: 10px;
}
.followup-item-collect hr {
display: none;
}
.benefitselect .followup-container::before {
content: "";
font-family: FontAwesome;
font-size: 2rem;
display: block;
margin-right: 0px;
margin-left: 1rem;
margin-top: 0.5rem;
}
.benefitselect .followup-container .followup-collect-header {
height: auto;
padding: 1rem 0 0 1rem;
}
.benefitselect .followup-container .followup-item-coverage-heading {
padding-bottom: 0;
margin-bottom: 0;
margin-top: 0;
}
.followup-collect-header .followup-item-coverage-heading span {
font-size: 0.8rem;
}
.followup-item-coverage-heading .followup_header {
font-size: 1rem;
padding: 0.5rem 0 !important;
margin: 0 !important;
}
.followup-collect-header
.followup-item-coverage-heading
span
.followup-item-header {
margin: 0;
padding-top: 0.5rem;
font-family: HelveticaNowDisplayMedium;
}
.followup-collect-header
.followup-item-coverage-heading
span
.followup-item-header
+ p {
margin: 0;
}
.followup-item-collect .followup-collect-content {
font-size: 0.8rem;
}
.followUpItems-confirm label,
.followup-item-input label,
.followUpItems-confirm label span,
.followup-item-input label span {
font-style: italic;
}
.followup-item-input label ~ span,
.followup-item-input label ~ span > span {
font-style: italic;
}
.followup-item-coverage-heading .underline {
-webkit-text-decoration: underline 3px #999;
text-decoration: underline 3px #999;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
.followup-item-collect .followup-collect-content .indented {
margin-left: 2rem;
}
.followUpItems-confirm label {
font-size: 0.8rem;
font-style: italic;
vertical-align: sub;
}
.followup-collect-header .followup-item-coverage-heading span p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.alert-warning hr {
border-top-color: #c9cac8 !important;
margin: 5px auto !important;
}
.followup-item-collect h5.success {
margin-bottom: 0;
font-size: 1rem;
}
.benefitselect .followup-collect-info {
display: none;
}
.followup-item-description {
text-align: left;
}
.followup-item-header {
font-family: HelveticaNowDisplayMedium;
}
/**Mobile Responsiveness**/
@media (max-width: 766px) {
a[href="/home"] {
width: 100px;
margin: auto;
position: absolute;
left: 0;
right: 0;
}
#logo {
float: none;
margin: 0 auto;
}
#benefit-overview .benefit-overview-title {
width: 100%;
}
#benefit-overview .benefit-overview-title H1 {
text-align: center;
width: 100%;
}
.main-menu-toogle.btn.visible-xs {
position: absolute;
bottom: 0;
left: 15px;
width: auto !important;
top: 0;
margin: auto 0 !important;
height: 50%;
padding: 0 !important;
}
.main-menu-toogle.btn.visible-xs:focus {
outline: none !important;
}
.onlineTwoPointO-home .modules-mobile span.module-label {
max-width: 80%;
}
#home-modules-mobile i[class*="icon-two-point-o"] {
display: none;
}
.onlineTwoPointO-home .modules-mobile span.module-label {
font-size: 18px;
font-family: HelveticaNowDisplayMedium;
margin-left: 0;
}
#home-modules-mobile.modules-mobile .module-mobile button,
#home-modules-mobile #insurance-deals-buttons .btn-deals,
#home-modules-mobile #wellness-hub-buttons .btn-wellness {
margin-top: 10px !important;
}
#event-other {
height: auto;
}
#renewalCountdown > span {
color: #46535e;
}
#home-module-enrolment .enrollment-copy .text-light {
max-width: 100vw;
}
.module-header {
color: #46535e;
font-size: 2rem;
width: 80vw;
}
#event-renewal .btn.btn-default,
.onlineTwoPointO-home .module-content [class*="-buttons"] button {
background-color: #e11b22;
}
#event-renewal .btn.btn-default span,
.onlineTwoPointO-home .module-content [class*="-buttons"] button span {
color: #fff;
}
/*.module-content button {
background-color: #e11b22 !important;
}
.module-content button span {
color: #fff !important;
}
.module-content input {
background-color: #e11b22 !important;
color: #fff !important;
}*/
.onlineTwoPointO-home .module-content {
height: auto;
}
#module-header-subtext {
color: #46535e;
width: 80vw;
font-size: 1rem;
}
#module-header-maintext {
color: #46535e;
width: 80vw;
font-size: 1.5rem;
}
.totalcostsection .totalcost .row .col-md-4.col-sm-4,
.totalcostsection .totalcost .row .col-md-4 {
/*! width: 92vw; */
/*! height: 65px; */
/*! display: block; */
}
.online-two-iso .perpayperannualbtngroup {
padding-top: 5px;
}
.benefit-matrix .benefitstatement-load-container {
margin-top: 50px;
}
.online-two-iso .modal-large .modal-body .pannel-body-full {
background-image: none;
}
.benefit-matrix .benefitdate .data-addon {
font-size: 13px;
}
.benefit-matrix .benefitdate {
font-size: 17px;
width: 22em;
}
#home-module-enrolment.module-mobile.active span.module-label {
color: #e11b22;
}
#home-module-benefit-statement.module-mobile.active span.module-label {
color: #0083a9;
}
.fa.fa-bars:before {
color: #000;
font-size: 2rem;
content: '\f0c9';
font-family: FA6Regular;
}
.benefit-matrix .benefitstatement-load-container {
margin-top: 0;
}
.cost.no-math-symbol,
.funded.no-math-symbol,
.links-group.four-links {
display: none;
}
#byoOverlay #byo-saveAndClose {
width: 100%;
}
.more-info.margin-top-min {
display: none;
}
.btn.btn-success.btn-confirmchoice .ng-isolate-scope {
color: #fff;
font-family: HelveticaNowDisplayMedium;
}
.benefitselect .products .box-border.sel .header,
.benefitselect .products .box-border.sel,
.online-two-iso A.button-style.green {
background-color: #262836;
}
.protection.btn.btn-info.extra {
background-color: #7ab800;
border-color: #7ab800;
}
.benefit-matrix .benefit-menu {
display: none;
}
.row.line .col-md-8 {
width: 100% !important;
}
.benefitselect.benefit-matrix .totalcostsection .totalcost .row .col-md-4 {
margin-left: 1.7rem;
margin-top: 0.7rem;
}
.btn.btn-default.btn-perpay.ng-valid.ng-not-empty.ng-dirty.ng-touched.btn-warning.active.ng-valid-parse,
.btn.btn-default.btn-perpay.ng-pristine.ng-valid.btn-warning.ng-not-empty.active.ng-touched,
.btn.btn-default.btn-peranual.ng-valid.ng-not-empty.ng-dirty.ng-touched.btn-warning.active.ng-valid-parse,
.btn.btn-default.btn-peranual.ng-pristine.ng-valid.btn-warning.ng-not-empty.active.ng-touched,
.bootstrap-iso .btn-warning.active {
background-color: #262836;
border-color: #262836;
}
#linedata h1 span {
font-family: HelveticaNowDisplayBold;
}
.description .dining-info-header {
font-family: HelveticaNowDisplayBold;
}
.benefitselect .header-selected {
margin-right: 12px;
}
.product-info [id^="product-info"] {
width: 100% !important;
}
#benefit-overview .summaryContent.tableCell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.summary-text.item .choice,
.summary-text.item .text,
.summary-text.item .ext {
-ms-grid-column-align: center;
justify-self: center;
}
.online-two-iso .info-text.item.benefit-type-content,
.online-two-iso .faq-item {
width: 100%;
}
.benefit-matrix .benefit-menu .img {
display: block;
background-size: contain;
}
.benefitselect .benefit-menu .img {
height: 70px;
background-color: transparent;
}
.benefitselect .seealso li {
background: #eee;
height: 80px;
}
.benefitselect .seealso li {
margin-left: 1rem;
}
#footer .footer-container {
display: block;
text-align: center;
}
#footer #footer-menu ul {
display: block;
}
#footer #footer-menu ul li {
border: none !important;
}
#footer #footer-social {
margin-top: 1rem;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
height: 45px;
}
#footer #footer-menu ul li a {
text-decoration: underline;
}
}
@media (max-width: 1200px) {
#plan-f0554892-ebed-4140-b140-e9e1912fc35d .content-box-border,
#plan-fc67cabe-6cbe-4cad-999c-718f29d43d08 .content-box-border,
#plan-3a473967-7a34-4779-818a-9e1c3abb98d8 .content-box-border,
#plan-da471d49-96af-4fe0-989b-196754587498 .content-box-border,
#plan-2ccc3887-1df1-42dd-b601-0508c75283cd .content-box-border,
#plan-72dc134a-1576-49b4-ae41-ea96e9709dc7 .content-box-border,
#plan-e0e4a10b-5bf8-4d64-afdf-f01487b3b1d4 .content-box-border,
#plan-fd795bf9-1ba6-4711-9372-a37b9852934c .content-box-border {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#plan-f0554892-ebed-4140-b140-e9e1912fc35d .product-info,
#plan-fc67cabe-6cbe-4cad-999c-718f29d43d08 .product-info,
#plan-3a473967-7a34-4779-818a-9e1c3abb98d8 .product-info,
#plan-da471d49-96af-4fe0-989b-196754587498 .product-info,
#plan-2ccc3887-1df1-42dd-b601-0508c75283cd .product-info,
#plan-72dc134a-1576-49b4-ae41-ea96e9709dc7 .product-info,
#plan-e0e4a10b-5bf8-4d64-afdf-f01487b3b1d4 .product-info,
#plan-fd795bf9-1ba6-4711-9372-a37b9852934c .product-info {
width: 100%;
}
#plan-f0554892-ebed-4140-b140-e9e1912fc35d .product-info .product-info-container,
#plan-fc67cabe-6cbe-4cad-999c-718f29d43d08 .product-info .product-info-container,
#plan-3a473967-7a34-4779-818a-9e1c3abb98d8 .product-info .product-info-container,
#plan-da471d49-96af-4fe0-989b-196754587498 .product-info .product-info-container,
#plan-2ccc3887-1df1-42dd-b601-0508c75283cd .product-info .product-info-container,
#plan-72dc134a-1576-49b4-ae41-ea96e9709dc7 .product-info .product-info-container,
#plan-e0e4a10b-5bf8-4d64-afdf-f01487b3b1d4 .product-info .product-info-container,
#plan-fd795bf9-1ba6-4711-9372-a37b9852934c .product-info .product-info-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#plan-f0554892-ebed-4140-b140-e9e1912fc35d .content-box-border .product-info-container .features,
#plan-fc67cabe-6cbe-4cad-999c-718f29d43d08 .content-box-border .product-info-container .features,
#plan-3a473967-7a34-4779-818a-9e1c3abb98d8 .content-box-border .product-info-container .features,
#plan-da471d49-96af-4fe0-989b-196754587498 .content-box-border .product-info-container .features,
#plan-2ccc3887-1df1-42dd-b601-0508c75283cd .content-box-border .product-info-container .features,
#plan-72dc134a-1576-49b4-ae41-ea96e9709dc7 .content-box-border .product-info-container .features,
#plan-e0e4a10b-5bf8-4d64-afdf-f01487b3b1d4 .content-box-border .product-info-container .features,
#plan-fd795bf9-1ba6-4711-9372-a37b9852934c .content-box-border .product-info-container .features {
width: 100%;
}
}
/*** IPAD ***/
@media (min-width: 767px) and (max-width: 1024px) {
.benefit-matrix .benefitstatement-load-container {
margin-top: 0;
}
.benefitselect.benefit-matrix .row.totalcostsection .row .col-md-4 {
margin-left: 2.7rem;
}
.benefit-matrix .benefitheader.benefitheader-border {
padding: 11px 72px;
}
}
.benefitheader-fixed .totalcost-section-row .payperiodtoggle {
float: right !important;
width: auto;
margin-left: 1rem;
margin-top: 0;
}
.btn-group.perpayperannualbtngroup.ng-isolate-scope {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
/*Event lister*/
[action="/EventsCalendar.aspx"] #wrapper {
width: 90vw;
}
#events * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#events img {
width: 100%;
border-radius: 5px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 90%;
object-position: 90%;
}
@media screen and (max-width: 599px) {
#events img {
height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
}
#events {
color: #46535e;
padding: 1rem 0;
}
#events section {
margin-bottom: 2rem;
}
#events h1 {
font-family: HelveticaNowDisplayBold;
color: #262836;
margin: 3rem 0;
text-transform: uppercase;
text-align: center;
font-size: clamp(2rem, 4vw, 4rem);
}
#events h2 {
color: #fff;
font-family: HelveticaNowDisplayBold;
background: #262836;
padding: 0 1rem;
margin-bottom: 1rem;
border-radius: 30px;
}
#events h3 {
color: #262836;
font-family: HelveticaNowDisplayBold;
margin: 0.5rem 0;
font-size: 1.5rem;
}
#events h5 {
padding: 0;
margin: 0.5rem 0;
}
@media screen and (min-width: 600px) {
#events .grid-wrapper {
display: -ms-grid;
display: grid;
grid-auto-flow: column;
grid-gap: 1rem;
padding: 0 2rem;
}
}
@media screen and (min-width: 1025px) {
#events .grid-wrapper {
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
-ms-grid-rows: 1fr 1rem 1fr 1rem 1fr;
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: repeat(4, 1fr);
padding: 0 2rem;
-ms-grid-rows: 1fr 1rem 1fr 1rem 1fr;
grid-template-rows: 1fr 1fr 1fr;
}
#events .grid-wrapper > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
#events .grid-wrapper > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
#events .grid-wrapper > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}
#events .grid-wrapper > *:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-column: 7;
}
#events .grid-wrapper > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
#events .grid-wrapper > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
#events .grid-wrapper > *:nth-child(7) {
-ms-grid-row: 3;
-ms-grid-column: 5;
}
#events .grid-wrapper > *:nth-child(8) {
-ms-grid-row: 3;
-ms-grid-column: 7;
}
#events .grid-wrapper > *:nth-child(9) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
#events .grid-wrapper > *:nth-child(10) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
#events .grid-wrapper > *:nth-child(11) {
-ms-grid-row: 5;
-ms-grid-column: 5;
}
#events .grid-wrapper > *:nth-child(12) {
-ms-grid-row: 5;
-ms-grid-column: 7;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
#events .grid-wrapper {
-ms-grid-columns: 1fr 2fr;
grid-template-columns: 1fr 2fr;
}
}
#events article {
border-bottom: 1px solid #262836;
min-height: 250px;
}
#events article p {
font-family: HelveticaNowDisplayBold;
font-size: 0.95rem;
color: #46535e;
padding-bottom: 1rem;
}
#events .eventsBtn {
margin-top: 1rem;
}
#events .eventsBtn .btn.btn-success {
text-decoration: none;
}
#events article:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-row-span: 3;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 1/2/4/3;
}
@media screen and (min-width: 1025px) {
#events article:nth-child(8) {
-ms-grid-row: 1;
-ms-grid-row-span: 3;
grid-area: 1/4/4/-1;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
#events article:nth-child(8) {
-ms-grid-row: 4;
-ms-grid-row-span: 4;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-area: 4/2/8/3;
}
}
@media screen and (min-width: 1025px) {
#events article:nth-child(4n + 3) {
border-bottom: 0;
}
}
@media screen and (min-width: 1025px) {
#events article:nth-child(4) {
border-right: 1px solid #262836;
padding-right: 1rem;
}
}
@media screen and (min-width: 600px) {
#events article:nth-child(4n) {
border: none;
padding-left: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
/*Maintenance Page*/
.maintenance_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
width: 80%;
margin: 0 auto;
gap: 2rem;
}
.maintenance_wrapper > * {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.maintenance_content {
padding: 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 766px) {
.maintenance_wrapper {
flex-direction: column;
width: 90%;
gap: 0;
align-items: start;
}
.maintenance_content {
padding: 0;
}
.maintenance_wrapper > * {
-ms-flex: 1 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
.maintenance_wrapper img {
order: -1;
object-fit: contain;
}
}
.maintenance_content h1 {
color: #262836;
}
.maintenance_content p {
max-width: 50ch;
}
.maintenance_content .back {
margin-top: 3rem !important;
}
.maintenance_content .back a {
text-decoration: none;
}
.maintenance_content .back a:hover {
color: #262836;
}
.maintenance_content .back a:before {
content: '\f33e ';
padding-right: ;
font-family: FA6Solid;
}
/*Login Page*/
.online-two-iso.login form {
overflow-y: hidden;
}
.online-two-iso.login .LoginPageContainer #terminator {
position: relative;
}
.online-two-iso.login .LoginPageContainer #header,
.online-two-iso.login .LoginPageContainer #wrapper {
width: 100% !important;
max-width: 100% !important;
}
.online-two-iso.login .LoginPageContainer #header {
height: 100vh;
background: rgba(229, 239, 240, 1)
url(/aonselect/media/media/gettyimages_1225070980-min.jpg) center
center/cover no-repeat;
margin: 0 !important;
padding: 0 !important;
}
.online-two-iso.login .LoginPageContainer #main {
background: #e5eff0;
border-radius: 0;
width: 30%;
height: 100%;
position: absolute;
right: 0;
top: 0;
margin: 0;
min-width: 335px;
overflow: auto !important;
}
@media (min-width: 951px) {
.online-two-iso.login .LoginPageContainer #main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 500px) {
.online-two-iso.login .LoginPageContainer #main,
.online-two-iso.login .LoginPageContainer .login-module-zone {
width: 100vw;
}
}
.online-two-iso.login
.LoginPageContainer
.login-module-zone
.login-modules
#login-module-help,
.online-two-iso.login
.LoginPageContainer
.login-module-zone
.login-modules
#login-module-sso{
z-index: 100;
}
.online-two-iso.login .LoginPageContainer #main .panel.panel-default {
-webkit-box-shadow: none;
box-shadow: none;
margin: 10% 5% 0 5% !important;
border: none;
}
.online-two-iso.login .LoginPageContainer .panel.panel-default {
background-color: transparent;
}
.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
padding: 0;
}
.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
background-color: transparent;
}
.login-box {
margin-top: 0;
}
#loginBoxTitle::before {
content: "Welcome to Choice";
font-size: 4rem;
font-family: HelveticaNowDisplayBold;
color: #46535e;
margin-bottom: 10px;
display: block;
line-height: 1.1
}
@media (max-height: 550px) {
#loginBoxTitle::before {
font-size: 2.5rem;
}
}
#loginBoxTitle::after {
content: "Use the Okta SSO link below to login ↓";
font-size:1rem;
font-family: HelveticaNowDisplayMedium;
color: #46535e;
margin-bottom: 10%;
display: block;
}
.input-group.input-group-lg {
display: block;
padding: 1rem 0 !important;
}
.input-group.input-group-lg.username {
margin-top: 1rem;
}
.online-two-iso.login .LoginPageContainer .input-group.password {
margin-top: 2em;
}
#uname-addon,
#pwd-addon {
font-size: 1rem;
text-transform: capitalize;
font-family: HelveticaNowDisplayMedium;
background-color: transparent;
border-radius: 10px 0 0 10px;
color: #46535e;
text-align: left;
border: none;
border-right: none;
width: 100%;
height: 2rem !important;
padding-left: 0 !important;
}
#username,
#password {
font-family: HelveticaNowDisplayLight;
font-size: 0.9rem;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
border: 2px solid #46535e;
color: #46535e;
max-width: 350px;
}
@media (max-width: 767px) {
#username,
#password {
max-width: 100%;
}
}
.online-two-iso.login .LoginPageContainer .btn.btn-primary#login {
float: none !important;
margin: 60px 0 36px 0;
border-radius: 0 !important;
}
.online-two-iso.login .LoginPageContainer .btn.btn-primary#login,
.online-two-iso .success-link a.button-style {
font-family: HelveticaNowDisplayMedium;
border: none;
-webkit-transition: all linear 0.5s;
-o-transition: all linear 0.5s;
transition: all linear 0.5s;
}
#login.btn {
background-color: #007585 !important;
border: none;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: HelveticaNowDisplayMedium, Arial, sans-serif;
font-size: 18px;
line-height: 24px;
border-radius: 0 !important;
text-transform: revert;
-ms-touch-action: manipulation;
touch-action: manipulation;
padding: 10px;
}
#login.btn:hover {
background-color: #e5eff0 !important;
color: #007585 !important;
border: 1px solid #007585 !important;
-webkit-text-decoration: #007585;
text-decoration: #007585;
}
#login.btn:focus {
outline: 2px solid #007585 !important;
outline-offset: 2px !important;
}
#login.btn:hover:focus {
background-color: #007585 !important;
color: #fff !important;
}
.loader {
background: url(/aonselect/media/media/Ellipsis-3-3s-200px.gif) no-repeat
center center/contain transparent;
display: inline-block;
height: 25px;
width: 25px;
margin-left: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
[class^="line-group"] .group-body > div .benefitline [class*="BenefitIntro"] .glyphicon-info-sign .loader {
height: 30px;
width: 30px;
position: absolute;
right: -5px;
top: -5px;
background: url('/smart/media/IMG/Various/Spin-tile.gif') center center/cover no-repeat;
border-radius: 50%;
}
.glyphicon.glyphicon-info-sign.glyphicon-info-sign-color {
outline: none !important;
}
.online-two-iso.login .LoginPageContainer .btn.btn-primary#login,
.online-two-iso.login .LoginPageContainer .additional-services {
float: left;
}
.online-two-iso.login .LoginPageContainer .additional-services > div {
padding-left: 0;
}
#wp-forgetPassword > div > span {
color: #007585;
font-family: HelveticaNowDisplayLight;
font-size: 0.9rem;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-text-decoration: underline transparent 0px;
text-decoration: underline transparent 0px;
text-underline-offset: 5px;
}
.online-two-iso.login .LoginPageContainer span#errMsg {
color: #D14900;
padding: 0 0 1rem 0;
}
/*Forgot Password*/
#wp-forgetPassword > div > span {
font-family: HelveticaNowDisplayMedium;
}
#wp-forgetPassword > div > span:hover {
-webkit-text-decoration: underline 2px;
text-decoration: underline 2px;
text-underline-offset: 5px;
}
.online-two-iso.login .LoginPageContainer .btn.btn-primary#login {
float: none;
margin: 60px 0 36px 0;
border-radius: 0 !important;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-help,
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-sso {
background: transparent;
min-width: 335px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
padding: 0 0.5rem;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-help *,
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-sso * {
color: #46535e !important;
font-family: HelveticaNowDisplayLight;
text-align: left;
font-size: 1rem !important;
}
@media (max-width: 950px) {
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-help,
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-sso {
width: 100% !important;
overflow: hidden;
}
}
@media (max-height: 760px) {
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-text {
margin: 0;
padding-top: 0;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-sso {
bottom: 110px;
}
}
#login-modules-container .module-title {
text-align: left;
width: 100%;
font-family: HelveticaNowDisplayBold !important;
}
.online-two-iso.login .LoginPageContainer .module-title::before {
content: none;
}
.online-two-iso.login
.LoginPageContainer
.login-module-zone
.login-modules
.module
.module-text {
border-top: 1px solid #007585;
width: 100% !important;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.link-favicon::before,
.text-favicon::before {
margin: 0 10px 0 0;
}
/*Nav bar*/
@media (min-width: 766px) {
#menu-container {
width: auto !important;
height: 75px !important;
margin-left: 1rem;
}
}
.online-two-iso #terminator #header.header-fullwidth {
padding: 0;
}
#menu-container #menu-no-dashboard {
width: auto !important;
height: 50px !important;
padding: 0 !important;
margin: 1rem 0 0 0 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#menu-container #menu-no-dashboard li {
height: auto;
width: 100%;
margin: 0 !important;
padding: 0 !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 125px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex !important;
justify-content: center;
position: relative;
}
@media (min-width: 750px) {
#menu-container #menu-no-dashboard li:nth-child(n+5) {
display: none !important;
}
}
#menu-container #menu-no-dashboard li a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #262836;
font-size: 1rem !important;
border-bottom: 2px solid transparent;
padding-bottom: 2px;
height: 100%;
width: 100%;
}
.online-two-iso #menu-no-dashboard [id*="navtablist"] a[id*="menu"]:not(#menu0).nav-active {
border-bottom: 2px solid #EB0017;
}
#menu-container #menu-no-dashboard li a:before {
content: "";
}
#menu-container #menu-no-dashboard li {
border: none;
}
#menu-container #menu-no-dashboard li:hover {
background-color: #eef6f7;
}
#links {
margin: 0 !important;
padding: 0 !important;
}
#headerResources {
position: absolute;
bottom: 0;
right: 10px;
width: auto;
}
@media(max-width: 767px) {
#headerResources {
top: 0;
margin: auto 0;
height: 50%;
}
}
/*Benefit Matrix*/
* {
scrollbar-width: thin;
scrollbar-color: #333 #aaa;
}
@media (min-width: 767px) {
#home #menu-container {
visibility: hidden;
}
}
#containerGlobal #wrapper {
max-width: 1440px;
margin: 0 auto;
width: 100%;
position: static !important;
}
#containerGlobal #header {
margin: 0 auto !important;
width: 100% !important;
left: 0;
right: 0;
max-width: 1720px;
position: relative;
float: none;
z-index: auto;
}
.fa-user::before,
.fa-sign-out::before {
color: #46535e;
font-size: 1rem;
}
.fa-user:hover,
.fa-sign-out:hover {
border-bottom-color: #eb0017;
}
.fa-user,
.fa-sign-out {
margin-bottom: 5px;
border-bottom: 2px solid transparent;
}
.online-three-allpages-fullwidth
.wrapper-fullwidth
.benefit-matrix
.benefitheader-fixed,
.online-three-allpages-fullwidth .wrapper-fullwidth#wrapper {
width: 100%;
}
.online-three-allpages-fullwidth
.wrapper-fullwidth
.benefit-matrix
.benefitheader-fixed {
padding-left: 0 !important;
padding-right: 0 !important;
}
.online-three-allpages-fullwidth .wrapper-fullwidth .benefit-matrix .benefitheader-fixed {
left: 0;
right: 0;
max-width: 1440px;
margin: 0 auto;
position: absolute;
z-index: 1;
top: 95px !important;
}
.online-three-allpages-fullwidth .wrapper-fullwidth .benefit-statement .benefitheader-fixed {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 650px) {
.benefit-matrix .benefit-category-mobile-view {
width: 100%;
}
}
.benefit-statement .benefitheader-fixed .row.margin-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50%;
}
.benefit-statement #printdiv {
margin: 0;
min-height: -webkit-max-content;
min-height: -moz-max-content;
min-height: max-content;
width: 50%;
}
.benefitheader-fixed .row.margin-left > div {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 15px 5px 15px;
width: auto;
/*! flex-basis: 50%; */
}
#followup-items {
float: right;
margin-right: 15px;
}
@media (max-width: 767px) {
#followup-items {
width: calc(100% - 30px) !important;
}
}
h3.dependantModalHeader {
margin: 0px 0px 25px 0;
padding: 0;
}
@media (min-width: 767px) and (max-width: 1024px) {
.benefit-matrix .benefitheader.benefitheader-border {
padding: 10px 20px;
}
}
.benefitheader-fixed div#followup-items a.btn,
.benefitheader-fixed div#resettodefaults a.btn {
margin: 0;
float: right;
width: auto;
}
@media (max-width: 767px) {
.benefitheader-fixed div#followup-items a.btn,
.benefitheader-fixed div#resettodefaults a.btn {
width: 100%;
}
}
#resettodefaults {
display: none;
}
.btn.btn-success.btn-confirmchoice {
background-color: #007585 !important;
border: none !important;
}
@-webkit-keyframes shadow-pulse-red {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(0, 117, 133, 0.9);
box-shadow: 0 0 0 0px rgba(0, 117, 133, 0.9);
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(0, 117, 133, 0);
box-shadow: 0 0 0 10px rgba(0, 117, 133, 0);
}
}
@keyframes shadow-pulse-red {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(0, 117, 133, 0.9);
box-shadow: 0 0 0 0px rgba(0, 117, 133, 0.9);
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(0, 117, 133, 0);
box-shadow: 0 0 0 10px rgba(0, 117, 133, 0);
}
}
.btn,
.btn *,
.benefit-matrix .benefitheader.benefitheader-border,
.benefit-matrix .title,
#benefit-overview .group-title {
text-transform: capitalize !important;
}
.perpayperannualbtngroup .btn {
min-width: 100px !important;
}
.totalcostsection .totalcost .row {
margin: 0;
}
.online-two-iso .benefit-matrix .fixed-container {
margin-top: 185px !important;
}
@media (max-width: 767px) {
.online-two-iso .benefit-matrix .fixed-container {
margin-top: 250px !important;
}
}
.benefit-matrix .benefit-category .panel-body {
background-color: #fff;
padding-top: 40px;
}
.panel.panel-default {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.bootstrap-iso .panel-default > .panel-heading + .panel-collapse > .panel-body {
padding: 0;
border: none;
background: transparent;
}
.benefit-matrix .benefit-category .panel-default > .panel-heading {
display: none;
}
.benefit-matrix .benefit-active-benefits {
height: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
margin: 0 0 3rem 0;
-o-object-position: right;
object-position: right;
background-repeat: no-repeat;
background-color: #f9fcfc;
padding-bottom: 0px;
}
.benefit-matrix .active-category-desc {
width: 50%;
font-size: 3rem;
font-family: Helvetica Now Display W05 Bold;
margin: 0;
height: auto;
color: #000;
padding: 2% 5%;
max-width: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
display: block;
line-height: 52px;
letter-spacing: -0.15px;
}
/*.benefit-matrix .active-category-desc:before {
content: "OUR INVESTMENT IN YOU\a";
white-space: pre;
width: 100%;
display: inline-block;
font-size: 14px;
line-height: 1.42;
letter-spacing: 0.5px;
color: #46535e !important;
margin-bottom: 2rem;
}*/
.benefit-matrix .active-category-desc:after {
content: "\a Explore the range of available benefits for selection or updating. Click on the info icon, to learn more.";
white-space: pre-wrap;
font-size: 1.2rem;
letter-spacing: 0.18px;
font-family: Helvetica Now Display W05 Rg;
color: #46535e !important;
margin-top: 2rem !important;
margin-bottom: 2rem !important;
line-height: 1.5rem !important;
display: inline-block;
}
.benefit-matrix .benefit-category:first-child .benefit-active-benefits::after {
background-image: -o-linear-gradient(
left,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 20%,
rgba(249, 252, 252, 0) 18.75%
),
url("/aonselect/media/media/137086498-min.jpg");
background-image: -webkit-gradient(
linear,
left top, right top,
from(rgba(249, 252, 252, 0.7)),
color-stop(0%, rgba(249, 252, 252, 0.7)),
color-stop(20%, rgba(249, 252, 252, 0.7)),
color-stop(18.75%, rgba(249, 252, 252, 0))
),
url("/aonselect/media/media/137086498-min.jpg");
background-image: linear-gradient(
90deg,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 20%,
rgba(249, 252, 252, 0) 18.75%
),
url("/aonselect/media/media/137086498-min.jpg");
background-position: center right;
background-size: cover;
content: "";
height: 100%;
width: 50%;
background-repeat: no-repeat;
}
.benefit-matrix .noactive-category-desc {
width: 50%;
font-size: 3rem;
font-family: Helvetica Now Display W05 Bold;
margin: 0;
height: auto;
color: #000;
padding: 1rem 5%;
max-width: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
display: block;
line-height: 52px;
letter-spacing: -0.15px;
}
/*.benefit-matrix .noactive-category-desc:before {
content: "OUR INVESTMENT IN YOU\a";
white-space: pre;
width: 100%;
display: inline-block;
font-size: 14px;
line-height: 1.42;
letter-spacing: 0.5px;
color: #46535e !important;
margin-bottom: 2rem;
}*/
.benefit-matrix .noactive-category-desc .btn.btn-default {
font-family: HelveticaNowDisplayMedium;
border-color: #262836;
font-size: 1rem;
color: #fff;
min-width: 90px;
min-height: 50px;
padding: 12px;
border-radius: 0;
text-decoration: none;
background-color: #262836;
margin-top: 2rem;
}
.benefit-matrix .noactive-category-desc .btn.btn-default:hover,
.benefit-matrix .noactive-category-desc .btn.btn-default:focus,
.benefit-matrix .noactive-category-desc .btn.btn-default:active {
opacity: 0.85 !important;
}
.benefit-matrix .benefit-category:nth-child(2) .benefit-active-benefits {
height: 350px;
}
.benefit-matrix .benefit-category:nth-child(2) .noactive-category-desc {
font-size: 2rem;
line-height: 35px;
}
.benefit-matrix .benefit-category:nth-child(2) .benefit-active-benefits:after {
background-image: -o-linear-gradient(
left,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 20%,
rgba(249, 252, 252, 0) 18.75%
),
url("/aonselect/media/media/1182427496_e-min.jpg");
background-image: -webkit-gradient(
linear,
left top, right top,
from(rgba(249, 252, 252, 0.7)),
color-stop(0%, rgba(249, 252, 252, 0.7)),
color-stop(20%, rgba(249, 252, 252, 0.7)),
color-stop(18.75%, rgba(249, 252, 252, 0))
),
url("/aonselect/media/media/1182427496_e-min.jpg");
background-image: linear-gradient(
90deg,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 20%,
rgba(249, 252, 252, 0) 18.75%
),
url("/aonselect/media/media/1182427496_e-min.jpg");
background-position: center right;
background-size: cover;
content: "";
height: 100%;
width: 50%;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
.benefit-matrix .benefit-category:first-child .benefit-active-benefits {
background: -o-linear-gradient(
left,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 0%
),
url(/aonselect/media/media/137086498-min.jpg);
background: -webkit-gradient(
linear,
left top, right top,
from(rgba(249, 252, 252, 0.7)),
color-stop(0%, rgba(249, 252, 252, 0.7))
),
url(/aonselect/media/media/137086498-min.jpg);
background: linear-gradient(
90deg,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 0%
),
url(/aonselect/media/media/137086498-min.jpg);
background-position: center right;
background-size: cover;
content: "";
background-repeat: no-repeat;
}
.benefit-matrix .active-category-desc {
width: 100%;
max-width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.benefit-matrix .benefit-category:first-child .benefit-active-benefits:after {
display: none;
}
.benefit-matrix .active-category-desc {
font-size: 2.5rem;
}
.benefit-matrix .benefit-category:nth-child(2) .benefit-active-benefits {
background: -o-linear-gradient(
left,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 0%
),
url(/aonselect/media/media/1182427496_e-min.jpg);
background: -webkit-gradient(
linear,
left top, right top,
from(rgba(249, 252, 252, 0.7)),
color-stop(0%, rgba(249, 252, 252, 0.7))
),
url(/aonselect/media/media/1182427496_e-min.jpg);
background: linear-gradient(
90deg,
rgba(249, 252, 252, 0.7) 0%,
rgba(249, 252, 252, 0.7) 0%
),
url(/aonselect/media/media/1182427496_e-min.jpg);
background-position: center right;
background-size: cover;
content: "";
background-repeat: no-repeat;
}
.benefit-matrix .noactive-category-desc {
width: 100%;
max-width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.benefit-matrix
.benefit-category:nth-child(2)
.benefit-active-benefits:after {
display: none;
}
}
.benefit-matrix .group-default {
padding: 0;
background-color: transparent !important;
font-size: 1rem;
border: none;
border-radius: 0;
}
.benefit-matrix span.line-group {
color: #fff;
text-transform: capitalize;
font-size: 2rem;
font-family: Helvetica Now Display W05 Md;
padding: 5px 20px !important;
margin-left: 0% !important;
display: inline-block;
width: 100% !important;
background-color: #262836;
}
[class^="line-group"] .group-body {
display: -ms-grid;
display: grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 2rem;
border: none;
padding: 3% 1rem !important;
}
[class^="line-group"] .group-body > div {
height: auto;
min-height: 400px;
border-radius: 0;
-webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
border-radius: 10px;
}
[class^="line-group"] .group-body > div:hover {
-webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.benefit-selected-box {
position: relative;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
[class^="line-group"] .group-body > div .benefitline {
height: 100%;
border-radius: 0;
position: relative;
margin: 0;
background-color: #eef6f7;
padding-bottom: 10px;
border-radius: 10px;
}
.benefitforcomplate [class^="line-group"] .group-body > div:not(.benefit-selected-box) {
display: none
}
#main .benefit-matrix .benefit-menu .img {
height: 80px;
}
.benefit-matrix .benefit-category .row.benefitline:hover .benefit-menu .img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
filter: none;
-webkit-filter: none;
}
.benefit-selected-box .benefitline::before {
position: absolute;
content: "\f00c";
font-family: FontAwesome;
background: #007585;
border: none;
border-radius: 50%;
font-size: inherit;
height: 20px;
width: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
left: 10px;
top: 10px;
z-index: 99;
}
.benefitline .benefit-menu {
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 70px;
}
[class^="line-group"] .group-body > div .benefitline [class*="BenefitIntro"] {
height: 100%;
width: calc(100%-80px);
float: right;
min-height: 0;
padding: 0;
}
.benefit-matrix .benefitline .row.title {
height: 75px;
line-height: 0.8em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
width: auto;
margin-bottom: 2rem;
margin-left: 75px;
margin-right: 2rem;
}
@media (max-width: 766px) {
.benefit-matrix .benefitline .row.title {
text-align: left;
}
}
.benefit-matrix .lineheader,
.benefit-matrix .lineheader > a:link,
.benefit-matrix .lineheader > a:visited {
font-size: 1.2rem;
line-height: 0;
}
.benefit-matrix .title,
#benefit-overview .group-title {
font-size: 1.5rem;
}
.benefit-print-single-header small {
font-size: 14px;
}
.benefit-print-single-header:after {
content: " ";
white-space: break-spaces;
}
.btn-option-elect {
float: right !important;
}
.depen-info > .col-md-4 {
width: 100%;
}
.benefit-matrix .newbenefit,
.benefit-matrix .changebenefit {
margin: 0;
background-color: #333;
}
/*Alignment of the card details on the card*/
.text-success[tbs-translate="Enrollment.Online2.BeneficiaryAllocations"] {
margin-bottom: 0;
margin-top: 1rem;
}
.text-success[tbs-translate="Enrollment.Online2.BeneficiaryAllocations"]
~ div
* {
padding: 0 !important;
margin-top: 0 !important;
}
.benefit-matrix .lineheader::after {
content: "\a";
white-space: pre;
}
.row.title .glyphicon.glyphicon-info-sign.glyphicon-info-sign-color {
position: absolute;
top: 10px;
right: 10px;
}
.glyphicon.glyphicon-info-sign:focus-visible {
border-radius: 15px;
outline: 4px dotted #f25d00;
outline-offset: 2px;
}
.benefit-matrix .row.title .glyphicon-info-sign-color {
top: 6px;
}
/*Equal height of cards, hiding BYOB,button alignment, cost positioning*/
[class^="line-group"].VoluntaryBenefitsDealsOffers .group-body > div {
height: auto;
min-height: 300px;
}
[class^="line-group"] .group-body > div .benefitline [class*="BenefitIntro"] {
height: 100%;
width: 100%;
}
@media (min-width: 300px) and (max-width: 766px) {
.benefit-matrix .benefit-menu {
display: block;
}
}
.currentbenefits .row.line .containers {
width: 100%;
}
.lineset-linename + span {
margin-left: 0;
}
.benefitline .currentbenefits .byoaccordion {
display: none;
}
.currentbenefits .row.line .col-md-8 .col-xs-4 {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.benefitline .currentbenefits .containers {
margin-bottom: 2rem;
}
.benefitline .currentbenefits .row.line .col-md-4 {
min-height: 0;
}
[class^="line-group"]
.group-body
> div
.benefitline
[class*="BenefitIntro"]
> .row:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: calc(100% - 120px);
width: 90%;
margin: 0 auto;
}
[class^="line-group"]
.group-body
> div
.benefitline
[class*="BenefitIntro"]
> .row:nth-child(2)
> div {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
[class^="line-group"]
.group-body
> div
.benefitline
[class*="BenefitIntro"]
> .row:nth-child(2)
> div:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.depen-info > .col-md-4 {
padding-left: 0;
}
.benefit-matrix .benefitline .row:nth-child(2) > div {
width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.eoi-display .row > div {
width: 100% !important;
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.currentEOI .col-md-8.ng-scope,
.pendingEOI .col-md-8.ng-scope,
.currentEOI .col-md-8.ng-scope .col-xs-4,
.pendingEOI .col-md-8.ng-scope .col-xs-4 {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: 0;
}
.currentEOI .col-md-8.ng-scope,
.pendingEOI .col-md-8.ng-scope {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.currentEOI .col-md-8.ng-scope .col-xs-4,
.pendingEOI .col-md-8.ng-scope .col-xs-4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.currentEOI .col-md-8.ng-scope .YourCostDisplay,
.pendingEOI .col-md-8.ng-scope .YourCostDisplay {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.benefit-matrix .margin-top-min {
margin-top: 0;
}
.benefit-matrix .benefitheader-fixed > .row {
margin: 0 !important;
min-height: 55px;
}
.row.pendingEOI.round-corner {
background-color: #46535e;
}
.glyphicon.glyphicon-play.glyphicon-play-color:before {
color: #007585;
}
.benefitline .currentbenefits {
width: 100%;
}
.currentbenefits .row.line > div {
width: 100%;
padding: 0;
margin-bottom: 5px;
min-height: 0;
}
.currentbenefits .row.line > div {
width: 100%;
padding: 0;
margin-bottom: 5px;
}
.currentbenefits .row.line .containers {
width: 100%;
float: right;
}
.currentbenefits .row.line > div > div {
width: 100% !important;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.currentbenefits .row.line .col-md-8 .col-xs-4 {
padding: 0;
width: 100%;
/*text-align: right;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
font-size: 14px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.currentbenefits .row.line .col-md-8 .col-xs-4 .margin-top-min {
font-size: 14px;
margin: 0;
}
@media (min-width: 770px) {
.online-two-iso .modal-large {
width: 95% !important;
max-width: 1080px;
}
}
.modal-dialog .modal-body {
border: 1rem solid #262836;
}
.modal-dialog .modal-body .tab-header,
.modal-dialog .modal-body .tab-body .modal-controls {
background-color: #eef6f7;
}
.modal-dialog .modal-body .tab-body {
background-color: #ffffff;
padding: 0;
}
.modal-dialog .modal-body .tab-body .pannel-body-full {
padding: 1rem;
}
/*Hide Employer costs for all benefits - not a PMI (this is managed on another CSS file*/
.BenefitIntro_b6833714-3f5e-4a71-929a-10b986b05c07
.FundedDisplay:nth-of-type(2),
.BenefitIntro_29fb48df-bfa5-4c2e-a44a-52453b778481
.FundedDisplay:nth-of-type(2),
.BenefitIntro_cc212cf7-bef8-40eb-a9f2-0ca0fa9fd979
.FundedDisplay:nth-of-type(2),
.BenefitIntro_768c3c0e-fd52-4c39-8c29-e1ae2f31283e
.FundedDisplay:nth-of-type(2),
.BenefitIntro_bc03597f-9498-46c7-a4ec-acf7936b48c7
.FundedDisplay:nth-of-type(2),
.BenefitIntro_b24e9e0a-dc6d-454c-a8c3-c6c5eaeaf245
.FundedDisplay:nth-of-type(2),
.BenefitIntro_0a6897a6-9c1d-4b3e-bc3f-fad5044a658b
.FundedDisplay:nth-of-type(2),
.BenefitIntro_d61b5a4e-afdb-43aa-9188-3c4ad14ab55a
.FundedDisplay:nth-of-type(2),
.BenefitIntro_f0d5f7d2-89fa-4cdf-9404-521cbf228fe9
.FundedDisplay:nth-of-type(2) {
display: none !important;
}
/*Hide employer cost of PMI - separate CSS*/
/*.BenefitIntro_066088fd-bccb-43de-9726-f0293b6001a8
.FundedDisplay:nth-of-type(2) {
display: none !important;
}*/
.line-group.OtherBenefits {
display: none;
}
/* Benefit Select*/
.benefitselect .fixed-container #content {
width: 85%;
max-width: 980px;
margin: 0 auto !important;
position: relative;
float: none;
}
.benefitselect .header-selected {
color: #fff;
font-size: 1.5rem;
margin-bottom: 0px;
background-color: #262836;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
#content-you-chose-summary {
-webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
border: 2px solid #262836;
border-radius: 0 !important;
margin: 0.5rem;
}
.benefitselect .products .box-border {
-webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.benefitselect .content-you-chose {
width: 100%;
}
.content-you-chose {
padding: 3px;
background: #fff;
float: left;
}
.benefit-matrix .line-description,
.followup-collect-header .followup-item-coverage-heading span p,
div #linedata > div > div > h1 ~ div {
max-width: 65ch;
}
#linedata > div > div > h1 ~ div {
font-size: 1rem;
padding-left: 0px;
}
.benefitselect .products .box-border,
.benefitselect .products .box-border.sel {
background: #262836;
border-width: 1px !important;
padding: 0 !important;
}
#products .sel [id*="amountInput-"] {
border-color: #262836;
}
.benefitselect .box-border {
border: none;
overflow-x: auto !important;
}
.benefitselect .header-selected ~ .box-border-bg .box-border {
border: 3px solid #262836;
}
.benefitselect .products .box-border.sel {
position: relative;
border: none;
}
.your-beneficiaries .checkout-button {
display: inline-block;
float: none;
}
[id^="current-option-in-cart"] {
position: absolute;
top: 10px;
z-index: 998;
}
.benefitselect .products .box-border.sel .header {
background: none;
font-size: 2rem;
padding: 0 0 0 1rem;
text-indent: 0;
}
.benefitselect .products .box-border.sel .header::before {
content: "\f058";
font-family: FontAwesome;
color: #007585;
}
.products .content-box-border {
padding-left: 4rem;
}
#products .product-info {
max-width: 70% !important;
}
#products .product-info #optionNameHeading {
width: auto;
}
.content-option-credit-health {
margin-top: 0;
}
.product-amount {
float: none;
width: 100%;
padding: 0;
}
.product-amount .block-slider {
max-width: 225px;
}
[id^="zeroinputnote"] span {
font-size: 12px;
font-family: HelveticaNowDisplayMedium;
font-style: italic;
}
/*.overlay-no-height-limit {
max-width: 960px;
top: 100px !important;
position: fixed !important;
}*/
[id^="byoOverlay"].overlay-no-height-limit {
/*position: absolute !important;*/
left: 0 !important;
/*width: 100%;*/
/*top: revert !important;*/
}
.online-two-iso .modal-normal .modal-header,
.active-benefits .modal-header {
background-color: #262836;
height: 50px;
padding: 8px;
}
.you-chose > div > div a {
font-size: 1rem;
font-family: HelveticaNowDisplayMedium;
color: #fff;
background-color: #282636;
border-radius: 0;
}
.benefitselect
#content
.line-benefit-intro
~ [class^="box-border"]
.box-border
.followup-container {
-webkit-box-flex: 1;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
margin: 0.5rem;
}
.benefitselect .followup-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 10px;
}
.followup-collect-header {
max-width: 65ch;
}
.followup-item-input [id^="followup-text-input"] {
width: 30ch;
}
.benefitselect .seealso {
padding-bottom: 4rem;
}
.benefitselect .benefit-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.benefitselect .benefit-menu li {
-webkit-box-flex: 1;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 5px;
border-radius: 0;
-webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
background-color: #eef6f7;
}
.benefitselect .benefit-menu .img {
height: 55px;
width: 55px;
}
.benefit-menu .linename {
text-align: left;
margin: 0;
}
.benefitselect .linename > a:link {
font-size: 16px;
color: #262836;
}
.benefitselect .linename:hover > a {
color: inherit;
opacity: 0.8;
}
.benefitselect .benefit-menu li {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.benefitselect .benefit-menu li:hover {
-webkit-box-shadow: rgba(50, 50, 93, 0.5) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
box-shadow: rgba(50, 50, 93, 0.5) 0px 13px 27px -5px,
rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
}
/*Hide select buttons for info only benefits*/
.BenefitIntro_55329c66-7dec-4839-ac5b-361e3b22a5b7 .btn.btn-success.btn-option-elect,
.BenefitIntro_7b2aa12c-9a9e-4e02-9fec-e4136ba86d3a .btn.btn-success.btn-option-elect,
.BenefitIntro_ea6844c9-ef44-447f-a50d-d091bd1af325 .btn.btn-success.btn-option-elect,
.BenefitIntro_9bfd8138-3218-4fec-8f15-dd9399479d7a .btn.btn-success.btn-option-elect,
.BenefitIntro_bbc793ef-6f4b-40e8-b721-c9fc72cac3c5 .btn.btn-success.btn-option-elect {
display: none;
}
.see-also .linename a#line-55329c66-7dec-4839-ac5b-361e3b22a5b7,
.see-also .linename a#line-7b2aa12c-9a9e-4e02-9fec-e4136ba86d3a,
.see-also .linename a#line-ea6844c9-ef44-447f-a50d-d091bd1af325 {
pointer-events: none;
display: inline-block;
}
.BenefitIntro_55329c66-7dec-4839-ac5b-361e3b22a5b7 .lineheader > a,
.BenefitIntro_7b2aa12c-9a9e-4e02-9fec-e4136ba86d3a .lineheader > a,
.BenefitIntro_ea6844c9-ef44-447f-a50d-d091bd1af325 .lineheader > a {
pointer-events: none;
}
.BenefitIntro_55329c66-7dec-4839-ac5b-361e3b22a5b7 .newbenefit,
.BenefitIntro_7b2aa12c-9a9e-4e02-9fec-e4136ba86d3a .newbenefit,
.BenefitIntro_ea6844c9-ef44-447f-a50d-d091bd1af325 .newbenefit {
display: none;
}
/*Footer*/
#footer.footer-fullwidth {
background-color: #262836 !important;
}
#footer #footer-menu ul {
-ms-grid-column-align: center;
justify-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 5px 0 0 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#footer #footer-menu ul li {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
text-align: center;
-webkit-transition: background-color 0.35s linear;
-o-transition: background-color 0.35s linear;
transition: background-color 0.35s linear;
}
#footer #footer-menu ul li:not(:first-child) {
border-left: 1px solid #fff;
}
#footer #footer-menu ul li:hover {
background-color: #fff;
}
#footer #footer-menu ul li:hover a {
color: #262836;
}
#footer #footer-menu ul li a {
padding: 0.5rem;
font-family: HelveticaNowDisplayBold;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: clamp(0.8rem, 0.7534rem + 0.207vw, 1rem);
line-height: 1em;
text-decoration: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
#footer #footer-menu ul li a,
#footer #footer-menu ul li:not(:first-child),
#footer #footer-social a,
#footer #footer-social a i,
#footer-copyright p {
color: #fff;
}
#footer #footer-copyright {
width: 75%;
}
/*Profile Pages*/
#profilecontainer .box-border-bg {
background: none;
}
div#personalTabIntro:after {
content: 'Personal';
padding-left: 21px;
color: #e11b22;
font-size: 1.4rem;
font-family: HelveticaNowDisplayReg;
margin-top: 10px;
display: block;
padding-bottom: 24px;
}
/*Lifestyle Page*/
section.banner {
height: 415px;
min-height: auto;
position: absolute;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
max-width: 1720px;
top: 95px;
}
@media (max-width: 766px) {
section.banner {
top: 65px;
}
}
.banner-container {
background: #eef6f7;
height: 100%;
}
[action^="/LifestyleSavingsAon"] #page-header {
margin: 0;
}
#lifestyle_savings .banner-bg {
background: url("/aonselect/media/media/Lifestyle%20Savings%20Banner%20Artwork%20(noBG).svg")
bottom center/cover no-repeat;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: flex-start;
}
#lifestyle_savings .intro-content.header {
font-family: HelveticaNowDisplayBold;
margin: 2rem 0;
font-size: 2.25rem;
color: #262836 !important;
font-size: clamp(2rem, 4vw, 4rem);
}
section.deals {
margin: 450px auto 0 auto;
width: 80%;
}
/* Home Page */
#home-online-three .dashboard-controls #greeting-message {
display: none;
}
#home-online-three .carousel-show {
display: none;
}
#home-online-three .dashboard-controls {
display: none;
}
#home-online-three .dashboard-controls .sensitive-data-toggle {
margin-left: auto;
margin-right: 0 !important;
}
#home-online-three .modules-sleeve {
float: none;
}
#home-online-three #right-side,
#home-online-three #home-integrated {
border: none;
}
#home-online-three #right-side .modules-right-side.grid-container,
#home-online-three #home-integrated .modules-right-side.grid-container {
display: -ms-grid;
display: grid;
grid-template-areas:
"module-1 module-1 module-1 module-1"
"module-2 module-2 module-3 module-4"
"module-5 module-5 module-6 module-6"
"module-7 module-7 module-7 module-7";
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1rem;
background-color: #fff;
-ms-grid-rows: 600px 1rem 420px 1rem 420px 1rem 480px;
grid-template-rows: 600px repeat(2, 420px) 480px;
width: 95%;
margin: 1rem auto;
}
@media (max-width: 1180px) {
#home-online-three #right-side .modules-right-side.grid-container,
#home-online-three #home-integrated .modules-right-side.grid-container {
grid-template-areas:
"module-1 module-1 module-1 module-1"
"module-2 module-2 module-2 module-2"
"module-3 module-3 module-4 module-4"
"module-5 module-5 module-6 module-6"
"module-7 module-7 module-7 module-7";
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr
-ms-grid-rows: 600px 1rem 420px 1rem 420px 1rem 420px 1rem 480px;
grid-template-rows: 600px repeat(3, 420px) 480px;
}
/* #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #generic.lifestyle_savings .home-module-generic-content .module-copy,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #generic.wellness .home-module-generic-content .module-copy,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #generic.pension .home-module-generic-content .module-copy {
height: 200px !important;
} */
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content {
padding: 0;
margin: 0;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
.module-content,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content {
padding: 0;
margin: 0;
border: none;
border-radius: 0;
}
#home-online-three #right-side .module-content-header-container,
#home-online-three #home-integrated .module-content-header-container {
display: none;
}
#home-online-three #right-side .modules-right-side.grid-container .grid-item-0,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 {
position: absolute;
top: 115px;
left: 0;
right: 0;
max-width: 1720px;
margin: 0 auto;
width: 100%;
}
.welcome_module .content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
height: 580px !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
width: 100%;
}
.video-module .video-bg {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
display: inline-block;
max-width: 100%;
}
.video-module {
height: 100%;
width: 100%;
}
#HomeHeroVideo_html5_api {
-o-object-fit: cover;
object-fit: cover;
}
#HomeHeroVideo {
padding-top: 0;
height: 100%;
}
#HomeHeroVideo .vjs-control-bar {
display: none;
}
.video-message {
width: 60%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
height: auto;
justify-content: center;
left: 0;
max-height: none;
overflow: hidden;
position: absolute;
right: 0;
text-align: left;
top: 0;
z-index: 0;
}
.video-message .text {
padding: 0 5% 0 100px;
color: #262836;
}
.video-message .text h1 {
font-family: Helvetica Now Display W05 Bold;
font-size: 3rem;
color: #262836;
}
.video-message .text p {
font-family: Helvetica Now Display W05 Bold;
font-size: 1.3rem;
color: #262836;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
> div,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
> div {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
border-radius: 0;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#enrolment,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#enrolment {
background-image: url(/aonselect/media/media/Your%20Choice.png);
background-position: left center;
background-size: cover;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#benefit-statement,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#benefit-statement {
background-image: url(/aonselect/media/media/gettyimages_475333393-min.jpg);
background-position: bottom center;
background-size: cover;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#generic.lifestyle_savings,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#generic.lifestyle_savings {
background-image: url(/aonselect/media/media/911765310-min.jpg);
background-position: center center;
background-size: cover;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#generic.wellness,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#generic.wellness {
background-image: url(/aonselect/media/media/617396986-min.jpg);
background-position: center center;
background-size: cover;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#generic.pension,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#generic.pension {
background-image: url(/aonselect/media/media/1154415792-min.jpg);
background-position: top center;
background-size: cover;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#enrolment
*,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#enrolment
*,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#benefit-statement
*,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#benefit-statement
*,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module)
*,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module)
* {
margin: 0;
padding: 0;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#enrolment
> div,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#enrolment
> div,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#enrolment
> div
> div,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#enrolment
> div
> div,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#benefit-statement
> div,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#benefit-statement
> div,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#benefit-statement
> div
> div,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#benefit-statement
> div
> div,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module)
> div,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module)
> div,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module)
> div
> div,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module)
> div
> div {
height: 100%;
}
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .hr_resource.module-content > div,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .hr_resources.module-content > div {
height: auto !important;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#enrolment
.home-module-enrolment-content,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#enrolment
.home-module-enrolment-content,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#benefit-statement
.home-module-benefit-statement-content,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#benefit-statement
.home-module-benefit-statement-content,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module)
.home-module-generic-content,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module)
.home-module-generic-content {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#enrolment
.home-module-enrolment-content
.enrollment-copy,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#enrolment
.home-module-enrolment-content
.enrollment-copy,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#benefit-statement
.home-module-benefit-statement-content
.benefit-statement-copy,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#benefit-statement
.home-module-benefit-statement-content
.benefit-statement-copy,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module)
.home-module-generic-content
.module-copy,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module)
.home-module-generic-content
.module-copy {
min-height: 160px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
position: relative;
margin: auto 0 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-color: hsla(0, 0%, 100%, 0.75);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 12px 16px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
position: relative;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#enrolment:hover
.home-module-enrolment-content
.enrollment-copy,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#enrolment:hover
.home-module-enrolment-content
.enrollment-copy,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#benefit-statement:hover
.home-module-benefit-statement-content
.benefit-statement-copy,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#benefit-statement:hover
.home-module-benefit-statement-content
.benefit-statement-copy,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module):hover
.home-module-generic-content
.module-copy,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
#generic:not(.welcome_module):hover
.home-module-generic-content
.module-copy {
background-color: hsla(0, 0%, 100%, 0.9);
}
#module-header-maintext,
.module-header {
font-family: HelveticaNowDisplayBold;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: #5d6d78;
display: -webkit-box;
font-size: 12px;
letter-spacing: 0.2px;
margin: 0 0 12px !important;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-align: left;
}
#home-module-enrolment .enrollment-copy .days-left,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
.module-content#enrolment
.enrollment-copy
.event-summary
#renewalCountdown
span,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content#enrolment
.enrollment-copy
.event-summary
#renewalCountdown
span,
#module-header-subtext,
#otherCountdown > span,
#renewalCountdown > span{
font-size: 18px !important;
vertical-align: revert !important;
color: #262836;
font-family: Helvetica Now Display W05 Bold;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.33;
text-align: left;
}
#home-module-enrolment .enrollment-copy .days-left::before,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
.module-content#enrolment
.enrollment-copy
.event-summary
.days-left:before,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content#enrolment
.enrollment-copy
.event-summary
.days-left:before {
content: "You have ";
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default
span,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default
span
> *,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default
span,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default
span
> *,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-wellness,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-wellness
span,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-wellness
span
> * {
padding: 0 !important;
background: none;
border: none !important;
border-radius: 0 !important;
-webkit-clip-path: none;
clip-path: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: auto !important;
min-height: 100%;
color: #262836;
font-size: 1rem;
font-family: Helvetica Now Display W05 Bold;
text-decoration: underline;
text-align: left;
height: auto;
}
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
#wellness-hub-buttons
> .btn-wellness,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
#wellness-hub-buttons
a {
margin-top: 10px !important;
height: auto;
}
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
#wellness-hub-buttons
> .btn-wellness:hover,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
#wellness-hub-buttons
a:hover
span {
color: #5d6d78;
}
#wellness-hub-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default:hover,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default:hover
span,
#home-online-three
#right-side
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default:hover
span
*,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default:hover,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default:hover
span,
#home-online-three
#home-integrated
.modules-right-side.grid-container
.grid-item-content
.module-content
.btn.btn-default:hover
span
* {
padding: 0 !important;
background: none;
border: none !important;
border-radius: 0;
-webkit-clip-path: none;
clip-path: none;
width: -webkit-max-content !important;
width: -moz-max-content !important;
width: max-content !important;
color: #5d6d78;
}
#insurance-deals-buttons,
#wellness-hub-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0 1rem;
justify-content: flex-start;
align-content: start;
width: 100%;
}
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content #generic.hr_resources .home-module-generic-content .module-copy,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #generic.hr_resources .home-module-generic-content .module-copy {
height: 100%;
padding: 0;
margin: 0;
}
/*Home HR resources module*/
.hr_resources .resources_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
}
.hr_resources .resources_wrapper .col {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
width: 100%;
min-height: 350px;
}
.modules-mobile .hr_resources .resources_wrapper .col {
min-height: 300px;
}
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content #generic.hr_resources .home-module-generic-content .module-copy .content-text,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #generic.hr_resources .home-module-generic-content .module-copy .content-text {
width: 100%;
height: 100%;
}
.hr_resources .quicklinks-module {
position: relative;
z-index: 1;
height: 100%;
}
.hr_resources .resources_wrapper .col.tile-0 {
background-color: #f9fcfc;
}
.hr_resources .resources_wrapper .col.tile-1 {
background-color: #eef6f7;
}
.hr_resources .resources_wrapper .col.tile-2 {
background-color: #e5eff0;
}
.hr_resources .resources_wrapper .quicklinks {
padding: 32px !important;
text-align: left;
}
.module-mobile .hr_resources .resources_wrapper .quicklinks {
padding: 20px !important;
}
.hr_resources .quicklinks h4 {
color: #262836;
font-size: 24px;
font-family: HelveticaNowDisplayBold;
line-height: 1.2rem;
margin-bottom: 3rem !important;
}
.hr_resources .quicklinks ul {
margin: 0;
padding-left: 0;
padding-top: 0;
}
.hr_resources .quicklinks ul li {
display: block;
margin: 12px 0 0 !important;
}
.hr_resources .quicklinks ul li a {
border-bottom: 1px solid transparent;
color: #262836;
display: inline-block;
font-size: 18px;
font-family: HelveticaNowDisplayReg;
letter-spacing: .25px;
line-height: 18px;
text-decoration: none;
}
.hr_resources .quicklinks a::after {
content: url('data:image/svg+xml;charset=utf-8,');
display: inline;
height: 24px;
padding-left: 5px;
vertical-align: top;
width: 24px;
white-space: nowrap;
}
.hr_resources .quicklinks ul li a:hover {
border-bottom: 1px solid #29b0c3;
}
.hr_resources .quicklinks a:hover::after {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%2329B0C3' d='m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/g%3E%3C/svg%3E");
}
/*Legal*/
.terms_wrapper {
max-width: 980px;
margin: 0 auto;
width: 95%;
}
.terms_wrapper strong:first-child span {
display: inline-block;
margin: 4rem 0 !important;
text-align: center;
width: 100%;
font-size: 2.5rem !important;
font-family: HelveticaNowDisplayBold !important;
color: #46535e !important;
}
.legalcontent-cookienotice,
.legalcontent-onlinesecurity,
.legalcontent-privacy {
margin: 10px auto;
max-width: 980px;
width: 95%;
}
.legalcontent-cookienotice span,
.legalcontent-onlinesecurity span,
.legalcontent-privacy span,
.terms_wrapper {
color: #46535e;
font-family: HelveticaNowDisplayLight !important;
font-weight: normal !important;
font-size: 0.9rem !important;
}
.legalcontent-cookienotice strong span,
.legalcontent-onlinesecurity strong span,
.legalcontent-onlinesecurity span[style*="color: rgb(178, 34, 34);"],
.legalcontent-privacy strong span,
.terms_wrapper strong span {
font-family: HelveticaNowDisplayBold !important;
text-transform: capitalize;
}
.litLegalContent > p:first-child,
.litLegalContent > div:first-child,
.litLegalContent > div:first-of-type {
margin: 3.5rem 0 2.5rem 0 !important;
}
.litLegalContent p:first-child strong span,
.litLegalContent div:first-child span,
.litLegalContent div:first-of-type span {
font-size: 2.5rem !important;
font-family: HelveticaNowDisplayBold !important;
color: #46535e !important;
}
.legalcontent-cookienotice table span {
font-size: 12px !important;
}
.legalcontent-cookienotice table tbody tr:first-child span {
font-family: HelveticaNowDisplayBold !important;
}
/*Financial Wellbeing*/
.fin_wellbeing_hero {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 600px;
height: 600px;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media only screen and (max-width:767px) {
.fin_wellbeing_hero {
flex-direction: column;
}
}
.ben_statement_hero {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 400px;
height: 400px;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.hero_background {
max-width: 50%;
width: 100%;
position: relative;
height: 100%;
}
@media only screen and (max-width:767px) {
.hero_background {
max-width: 100%;
}
}
.fin_wellbeing_hero .hero_background .bg-container {
background-image: url(/aonselect/media/media/gettyimages_1204044561-min.jpg);
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
aspect-ratio: 16 / 9;
}
.ben_statement_hero .hero_background .bg-container {
background-image: url(/aonselect/media/media/gettyimages_969442328-min.jpg);
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.hero_background .bg-container:after {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
display: block;
content: "";
width: 18.75%;
left: 0;
height: 100%;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: rgba(249,252,252,.7);
}
.hero_background .bg-container img {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.hero_content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #46535e;
padding: 0 5.5rem;
max-width: 50%;
width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
background-color: #f9fcfc;
}
@media only screen and (max-width:767px) {
.hero_content {
max-width: 100%;
width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 2rem 1.5rem;
}
}
p.eyebrow {
font-size: 14px;
font-size: .875rem;
font-weight: 700;
line-height: 1.05;
letter-spacing: 2px;
letter-spacing: .125rem;
text-transform: uppercase;
color: #000;
font-family: HelveticaNowDisplayBold;
margin: 0;
margin-bottom: 1rem;
padding: 0;
}
h1.title {
font-size: 3rem;
font-family: HelveticaNowDisplayBold;
color: #000 !important;
margin: 0;
padding: 0;
margin-top: 3rem;
margin-bottom: 1.5rem;
line-height: 52px;
letter-spacing: -.15px;
}
@media only screen and (max-width:767px) {
h1.title {
font-size: 32px;
font-size: 2rem;
line-height: 1.3;
}
}
p.main_text {
margin: 0;
padding: 0;
font-size: 18px;
margin-top: 2rem !important;
margin-bottom: 2rem !important;
color: #46535e;
letter-spacing: .18px;
}
.link_button a {
position: relative;
transition: all .2s ease-in-out;
font-size: 14px;
font-size: .875rem;
line-height: 1.3;
min-height: 48px;
min-height: 3rem;
height: 48px;
height: 3rem;
min-width: 128px;
min-width: 8rem;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #007585;
box-sizing: border-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1rem 2rem;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: top;
font-family: HelveticaNowDisplayReg;
font-size: 18px;
line-height: 24px;
background-color: #007585;
color: #fff !important;
text-decoration: none;
}
@media only screen and (max-width:767px) {
p.main_text {
font-size: 16px;
}
}
.link_button a::after {
content: '\e093';
font-family: FA6Regular;
padding-left: 5px;
font-size: 14px;
}
.link_button a:hover {
text-decoration: none;
color: #007585 !important;
background-color: #e5eff0;
border: 1px solid #007585 !important;
}
#vid_lib_heading {
padding-top: 4rem;
padding-left: 5.5rem;
padding-right: 5.5rem;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 1rem 0;
padding-bottom: 0;
margin-bottom: 0;
}
@media only screen and (max-width:767px) {
#vid_lib_heading {
padding: 2.5rem 1.5rem;
}
}
.section_break {
background-color: #acc0c4;
height: 1px;
border: none;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.header_title {
margin-bottom: 16px;
font-size: 2rem;
line-height: 1.4;
color: #000;
text-transform: capitalize;
}
.section_body {
font-size: 1.5rem;
letter-spacing: .18px;
max-width: 48%;
line-height: 1.35;
text-align: left;
}
@media only screen and (max-width:767px) {
.section_body {
max-width: 100%;
font-size: 1.125rem;
font-weight: 325;
letter-spacing: .11px
}
}
section.video_library,
section.testimonial {
margin: 4rem 0;
margin-top: 32px;
}
.card_grid {
padding-left: 5.5rem;
padding-right: 5.5rem;
padding-bottom: 4rem;
margin-bottom: -1.5rem;
margin-left: -.75rem;
margin-right: -.75rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width:767px) {
.card_grid {
padding-left: 0;
padding-right: 0;
}
}
.card_grid_item {
margin-bottom: 1.5rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-width: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: .75rem;
padding-right: .75rem;
min-height: 1px;
position: relative;
width: 100%;
}
@media only screen and (max-width:767px) {
.card_grid_item {
margin: 1rem auto;
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
}
}
.card_grid_item .c_card {
margin-bottom: 0;
border: 1px solid #cddbde;
width: 100%;
flex-direction: column;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}
.card_image {
display: block;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.card_image:before {
content: "";
display: block;
padding-bottom: 56.25%;
}
.card_image img {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
max-width: 100%;
object-fit: cover;
}
.card_header {
margin-bottom: 24px;
padding: 2rem 2rem 0;
padding-right: 2rem;
padding-left: 2rem;
padding-left: 20px;
padding-right: 20px;
}
.eyebrow {
color: #46535e;
margin-bottom: 2rem !important;
font-size: .875rem;
line-height: 20px;
line-height: 1.25rem;
letter-spacing: .5px;
letter-spacing: .03125rem;
text-transform: uppercase;
font-family: HelveticaNowDisplayBold;
}
h3.card_title {
color: #262836;
text-transform: none;
font-size: 1.5rem;
line-height: 1.3;
}
@media only screen and (max-width:767px) {
h3.card_title {
font-size: 1.25rem;
}
}
.card_body {
padding-top: 0;
font-size: 18px;
line-height: 24px;
padding-bottom: 3rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (max-width:767px) {
.card_body {
font-size: 16px;
}
}
.c_card .card-footer {
margin-top: auto;
padding: 0 2rem 2rem;
padding-bottom: 32px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
border: none;
}
.card-footer a {
position: static;
color: #007585;
text-decoration: none;
border-bottom: 1px solid #acc0c4;
font-size: 18px;
letter-spacing: initial;
}
.card-footer a:before,
.card-footer a:after {
bottom: 0;
content: "";
left: 0;
overflow: hidden;
position: absolute;
cursor: pointer;
right: 0;
top: 0;
white-space: nowrap;
}
.c_card .card-footer a:focus::after,
.c_card:hover .card-footer a:after {
background-color: #eef6f7;
z-index: -1;
}
.inline_icon_link:after {
content: '\f054';
font-family: FA6Regular;
padding-left: 5px;
color: #007585;
font-size: 12px;
}
.testimonial_wrapper {
background-size: cover;
min-height: 400px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding-bottom: 4rem;
margin-left: -.75rem;
margin-right: -.75rem;
padding-left: 5.5rem;
padding-right: 1.5rem;
}
@media only screen and (max-width:767px) {
.testimonial_wrapper {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding-left: 0 !important;
padding-right: 0 !important;
height: 100%;
}
.testimonial_card {
max-width: 100% !important;
}
}
.testimonial_background {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
max-height: initial;
min-height: 100%;
}
.testimonial_background .bg-container {
position: absolute;
left: 0;
height: 100%;
}
.testimonial_background:after {
content: "";
position: absolute;
height: 100%;
width: 75%;
background-color: rgba(249,252,252,.7);
right: 0;
}
@media only screen and (max-width:767px) {
.testimonial_background:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(249,252,252,.7);
right: 0;
}
}
.testimonial_background .bg-container img {
height: 100%;
}
@media only screen and (max-width:767px) {
.testimonial_background .bg-container img {
height: 100%;
}
}
.testimonial_content {
position: relative;
z-index: 2;
padding: 2rem 0;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
min-height: 100%;
justify-content: end;
}
@media only screen and (max-width:767px) {
.testimonial_content {
padding-left: 1rem;
padding-right: 1rem;
}
}
.testimonial_card {
max-width: 50%;
}
p.signature {
font-family: HelveticaNowDisplayBold;
font-size: 18px;
padding: 0;
}
p.sign_title {
font-family: HelveticaNowDisplayBold;
font-size: 14px;
padding: 0;
}
section.testimonial {
padding-left: 5.5rem;
padding-right: 5.5rem;
}
@media only screen and (max-width:767px) {
section.testimonial {
padding-left: 1rem;
padding-right: 1rem;
}
}
.testimonial_card .main_text:before {
display: block;
content: '\f10d';
font-family: FA6Solid;
font-size: 3.5rem;
}
/*Mobile*/
#home-online-three #right-side .modules-mobile,
#home-online-three #home-integrated .modules-mobile {
margin: 0;
background-color: #fff !important;
}
#home-modules-mobile .module-mobile {
padding: 0 !important;
border: none !important;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 1rem;
}
#home-online-three #right-side .modules-mobile .module-mobile .module-panel,
#home-online-three
#home-integrated
.modules-mobile
.module-mobile
.module-panel {
width: 100vw;
}
#home-modules-mobile .title {
display: none;
}
#home-modules-mobile .module-content {
display: block !important;
height: 100%;
width: 100%;
}
#home-modules-mobile .module-content > div,
#home-modules-mobile .module-content > div > div,
#home-modules-mobile .module-content > div > div > div,
#home-modules-mobile .module-content > div > div > div > div {
height: 100%;
width: 100%;
}
#home-online-three
#right-side
.modules-mobile
.module-mobile
.module-panel
.module-copy,
#home-online-three
#home-integrated
.modules-mobile
.module-mobile
.module-panel
.module-copy {
margin: 0;
}
#enrolment * {
margin: 0;
padding: 0;
}
#home-modules-mobile .module-mobile.welcome_module {
background-image: noen;
background-position: bottom center;
background-size: cover;
padding: 0 !important;
background-color: #eef6f7;
}
#home-modules-mobile .module-mobile.welcome_module .content-text {
margin: 0;
height: 200px !important;
width: 100%;
background: rgba(249, 252, 252, 0.7);
}
#home-modules-mobile
.module-mobile.welcome_module
.welcome_module
.module-copy {
margin: 0 !important;
padding: 0;
border: 0;
}
#home-modules-mobile .module-mobile.welcome_module .video-module {
display: none;
}
#home-modules-mobile .module-mobile.welcome_module .video-message {
width: 100%;
}
#home-modules-mobile .module-mobile.welcome_module .video-message .text {
padding-left: 1rem;
padding-right: 1rem;
color: #262836;
margin: 0 auto;
}
#home-modules-mobile .module-mobile.welcome_module .video-message .text h1 {
font-size: 2rem;
}
#home-modules-mobile .module-mobile:not(.welcome_module):not(.hr_resources) {
height: 400px;
}
#home-modules-mobile #home-module-enrolment {
background-image: url(/aonselect/media/media/Your%20Choice.png);
background-position: left top;
background-size: contain;
background-repeat: no-repeat;
background-color: #eb1d24;
margin-top: -1rem;
}
#home-modules-mobile
.module-mobile:not(.welcome_module):not(.hr_resources)
.module-panel {
height: 180px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
position: relative;
margin: auto 0 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-color: hsla(0, 0%, 100%, 0.75);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 12px 16px;
}
#home-modules-mobile #otherCountdown,
#home-modules-mobile #renewalCountdown {
margin-bottom: 10px !important;
}
#home-online-three
#right-side
.modules-mobile
.module-mobile
.module-panel
.module-copy
.event-content
.text-light,
#home-online-three
#home-integrated
.modules-mobile
.module-mobile
.module-panel
.module-copy
.event-content
.text-light,
#home-online-three
#right-side
.modules-mobile
.module-mobile
.module-panel
.module-copy
#renewalCountdown,
#home-online-three
#home-integrated
.modules-mobile
.module-mobile
.module-panel
.module-copy
#renewalCountdown {
margin: 0;
}
#home-online-three
#right-side
.modules-mobile
.module-mobile
.module-panel
.module-copy
.event-content
#renewalCountdown
span,
#home-online-three
#home-integrated
.modules-mobile
.module-mobile
.module-panel
.module-copy
.event-content
#renewalCountdown
span {
color: #262836;
font-family: HelveticaNowDisplayBold;
font-size: 1rem;
vertical-align: baseline;
padding-left: 0 !important;
}
#home-online-three
#right-side
.modules-mobile
.module-mobile
.module-panel
.module-copy
button.btn.btn-default,
#home-online-three
#home-integrated
.modules-mobile
.module-mobile
.module-panel
.module-copy
button.btn.btn-default,
#home-online-three
#right-side
.modules-mobile
.module-mobile
.module-panel
.module-copy
button.btn.btn-default
span,
#home-online-three
#home-integrated
.modules-mobile
.module-mobile
.module-panel
.module-copy
button.btn.btn-default
span,
#home-online-three
#right-side
.modules-mobile
.module-mobile
.module-panel
.module-copy
button,
#home-online-three
#home-integrated
.modules-mobile
.module-mobile
.module-panel
.module-copy
button,
#home-online-three
#right-side
.modules-mobile
.module-mobile
.module-panel
.module-copy
button
span,
#home-online-three
#home-integrated
.modules-mobile
.module-mobile
.module-panel
.module-copy
button
span,
#home-online-three
#right-side
.modules-mobile
.module-mobile
.module-panel
.module-copy
input,
#home-online-three
#home-integrated
.modules-mobile
.module-mobile
.module-panel
.module-copy
input {
padding: 0 !important;
background: none;
border: none !important;
border-radius: 0 !important;
-webkit-clip-path: none;
clip-path: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: auto !important;
min-height: 100%;
color: #262836;
font-size: 1rem;
font-family: Helvetica Now Display W05 Bold;
text-decoration: underline;
text-align: left;
height: auto;
float: left;
}
#home-modules-mobile #wellness-hub-buttons a,
#home-modules-mobile #wellness-hub-buttons input {
margin-top: 10px !important;
height: auto;
}
#home-online-three #home-modules-mobile.modules-mobile .module-mobile button,
#home-online-three #home-modules-mobile #wellness-hub-buttons a button {
margin-top: 0 !important;
height: auto;
}
#home-modules-mobile #home-module-benefit-statement {
background-image: url(/aonselect/media/media/gettyimages_475333393-min.jpg);
background-position: bottom center;
background-size: cover;
}
#home-modules-mobile #home-module-generic-4.wellness {
background-image: url(/aonselect/media/media/617396986-min.jpg);
background-position: bottom center;
background-size: cover;
}
#home-modules-mobile #home-module-generic-3.lifestyle_savings {
background-image: url(/aonselect/media/media/911765310-min.jpg);
background-position: center center;
background-size: cover;
}
#home-modules-mobile #home-module-generic-5.pension {
background-image: url(/aonselect/media/media/1154415792-min.jpg);
background-position: top center;
background-size: cover;
}
#home-modules-mobile .hr_resources .resources_wrapper {
/* -webkit-box-orient: vertical; */
/* -webkit-box-direction: normal; */
/* -ms-flex-direction: column; */
/* flex-direction: column; */
overflow-x: auto;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
/*height: -webkit-fill-available;
scroll-snap-type: mandatory;
scroll-snap-type: x mandatory;*/
}
#home-modules-mobile .hr_resources .resources_wrapper::-webkit-scrollbar {
display: none;
}
#home-online-three #right-side .modules-mobile .module-mobile .module-panel,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel {
height: auto;
}
#home-modules-mobile .hr_resources .resources_wrapper > div {
flex: 0 0 80% !important;
/* min-width: 80%; */
/* scroll-snap-align: center; */
margin: 0.5rem;
max-width: 320px !important;
}
#home-modules-mobile .hr_resources .resources_wrapper > div:first-child {
margin-left: 1rem;
}
#home-modules-mobile .hr_resources .resources_wrapper > div:last-child {
margin-right: 1rem;
}
#header #mobile-links a.user-toogle {
margin: 0;
padding: 0;
}
#header #mobile-links a.user-toogle:focus {
outline: none !important;
}
#mobile-links .fa-gear::before {
content: '\f142';
color: #000;
font-size: 2rem;
font-family: FA6Regular;
}
#header #mobile-links .jq-dropdown {
left: auto !important;
right: 10px !important;
top: 30px !important;
}
#ddlMobileLanguage {
display: none !important;
}
a[href*="Mailbox"] {
display: none !important;
}
#header #mobile-links .jq-dropdown .jq-dropdown-menu li > a {
width: 100%;
}
#header #mobile-links .jq-dropdown .jq-dropdown-menu li:hover > a,
#header #mobile-links .jq-dropdown .jq-dropdown-menu li:focus > a,
#header #mobile-links .jq-dropdown .jq-dropdown-menu li:active > a {
background-color: #007585;
color: #FFF;
}
.visible-xs ~ #menu-container.collapse.in #menu-no-dashboard {
position: absolute;
top: 60px;
left: 10px;
flex-direction: column;
height: min-content !important;
min-width: 160px;
max-width: 360px;
list-style: none;
background: #fff;
border: solid 1px #ddd;
border-radius: 4px;
box-shadow: 0 5px 10px rgba(0,0,0,.2);
overflow: visible;
padding: 10px 0 !important;
}
.visible-xs ~ #menu-container.collapse.in #menu-no-dashboard li {
justify-content: start;
padding-left: 10px !important;
}
.visible-xs ~ #menu-container.collapse.in #menu-no-dashboard li a {
text-align: left;
justify-content: start;
border: 0;
align-items: start;
padding: 0px;
margin: 0;
width: 90%;
}
.visible-xs ~ #menu-container.collapse.in #menu-no-dashboard li a[href="/Home-Nav"] {
margin-left: -5px;
}
#mobile-links .user-toogle {
display: none !important;
}
/*Scroll snap for mobile*/
/* body,
html {
scroll-snap-type: mandatory;
scroll-snap-points-y: repeat(100vh);
scroll-snap-type: y mandatory;
} */
/*@media (max-width: 766px) {
body {
min-height: 100vh !important;
min-height: -webkit-fill-available !important;
}
html {
height: -webkit-fill-available;
scroll-snap-type: mandatory;
scroll-snap-points-y: repeat(100vh);
scroll-snap-type: y mandatory;
}
#home #header,
#home-modules-mobile .module-mobile:not(.welcome_module),
#home #footer {
scroll-snap-align: center;
}
#home-modules-mobile .module-mobile.hr_resources {
scroll-snap-align: center;
}
}*/
#home-modules-mobile .module-mobile:not(.welcome_module):not(.hr_resources) {
height: 500px !important;
min-height: 500px;
/*height: -webkit-fill-available;
min-height: -webkit-fill-available;*/
margin-bottom: 1rem;
}
#home-modules-mobile .module-mobile:not(.welcome_module):not(.hr_resources) .module-panel {
min-height: 200px !important;
}
#home-modules-mobile .module-mobile {
margin-bottom: 0;
}
#home-modules-mobile #home-module-enrolment {
margin-top: 0;
}
#home-online-three #right-side .module-mobile p:not(.benefit-statement-intro),
#home-online-three #home-integrated .module-mobile p:not(.benefit-statement-intro) {
height: 100%;
}
#home-modules-mobile .module-mobile.hr_resources {
justify-content: flex-start
}
.module-content.hr_resources::before {
content: 'Additional Resources';
display: block;
margin: 2rem auto 0.5rem 1rem;
font-size: 1.75rem;
font-family: HelveticaNowDisplayBold;
color: #262836;
}
.module-mobile .hr_resources .resources_wrapper .col {
/* -webkit-box-flex: 0; */
/* -ms-flex: 0 0 33.3vh; */
/* flex: 0 0 33.3vh !important; */
/* min-height: 300px; */
/* height: 33.3vh; */
scroll-snap-align: start;
}
.module-mobile .hr_resources .quicklinks h4 {
line-height: 1rem;
margin-bottom: 2rem !important;
}
.module-mobile .hr_resources .quicklinks ul li {
display: block;
margin: 0 !important;
}
/*Contact Us Page*/
#form[action*="Contact"] #wrapper,
#form[action*="contact"] #wrapper {
padding-top: 4rem;
position: relative;
}
#form[action*="Contact"] #page-header ,
#form[action*="contact"] #page-header {
display: none;
}
.contact_page {
display: flex;
width: 90%;
margin: 0 auto !important;
align-items: center;
flex-wrap: wrap;
}
.contact_page > * {
flex: 1 1 45%;
}
.contact_img {
min-width: 300px;
order: -1;
width: 100%;
}
.contact_page_container {
line-height: 1.5;
font-size: 1rem;
max-width: 60ch;
}
.contact_page_container h1 {
padding: 1rem 0 !important;
color: #262836;
font-family: HelveticaNowDisplayBold;
}
/*Security - First Time Login*/
.login-frst-time * {
color: #262836 !important;
}
.login-frst-time h1 {
font-size: 1.5rem;
font-family: HelveticaNowDisplayBold;
}
.login-frst-time p {
font-size: 14px;
font-family: HelveticaNowDisplayLight;
}
/*Benefit Overview - switching images off*/
.modal-dialog .modal-body .tab-body .pannel-body-full {
background: none;
}
.online-two-iso .info-text.item.benefit-type-content,
.online-two-iso .benefit-type-faqs,
.online-two-iso .faq-item {
width: 100%;
padding: 0 5%;
}
/*Lifestyle Savings page re-desing to 3 columns*/
#lifestyle_savings .deals .container {
gap: 2rem;
}
#lifestyle_savings .deals .container .deal {
-webkit-box-flex: 1;
-ms-flex: 1 1 30%;
flex: 0 1 30%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 1rem;
gap: 1rem;
border: 1px solid #cddbde;
min-width: 300px;
}
#lifestyle_savings .deals .container .deal .deal_description {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
max-width: 100%;
padding: 0 1rem !important;
}
#lifestyle_savings .deals .container .deal .deal_image {
-webkit-box-flex: 0;
-ms-flex: auto;
flex: auto;
max-width: 100%;
width: 100%;
max-height: 30%;
}
#lifestyle_savings .deals .container .deal .deal_description h4 {
font-size: 0.9rem;
text-transform: uppercase;
font-family: HelveticaNowDisplayBold !important;
}
#lifestyle_savings .deals .container .deal .deal_description ul li {
margin-left: 0;
}
/*Show only selected benefits on the statement*/
#main.benefit-statement [class^="line-group"] .group-body > div:not(.benefit-selected-box) {
display: none;
}
#main.benefit-statement .group-body {
min-height: 400px;
}
/*BG to the video hero*/
.welcome_module .content-text .video-module #HomeHeroVideo {
background-color: #eef6f7;
}
.video-js {
box-shadow: 0 .15em .25em rgba(0,0,0,.25);
}
.vjs-poster {
background-size: cover;
}
.LineDetail_4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60 h4 {
margin-top: 2rem;
}
/*Hide total cost for all benefits*/
.benefitline .currentbenefits .row.line .FundedDisplay:first-child {
display: none;
}
/*Show total cost for PMI and Pension benefits*/
.BenefitIntro_4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60 .FundedDisplay,
.BenefitIntro_066088fd-bccb-43de-9726-f0293b6001a8 .FundedDisplay,
.BenefitIntro_98f1ad23-3d15-4cc2-9d2a-3d88b15e104c .FundedDisplay {
display: flex !important;
}
/*Hide total cost for all benefits on benefitselection page*/
.in-Cart .cost {
display: none;
}
/*Disable login for 2025 renewal*/
.online-two-iso.login .LoginPageContainer .input-group,
.online-two-iso.login .LoginPageContainer .btn.btn-primary#login,
.online-two-iso.login .LoginPageContainer .additional-services {
display: none;
}
/*Hide Security Tab in profile*/
li.security,
div#securityTab {
display: none;
}
/*Add headers on PMI BYO elections modals*/
div#byoOverlay-f0554892-ebed-4140-b140-e9e1912fc35d [ng-bind-html="vm.locale.byoOverlayHeading"]:before,
div#byoOverlay-2ccc3887-1df1-42dd-b601-0508c75283cd [ng-bind-html="vm.locale.byoOverlayHeading"]:before,
div#byoOverlay-da471d49-96af-4fe0-989b-196754587498 [ng-bind-html="vm.locale.byoOverlayHeading"]:before {
content: 'Select participants and corresponding options, including personalised packages';
}
div#byoOverlay-fd795bf9-1ba6-4711-9372-a37b9852934c [ng-bind-html="vm.locale.byoOverlayHeading"]:before,
div#byoOverlay-72dc134a-1576-49b4-ae41-ea96e9709dc7 [ng-bind-html="vm.locale.byoOverlayHeading"]:before,
div#byoOverlay-e0e4a10b-5bf8-4d64-afdf-f01487b3b1d4 [ng-bind-html="vm.locale.byoOverlayHeading"]:before {
content: 'Select participants and corresponding options';
}
/*Hide floating banner*/
#floating-header {
display: none !important;
}
/*Pension changes 10-2025*/
span#fixed-amount-a3109e77-b308-4e88-96e5-304c0b351f39 {
display: inline-block;
font-family: 'HelveticaNowDisplayBold';
}
span#amountTypeDescriptiona3109e77-b308-4e88-96e5-304c0b351f39 ~div {
display: inline-block;
}
span#amountTypeDescriptiona3109e77-b308-4e88-96e5-304c0b351f39 ~div br {
display: none;
}
div#lineid_4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60 .cost.percent {
display: block !important;
}
div#lineid_4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60 .funded.percent {
text-transform: capitalize;
font-size: 1rem
}
table.contrTable {
max-width: 500px;
}
table.contrTable * {
font-size: 14px !important;
border: 1px solid #E5EFF0;
corner-radius: 12px
}
table.contrTable th,
table.contrTable thead tr,
table.contrTable td {
line-height: 18px;
}
table.contrTable thead th {
font-size: 1rem;
font-family: 'HelveticaNowDisplayBold';
padding: 10px 6px 6px 6px;
}
table.contrTable tbody td {
font-size: 1rem;
padding: 5px 10px;
}
div#current-option-in-cart852bf659-157b-4b7a-b772-4006fee2e9f3 ~ .content-box-border .description {
font-size: 14px !important;
}
div#ProductAmount-852bf659-157b-4b7a-b772-4006fee2e9f3 .jslider-value,
div#ProductAmount-852bf659-157b-4b7a-b772-4006fee2e9f3 .jslider-value * {
font-family: 'HelveticaNowDisplayBold';
}
div.newTag {
text-align: left;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
align-self: auto;
margin-top: 0;
margin-bottom: 1rem;
width: 100%;
max-width: 1200px;
border-top-style: solid;
border-top-color: #003b75;
background-color: #cceaf5;
border-width: 6px 1px 1px;
border-radius: 4px;
}
div.newTag p {
padding: 20px 20px;
font-family: 'HelveticaNowDisplayReg';
line-height: 24px;
color: #262836;
font-size: 16px;
display: flex;
}
div.newTag p:before {
content: '\f0f3';
font-family: FontAwesome;
padding-right: 20px;
}
.products-header-4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60 ~ div #products .product-info {
width: 100%;
max-width: 100% !important;
}
.products-header-4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60 ~ div .content-option-credit-health {
width: 100%;
float: left;
}
.products-header-4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60 ~ div .content-option-credit-health .option-credit-health {
float: left;
padding-left: 0
}
.products-header-4b4e3b78-cf3f-4f7d-8700-5aa77a1eba60 ~ div .product-amount .block-slider {
max-width: 100%;
}
span#amountTypeDescription852bf659-157b-4b7a-b772-4006fee2e9f3,
span#amountTypeDescriptiona3109e77-b308-4e88-96e5-304c0b351f39 {
font-family: 'HelveticaNowDisplayMedium';
}
/*Hide Legacy pension product name*/
div#ProductAmount-a3109e77-b308-4e88-96e5-304c0b351f39 {
display: none;
}
/* Minification failed (line 8068, error number 1062): Expected semicolon or closing curly-brace, found ':' */