/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */ /*START DEFAULT TEMPLATE STYLES HERE*/ /**********FONTS**********/ @font-face { font-family: 'KPMG-Light'; src: url('/flexzone/media/default/2020%20Renewal/Fonts/KPMG-Light.eot') format('eot'), url('/flexzone/media/default/2020%20Renewal/Fonts/KPMG-Light.otf') format('otf'), url('/flexzone/media/default/2020%20Renewal/Fonts/KPMG-Light.svg') format('svg'), url('/flexzone/media/default/2020%20Renewal/Fonts/KPMG-Light.ttf') format('truetype'), url('/flexzone/media/default/2020%20Renewal/Fonts/KPMG-Light.woff') format('woff'), url('/flexzone/media/default/2020%20Renewal/Fonts/KPMG-Light.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Univers-Bold'; src: url('/flexzone/media/default/2020%20Renewal/Fonts/univers-65-bold-1361510620.ttf') format('truetype'), url('/flexzone/media/default/2020%20Renewal/Fonts/univers-65-bold-1361510620.eot') format('eot'), url('/flexzone/media/default/2020%20Renewal/Fonts/univers-65-bold-1361510620.otf') format('otf'), url('/flexzone/media/default/2020%20Renewal/Fonts/univers-65-bold-1361510620.svg') format('svg'), url('/flexzone/media/default/2020%20Renewal/Fonts/univers-65-bold-1361510620.woff') format('woff'), url('/flexzone/media/default/2020%20Renewal/Fonts/univers-65-bold-1361510620.woff2') format('woff2'); font-weight: Bold; font-style: normal; } @font-face { font-family: 'Univers-Light'; src: url('/flexzone/media/default/2020%20Renewal/Fonts/ufonts-com_univers-light-normal.ttf') format('truetype'), url('/flexzone/media/default/2020%20Renewal/Fonts/ufontscomunivers-light-normal.eot') format('eot'), url('/flexzone/media/default/2020%20Renewal/Fonts/ufontscomunivers-light-normal.otf') format('otf'), url('/flexzone/media/default/2020%20Renewal/Fonts/ufontscomunivers-light-normal.svg') format('svg'), url('/flexzone/media/default/2020%20Renewal/Fonts/ufontscomunivers-light-normal.woff') format('woff'), url('/flexzone/media/default/2020%20Renewal/Fonts/ufontscomunivers-light-normal.woff2') format('woff2'); font-weight: normal; font-style: normal; } /***Animation*****/ @-webkit-keyframes dots_pulse { 0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:0.8;} } @keyframes dots_pulse { 0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:0.8;} } background: -o-linear-gradient(222deg, #0091da, #f6802e); background: linear-gradient(228deg, #0091da, #f6802e); background-size: 400% 400%; -webkit-animation: button_hover 10s ease infinite; animation: button_hover 10s ease infinite; @-webkit-keyframes button_hover { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes button_hover { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } /******LOGIN PAGE******/ .online-two-iso.login body { background: url("/flexzone/media/default/2020%20Renewal/Images/login_page_1426x725_2.jpg") left center/cover no-repeat !important; } #login-module-need-assistance::before { display: none; } #login-modules-container { background-color: transparent; padding-left: 60%; } .login-module-zone { opacity: 0.8; } /*****HOME PAGE*****/ /****PROFILE & LOGOUT****/ /*Tooltip*/ .ui-tooltip { visibility: hidden !important; } .fa::before { text-transform: capitalize; } .fa-user::before { content: url("/flexzone/media/default/2020%20Renewal/Icons/KPMG_Misc-icons_1.png") " Profile"; font-family: 'Univers-Light'; font-size: 1rem; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .fa-sign-out::before { content: url("/flexzone/media/default/2020%20Renewal/Icons/KPMG_Misc-icons_2.png") " Log out"; font-family: 'Univers-Light'; font-size: 1rem; -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; } .bootstrap-iso.onlineTwoPointO-home.ng-scope {background-color: white;} /*** Profile Page ***/ #profile-online-2 #headerTabs { font-family: 'Univers-Bold'; } html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A { color: #0091da; border-bottom: solid .5em #0091da; } html#profile body#profile .profile #profile-online-2 label:not(.ui-button) { text-transform:capitalize; } #profilecontainer .preference { display: none; } /****Help Button*****/ .helptoggle { background-color: #0091DA !important; color: #fff !important; } #logo { background: transparent url("/flexzone/media/default/2020%20Renewal/Images/KPMG_RGB_1.png") no-repeat scroll left bottom / 50% auto; width: 270px; height: 70px; margin-left: 3rem; margin-top: 1rem; } #floating-header-content A { width: auto; padding-right: 2rem; } .help-ico A[aria-expanded="false"] { background-image: url(/flexzone/media/default/2020%20Renewal/Images/KPMG_Misc-icons_4.png) !important; } .help-ico A[aria-expanded="true"] { background-image: url(/flexzone/media/default/2020%20Renewal/Images/KPMG_Misc-icons_1.png) !important; } /****Carousel Images****/ .onlineTwoPointO-home .module-content {height:850px;} .onlineTwoPointO-home .module-content #home-module-enrolment {background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_7.jpg") center center/cover no-repeat;} .onlineTwoPointO-home .module-content #home-module-benefit-statement {background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_2.jpg") center center/cover no-repeat;} .onlineTwoPointO-home .module-content #home-module-generic.benefitsoverview {background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_3.jpg") center center/cover no-repeat;} .onlineTwoPointO-home .module-content #home-module-generic.pension {background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_4.jpg") center center/cover no-repeat;} .onlineTwoPointO-home .module-content #home-module-generic.Wellbeing {background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_5.jpg") center center/cover no-repeat;} .onlineTwoPointO-home .module-content #home-module-generic.insurance {background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_6.jpg") center center/cover no-repeat;} .onlineTwoPointO-home .module-content #home-module-trs {background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_1.jpg") center center/cover no-repeat;} .onlineTwoPointO-home .module-content #home-module-trss {background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_1.jpg") center center/cover no-repeat;} #menu-container { position: absolute; top: 3.6rem !important; right: 9rem; } #menu-no-dashboard li a::before { content: url('/flexzone/media/default/2020%20Renewal/Icons/KPMG_Misc-icons_3.png'); padding-right: 5px; } #menu-container #menu-no-dashboard li a{ text-transform: capitalize; font-family: 'Univers-Light'; color: #666; font-weight: normal; text-decoration: none; } #menu-container #menu-no-dashboard li a:hover { color: #377caf; } #menu-no-dashboard li{ float: right; } #home-module-content .text-large, #home-module-content .text-large > div:first-child span, #home-module-content .text-large > div:first-child { font-family: 'KPMG-Light'; font-size: 5rem; line-height:5rem; padding-bottom:3rem; } .onlineTwoPointO-home .module-content>div { padding: 5rem 50px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .onlineTwoPointO-home .modules .module.active::after { bottom: -80px; left: 34%; font-size: 80px; } .onlineTwoPointO-home .module-content [class*="-buttons"] { margin-top:10%; display:block; /*** A fix only for Internet Explorer ***/ } .onlineTwoPointO-home .module-content [class*="-buttons"] button /**Click Here Button**/ {float:left; text-transform: capitalize; } #home-module-enrolment .enrollment-copy .cal { background:none; width: 0; height: 0; } #home-module-enrolment .enrollment-copy .text-light { display: block; padding-bottom:2.5rem; } #home-module-generic .home-module-generic-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 40%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .home-module-enrolment-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 40% !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .home-module-benefit-statement-content { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 !important; width: 40% !important; } #home-intro { background-color: #f2f2f2; margin: 0 0 0.5em 0 !important; padding-bottom: 1rem; font-family: 'KPMG-Light'; color: #00338D !important; font-size: 4rem !important; line-height:4rem; } #renewalCountdown .days-left::before { content: "You have "; } #renewalCountdown span { font-family: 'Univers-Light'; font-weight: bold !important; } .module-label{ font-size: 1rem !important; font-family: 'Univers-Light'; } .module-content .btn.btn-default { float: left !important; margin-top: 10% !important; font-size: 1.5rem !important; font-family: 'Univers-Bold'; text-transform: capitalize !important; background-color: #0091DA !important; border-color: #0091DA !important; border-radius: 10px !important; outline:none; } .onlineTwoPointO-home .module-content [class*="-buttons"] button span { text-transform: capitalize; } .onlineTwoPointO-home .module-content [class*="-buttons"] button { text-align: left; } /**remove the figures from Benefit Statement module**/ #home-module-benefit-statement .benefit-statement-copy .payslip-item-data { display: none; } /*** Button arrow styling **/ .btn.btn-default span::before { padding-right: 1rem; font-weight: 900; background: url('/flexzone/media/default/2020%20Renewal/Icons/angle%20right_new.png'); content: ''; background-size: 53%; background-repeat: no-repeat; padding-bottom: 1rem; background-position-y: 4px; height: 25px; width: 25px; display: inline-block; } #insurance-deals-buttons,#pension-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #insurance-deals-buttons .btn.btn-default,#home-module-content #insurance-deals-buttons .btn.btn-default:hover, #pension-buttons .btn.btn-default,#home-module-content #pension-buttons .btn.btn-default:hover{ padding-top:12px; width:635px; height:auto; background: url('/flexzone/media/default/2020%20Renewal/Icons/angle%20right_new.png'); background-size:2.8%; background-repeat:no-repeat; padding-bottom:1rem; background-position-y:17px; background-position-x:12px; text-align: left; padding-left: 2.2rem; } #pension-buttons .btn.btn-default, #home-module-content #pension-buttons .btn.btn-default:hover { width:255px !important; background-position-y:22px !important;} #insurance-deals-buttons .btn.btn-default:not(:first-child), #pension-buttons .btn.btn-default:not(:first-child){ margin-top: 20px !important; } #home-module-enrolment #video-button .btn.btn-default, #home-module-enrolment #video-button .btn.btn-default:hover { min-height: 60px; margin-top: 0 !important; margin-bottom: 5%; padding-top: 12px; width: 230px; height: auto; background: url('/flexzone/media/default/2020%20Renewal/Icons/angle%20right_new.png'); background-color: rgba(0, 0, 0, 0); background-size: 6%; background-repeat: no-repeat; padding-bottom: 1rem; background-position-y: 18px; background-position-x: 30px; text-align: left; padding-left: 3.5rem; } /****TileIcons-OFF****/ .onlineTwoPointO-home .icon-two-point-o-home-module-enrolment::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_OFF_1.png');} .onlineTwoPointO-home .icon-two-point-o-home-module-benefit-statement::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45-8_Off.png');} .onlineTwoPointO-home .icon-two-point-o-home-module-medical-two::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_OFF_3.png');} .onlineTwoPointO-home .icon-two-point-o-home-module-hand::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_OFF_2.png');} .onlineTwoPointO-home .icon-two-point-o-home-module-scales::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_OFF_5_V2.png');} .onlineTwoPointO-home .icon-two-point-o-home-module-cog::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_OFF_6.png');} .onlineTwoPointO-home .icon-two-point-o-home-module-trs-6::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_OFF_7.png');} .onlineTwoPointO-home .icon-two-point-o-home-module-generic-7::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_OFF_7.png');} .onlineTwoPointO-home .module.active .icon-two-point-o-home-module-enrolment::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_ON_1.png');} .onlineTwoPointO-home .module.active .icon-two-point-o-home-module-benefit-statement::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45-8_On.png');} .onlineTwoPointO-home .module.active .icon-two-point-o-home-module-medical-two::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_ON_3.png');} .onlineTwoPointO-home .module.active .icon-two-point-o-home-module-hand::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_ON_2.png');} .onlineTwoPointO-home .module.active .icon-two-point-o-home-module-scales::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_ON_5_V2.png');} .onlineTwoPointO-home .module.active .icon-two-point-o-home-module-cog::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_ON_6.png');} .onlineTwoPointO-home .module.active .icon-two-point-o-home-module-trs-6::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_ON_7.png');} .onlineTwoPointO-home .module.active .icon-two-point-o-home-module-generic-7::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_ON_7.png');} /****FOOTER POSITION*****/ #containerGlobal #footer { float: right; padding-right: 5rem; } /****** BENEFITS MATRIX PAGE *******/ #floating-header-content A {line-height:2em;} #resettodefaults { visibility: hidden; } .benefit-matrix .group-default { color: #fff; font-family: 'KPMG-Light'; font-size: 3.5rem; padding-left: 3rem; } .line-group.Summary .group-default { background-color: #0091DA; } .benefit-matrix .Savings .group-default { background-color: #602077; } .benefit-matrix .HealthBenefits .group-default { background-color: #00A3A1; } .benefit-matrix .TravelBenefits .group-default { background-color: #EAAA00; } .benefit-matrix .LeisureLifestyle .group-default { background-color: #C6007E; } .benefitheader-fixed div#followup-items .btn.btn-success.btn-confirmchoice { background-color: #0091DA !important; width: 264px; padding: 0.5rem 1rem; min-width: auto; width: auto; font-family:'KPMG-Light'; } .btn.btn-success.btn-confirmchoice span { font-size: 2rem; padding:0; } .btn.btn-success.btn-confirmchoice .glyphicon.glyphicon-ok { padding-right: 0.5rem; font-size: 1.6rem; } /** Hiding arrow from Annual toggle**/ .btn-group.perpayperannualbtngroup span::before { background: none; } /******* BENEFIT ICONS *******/ /**** For ROI ***/ .img.L7f0e2cb1-aeed-444d-a6a1-6cbeefc56f64 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_1.png') center center/contain no-repeat;} .img.Lb5ded151-e7c7-4289-aa5d-2fdb79f67345 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_2.png') center center/contain no-repeat;} .img.L70a16a54-9d48-4f63-abc3-89e9a1506a74 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_3.png') center center/contain no-repeat;} .img.L4ca4e9e3-b38a-402d-8c08-5b4c6898216e { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_4.png') center center/contain no-repeat;} .img.L70feb3f9-7ebf-4845-ba8a-21eb1491168d { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_5.png') center center/contain no-repeat;} .img.L6b5289d6-a965-4907-91ea-cc88e87e4449 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_6.png') center center/contain no-repeat;} .img.L0aa18ffc-cb04-4d77-9c2e-d5ada0f6e6ad { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_7.png') center center/contain no-repeat;} .img.L0e00017f-5140-4b17-a3f1-9c16a881640b { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_15.png') center center/contain no-repeat;} .img.La261a96d-f186-4b6e-997f-81ef52968b1c { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_8.png') center center/contain no-repeat;} .img.L8c61c2f9-6563-4e89-8b3b-e58970edfe1a { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_9.png') center center/contain no-repeat;} .img.L0865a678-3c62-4783-9116-5199b94e1fbe { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_10.png') center center/contain no-repeat;} .img.Le8017ed8-965e-43c9-ad8c-f02c603ac287,.img.L7c087140-0417-4b72-bed8-dd2921b02f1d { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_11.png') center center/contain no-repeat;} .img.L462c01f7-fb6a-4e26-917e-e9cbdb09db2b { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_12.png') center center/contain no-repeat;} .img.L7d631202-80b1-4b4a-aee8-4c69fa0a3af6 { background: url('/flexzone/media/default/2020%20Renewal/Icons/Vision_160x130.png') center center/contain no-repeat;} /*****For Northern Ireland ******/ .img.Lc8ace282-0c9e-4cfd-ac05-e9a2a5956f0a { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_1.png') center center/contain no-repeat;} /*RAVC*/ .img.L9b0c7cff-321b-46a5-9086-4c612f60de08 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_2.png') center center/contain no-repeat;} /*LAVC*/ .img.Le66ad35a-b8e0-40c6-8baf-35c27f689fb3 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_4.png') center center/contain no-repeat;} /*PMI*/ .img.L2a8ae45b-e165-446f-a230-db803320e619 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_7.png') center center/contain no-repeat;} /*DI*/ .img.L059ea274-fc9d-4fea-8f37-f886a25ddcc3 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_9.png') center center/contain no-repeat;} /*TI*/ .img.Lbdffa8d2-d961-4c05-912c-9ae9c87be86e { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_10.png') center center/contain no-repeat;} /*CTW*/ .img.Lade1760c-95af-4d39-92b0-8299d2317ddb,.img.L93d2f10b-598b-4e82-bd6c-0ffbf3d284dd { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_11.png') center center/contain no-repeat;} /*DC*/ .img.L31208c13-a1e9-40af-a9d5-3a6c3559e0cd,.img.Lddbe9c07-8b01-435e-9cdb-c3ba20a0b12d { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_12.png') center center/contain no-repeat;} /*ALP*/ .img.L1f6d7a73-ca3d-46f5-907f-da834676b09e { background: url('/flexzone/media/default/2020%20Renewal/Icons/Vision_160x130.png') center center/contain no-repeat;} /*VISION*/ .img.La41a5b64-fe19-4f3e-90e5-15b1733a216d { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_17.png') center center/contain no-repeat;} /*CCV*/ /****** Benefit Icons Space and Height Adjustments *****/ .benefit-matrix [class*="BenefitIntro"] { background: #fff; min-height: 170px; width:84%; display:block; } .benefit-matrix .benefit-category .benefitline { margin-left: 3%; display:-webkit-box; display:-ms-flexbox; display:flex; background-color: transparent; } .benefit-matrix .benefit-menu { min-height: 170px; background: #fff; margin-right: 1%; width: 14%; display: -webkit-box; display: -ms-flexbox; display: flex; } .benefit-matrix .benefitline .benefit-menu .img { width: 100%; margin-top:1rem; } /***** SELECT BUTTON STYLING ******/ .btn.btn-success.btn-option-elect { width: 105px; height: auto; padding-top: 1rem; background-color: #fff; border: 2px solid #000; color: #000; border-radius:10px; } .benefit-matrix .Savings .btn.btn-success.btn-option-elect { color: #602077; border-color: #602077; } .benefit-matrix .HealthBenefits .btn.btn-success.btn-option-elect { color: #00A3A1; border-color: #00A3A1; } .benefit-matrix .TravelBenefits .btn.btn-success.btn-option-elect { color: #EAAA00; border-color: #EAAA00; } .benefit-matrix .LeisureLifestyle .btn.btn-success.btn-option-elect { color: #C6007E; border-color: #C6007E; } .benefit-matrix .lineheader { margin-right: 0; font-size: 2.25rem; margin-left: 1.5rem; } /**** Hiding Cost of Benefit from being displayed*****/ /*.FundedDisplay:first-child { visibility: hidden; }*/ .benefit-print-single-header { font-size: 1.1rem; font-family: 'Univers-Light'; } .benefit-matrix .Savings .benefit-print-single-header { color:#602077; } .benefit-matrix .HealthBenefits .benefit-print-single-header { color:#00A3A1; } .benefit-matrix .TravelBenefits .benefit-print-single-header { color:#EAAA00; } .benefit-matrix .LeisureLifestyle .benefit-print-single-header { color:#C6007E; } .benefit-matrix .font-youpay-color {color:black;} .col-md-10.col-sm-10.totalcost { width: 55%; } .benefit-matrix .benefitheader.benefitheader-border { text-transform: capitalize; border: solid 1px black; padding: 12px 30px; font-family: 'Univers-Light'; } .benefit-matrix .benefitheader { font-size: 1.1rem; } .benefit-matrix .btn-warning.active{ background-color:#0091DA; border-color:#666;} /******** BENEFITS OVERVIEW *********/ #benefit-overview .group-header { overflow: hidden; line-height: 55px; } #benefit-overview .group-title{ font-family: 'KPMG-Light'; font-size: 2.5rem; padding-left: 2.5rem;} #benefit-overview .panel-group { padding: 0% 5%; } #benefit-overview #overviewAccordion .protection.panel .panel-heading { background-color: #602077; } #benefit-overview #overviewAccordion .health.panel .panel-heading { background-color: #00A3A1; } #benefit-overview #overviewAccordion .finance.panel .panel-heading { background-color: #EAAA00; } #benefit-overview #overviewAccordion .lifestyle.panel .panel-heading { background-color: #C6007E; } #benefit-overview #overviewAccordion .info.panel .panel-heading { background-color: #0091DA; } /******** BENEFIT OVERVIEW ICONS ********/ #benefit-overview .summaryImage .img.BenefitImage_7f0e2cb1-aeed-444d-a6a1-6cbeefc56f64 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_1.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_c8ace282-0c9e-4cfd-ac05-e9a2a5956f0a { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_1.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_b5ded151-e7c7-4289-aa5d-2fdb79f67345 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_2.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_9b0c7cff-321b-46a5-9086-4c612f60de08{ background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_2.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_70a16a54-9d48-4f63-abc3-89e9a1506a74 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_3.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_4ca4e9e3-b38a-402d-8c08-5b4c6898216e { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_4.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_e66ad35a-b8e0-40c6-8baf-35c27f689fb3 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_4.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_70feb3f9-7ebf-4845-ba8a-21eb1491168d { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_5.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_6b5289d6-a965-4907-91ea-cc88e87e4449 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_6.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_0aa18ffc-cb04-4d77-9c2e-d5ada0f6e6ad { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_7.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_2a8ae45b-e165-446f-a230-db803320e619 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_7.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_gbrdi { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_7.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_a261a96d-f186-4b6e-997f-81ef52968b1c { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_8.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_8c61c2f9-6563-4e89-8b3b-e58970edfe1a { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_9.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_059ea274-fc9d-4fea-8f37-f886a25ddcc3 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_9.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_0865a678-3c62-4783-9116-5199b94e1fbe { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_10.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_bdffa8d2-d961-4c05-912c-9ae9c87be86e { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_10.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_e8017ed8-965e-43c9-ad8c-f02c603ac287 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_11.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_ade1760c-95af-4d39-92b0-8299d2317ddb { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_11.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_ade1760c-95af-4d39-92b0-8299d2317ddb { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_11.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_31208c13-a1e9-40af-a9d5-3a6c3559e0cd { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_12.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_ddbe9c07-8b01-435e-9cdb-c3ba20a0b12d { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_12.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_462c01f7-fb6a-4e26-917e-e9cbdb09db2b { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_12.png') center center/contain no-repeat;} #benefit-overview .summaryImage .img.BenefitImage_a0e0b5eb-c0eb-41a2-b8ae-f3765ccbdcc7 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_13.png') center center/contain no-repeat;}/*--flex fund */ #benefit-overview .summaryImage .img.BenefitImage_5379c292-459b-4331-9fff-077f703439c0 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_13.png') center center/contain no-repeat;}/*--flex fund1 */ #benefit-overview .summaryImage .img.BenefitImage_6a28bf51-e9b4-4578-a4ad-4db211b1c052 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_14.png') center center/contain no-repeat;}/* - HA */ #benefit-overview .summaryImage .img.BenefitImage_d995dd19-208f-467f-afd5-f4678e40222a { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_14.png') center center/contain no-repeat;}/* - HA1 */ #benefit-overview .summaryImage .img.BenefitImage_ehs { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_14.png') center center/contain no-repeat;}/*-- EHS */ #benefit-overview .summaryImage .img.BenefitImage_0e00017f-5140-4b17-a3f1-9c16a881640b { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_15.png') center center/contain no-repeat;}/*--SI */ #benefit-overview .summaryImage .img.BenefitImage_cp { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_16.png') center center/contain no-repeat;}/*-CP */ #benefit-overview .summaryImage .img.BenefitImage_b02631d4-561e-49dd-a1f7-8131b86ee61a { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_25.png') center center/contain no-repeat;}/*-RAC */ #benefit-overview .summaryImage .img.BenefitImage_8fe10e29-2af0-499e-b275-6b159f016b4e { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_16.png') center center/contain no-repeat;}/*-CP core benefits */ #benefit-overview .summaryImage .img.BenefitImage_641b9483-9bed-4f7f-89cc-f8e9b1e97f5b { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_16.png') center center/contain no-repeat;}/*-CP1 core benefits */ #benefit-overview .summaryImage .img.BenefitImage_AA { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_25.png') center center/contain no-repeat;}/*-AA */ #benefit-overview .summaryImage .img.BenefitImage_a41a5b64-fe19-4f3e-90e5-15b1733a216d { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_17.png') center center/contain no-repeat;}/*-Childcare */ #benefit-overview .summaryImage .img.BenefitImage_4cfa4e41-78d6-4e6f-af90-93a1f6be9d0e { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_GP.png') center center/contain no-repeat;}/*-Gad Pur */ #benefit-overview .summaryImage .img.BenefitImage_07b7388e-ff34-4759-aa95-9b88185c226f { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_GP.png') center center/contain no-repeat;}/*-Gad Pur 1*/ #benefit-overview .summaryImage .img.BenefitImage_0fea0d29-d4ee-4afb-9fbc-85f19f0b358f { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_18.png') center center/contain no-repeat;}/*-Gym Mem 1*/ #benefit-overview .summaryImage .img.BenefitImage_ada6940f-6a04-46ba-8a60-84ccab075ce6 { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_18.png') center center/contain no-repeat;}/*-Gym Mem*/ #benefit-overview .summaryImage .img.BenefitImage_gs { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_19.png') center center/contain no-repeat;}/*-Gs */ #benefit-overview .summaryImage .img.BenefitImage_LA { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_21.png') center center/contain no-repeat;}/*-LA */ #benefit-overview .summaryImage .img.BenefitImage_IP { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_22.png') center center/contain no-repeat;}/*-IP */ #benefit-overview .summaryImage .img.BenefitImage_insurancedeals { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_24.png') center center/contain no-repeat;}/*-Insurance Deals */ #benefit-overview .summaryImage .img.BenefitImage_7d631202-80b1-4b4a-aee8-4c69fa0a3af6 { background: url('/flexzone/media/default/2020%20Renewal/Icons/Vision_160x130.png') center center/contain no-repeat;}/*-Vision IRL */ #benefit-overview .summaryImage .img.BenefitImage_1f6d7a73-ca3d-46f5-907f-da834676b09e { background: url('/flexzone/media/default/2020%20Renewal/Icons/Vision_160x130.png') center center/contain no-repeat;}/*-Vision NI */ #benefit-overview .summaryImage .img.BenefitImage_ww { background: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_27.png') center center/contain no-repeat;}/*-WillWriting */ #benefit-overview .summaryImage .img.BenefitImage_bh { background: url(/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_160x130_28.png) center center/contain no-repeat;/*-BenefitHub */ } /********* FURTHER INFORMATION IMAGE SETTINGS *********/ .info-text.item.benefit-type-content { width: 60%; } .pannel-body-full h1 { font-family: 'KPMG-Light'; font-size: 3.5rem; text-transform: capitalize; font-weight: 400; } .pannel-body-full .faq-answer { width: 60%; padding-bottom:1rem; } .pannel-body-full .faq-answer > p { padding-bottom: 0; } .pannel-body-full .faq-question { width: 60%; } .tab-selector { font-family: 'Univers-Light'; text-transform: capitalize; } .modal-body .tab-body .pannel-body-full{ background-position-x: right; background-position-y: 2rem; background-repeat: no-repeat; min-height: 300px; font-family: 'Univers-Light';} @media (max-width: 768px) { .modal-body .tab-body .pannel-body-full { background-size: 40%; } } .modal-body.LineDetail_7f0e2cb1-aeed-444d-a6a1-6cbeefc56f64 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_1.png')} .modal-body.LineDetail_grbsi .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_1.png')} .modal-body.LineDetail_c8ace282-0c9e-4cfd-ac05-e9a2a5956f0a .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_1.png')} .modal-body.LineDetail_b5ded151-e7c7-4289-aa5d-2fdb79f67345 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_2.png')} .modal-body.LineDetail_9b0c7cff-321b-46a5-9086-4c612f60de08 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_2.png')} .modal-body.LineDetail_70a16a54-9d48-4f63-abc3-89e9a1506a74 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_3.png')} .modal-body.LineDetail_4ca4e9e3-b38a-402d-8c08-5b4c6898216e .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_4.png')} .modal-body.LineDetail_e66ad35a-b8e0-40c6-8baf-35c27f689fb3 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_4.png')} .modal-body.LineDetail_70feb3f9-7ebf-4845-ba8a-21eb1491168d .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_5.png')} .modal-body.LineDetail_6b5289d6-a965-4907-91ea-cc88e87e4449 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_6.png')} .modal-body.LineDetail_0aa18ffc-cb04-4d77-9c2e-d5ada0f6e6ad .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_7.png')} .modal-body.LineDetail_2a8ae45b-e165-446f-a230-db803320e619 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_7.png')} .modal-body.LineDetail_a261a96d-f186-4b6e-997f-81ef52968b1c .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_8.png')} .modal-body.LineDetail_8c61c2f9-6563-4e89-8b3b-e58970edfe1a .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_9.png')} .modal-body.LineDetail_059ea274-fc9d-4fea-8f37-f886a25ddcc3 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_9.png')} .modal-body.LineDetail_0865a678-3c62-4783-9116-5199b94e1fbe .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_10.png')} .modal-body.LineDetail_bdffa8d2-d961-4c05-912c-9ae9c87be86e .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_10.png')} .modal-body.LineDetail_e8017ed8-965e-43c9-ad8c-f02c603ac287 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_11.png')} .modal-body.LineDetail_ade1760c-95af-4d39-92b0-8299d2317ddb .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_11.png')} .modal-body.LineDetail_ade1760c-95af-4d39-92b0-8299d2317ddb .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_11.png')} .modal-body.LineDetail_31208c13-a1e9-40af-a9d5-3a6c3559e0cd .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_12.png')} .modal-body.LineDetail_ddbe9c07-8b01-435e-9cdb-c3ba20a0b12d .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_12.png')} .modal-body.LineDetail_462c01f7-fb6a-4e26-917e-e9cbdb09db2b .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_12.png')} .modal-body.LineDetail_a0e0b5eb-c0eb-41a2-b8ae-f3765ccbdcc7 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_13.png');}/*--flex fund */ .modal-body.LineDetail_5379c292-459b-4331-9fff-077f703439c0 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_13.png');}/*--flex fund1 */ .modal-body.LineDetail_6a28bf51-e9b4-4578-a4ad-4db211b1c052 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_14.png');}/* - HA */ .modal-body.LineDetail_d995dd19-208f-467f-afd5-f4678e40222a .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_14.png');}/* - HA1*/ .modal-body.LineDetail_ehs .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_14.png');}/*-- EHS */ .modal-body.LineDetail_0e00017f-5140-4b17-a3f1-9c16a881640b .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_15.png');}/*--SI */ .modal-body.LineDetail_cp .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_16.png');}/*-CP */ .modal-body.LineDetail_b02631d4-561e-49dd-a1f7-8131b86ee61a .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_25.png');}/*-RAC */ .modal-body.LineDetail_8fe10e29-2af0-499e-b275-6b159f016b4e .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_16.png');}/*-CP core benefits */ .modal-body.LineDetail_641b9483-9bed-4f7f-89cc-f8e9b1e97f5b .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_16.png');}/*-CP1 core benefits */ .modal-body.LineDetail_AA .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_25.png');}/*-AA */ .modal-body.LineDetail_a41a5b64-fe19-4f3e-90e5-15b1733a216d .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_17.png');}/*-Childcare */ .modal-body.LineDetail_4cfa4e41-78d6-4e6f-af90-93a1f6be9d0e .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_GP.png') }/*-Gad Pur */ .modal-body.LineDetail_07b7388e-ff34-4759-aa95-9b88185c226f .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_GP.png') }/*-Gad Pur 1*/ .modal-body.LineDetail_0fea0d29-d4ee-4afb-9fbc-85f19f0b358f .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_18.png');}/*-Gym Mem1 */ .modal-body.LineDetail_ada6940f-6a04-46ba-8a60-84ccab075ce6 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_18.png');}/*-Gym Mem */ .modal-body.LineDetail_gs .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_19.png');}/*-Gs */ .modal-body.LineDetail_LA .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_21.png');}/*-LA */ .modal-body.LineDetail_IP .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_22.png');}/*-IP */ .modal-body.LineDetail_insurancedeals .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_24.png');}/*-Insurance Deals */ .modal-body.LineDetail_7d631202-80b1-4b4a-aee8-4c69fa0a3af6 .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/Vision_447x253.png');}/*-Vision IRL */ .modal-body.LineDetail_1f6d7a73-ca3d-46f5-907f-da834676b09e .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/Vision_447x253.png');}/*-Vision NI */ .modal-body.LineDetail_ww .tab-body .pannel-body-full { background-image: url('/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_27.png');}/*-WW */ .modal-body.LineDetail_bh .tab-body .pannel-body-full { background-image: url(/flexzone/media/default/2020%20Renewal/Icons/benefits_icons_447x253_28.png);}/*-BenefitHub */ /***** FURTHER INFO BUTTON STYLING ******/ .btn.btn-info.know-more-link { background-color: #fff; border: none; } .btn.btn-info.know-more-link span { color: black; font-weight: bold !important; font-size: 1.2rem; } /**** Clear Filter Button ****/ .clear-filter.btn.btn-warning.disabled { background-color: #0091DA; border-radius: 10px; } .clear-filter.btn.btn-warning.disabled span{ color:#fff} .links-group.four-links { display: none; } /**** MY BENEFITS SELECTION PAGE BUTTONS AND FONTS *****/ .benefitselect .products .box-border.sel .header { background-color: #0091DA; font-family: 'Univers-Light'; } .benefitselect .products .box-border.sel,.benefit-matrix .confirm-checkout-button .btn-success { background-color: #0091DA; } .online-two-iso A.button-style.green { background-color: #0091DA; border-color: #0091DA; border-radius: 10px; } .online-two-iso .checkout-button A.button-style.green { font-family: KPMG-Light; font-size: 2rem; } .benefitselect .products-header H4,.products .content-box-border, .benefitselect .line-benefit-intro,.box-border-bg,.benefit-matrix .confirm-checkout-button .btn-success { font-family: 'Univers-Light'; } .benefitselect .continue, .benefit-matrix .confirm-checkout-button .btn-success:active:focus{ border-radius: 10px; } #linedata h1 span { font-family: KPMG-Light; font-size: 3.5rem; color: #666; text-transform: capitalize; } #linedata .division { display: none; } .benefitselect .btn.btn-warning.continue { background-color: #0091DA; padding: 0.5rem 1rem; min-width: auto; width: auto; font-family: 'KPMG-Light'; font-size: 2.5rem; width: auto; } .benefitselect .btn.btn-warning.continue::before { content: ''; font-family: FontAwesome; padding-right: 1rem; font-weight: 900; } .box-border-bg, .division { background: none; } .benefitselect .in-Cart .you-pay P SPAN.green-number { color:#666} .benefitselect .linename > a:link { color: #666; font-family:'Univers-Light' } /****** BUTTON ACTIVE AND HOVERS ******/ .bootstrap-iso a:focus { outline: none; outline-offset: 0; } .btn.btn-default span::before { text-align: left; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .module-content .btn.btn-default:active,.module-content .btn.btn-default:focus,.module-content .btn.btn-default:hover { color: #fff !important; border:none; outline:none; background-color: #f6802e !important; } .btn.btn-default:active span::after,.btn.btn-default:focus span::after { content: '...'; -webkit-animation: dots_pulse 0.8s infinite linear; animation: dots_pulse 0.8s infinite linear; } .btn.btn-success.btn-option-elect:hover { border:2px solid; border-radius:10px; paddiing-top:1rem; } .btn-warning:hover{ -webkit-box-shadow: 0 0 4px 2px #888; box-shadow: 0 0 4px 2px #888; background-color:#0091da !important;; border:none; } #home-module-content .btn.btn-default:hover,#home-module-content #insurance-deals-buttons .btn.btn-default:hover, #home-module-content #pension-buttons .btn.btn-default:hover { /*background: linear-gradient(228deg, #0091da, #f6802e); background-size: 400% 400%; -webkit-animation: button_hover 10s ease infinite; -moz-animation: button_hover 10s ease infinite; -webkit-animation: button_hover 10s ease infinite; animation: button_hover 10s ease infinite;*/ background-color:#f6802e } .btn.btn-success.btn-confirmchoice:hover { box-shadow: 0 0 4px 2px #888; outline: none; border: 1px solid transparent !important; } .benefit-matrix .confirm-checkout-button .btn-success:hover { border-radius:10px; box-shadow: 0 0 4px 2px #888; outline: none; border: none !important; background-color:#0091DA; } /***modules - removing button borderColor***/ #home-module-enrolment .btn.btn-default{ border-color:transparent !important; min-width: 230px; padding: 12px 30px; text-align: left; margin-top: 0 !important; } #overview .btn-info:active:focus,#overview .btn-info:active:hover{ background:none; -webkit-box-shadow:none; border:none; box-shadow:none;} /*.benefit-matrix .row.title*/ .glyphicon-info-sign-color { vertical-align: top; padding: 5px 0 0 5px; } .benefitselect .line-benefit-intro .glyphicon-info-sign-color { color: #666; } .line-benefit-intro .more-info { display: none; } /****Removing Select button from Benefit Matrix Page***/ .line-group.Summary .btn.btn-success.btn-option-elect { visibility: hidden; } /****** Overview,Keypoints,FAQs,contacts POP-UP WINDOW Styling - Benefit Selection Page *******/ .modal-controls .btn.btn-warning,.modal-controls .btn.btn-warning:hover{ background: #0091da; border-radius: 10px; color: #fff; text-transform: capitalize; border: none; } .online-two-iso .modal-large .LineDetail_7f0e2cb1-aeed-444d-a6a1-6cbeefc56f64 .tab-selector-link,.online-two-iso .modal-large .LineDetail_7f0e2cb1-aeed-444d-a6a1-6cbeefc56f64 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_b5ded151-e7c7-4289-aa5d-2fdb79f67345 .tab-selector-link,.online-two-iso .modal-large .LineDetail_Lb5ded151-e7c7-4289-aa5d-2fdb79f67345 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_70a16a54-9d48-4f63-abc3-89e9a1506a74 .tab-selector-link,.online-two-iso .modal-large .LineDetail_70a16a54-9d48-4f63-abc3-89e9a1506a74 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_4ca4e9e3-b38a-402d-8c08-5b4c6898216e .tab-selector-link,.online-two-iso .modal-large .LineDetail_4ca4e9e3-b38a-402d-8c08-5b4c6898216e a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_70feb3f9-7ebf-4845-ba8a-21eb1491168d .tab-selector-link,.online-two-iso .modal-large .LineDetail_70feb3f9-7ebf-4845-ba8a-21eb1491168d a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_6b5289d6-a965-4907-91ea-cc88e87e4449 .tab-selector-link,.online-two-iso .modal-large .LineDetail_6b5289d6-a965-4907-91ea-cc88e87e4449 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_0aa18ffc-cb04-4d77-9c2e-d5ada0f6e6ad .tab-selector-link,.online-two-iso .modal-large .LineDetail_0aa18ffc-cb04-4d77-9c2e-d5ada0f6e6ad a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_0e00017f-5140-4b17-a3f1-9c16a881640b .tab-selector-link,.online-two-iso .modal-large .LineDetail_0e00017f-5140-4b17-a3f1-9c16a881640b a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_a261a96d-f186-4b6e-997f-81ef52968b1c .tab-selector-link,.online-two-iso .modal-large .LineDetail_a261a96d-f186-4b6e-997f-81ef52968b1c a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_8c61c2f9-6563-4e89-8b3b-e58970edfe1a .tab-selector-link,.online-two-iso .modal-large .LineDetail_8c61c2f9-6563-4e89-8b3b-e58970edfe1a a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_0865a678-3c62-4783-9116-5199b94e1fbe .tab-selector-link,.online-two-iso .modal-large .LineDetail_0865a678-3c62-4783-9116-5199b94e1fbe a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_e8017ed8-965e-43c9-ad8c-f02c603ac287 .tab-selector-link,.online-two-iso .modal-large .LineDetail_e8017ed8-965e-43c9-ad8c-f02c603ac287 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_462c01f7-fb6a-4e26-917e-e9cbdb09db2b .tab-selector-link,.online-two-iso .modal-large .LineDetail_462c01f7-fb6a-4e26-917e-e9cbdb09db2b a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_e66ad35a-b8e0-40c6-8baf-35c27f689fb3 .tab-selector-link,.online-two-iso .modal-large .LineDetail_e66ad35a-b8e0-40c6-8baf-35c27f689fb3 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_insurancedeals .tab-selector-link,.online-two-iso .modal-large .LineDetail_insurancedeals a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_7d631202-80b1-4b4a-aee8-4c69fa0a3af6 .tab-selector-link,.online-two-iso .modal-large .LineDetail_7d631202-80b1-4b4a-aee8-4c69fa0a3af6 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_7f0e2cb1-aeed-444d-a6a1-6cbeefc56f64 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_7f0e2cb1-aeed-444d-a6a1-6cbeefc56f64 a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_b5ded151-e7c7-4289-aa5d-2fdb79f67345 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_b5ded151-e7c7-4289-aa5d-2fdb79f67345 a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_70a16a54-9d48-4f63-abc3-89e9a1506a74 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_70a16a54-9d48-4f63-abc3-89e9a1506a74 a.tab-selector-link:hover { color: #666; border-bottom: solid .5em #602077; } .online-two-iso .modal-large .LineDetail_4ca4e9e3-b38a-402d-8c08-5b4c6898216e .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_4ca4e9e3-b38a-402d-8c08-5b4c6898216e a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_70feb3f9-7ebf-4845-ba8a-21eb1491168d .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_70feb3f9-7ebf-4845-ba8a-21eb1491168d a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_6b5289d6-a965-4907-91ea-cc88e87e4449 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_6b5289d6-a965-4907-91ea-cc88e87e4449 a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_0aa18ffc-cb04-4d77-9c2e-d5ada0f6e6ad .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_0aa18ffc-cb04-4d77-9c2e-d5ada0f6e6ad a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_0e00017f-5140-4b17-a3f1-9c16a881640b .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_0e00017f-5140-4b17-a3f1-9c16a881640b a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_e66ad35a-b8e0-40c6-8baf-35c27f689fb3 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_e66ad35a-b8e0-40c6-8baf-35c27f689fb3 a.tab-selector-link:hover { color: #666; border-bottom: solid .5em #00A3A1; } .online-two-iso .modal-large .LineDetail_a261a96d-f186-4b6e-997f-81ef52968b1c .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_a261a96d-f186-4b6e-997f-81ef52968b1c a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_8c61c2f9-6563-4e89-8b3b-e58970edfe1a .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_8c61c2f9-6563-4e89-8b3b-e58970edfe1a a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_0865a678-3c62-4783-9116-5199b94e1fbe .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_0865a678-3c62-4783-9116-5199b94e1fbe a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_8fe10e29-2af0-499e-b275-6b159f016b4e .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_8fe10e29-2af0-499e-b275-6b159f016b4e a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_641b9483-9bed-4f7f-89cc-f8e9b1e97f5b .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_641b9483-9bed-4f7f-89cc-f8e9b1e97f5b a.tab-selector-link:hover { color: #666; border-bottom: solid .5em #EAAA00; } .online-two-iso .modal-large .LineDetail_e8017ed8-965e-43c9-ad8c-f02c603ac287 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_e8017ed8-965e-43c9-ad8c-f02c603ac287 a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_462c01f7-fb6a-4e26-917e-e9cbdb09db2b .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_462c01f7-fb6a-4e26-917e-e9cbdb09db2b a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_insurancedeals .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_insurancedeals a.tab-selector-link:hover { color: #666; border-bottom: solid .5em #C6007E; } .online-two-iso .LineDetail_7f0e2cb1-aeed-444d-a6a1-6cbeefc56f64 h1, .online-two-iso .LineDetail_b5ded151-e7c7-4289-aa5d-2fdb79f67345 h1, .online-two-iso .LineDetail_70a16a54-9d48-4f63-abc3-89e9a1506a74 h1 { color: #602077; } .online-two-iso .LineDetail_4ca4e9e3-b38a-402d-8c08-5b4c6898216e h1, .online-two-iso .LineDetail_70feb3f9-7ebf-4845-ba8a-21eb1491168d h1, .online-two-iso .LineDetail_6b5289d6-a965-4907-91ea-cc88e87e4449 h1, .online-two-iso .LineDetail_0aa18ffc-cb04-4d77-9c2e-d5ada0f6e6ad h1, .online-two-iso .LineDetail_0e00017f-5140-4b17-a3f1-9c16a881640b h1, .online-two-iso .LineDetail_e66ad35a-b8e0-40c6-8baf-35c27f689fb3 h1, .online-two-iso .LineDetail_7d631202-80b1-4b4a-aee8-4c69fa0a3af6 h1 { color: #00A3A1; } .online-two-iso .LineDetail_a261a96d-f186-4b6e-997f-81ef52968b1c h1, .online-two-iso .LineDetail_8c61c2f9-6563-4e89-8b3b-e58970edfe1a h1, .online-two-iso .LineDetail_0865a678-3c62-4783-9116-5199b94e1fbe h1, .online-two-iso .LineDetail_8fe10e29-2af0-499e-b275-6b159f016b4e h1, .online-two-iso .LineDetail_641b9483-9bed-4f7f-89cc-f8e9b1e97f5b h1 { color: #EAAA00; } .online-two-iso .LineDetail_e8017ed8-965e-43c9-ad8c-f02c603ac287 h1, .online-two-iso .LineDetail_462c01f7-fb6a-4e26-917e-e9cbdb09db2b h1, .online-two-iso .LineDetail_insurancedeals h1 { color: #C6007E; } #inputTextInstruction17836a72-700c-4401-aa71-5c8fb4be743a, #inputTextInstruction7641b03d-ebe6-4ab0-8197-dca5125a13de, #inputTextInstructionf2608e86-6249-4ba8-a85b-42774cd24b60, #inputTextInstruction0196ed9c-7be8-4fa2-aa7b-8c9cf7a67215 { display: none; } /*Tastecard and gourmet card*/ /*Hide follow up lines for tastecard & gourmet card*/ #lineid_22761b2f-efb9-45d1-a644-62bea714e1ce, #lineid_c2dfd54c-ab90-417e-a387-87033042d65c, #lineid_afe4881d-779b-4124-8916-57244713020c, #lineid_a045df67-6b48-43d5-b9bd-d50c3b37030c { display: none; } #products-header-label.products-header-c2dfd54c-ab90-417e-a387-87033042d65c, #products-header-label.products-header-22761b2f-efb9-45d1-a644-62bea714e1ce, #products-header-label.products-header-afe4881d-779b-4124-8916-57244713020c, #products-header-label.products-header-a045df67-6b48-43d5-b9bd-d50c3b37030c { display: none; } #linedata .linename-display-tastecard { font-size: 1rem; text-transform: none; font-family: Univers-Light; } .followup-item-coverage-heading p { margin-bottom: 0; padding-bottom: 0; } /****** Overview,Keypoints,FAQs,contacts POP-UP WINDOW Styling - Benefit Overview Page (Some additional modules) *******/ .online-two-iso .modal-large .LineDetail_a0e0b5eb-c0eb-41a2-b8ae-f3765ccbdcc7 .tab-selector-link,.online-two-iso .modal-large .LineDetail_a0e0b5eb-c0eb-41a2-b8ae-f3765ccbdcc7 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_5379c292-459b-4331-9fff-077f703439c0 .tab-selector-link,.online-two-iso .modal-large .LineDetail_5379c292-459b-4331-9fff-077f703439c0 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_ehs .tab-selector-link,.online-two-iso .modal-large .LineDetail_ehs a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_0e00017f-5140-4b17-a3f1-9c16a881640b .tab-selector-link,.online-two-iso .modal-large .LineDetail_0e00017f-5140-4b17-a3f1-9c16a881640b a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_cp .tab-selector-link,.online-two-iso .modal-large .LineDetail_cp a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_b02631d4-561e-49dd-a1f7-8131b86ee61a .tab-selector-link,.online-two-iso .modal-large .LineDetail_b02631d4-561e-49dd-a1f7-8131b86ee61a a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_8fe10e29-2af0-499e-b275-6b159f016b4e .tab-selector-link,.online-two-iso .modal-large .LineDetail_8fe10e29-2af0-499e-b275-6b159f016b4e a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_641b9483-9bed-4f7f-89cc-f8e9b1e97f5b .tab-selector-link,.online-two-iso .modal-large .LineDetail_641b9483-9bed-4f7f-89cc-f8e9b1e97f5b a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_AA .tab-selector-link,.online-two-iso .modal-large .LineDetail_AA a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_a41a5b64-fe19-4f3e-90e5-15b1733a216d .tab-selector-link,.online-two-iso .modal-large .LineDetail_a41a5b64-fe19-4f3e-90e5-15b1733a216d a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_4cfa4e41-78d6-4e6f-af90-93a1f6be9d0e .tab-selector-link,.online-two-iso .modal-large .LineDetail_4cfa4e41-78d6-4e6f-af90-93a1f6be9d0e a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_0fea0d29-d4ee-4afb-9fbc-85f19f0b358f .tab-selector-link,.online-two-iso .modal-large .LineDetail_0fea0d29-d4ee-4afb-9fbc-85f19f0b358f a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_ada6940f-6a04-46ba-8a60-84ccab075ce6 .tab-selector-link,.online-two-iso .modal-large .LineDetail_ada6940f-6a04-46ba-8a60-84ccab075ce6 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_gs .tab-selector-link,.online-two-iso .modal-large .LineDetail_gs a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_ww .tab-selector-link,.online-two-iso .modal-large .LineDetail_ww a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_LA .tab-selector-link,.online-two-iso .modal-large .LineDetail_LA a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_IP .tab-selector-link,.online-two-iso .modal-large .LineDetail_IP a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_bh .tab-selector-link,.online-two-iso .modal-large .LineDetail_bh a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_c8ace282-0c9e-4cfd-ac05-e9a2a5956f0a .tab-selector-link,.online-two-iso .modal-large .LineDetail_c8ace282-0c9e-4cfd-ac05-e9a2a5956f0a a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_9b0c7cff-321b-46a5-9086-4c612f60de08 .tab-selector-link,.online-two-iso .modal-large .LineDetail_9b0c7cff-321b-46a5-9086-4c612f60de08 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_2a8ae45b-e165-446f-a230-db803320e619 .tab-selector-link,.online-two-iso .modal-large .LineDetail_2a8ae45b-e165-446f-a230-db803320e619 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_1f6d7a73-ca3d-46f5-907f-da834676b09e .tab-selector-link,.online-two-iso .modal-large .LineDetail_1f6d7a73-ca3d-46f5-907f-da834676b09e a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_gbrdi .tab-selector-link,.online-two-iso .modal-large .LineDetail_gbrdi a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_059ea274-fc9d-4fea-8f37-f886a25ddcc3 .tab-selector-link,.online-two-iso .modal-large .LineDetail_059ea274-fc9d-4fea-8f37-f886a25ddcc3 a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_bdffa8d2-d961-4c05-912c-9ae9c87be86e .tab-selector-link,.online-two-iso .modal-large .LineDetail_bdffa8d2-d961-4c05-912c-9ae9c87be86e a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_ade1760c-95af-4d39-92b0-8299d2317ddb .tab-selector-link,.online-two-iso .modal-large .LineDetail_ade1760c-95af-4d39-92b0-8299d2317ddb a.tab-selector-link:hover { color: #666; } .online-two-iso .modal-large .LineDetail_a0e0b5eb-c0eb-41a2-b8ae-f3765ccbdcc7 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_a0e0b5eb-c0eb-41a2-b8ae-f3765ccbdcc7 a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_5379c292-459b-4331-9fff-077f703439c0 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_5379c292-459b-4331-9fff-077f703439c0 a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_c8ace282-0c9e-4cfd-ac05-e9a2a5956f0a .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_c8ace282-0c9e-4cfd-ac05-e9a2a5956f0a a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_9b0c7cff-321b-46a5-9086-4c612f60de08 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_9b0c7cff-321b-46a5-9086-4c612f60de08 a.tab-selector-link:hover { color: #666; border-bottom: solid .5em #602077; } .online-two-iso .modal-large .LineDetail_ehs .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_ehs a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_0e00017f-5140-4b17-a3f1-9c16a881640b .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_0e00017f-5140-4b17-a3f1-9c16a881640b a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_2a8ae45b-e165-446f-a230-db803320e619 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_2a8ae45b-e165-446f-a230-db803320e619 a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_1f6d7a73-ca3d-46f5-907f-da834676b09e .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_1f6d7a73-ca3d-46f5-907f-da834676b09e a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_7d631202-80b1-4b4a-aee8-4c69fa0a3af6 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_7d631202-80b1-4b4a-aee8-4c69fa0a3af6 a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_gbrdi .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_gbrdi a.tab-selector-link:hover { color: #666; border-bottom: solid .5em #00A3A1; } .online-two-iso .modal-large .LineDetail_cp .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_cp a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_b02631d4-561e-49dd-a1f7-8131b86ee61a .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_b02631d4-561e-49dd-a1f7-8131b86ee61a a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_AA .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_AA a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_059ea274-fc9d-4fea-8f37-f886a25ddcc3 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_059ea274-fc9d-4fea-8f37-f886a25ddcc3 a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_bdffa8d2-d961-4c05-912c-9ae9c87be86e .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_bdffa8d2-d961-4c05-912c-9ae9c87be86e a.tab-selector-link:hover { color: #666; border-bottom: solid .5em #EAAA00; } .online-two-iso .modal-large .LineDetail_a41a5b64-fe19-4f3e-90e5-15b1733a216d .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_a41a5b64-fe19-4f3e-90e5-15b1733a216d a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_4cfa4e41-78d6-4e6f-af90-93a1f6be9d0e .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_4cfa4e41-78d6-4e6f-af90-93a1f6be9d0e a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_0fea0d29-d4ee-4afb-9fbc-85f19f0b358f .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_0fea0d29-d4ee-4afb-9fbc-85f19f0b358f a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_ada6940f-6a04-46ba-8a60-84ccab075ce6 .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_ada6940f-6a04-46ba-8a60-84ccab075ce6 a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_gs .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_gs a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_ww .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_ww a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_bh .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_bh a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_ade1760c-95af-4d39-92b0-8299d2317ddb .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_ade1760c-95af-4d39-92b0-8299d2317ddb a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_462c01f7-fb6a-4e26-917e-e9cbdb09db2b .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_462c01f7-fb6a-4e26-917e-e9cbdb09db2b a.tab-selector-link:hover { color: #666; border-bottom: solid .5em #C6007E; } .online-two-iso .modal-large .LineDetail_LA .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_LA a.tab-selector-link:hover, .online-two-iso .modal-large .LineDetail_IP .tab-selector-link.active,.online-two-iso .modal-large .LineDetail_IP a.tab-selector-link:hover { color: #666; border-bottom: solid .5em #0091DA; } .online-two-iso .LineDetail_a0e0b5eb-c0eb-41a2-b8ae-f3765ccbdcc7 h1, .online-two-iso .LineDetail_5379c292-459b-4331-9fff-077f703439c0 h1, .online-two-iso .LineDetail_c8ace282-0c9e-4cfd-ac05-e9a2a5956f0a h1, .online-two-iso .LineDetail_9b0c7cff-321b-46a5-9086-4c612f60de08 h1 { color: #602077; } .online-two-iso .LineDetail_ehs h1, .online-two-iso .LineDetail_0e00017f-5140-4b17-a3f1-9c16a881640b h1, .online-two-iso .LineDetail_2a8ae45b-e165-446f-a230-db803320e619 h1, .online-two-iso .LineDetail_1f6d7a73-ca3d-46f5-907f-da834676b09e h1, .online-two-iso .LineDetail_gbrdi h1 { color: #00A3A1; } .online-two-iso .LineDetail_cp h1, .online-two-iso .LineDetail_b02631d4-561e-49dd-a1f7-8131b86ee61a h1, .online-two-iso .LineDetail_AA h1, .online-two-iso .LineDetail_059ea274-fc9d-4fea-8f37-f886a25ddcc3 h1, .online-two-iso .LineDetail_bdffa8d2-d961-4c05-912c-9ae9c87be86e h1 { color: #EAAA00; } .online-two-iso .LineDetail_a41a5b64-fe19-4f3e-90e5-15b1733a216d h1, .online-two-iso .LineDetail_4cfa4e41-78d6-4e6f-af90-93a1f6be9d0e h1, .online-two-iso .LineDetail_0fea0d29-d4ee-4afb-9fbc-85f19f0b358f h1, .online-two-iso .LineDetail_ada6940f-6a04-46ba-8a60-84ccab075ce6 h1, .online-two-iso .LineDetail_gs h1, .online-two-iso .LineDetail_ww h1, .online-two-iso .LineDetail_bh h1, .online-two-iso .LineDetail_ade1760c-95af-4d39-92b0-8299d2317ddb h1, .online-two-iso .LineDetail_462c01f7-fb6a-4e26-917e-e9cbdb09db2b h1 { color: #C6007E; } .online-two-iso .LineDetail_LA h1, .online-two-iso .LineDetail_IP h2 { color: #0091DA; } .benefit-matrix .btn.btn-success.btn-option-elect { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-family: 'KPMG-Light'; font-size: 1.75rem; padding: 0; vertical-align: middle; line-height: 3rem; } .benefit-matrix .Savings .btn-success:hover,.benefit-matrix .Savings .btn-success:active { background-color:#602077; color:#FFF !important; font-family: 'KPMG-Light'; font-size: 1.9rem; font-weight: bold; border-color:#602077;} .benefit-matrix .HealthBenefits .btn-success:hover,.benefit-matrix .HealthBenefits .btn-success:active { background-color:#00A3A1; color:#FFF !important; font-family: 'KPMG-Light'; font-size: 1.9rem; font-weight: bold; border-color:#00A3A1;} .benefit-matrix .TravelBenefits .btn-success:hover,.benefit-matrix .TravelBenefits .btn-success:active { background-color:#EAAA00; color:#FFF !important; font-family: 'KPMG-Light'; font-size: 1.9rem; font-weight: bold; border-color:#EAAA00;} .benefit-matrix .LeisureLifestyle .btn-success:hover,.benefit-matrix .LeisureLifestyle .btn-success:active { background-color:#C6007E; color:#FFF !important; font-family: 'KPMG-Light'; font-size: 1.9rem; font-weight: bold; border-color:#C6007E } /*Modeller and manage dependants buttoon icons*/ .glyphicon-cog::before { content: "\e003" !important; } .glyphicon-gift::before { content: "\e008" !important; } /******* MANAGE DEPENDANTS STYLING *******/ h3.dependantModalHeader { color: #0091DA; padding: 0; font-family: 'KPMG-Light'; font-size: 3rem; margin: 1rem; } .online-two-iso .modal-normal a.tab-selector-link:hover, .online-two-iso .modal-normal .tab-selector-link.active { color: #0091DA; border-bottom: solid .5em #0091DA; } .dependant-list-top a.dependant-add-link { color: #0091DA; } .dependant-list a.dependant-edit { color: #0091DA; } .dependant-list a.dependant-remove { color: #0091DA; } .btn.btn-success.dependant-accept-btn, .btn.btn-warning.dependant-cancel-btn,.benefit-matrix .btn-print { background-color: #0091DA !important; font-family:'Univers-light' } .row.depen-info { display: none; } .line-group.Summary .row.title .glyphicon-info-sign-color { color: #0091DA; } .benefit-matrix .Savings .row.title .glyphicon-info-sign-color { color: #602077; } .benefit-matrix .HealthBenefits .row.title .glyphicon-info-sign-color{ color: #00A3A1; } .benefit-matrix .TravelBenefits .row.title .glyphicon-info-sign-color { color: #EAAA00; } .benefit-matrix .LeisureLifestyle .row.title .glyphicon-info-sign-color { color: #C6007E; } .line-group.Summary .glyphicon-play-color { color: #0091DA; } .benefit-matrix .Savings .glyphicon-play-color { color: #602077; } .benefit-matrix .HealthBenefits .glyphicon-play-color { color: #00A3A1; } .benefit-matrix .TravelBenefits .glyphicon-play-color { color: #EAAA00; } .benefit-matrix .LeisureLifestyle .glyphicon-play-color { color: #C6007E; } .dependant-cell.add.is-auto-add { display: none; } /****** Styling Cost summary Table in Benefits Selection Page ******/ .benefit-matrix .panel-group { border: 1px solid; border-radius: 5px; } .benefit-matrix .Savings .panel-group { border-color: #602077; } .benefit-matrix .HealthBenefits .panel-group { border-color: #00A3A1; } .benefit-matrix .TravelBenefits .panel-group { border-color: #EAAA00; } .benefit-matrix .LeisureLifestyle .panel-group { border-color: #C6007E; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid; } .Savings .panel-group .panel-heading + .panel-collapse > .panel-body { border-top-color: #602077; } .HealthBenefits .panel-group .panel-heading + .panel-collapse > .panel-body { border-top-color: #00A3A1; } .TravelBenefits .panel-group .panel-heading + .panel-collapse > .panel-body { border-top-color: #EAAA00; } .LeisureLifestyle .panel-group .panel-heading + .panel-collapse > .panel-body { border-top-color: #C6007E; } .benefitline .byoaccordion { padding-top: 1rem; } .benefit-matrix .byoaccordion .panel-title { font-family: 'Univers-Bold'; } .col-xs-2.PerPay.ng-binding.ng-isolate-scope.Show { visibility: hidden; } /*.byocostsummary .PerPay { width: 11%; }*/ .benefit-matrix .byocostsummary .row, .benefit-matrix .addoncostsummary .row { padding: 5px; font-family: 'Univers-Light'; } /*Hide add-on costs*/ [ng-if="addon.IsSelected"] .col-xs-2[class*="Per"], #byoStep3 .row table tr[ng-repeat="addon in group.AddOns"] .PerPay { visibility: hidden; } #byoOverlay-0b27a3d1-53fa-44bc-a083-80c58e73caa4 + #byoOverlayCurrent [ng-if="addon.IsSelected"] .col-xs-2[class*="PerPay"] , .products-header-8c61c2f9-6563-4e89-8b3b-e58970edfe1a ~ div #byoStep3 .row table tr[ng-repeat="addon in group.AddOns"] .PerPay, .BenefitIntro_8c61c2f9-6563-4e89-8b3b-e58970edfe1a [ng-if="addon.IsSelected"] .col-xs-2[class*="Per"] { visibility: visible; } /*Displaying Travel add-on cost (3 plans)*/ #byoOverlay-0b27a3d1-53fa-44bc-a083-80c58e73caa4 [ng-if="addon.IsSelected"] .col-xs-2[class*="Per"], #byoOverlay-0b27a3d1-53fa-44bc-a083-80c58e73caa4 #byoStep3 .row table tr[ng-repeat="addon in group.AddOns"] .PerPay { visibility: visible; } #byoOverlay-9c9fd5e5-6a41-49ae-945f-7806d3b7c5d9 [ng-if="addon.IsSelected"] .col-xs-2[class*="Per"], #byoOverlay-9c9fd5e5-6a41-49ae-945f-7806d3b7c5d9 #byoStep3 .row table tr[ng-repeat="addon in group.AddOns"] .PerPay { visibility: visible; } #byoOverlay-61832619-5c60-4c21-b754-26dbca9d90c6 [ng-if="addon.IsSelected"] .col-xs-2[class*="Per"], #byoOverlay-61832619-5c60-4c21-b754-26dbca9d90c6 #byoStep3 .row table tr[ng-repeat="addon in group.AddOns"] .PerPay { visibility: visible; } /*******Profile Page*****/ #exit-confirm { font-family: 'Univers-Light'; } .online-two-iso .header-overlay { background-color: #0091DA; } .online-two-iso A.button-style.blue { background-color: #0091DA;} /***** Displaying Benefits Overview inline for Summary********/ #benefit-overview .summaries { display: inline-block; width:60%; } .summaryControls { display: inline; } #benefit-overview .summaryContent { font-family: 'Univers-Light'; } /***** Under writiing page ***/ .followup-item-collect.alert-warning { color: #666; background-color: #FEFAF1; border: none; } /** total cost width **/ .totalcostsection .totalcost .row .col-md-4 { width: auto; } .totalcostsection .col-md-10.col-sm-10.totalcost { width: auto; } .totalcostsection .col-md-10.col-sm-10.totalcost > .row { display: -webkit-box; display: -ms-flexbox; display: flex; } /*** confirm choices ***/ .online-two-iso .modal-large .tab-selector-link.active { color: #0091DA; border-bottom: solid .5em #0091DA;} .online-two-iso A.button-style.gray { background-color: #0091DA;} #followup-items-overlay { font-family: 'Univers-Light'; } /**** Removing outline from buttons *****/ .bootstrap-iso .btn:focus, .bootstrap-iso .btn:active:focus{ outline:none; outline-offset:0px; } /***** Benefit Statement Date picket color ****/ .benefitheader-fixed .btn.online-two-datepicker,.datepicker-container .input-group-btn .btn,.benefitselect .button-style#byo-saveAndClose,.modeller-footer .modeller-close-button { background-color: #0091DA; border-color:none; border:none;} .bootstrap-iso .btn-warning:hover,.bootstrap-iso .btn-warning:active,.bootstrap-iso .btn-warning:focus,.bootstrap-iso .btn-warning:active:focus,.bootstrap-iso .btn-warning:active:hover,.modeller-footer .modeller-close-button:active:focus{ border-color: none; outline:none; } /****** Benefit Selection Confirmation Page *******/ .followup-required.alert.alert-warning { display: none; } #online2header .totalcost { width: auto; } #online2header .totalcost > .row { display: -webkit-box; display: -ms-flexbox; display: flex; } .benefitselect * { font-family: Univers-Light; } .benefitselect .line-name { font-size: 2.3rem;} .content-you-chose-no-shop-more { width: 100% !important; } .benefitselect .employerFundingCart .cost, .benefitselect .employerFundingCart .funded { margin-left: 15%; } .in-Cart .cost P,.in-Cart .funded P, .in-Cart .cost-right P,.in-Cart .cost-left P{ text-transform: capitalize; } .rightsection H3 { color:black; font-weight:normal;} .box-border .selection { font-size: 20px; } #pnl-byo-cost-summary-expander a { display: none; visibility: hidden; } .benefit-matrix .byocostsummary .header{ background-color: #bfe4f7; } .benefitselect .button-style#byo-saveAndClose, .online-two-iso A.button-style.gray, .online-two-iso A.button-style.blue { min-height: 2.11rem !important; font-family: 'Univers-Light' !important; font-size: 1rem !important; } .btn-group.confirmagreementbtngroup .btn.btn-default span::before, .btn-group.confirmagreementbtngroup .btn.btn-default:active span::after, .btn-group.confirmagreementbtngroup .btn.btn-default:focus span::after { background:none; transition:none; content:none; animation:none; webkit-animation:none;} /**** Border Radius Changes to buttons***/ .benefit-matrix #validationError-overlay { height: auto; } .online-two-iso A.button-style.gray, .btn.btn-success.dependant-accept-btn, .btn.btn-warning.dependant-cancel-btn, .benefit-matrix .btn-print,.online-two-iso A.button-style.blue, .benefitselect .button-style#byo-saveAndClose, .modeller-footer .modeller-close-button, .benefit-matrix .confirm-checkout-button .btn-success { border-radius: 10px; } .btn.btn-success.btn-confirmchoice{ border-radius: 10px !important; } a:focus{ outline:none !important; } /**** Deactivating pointer event on Benefits Matrix Summary ****/ .line-group-summary .lineheader > a { pointer-events: none; } /*** Modeller tools ****/ .modal-header .modellersModalHeader { font-family: 'KPMG-Light'; font-size: 3rem; margin: 1rem; } /*.benefit-matrix .benefitstatement-load-container { margin-top: 0px !important; }*/ .modal-normal ul.modeller-links { display:none; } .modellersModalHeader { padding:0px !important;} /**** Hiding info icon from Benefit Spend Line Summary *****/ .BenefitIntro_38df4c45-c325-4f7b-9e63-6702c8894e86 .glyphicon.glyphicon-info-sign.glyphicon-info-sign-color { display:none; } /************************************************************* IAT1 FINAL CHANGES ******************************************************************************/ /***Line Headers ***/ .benefit-matrix .lineheader > a:link, .benefit-matrix .lineheader > a:visited, .benefitselect .line-name { font-family: 'KPMG-Light'; font-size: 3.5rem; color: #666; } /*** Hiding Payslip Header title ***/ .benefit-matrix .totalcostLable { display: none; } /**Hiding Modeller and tools **/ /*.benefitheader-fixed .row.margin-left > div > div:first-child { display: none !important; }*/ /**Payslip Summary **/ .row.totalcostsection { border: 1px solid; width: auto !important; color: #fff; height: 2rem !important; display: inline !important;} .row.totalcostsection > div { background-color: #0091DA; height: 50px; color: #fff; } .row > div > div > span { font-family: 'KPMG-Light'; font-weight:bold; font-size: 1.5rem; letter-spacing:1px;} .benefit-matrix .row.totalcostsection .font-youpay-color { color: #fff; font-family: 'KPMG-Light'; font-weight: normal; } .totalcostsection .totalcost > .row { align-items: center; height: 50px; } .benefit-matrix .totalcost { border: none; padding:0 20px; } /*.benefit-matrix .margin-top-min { display: none; }*/ /*** Add Dependants ***/ .caption-text.datepicker-acceptedformat { text-transform: lowercase; } /*** Hiding Login Page ***/ .LoginPageContainer .panel-body,.LoginPageContainer #logo,.LoginPageContainer #login-module-need-assistance { visibility:visible; /*only visible in IMP, should be hidden in PROD*/ } .benefit-category.ng-scope { margin: 0 5rem; } .onlineTwoPointO-home .module-content { height: 575px; } #benefit-overview .panel-group { padding: 0 8%; } .benefitselect .in-Cart .you-pay P SPAN.green-number,SPAN.green-number,.benefitselect .selected-coverage span, .option-credit-health .option.sel { color: #0091DA; } .in-Cart .you-chose .selected-plan { color:black; font-size:18px; } .in-Cart .funded { width: 213px; } .followup-collect-info { display: none; } .fa-sign-out::before,.benefit-matrix .btn.btn-warning.btn-print { display:none;} /***Moving Benefit Cost near Select Button***/ .col-xs-4.YourCostDisplay { margin-left: 60%; } /***Hiding Benefit Cost and Flex Fund on Selection Page***/ .benefitselect .employerFundingCart .cost, .benefitselect .employerFundingCart .funded { display: none; } benefitselect .in-Cart .you-pay H3 { font-size:20px !important; font-weight:normal !important;} /** Hiding payslip summary on Bnefit Statement Page **/ .matrix.benefit-statement .row.totalcostsection { display:none !important;} /*** Hiding Changed and New Icons ***/ .benefit-matrix .changebenefit,.benefit-matrix .newbenefit { visibility:hidden;} /** Change in Colour to Historical Coverage - Benefit Statement Page **/ .benefit-matrix .benefitdate .data-addon { color:#0091DA;} /***TRS Minor Changes - Home Page***/ #home-module-trs .trs-buttons { align-self: flex-start; margin-left: -70%; } #home-module-trs .trs-copy .highcharts-container .highcharts-title { margin-left: 50% !important; color: #fff !important; font-family: 'KPMG-Light' !important; } #home-module-trs .trs-copy .highcharts-container .highcharts-title span { font-size: 2.5rem !important; } /* Home Video Positioning */ .HomeVideo { position: absolute; top: 0; right: 1rem; height: 100%; width: 50%; min-width: 500px; padding: 0 !important; } .HomeVideo { display: flex; align-items: center; } .HomeVideo .bc-player-default_default .vjs-big-play-button { top: 50% !important; left: 50% !important; margin-left: -1em !important; margin-top: -1em !important; min-width: auto !important; width: 2em !important; height: 2em !important; line-height: 2em !important; border: none !important; border-radius: 50% !important; font-size: 3.5em !important; background-color: rgba(0,0,0,.45) !important; color: #fff !important; -webkit-transition: border-color .4s,outline .4s,background-color .4s !important; -moz-transition: border-color .4s,outline .4s,background-color .4s !important; -ms-transition: border-color .4s,outline .4s,background-color .4s !important; -o-transition: border-color .4s,outline .4s,background-color .4s !important; transition: border-color .4s,outline .4s,background-color .4s !important; padding: 0 !important; display: block !important; } .HomeVideo .vjs-playing .vjs-big-play-button { display: none !important; } .HomeVideo .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .HomeVideo [class*="vjs-icon"] { font-family: VideoJS !important; } .HomeVideo button.vjs-button { min-width: revert !important; background: 0 0 !important; padding: 0 !important; border: none !important; color: inherit !important; display: inline-block !important; font-size: inherit !important; line-height: inherit; text-transform: none !important; text-decoration: none!; transition: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .HomeVideo .vjs-dock-text .vjs-dock-description { display: none !important; } .HomeVideo .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .HomeVideo .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none !important; } /******************************************* MOBILE RESPONSIVENESS ************************************/ @media (min-width:300px) and (max-width:766px){ .onlineTwoPointO-home .module-content { height:300px;} #home-module-enrolment .enrollment-copy .text-large, #home-module-benefit-statement .benefit-statement-copy .text-large, #home-module-generic .generic-copy .text-large, #home-module-trs .trs-copy .text-large { font-size: 1.1rem; } #home-module-enrolment .enrollment-copy button, #home-module-benefit-statement .benefit-statement-copy button, .module-content [class*="-buttons"] button { width: auto; min-width:auto; } #home-module-enrolment .enrollment-copy { font-size: 1.1rem; } .home-module-enrolment-content, .home-module-benefit-statement-content, .home-module-generic-content, .home-module-trs-content{ width:100% !important; } .module-content .btn.btn-default { font-size: 1rem !important; } .btn.btn-default span::before { background-size: 57%; } } /*TRS CHART */ #expressTRSContainer .tile h2 { line-height: 20px; } /*#expressTRSContainer .column-75.tab-content { width: 80%;} */ @media only screen and (min-width:1400px){ #expressTRSContainer .column-75.tab-content { width: 695px; margin-left: 230px; float: inline-start; } .column-25.tab-navigation { margin-left: 170px; } #expressTRSContainer .column-25 .tile { width: 320px; } } /*TRS Maintenance*/ .onlineTwoPointO-home .module-content #home-module-generic.trss { background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_1.jpg") center center/cover no-repeat; } /*For the ordered lists in footer pages*/ .legalcontent-termsofuse ol { margin-left: 2.14285714em; } /* unordered lists */ .fa-ul { margin-left: 0.84285714em; } .online-two-iso .modal-body#online2-global-benefit-overview-modaltemplate .tab-body UL { padding-left: 0; } .bootstrap-iso ul.fa-ul li { padding-left: 1em; } .bootstrap-iso ul.fa-ul li::before { font-family: FontAwesome; content: '\f111'; font-size: 0.5rem; margin-left: -1em; padding-right: 0.5em; position: relative; bottom: 3px; color: #000; } .bootstrap-iso ul.fa-ul li ul.fa-ul li::before { content: '\f10c'; } /* FOOTER ALIGNMENT FIX */ @media only screen and (min-width: 768px){ /* display nav items in one line */ #footer.footer-fullwidth nav ul#footer-links li, #footer.footer-fullwidth a.optanon-toggle-display.EUFooterLink{ display: inline-block !important; } } @media only screen and (min-width:751px){ .online-two-iso #footer div:not(:first-child) a { border-left: 1px solid; } .online-two-iso #footer a { padding: 0 1em; text-transform: none; color: #000; } } /* Hiding ALP Follow-up cost */ div#lineid_30a261da-5065-4224-9158-984be03fc1ae {display: none;} .products-header.products-header-30a261da-5065-4224-9158-984be03fc1ae h4 {display: none;} /*trs maintenance background and icon*/ .onlineTwoPointO-home .module-content #home-module-generic.trs {background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_1.jpg") center center/cover no-repeat;} .onlineTwoPointO-home .icon-two-point-o-home-module-generic-6::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_OFF_7.png');} /*ROI TRS module*/ .onlineTwoPointO-home .module-content #home-module-generic.roitrs {background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_1.jpg") center center/cover no-repeat;} .onlineTwoPointO-home .icon-two-point-o-home-module-generic-7::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_OFF_7.png');} a.trs_Print_yourstatement.button-style.orange {background-color: #47a0a0; margin:10px;} /*NI TRS module*/ .onlineTwoPointO-home .module-content #home-module-generic.nitrs {background: url("/flexzone/media/default/2020%20Renewal/Images/carousel_images_2331x802_V2_1.jpg") center center/cover no-repeat;} .onlineTwoPointO-home .icon-two-point-o-home-module-generic-7::before {content: url('/flexzone/media/default/2020%20Renewal/Icons/tile_Icons_45x45_OFF_7.png');} /*TRS group color*/ #expressTRSContainer .tile.focused div#tab7061,#expressTRSContainer .tile.sel div#tab7061,#expressTRSContainer .tile:focus div#tab7061,#expressTRSContainer .tile:active div#tab7061,#expressTRSContainer .tile:hover div#tab7061{background-color: #0d3688;} #expressTRSContainer .tile.focused div#tab7062,#expressTRSContainer .tile.sel div#tab7062,#expressTRSContainer .tile:focus div#tab7062,#expressTRSContainer .tile:active div#tab7062,#expressTRSContainer .tile:hover div#tab7062{background-color: #642973;} #expressTRSContainer .tile.focused div#tab7063,#expressTRSContainer .tile.sel div#tab7063,#expressTRSContainer .tile:focus div#tab7063,#expressTRSContainer .tile:active div#tab7063,#expressTRSContainer .tile:hover div#tab7063{background-color: #47a0a0;} #expressTRSContainer .tile.focused div#tab7064,#expressTRSContainer .tile.sel div#tab7064,#expressTRSContainer .tile:focus div#tab7064,#expressTRSContainer .tile:active div#tab7064,#expressTRSContainer .tile:hover div#tab7064{background-color: #3c90d4;} #expressTRSContainer .tile.focused div#tab7065,#expressTRSContainer .tile.sel div#tab7065,#expressTRSContainer .tile:focus div#tab7065,#expressTRSContainer .tile:active div#tab7065,#expressTRSContainer .tile:hover div#tab7065{background-color: #005eb8;} /*TRS group heading*/ #expressTRSContainer h1.summary-title {color: #0d3688;} #expressTRSContainer p.value {color: #642973; padding-bottom: 0em;} #expressTRSContainer p.my {color: #47a0a0; padding-bottom: 0em;} #expressTRSContainer p.body {color: #3c90d4; padding-bottom: 0em;} #expressTRSContainer p.mind {color: #005eb8; padding-bottom: 0em;} #expressTRSContainer .column-75.tab-content{background-color: white; width: 950px; margin-top: 15px;} #terminator,#expressTRSContainer {background-color: #f2f2f2} #expressTRSContainer .content {margin-left:20px;} #expressTRSContainer .chart_line_amount {float: right !important; width: 220px !important; text-align: right; margin-top:-38px;} #expressTRSContainer .chart_line{border-bottom: 0px solid #6a6a6a;} #expressTRSContainer #trs-chart .chart_line_amount{margin-top:-15px;} #expressTRSContainer table#tblVertical, .data-row{border-right: hidden;border-left: hidden;border-top:1px solid #6a6a6a;} #expressTRSContainer td.tbl_vertical_header, td.data-column-0, td.data-column-1{border-right: hidden !important; padding:2px;} .highcharts-credits {display:none;} #home-module-trs .home-module-trs-content .highcharts-container { display:none; } /* Minification failed (line 2331, error number 1030): Expected identifier, found ';' */