/* FONT FILES FOR CLIENT DEFINED BELOW */ /*Canaro default version*/ /*@font-face { font-family: Canaro; src: url(/reward/media/reward/fonts/Canaro-Light.eot); src: url(/reward/media/reward/fonts/Canaro-Light.eot?#iefix) format('embedded-opentype'), url(/reward/media/reward/fonts/Canaro-Light.woff2) format('woff2'), url(/reward/media/reward/fonts/Canaro-Light.woff) format('woff'), url(/reward/media/reward/fonts/Canaro-Light.ttf) format('truetype'), url(/reward/media/reward/fonts/Canaro-Light.svg#Canaro) format('svg'); } @font-face { font-family: 'Canaro'; src: url(/reward/media/reward/fonts/Canaro-Medium.eot); src: url(/reward/media/reward/fonts/Canaro-Medium.eot?#iefix) format('embedded-opentype'), url(/reward/media/reward/fonts/Canaro-Medium.woff2) format('woff2'), url(/reward/media/reward/fonts/Canaro-Medium.woff) format('woff'), url(/reward/media/reward/fonts/Canaro-Medium.ttf) format('truetype'), url(/reward/media/reward/fonts/Canaro-Medium.svg#Canaro) format('svg'); font-weight: bold; }*/ @font-face { font-family: PingLCG-Bold; src: url(/reward/media/reward/fonts/PingLCG-Bold.ttf) format('truetype'); } @font-face { font-family: PingLCG-Heavy; src: url(/reward/media/reward/fonts/PingLCG-Heavy.ttf) format('truetype'); } @font-face { font-family: PingLCG-Medium; src: url(/reward/media/reward/fonts/PingLCG-Medium.ttf) format('truetype'); } @font-face { font-family: PingLCG-Regular; src: url(/reward/media/reward/fonts/PingLCG-Regular.ttf) format('truetype'); } /* END OF CLIENT FONTS */ /* color pallette #00865E - galp blue rgb(229, 229, 229) - panel #303030 - font end color pallette */ @-webkit-keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(30, 110, 200, 0.5); } 100% { box-shadow: 0 0 0 10px rgba(30, 110, 200, 0); } } @keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(30, 110, 200, 0.5); } 100% { box-shadow: 0 0 0 10px rgba(30, 110, 200, 0); } } /* The following styling as a site-wide override of font styles */ *, .bootstrap-iso { font-family: PingLCG-Regular; /*text-transform: none;*/ } .bootstrap-iso h1, .bootstrap-iso .h1, .bootstrap-iso h2, .bootstrap-iso .h2, .bootstrap-iso h3, .bootstrap-iso .h3 { font-family: PingLCG-Heavy; } /* Style the body text, galp grey */ body{ color: #303030 !important; padding-top: 0px !important; } /* Style heading (2) text, galp grey */ .bootstrap-iso h2{ color: #303030; } /* Hides the gradient background */ html{background-image: none;} /* Un-ordered list style */ .info-text.item.benefit-type-content UL, UL.content-list-unordered{ margin-left: 40px; list-style: disc; } /* Set default styling for ordered lists (number) */ .online-two-iso #login-assist-step1 OL, .online-two-iso #login-assist-step2a OL, .online-two-iso #login-assist-step2b OL, .online-two-iso #login-assist-step3 OL, OL.content-list-ordered{ margin-left: 40px; list-style: decimal; } /* Un-ordered list style (second level) */ .info-text.item.benefit-type-content UL UL { list-style: circle; } /* Main navigation links */ .online-two-iso #menu-no-dashboard li a{ color: #303030; text-transform: uppercase; } /* Main navigation active page link */ .online-two-iso #menu-no-dashboard li a.selected{ color: #303030; font-weight: bold; display: none; } /* Add home icon to the menu item */ #menu-container ul#menu-no-dashboard li a[href="/home"]:before{ font-family: FontAwesome; content: "\f015"; margin-right: 5px; font-size: 28px; } /* Adjust home page 'guide' link font and icon */ .home-page-generic-content a{ font-size: 20px; line-height: 30px; font-weight: bold; } /* Include the house Font-Awesome icon before the guid link */ .home-page-generic-content a:before{ font-size: 30px; line-height: 30px; font-family: FontAwesome; content: "\f0ed"; margin-right: 10px; } /* Header icon font colors */ #header a:focus, #header a:hover, .online-two-iso #menu-no-dashboard li a:focus, .online-two-iso #menu-no-dashboard li a:hover{ color: #00865E; } /* Link Styling for the header overlay (galp grey) */ #exit-confirm .header-overlay A{ color: #303030; } /* Link hover styling, galp orange */ A:focus, A:hover, #exit-confirm .header-overlay A:hover{ color: #00865E; } /* Validation message orange (appears on profile page) */ .validMsg{ color: #00865E; } /* Need assistance bar hover / focus, remove outline and set color*/ .help-ico A:focus, .help-ico A:hover, .bootstrap-iso a:hover, .bootstrap-iso a:focus{ color: #00865E; outline: none; } /* Remove outline from floating header links */ #floating-header-content a, #floating-header a{ outline: none; } /* Hide search box and label */ #floating-header-content .search, #floating-header .search{ display: none; } /* Override the standard and hover color for the mail link */ #floating-header-content .mail a, #floating-header .mail a{ color: #303030; background: none; } #floating-header-content .mail a:hover, #floating-header .mail a:hover{ color: #00865E; outline: none; } /* Override the standard and hover color for the call link */ #floating-header-content .call a:hover, #floating-header .call a:hover, #floating-header-content .call a, #floating-header .call a{ color: #303030; text-decoration: none; } #floating-header-content .call { display: none; } #floating-header .help-ico { display: none; } #mobile-links .jq-dropdown-menu a[href="help"] { display: none; } /* The following two elements are set to max-width 100% to ensure responsive design */ @media screen and (min-width: 751px){ #floating-header, .online-two-iso .page-content{ max-width: 100%; } } /* SITE LOGO SECTION BEGIN (responsive design) */ /* Main logo apply */ #logo{ background-image: url("/reward/media/reward/images/logos/galp.png"); background-repeat: no-repeat; background-size: contain; } #mfaContainerGlobal .logo { margin: 8px 0 0 8px; width: 100%; background: url(/reward/media/reward/images/logos/galp.png) no-repeat; background-size: contain; } /* Remove logo from login page */ .online-two-iso.login .LoginPageContainer #logo{ background-image: none; } /* Apply Login Page Logo (must be responsive) .online-two-iso.login .LoginPageContainer #logo{ background: url("/reward/media/reward/images/logos/LoginPageLogo_orange.png") no-repeat; background-size: contain; width: 90%; min-height: 50px; height: 9.5vh; margin-top: 25px; margin-left: 25px; overflow: hidden; } */ /* Set logo center screen on smaller devices */ @media screen and (max-width: 750px){ #logo{ background-image: url("/reward/media/reward/images/logos/galp.png"); background-position: center; margin: 0px auto; width: 66%; } /* Adjust menu buttons on mobile devices to ensure logo is alway central */ #header > a.main-menu-toogle, #header a.user-toogle{ width: 15%; } } @media (max-width: 767px) { .benefit-matrix a.btn.btn-option-elect:hover { margin-bottom: 10px; margin-top: 10px; } } @media screen and (max-width: 767px){ #home-online-three #right-side .image_module.module-mobile, #home-online-three #home-integrated .image_module.module-mobile, #home-online-three #right-side .image_module_2.module-mobile, #home-online-three #home-integrated .image_module_2.module-mobile, #home-online-three #right-side .image_module_noTRS.module-mobile, #home-online-three #home-integrated .image_module_noTRS.module-mobile{ display: none; } /*#home-online-three #right-side .Guia_Module.module-content .module-content-header, #home-online-three #home-integrated .Guia_Module.module-content .module-content-header { display: block; }*/ .benefit-selected-box .benefitline::before { height: 30px; width: 30px; } } /* Hide logo on mobile login screen (show logo rules commented out) */ @media screen and (max-width: 767px){ /*#wrapper.isLoginPageWrapper #header{ width: 100%; }*/ .online-two-iso.login .LoginPageContainer #logo{ /*background-image: url("/reward/media/reward/images/logos/200x65/Galp-Logos2.png"); background-position: center; width: 100%;*/ display: none; } } /* SITE LOGO SECTION END */ /* LOGIN PAGE STYLING START */ /* Removed the box shadow from the login box */ .online-two-iso.login .LoginPageContainer .panel.panel-default{ box-shadow: none; } .online-two-iso.login .LoginPageContainer #main { margin-top: 10%; } /* Removes the background from the login box on the login page */ .online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body{ background: none; } /* Decrease the font size of the language drop down on the login page */ .online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body #languageBox #languageselection #ddlLanguage{ font-size: 1.1em!important; } /* Changes the login field labels to white */ .online-two-iso.login .LoginPageContainer .input-group .input-group-addon{ background-color: #fff; color: #000; text-transform: uppercase; min-width: 200px; text-align: start; } /* Change the login screen background image for larger devices */ @media screen and (min-width: 768px){ .online-two-iso.login body, .online-two-iso.login[lang="ptT"] body { background-image: url("/reward/media/reward/2026/Loginpage/login_PT_Imagem_Plus_1920x1080_PT.png"); background-size: cover; background-position: center; } .online-two-iso.login[lang="EN"] body { background-image: url("/reward/media/reward/2026/Loginpage/login_ENG_Imagem_Plus_1920x1080_ENG.png"); background-size: cover; background-position: center; } } /* Login page error message (needs to stand out) */ .online-two-iso.login .LoginPageContainer span#errMsg { color: red; font-weight: bold; } /*.online-two-iso.login .LoginPageContainer #main { margin-top: 0%; }*/ .online-two-iso.login .LoginPageContainer .additional-services { color: #303030; } /* FORGOT PASSWORD POPUP START */ /* Set header color to white (orange background) */ #wp-forgetPassword span{ color: #303030; } /* Control area color grey */ .online-two-iso .header-overlay, .bootstrap-iso .input-group-addon, .bootstrap-iso .progress{ background-color: rgb(229, 229, 229); } /* Display 'x' icon on the header (better quality image) */ .header-overlay A{ background: url(/reward/media/reward/images/icons/x-icon.png) right center no-repeat; background-size: contain; margin-right: 0px; } /* Set padding for 'x' icon on the header */ .header-overlay A.close{ padding-right: 45px; } /* Set heading (5) for header to galp grey */ .header-overlay H5{ color: #303030; } /* Steps header and container background are white */ .online-two-iso .steps-header, .online-two-iso .steps-container{ background-color: #fff; } /* Set height of close icon to ensure consistent alignment */ .online-two-iso .header-overlay .close.ng-binding{ min-height: 20px; } /* Set various controls of the date-picker to galp orange with white text */ .online-two-iso .datepicker-container .input-group-btn .btn, .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success, .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger, .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info, .bootstrap-iso .uib-datepicker .btn-info.active, .bootstrap-iso .btn.online-two-datepicker, .uib-datepicker.ng-isolate-scope .btn-info.active, .uib-datepicker.ng-isolate-scope .btn-info.active .text-info, .uib-datepicker.ng-isolate-scope .btn-info, .uib-datepicker.ng-isolate-scope .btn-info .text-info, .uib-datepicker-popup.dropdown-menu.ng-scope .btn-success, .uib-datepicker-popup.dropdown-menu.ng-scope .btn-danger, .uib-datepicker-popup.dropdown-menu.ng-scope .btn-info.uib-datepicker-current{ background-color: #00865E; border-color: #fff; color: #fff; text-transform: none; } .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:hover, .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:hover, .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:hover{ background-color: #00865E; opacity: 0.8; } /* Set the progress bar for the forgot password to galp orange */ .bootstrap-iso .progress-bar-success { background-color: #00865E; } /* FORGOT PASSWORD POPUP END */ /* LOGIN PAGE STYLING END */ /* BUTTONS START */ /* Set the minimum width next buttons to ensure more consistent sizing */ .content-overlay .next-button .button-style{ width: auto; min-width: 120px; } /* GREY BUTTONS */ /* Standard / Focus */ .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray, .online-two-iso A.button-style.gray, .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:focus, .online-two-iso A.button-style.gray:focus, .bootstrap-iso .btn-warning, .bootstrap-iso .btn-warning:focus, .online-two-iso #exit-confirm #exit-cancel A.button-style.blue, .online-two-iso #exit-confirm #exit-cancel A.button-style.blue:focus, .fsaClaimSubmitContainer .btn.btn-default.btn-lg, .fsaClaimSubmitContainer .btn.btn-default.btn-lg:focus, .modal-dialog.modal-lg .modal-footer.ng-scope .btn.btn-default.ng-isolate-scope, .modal-dialog.modal-lg .modal-footer.ng-scope .btn.btn-default.ng-isolate-scope:focus { background-color: #303030!important; border-color: #303030!important; color: #fff; outline: none!important; } /* Hover */ .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:hover, .online-two-iso A.button-style.gray:hover, .bootstrap-iso .btn-warning:hover, .online-two-iso #exit-confirm #exit-cancel A.button-style.blue:hover, .fsaClaimSubmitContainer .btn.btn-default.btn-lg:hover, .modal-dialog.modal-lg .modal-footer.ng-scope .btn.btn-default.ng-isolate-scope:hover { background-color: rgb(92, 92, 92)!important; color: #fff !important; } /* Active */ .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active, .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:focus:active, .online-two-iso A.button-style.gray:active, .online-two-iso A.button-style.gray:focus:active, .bootstrap-iso .btn-warning:active, .bootstrap-iso .btn-warning:focus:active, .online-two-iso #exit-confirm #exit-cancel A.button-style.blue:active, .online-two-iso #exit-confirm #exit-cancel A.button-style.blue:focus:active, .fsaClaimSubmitContainer .btn.btn-default.btn-lg:active, .fsaClaimSubmitContainer .btn.btn-default.btn-lg:focus:active .modal-dialog.modal-lg .modal-footer.ng-scope .btn.btn-default.ng-isolate-scope:active, .modal-dialog.modal-lg .modal-footer.ng-scope .btn.btn-default.ng-isolate-scope:focus:active { background-color: rgb(64, 64, 64)!important; } #benefit-overview .clear-filter{ background-color: #00865E!important; border-color: #fff!important; font-weight: bold; border-radius: 4px; color: #fff; outline: none!important; } /* BLUE BUTTONS */ /* Standard / Focus */ .bootstrap-iso .btn-primary, .bootstrap-iso .btn-primary:focus, .bootstrap-iso .btn-success, .bootstrap-iso .btn-success:focus, .onlineTwoPointO-home .module-content [class*="-buttons"] button, .onlineTwoPointO-home .module-content [class*="-buttons"] button:focus, .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue, .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:focus, .online-two-iso A.button-style.blue, .online-two-iso A.button-style.blue:focus, #home-module-enrolment .enrollment-copy button, #home-module-enrolment .enrollment-copy button:focus, .benefitheader-fixed div#resettodefaults a.btn, .benefitheader-fixed div#resettodefaults a.btn:focus, .benefitselect .continue, .benefitselect .continue:focus, .online-two-iso A.button-style.green, .online-two-iso A.button-style, .online-two-iso A.button-style:focus, .benefit-matrix .modal-footer #confirmation-buttons .btn-default.active, .fsaClaimSubmitContainer .btn-primary, .fsaClaimSubmitContainer .btn-primary:focus, .btn.btn-info.claim-acknowledgment-print.ng-isolate-scope, .btn.btn-info.claim-acknowledgment-print.ng-isolate-scope:focus, .row.col-md-12.claim-edit-link .btn, .row.col-md-12.claim-edit-link .btn:focus, .bootstrap-iso .alert-info .btn.btn-warning.btn-followup-view.ng-isolate-scope, .bootstrap-iso .alert-info .btn.btn-warning.btn-followup-view.ng-isolate-scope:focus { background-color: #00865E!important; border-color: #fff!important; color: #fff; outline: none!important; } /* Hover */ .bootstrap-iso .btn-primary:hover, .bootstrap-iso .btn-success:hover, .bootstrap-iso .btn-success:hover, .onlineTwoPointO-home .module-content [class*="-buttons"] button:hover, .onlineTwoPointO-home .module-content [class*="-buttons"] button:hover, .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:hover, .online-two-iso A.button-style.blue:hover, #home-module-enrolment .enrollment-copy button:hover, .benefitheader-fixed div#resettodefaults a.btn:hover, .benefitselect .continue:hover, .online-two-iso A.button-style.green:hover, .online-two-iso A.button-style:hover, .fsaClaimSubmitContainer .btn-primary:hover, .btn.btn-info.claim-acknowledgment-print.ng-isolate-scope:hover, .row.col-md-12.claim-edit-link .btn:hover, .bootstrap-iso .alert-info .btn.btn-warning.btn-followup-view.ng-isolate-scope:hover { background-color: #fff !important; border-color: #00865E !important; color: #00865E !important; } /* Active */ .bootstrap-iso .btn-primary:active, .bootstrap-iso .btn-primary:focus:active, .bootstrap-iso .btn-success:active, .bootstrap-iso .btn-success:focus:active, .onlineTwoPointO-home .module-content [class*="-buttons"] button:active, .onlineTwoPointO-home .module-content [class*="-buttons"] button:focus:active, .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active, .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:focus:active, .online-two-iso A.button-style.blue:active, .online-two-iso A.button-style.blue:focus:active, #home-module-enrolment .enrollment-copy button:active, #home-module-enrolment .enrollment-copy button:focus:active, .benefitheader-fixed div#resettodefaults a.btn:active, .benefitheader-fixed div#resettodefaults a.btn:focus:active, .benefitselect .continue:active, .benefitselect .continue:focus:active, .online-two-iso A.button-style.green:active, .online-two-iso A.button-style.green:focus:active, .online-two-iso A.button-style:active, .online-two-iso A.button-style:focus:active, .fsaClaimSubmitContainer .btn-primary:active, .fsaClaimSubmitContainer .btn-primary:focus:active, .btn.btn-info.claim-acknowledgment-print.ng-isolate-scope:active, .btn.btn-info.claim-acknowledgment-print.ng-isolate-scope:focus:active, .row.col-md-12.claim-edit-link .btn:active, .row.col-md-12.claim-edit-link .btn:focus:active, .bootstrap-iso .alert-info .btn.btn-warning.btn-followup-view.ng-isolate-scope:active, .bootstrap-iso .alert-info .btn.btn-warning.btn-followup-view.ng-isolate-scope:focus:active { background-color: #fff !important; border-color: #00865E !important; color: #00865E; } #benefit-overview .know-more-link { padding: 6px 0px; } #benefit-overview .know-more-link A { padding: 6px 16px 7px 16px; } #benefit-overview .know-more-link A:hover, #benefit-overview .know-more-link A:active { color: #00865E; } /* BUTTONS END */ /* The are number of 'no maximum' currency benefits available in the system The below items need to be hidden to allow only the display of specific wording to these benefits*/ .bootstrap-iso.benefitselect.benefit-matrix .product-amount .inputText { display: none; } /* The following hides the cost on the benefit matrix for the priority options */ .line-group.MyPriorities .YourCostDisplay.ng-isolate-scope, .line-group.Asminhasprioridades .YourCostDisplay.ng-isolate-scope{ display: none; } /* Styling to allow priority items to fill the wider area */ .line-group.MyPriorities .row.line.ng-scope .col-md-4, .line-group.Asminhasprioridades .row.line.ng-scope .col-md-4{ width: auto; } /*The following styling is applied in the group display to ensure only the one page is impacted*/ /* .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .box-border-bg.ng-scope, .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .header-selected{ display: none; } .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .box-border-bg.unit-box.ng-scope{ display: inline; } */ /* The following font size is used for references / information in the coverage box (description) classes are set in GI displays */ .priority-benefit-not-selected, .gadgets-coverage-text{ font-size: 1.5em; } /* HOME PAGE STYLING START */ /* Online 2.0 home page intro message bold and galp orange */ #main { margin: 10px 0 50px 0; } #home-online-three .carousel-show { display: none; } .onlineTwoPointO-home #home-intro{ font-weight: bold; color: #00865E; } /* Smaller margin above intro on home page */ .onlineTwoPointO-home #home-intro{ margin-top: 0.5em; } /* Move home module tab icon up */ .onlineTwoPointO-home .modules .module .circle{ padding-top: 0px; } /* Non-bold event name */ #home-module-enrolment .enrollment-copy .event-name{ font-weight: normal; } /* Remove all online 2.0 default icons */ .onlineTwoPointO-home #home-modules #home-module-enrolment i.icon-two-point-o-home-module-enrolment:before, .onlineTwoPointO-home #home-modules .benefits-overview-generic i.icon-two-point-o-home-module-medical-two:before, .onlineTwoPointO-home #home-modules .make-a-claim i.icon-two-point-o-home-module-medical-two:before, .onlineTwoPointO-home #home-modules .manage-claims i.icon-two-point-o-home-module-medical-two:before, .onlineTwoPointO-home #home-modules #home-module-benefit-statement i.icon-two-point-o-home-module-benefit-statement:before, .onlineTwoPointO-home #home-modules .module.reward_trs i.icon-two-point-o-home-module-trs-5:before, .onlineTwoPointO-home .module-mobile.clearfix.ng-scope .icon-two-point-o-home-module-enrolment:before, .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.benefits-overview-generic i.icon-two-point-o-home-module-medical-two:before, .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.make-a-claim i.icon-two-point-o-home-module-medical-two:before, .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.manage-claims i.icon-two-point-o-home-module-medical-two:before, .onlineTwoPointO-home .module-mobile.clearfix.ng-scope .icon-two-point-o-home-module-benefit-statement:before, .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.reward_trs i.icon-two-point-o-home-module-trs-5:before { content: ""; } /* Enrolment module icons, title and background image */ .onlineTwoPointO-home #home-modules #home-module-enrolment.module.ng-scope i.icon-two-point-o-home-module-enrolment{ background: url("/reward/media/reward/images/icons/TBS_Icons2-grey.png") no-repeat; height: 78px; } .onlineTwoPointO-home #home-modules #home-module-enrolment.module.ng-scope.active i.icon-two-point-o-home-module-enrolment{ background: url("/reward/media/reward/images/icons/TBS_Icons2-blue.png") no-repeat; } .onlineTwoPointO-home #home-modules #home-module-enrolment.module.ng-scope.active span.module-label.ng-binding{ color: #00865E; } .onlineTwoPointO-home .module-content #home-module-enrolment{ background: url("/reward/media/reward/images/artwork/Flex_Mock_up_icons22_1080_tint.png"); /*animation: zoom-in 1.75s linear;*/ background-size: cover; background-position: left; } /* Mobile version */ .onlineTwoPointO-home .module-mobile.clearfix.ng-scope .icon-two-point-o-home-module-enrolment{ background: url("/reward/media/reward/images/icons/TBS_Icons2-grey.png") no-repeat; min-height: 78px; width: 80px; } .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.active .icon-two-point-o-home-module-enrolment{ background: url("/reward/media/reward/images/icons/TBS_Icons2-blue.png") no-repeat; } #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-module-manage-claims.module-mobile .home-module-manage-claims-content .manage-claims-buttons .btn.btn-default { background-color: #00865E; border: 1px solid #00865E; border-color: #fff; color: #fff; } #home-module-manage-claims.module-mobile .home-module-manage-claims-content .manage-claims-buttons .btn.btn-default { width: 100%; padding: 12px 20px; } .Guia_Module.module-mobile .module-content .home-module-generic-content .content-text .btnfirst.btn-default { width: 100%; padding: 10px 0px; margin: 0px; margin-left: 0px !important; border-radius:0px !important; min-height: 46px; } /* Benefits overview module (generic) icon, title and background image */ .onlineTwoPointO-home #home-modules .module.ng-scope.benefits-overview-generic i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons1-grey.png") no-repeat; height: 78px; } .onlineTwoPointO-home #home-modules .module.ng-scope.benefits-overview-generic.active i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons1-blue.png") no-repeat; } .onlineTwoPointO-home #home-modules .module.ng-scope.benefits-overview-generic.active span.module-label.ng-binding{ color: #00865E; } html .benefits-overview-generic.ng-fade#home-module-generic{ background: url("/reward/media/reward/images/artwork/Flex_Mock_up_icons20_1080_tint.png"); /*animation: zoom-in 1.75s linear;*/ background-size: cover; background-position: center; } /* Mobile version */ .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.benefits-overview-generic i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons1-grey.png") no-repeat; min-height: 78px; width: 80px; } .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.benefits-overview-generic.active i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons1-blue.png") no-repeat; } /* Benefit statement module icon, title and background image */ /* Hide the payslip data item on the benefit statement module */ #home-module-benefit-statement .benefit-statement-copy .benefit-statement-information .payslip-item-details.ng-scope{ display: none; } .onlineTwoPointO-home #home-modules #home-module-benefit-statement.module.ng-scope i.icon-two-point-o-home-module-benefit-statement{ background: url("/reward/media/reward/images/icons/TBS_Icons3-grey.png") no-repeat; height: 78px; } .onlineTwoPointO-home #home-modules #home-module-benefit-statement.module.ng-scope.active i.icon-two-point-o-home-module-benefit-statement{ background: url("/reward/media/reward/images/icons/TBS_Icons3-blue.png") no-repeat; } .onlineTwoPointO-home #home-modules #home-module-benefit-statement.module.ng-scope.active span.module-label.ng-binding{ color: #00865E; } .onlineTwoPointO-home .module-content #home-module-benefit-statement{ background: url("/reward/media/reward/images/artwork/Flex_Mock_up_icons19_1080_tint.png"); /*animation: zoom-in 1.75s linear;*/ background-size: cover; background-position: center; } /* Mobile version */ .onlineTwoPointO-home .module-mobile.clearfix.ng-scope .icon-two-point-o-home-module-benefit-statement{ background: url("/reward/media/reward/images/icons/TBS_Icons3-grey.png") no-repeat; min-height: 78px; width: 80px; } .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.active .icon-two-point-o-home-module-benefit-statement{ background: url("/reward/media/reward/images/icons/TBS_Icons3-blue.png") no-repeat; } /* Make a claim module icon, title and background image */ .onlineTwoPointO-home #home-modules .module.ng-scope.make-a-claim i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons4-grey.png") no-repeat; height: 78px; } .onlineTwoPointO-home #home-modules .module.ng-scope.make-a-claim.active i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons4-blue.png") no-repeat; } .onlineTwoPointO-home #home-modules .module.ng-scope.make-a-claim.active span.module-label.ng-binding{ color: #00865E; } html .make-a-claim.ng-fade#home-module-generic{ background: url("/reward/media/reward/images/artwork/Flex_Mock_up_icons23_1080_tint.png"); /*animation: zoom-in 1.75s linear;*/ background-size: cover; background-position: center; } /* Mobile version */ .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.make-a-claim i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons4-grey.png") no-repeat; min-height: 78px; width: 80px; } .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.make-a-claim.active i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons4-blue.png") no-repeat; } /* Manage claims icon, title and background image */ .onlineTwoPointO-home #home-modules .module.ng-scope.manage-claims i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons5-grey.png") no-repeat; height: 78px; } .onlineTwoPointO-home #home-modules .module.ng-scope.manage-claims.active i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons5_blue.png") no-repeat; } .onlineTwoPointO-home #home-modules .module.ng-scope.manage-claims.active span.module-label.ng-binding{ color: #00865E; } html .manage-claims.ng-fade#home-module-generic{ background: url("/reward/media/reward/images/artwork/Flex_Mock_up_icons21_1080_tint.png"); /*animation: zoom-in 1.75s linear;*/ background-size: cover; background-position: center; } /* Mobile version */ .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.manage-claims i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons5-grey.png") no-repeat; min-height: 78px; width: 80px; } .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.manage-claims.active i.icon-two-point-o-home-module-medical-two{ background: url("/reward/media/reward/images/icons/TBS_Icons5_blue.png") no-repeat; } /* Spacing of the active module down-arrow ** reduce white space */ .onlineTwoPointO-home .modules .module.active::after{ bottom: -24px; } /* Margin above the module content ** reduce white space */ .onlineTwoPointO-home .module-content{ margin-top: 0px; } /* TRS Module */ /* Manage claims icon, title and background image */ .onlineTwoPointO-home #home-modules .module.reward_trs i.icon-two-point-o-home-module-trs-5{ background: url("/reward/media/reward/images/icons/Icons76x76_16.png") no-repeat; height: 78px; } .onlineTwoPointO-home #home-modules .module.reward_trs.active i.icon-two-point-o-home-module-trs-5{ background: url("/reward/media/reward/images/icons/Icons76x76_15.png") no-repeat; } .onlineTwoPointO-home .module-content #home-module-trs{ background: url("/reward/media/reward/images/materials.jpg"); /*animation: zoom-in 1.75s linear;*/ background-size: cover; background-position: center; } /* Mobile version */ .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.reward_trs i.icon-two-point-o-home-module-trs-5{ background: url("/reward/media/reward/images/icons/Icons76x76_16.png") no-repeat; min-height: 78px; width: 80px; } .onlineTwoPointO-home .module-mobile.clearfix.ng-scope.reward_trs.active i.icon-two-point-o-home-module-trs-5{ background: url("/reward/media/reward/images/icons/Icons76x76_15.png") no-repeat; } #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.RemuneraccedilatildeoFixaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.RemuneraccedilatildeoFixaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.RemuneraccedilatildeoFixaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.RemuneraccedilatildeoFixaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.RemuneraccedilatildeoFixaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.RemuneraccedilatildeoFixaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.RemuneraccedilatildeoFixaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.RemuneraccedilatildeoFixaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.RemuneraccedilatildeoFixaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.GrossRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.GrossRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.GrossRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.GrossRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.GrossRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.GrossRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.GrossRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.GrossRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.GrossRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.RemuneracioacutenFijaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.RemuneracioacutenFijaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.RemuneracioacutenFijaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.RemuneracioacutenFijaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.RemuneracioacutenFijaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.RemuneracioacutenFijaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.RemuneracioacutenFijaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.RemuneracioacutenFijaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.RemuneracioacutenFijaRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.RemuneraccedilatildeoFixaNatildeoRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.RemuneraccedilatildeoFixaNatildeoRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.RemuneraccedilatildeoFixaNatildeoRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.RemuneraccedilatildeoFixaNatildeoRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.RemuneraccedilatildeoFixaNatildeoRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.RemuneraccedilatildeoFixaNatildeoRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.RemuneraccedilatildeoFixaNatildeoRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.RemuneraccedilatildeoFixaNatildeoRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.RemuneraccedilatildeoFixaNatildeoRegularBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.GrossNonRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.GrossNonRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.GrossNonRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.GrossNonRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.GrossNonRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.GrossNonRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.GrossNonRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.GrossNonRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.GrossNonRegularFixedRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.RemuneracioacutenFijaBrutaNoRegular:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.RemuneracioacutenFijaBrutaNoRegular:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.RemuneracioacutenFijaBrutaNoRegular:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.RemuneracioacutenFijaBrutaNoRegular:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.RemuneracioacutenFijaBrutaNoRegular:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.RemuneracioacutenFijaBrutaNoRegular:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.RemuneracioacutenFijaBrutaNoRegular:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.RemuneracioacutenFijaBrutaNoRegular:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.RemuneracioacutenFijaBrutaNoRegular:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.RemuneraccedilatildeoVariaacutevelBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.RemuneraccedilatildeoVariaacutevelBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.RemuneraccedilatildeoVariaacutevelBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.RemuneraccedilatildeoVariaacutevelBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.RemuneraccedilatildeoVariaacutevelBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.RemuneraccedilatildeoVariaacutevelBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.RemuneraccedilatildeoVariaacutevelBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.RemuneraccedilatildeoVariaacutevelBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.RemuneraccedilatildeoVariaacutevelBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.GrossVariableRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.GrossVariableRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.GrossVariableRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.GrossVariableRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.GrossVariableRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.GrossVariableRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.GrossVariableRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.GrossVariableRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.GrossVariableRemuneration:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.RetribucioacutenVariableBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.RetribucioacutenVariableBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.RetribucioacutenVariableBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.RetribucioacutenVariableBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.RetribucioacutenVariableBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.RetribucioacutenVariableBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.RetribucioacutenVariableBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.RetribucioacutenVariableBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.RetribucioacutenVariableBruta:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.EncargosSociaisacargodaGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.EncargosSociaisacargodaGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.EncargosSociaisacargodaGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.EncargosSociaisacargodaGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.EncargosSociaisacargodaGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.EncargosSociaisacargodaGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.EncargosSociaisacargodaGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.EncargosSociaisacargodaGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.EncargosSociaisacargodaGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.SocialChargespaidbyGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.SocialChargespaidbyGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.SocialChargespaidbyGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.SocialChargespaidbyGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.SocialChargespaidbyGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.SocialChargespaidbyGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.SocialChargespaidbyGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.SocialChargespaidbyGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.SocialChargespaidbyGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.SegurosSocialesacargodeGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.SegurosSocialesacargodeGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.SegurosSocialesacargodeGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.SegurosSocialesacargodeGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.SegurosSocialesacargodeGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.SegurosSocialesacargodeGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.SegurosSocialesacargodeGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.SegurosSocialesacargodeGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.SegurosSocialesacargodeGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.Benefiacutecios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.Benefiacutecios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.Benefiacutecios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.Benefiacutecios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.Benefiacutecios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.Benefiacutecios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.Benefiacutecios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.Benefiacutecios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.Benefiacutecios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.Benefits:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.Benefits:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.Benefits:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.Benefits:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.Benefits:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.Benefits:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.Benefits:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.Benefits:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.Benefits:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.Beneficios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.Beneficios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.Beneficios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.Beneficios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.Beneficios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.Beneficios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.Beneficios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.Beneficios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.Beneficios:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.Reconhecimento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.Reconhecimento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.Reconhecimento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.Reconhecimento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.Reconhecimento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.Reconhecimento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.Reconhecimento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.Reconhecimento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.Reconhecimento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.Recognition:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.Recognition:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.Recognition:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.Recognition:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.Recognition:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.Recognition:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.Recognition:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.Recognition:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.Recognition:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.Reconocimiento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.Reconocimiento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.Reconocimiento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.Reconocimiento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.Reconocimiento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.Reconocimiento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.Reconocimiento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.Reconocimiento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.Reconocimiento:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.Mobilidade:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.Mobilidade:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.Mobilidade:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.Mobilidade:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.Mobilidade:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.Mobilidade:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.Mobilidade:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.Mobilidade:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.Mobilidade:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.Mobility:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.Mobility:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.Mobility:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.Mobility:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.Mobility:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.Mobility:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.Mobility:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.Mobility:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.Mobility:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.Movilidad:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.Movilidad:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.Movilidad:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.Movilidad:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.Movilidad:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.Movilidad:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.Movilidad:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.Movilidad:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.Movilidad:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.PlanodeBenefiacuteciosFlexiacuteveis:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.PlanodeBenefiacuteciosFlexiacuteveis:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.PlanodeBenefiacuteciosFlexiacuteveis:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.PlanodeBenefiacuteciosFlexiacuteveis:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.PlanodeBenefiacuteciosFlexiacuteveis:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.PlanodeBenefiacuteciosFlexiacuteveis:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.PlanodeBenefiacuteciosFlexiacuteveis:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.PlanodeBenefiacuteciosFlexiacuteveis:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.PlanodeBenefiacuteciosFlexiacuteveis:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.FlexibleBenefitsPlan:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.FlexibleBenefitsPlan:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.FlexibleBenefitsPlan:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.FlexibleBenefitsPlan:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.FlexibleBenefitsPlan:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.FlexibleBenefitsPlan:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.FlexibleBenefitsPlan:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.FlexibleBenefitsPlan:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.FlexibleBenefitsPlan:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.EaindahellipporserGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.EaindahellipporserGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.EaindahellipporserGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.EaindahellipporserGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.EaindahellipporserGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.EaindahellipporserGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.EaindahellipporserGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.EaindahellipporserGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.EaindahellipporserGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.AlsohellipbecauseImGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.AlsohellipbecauseImGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.AlsohellipbecauseImGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.AlsohellipbecauseImGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.AlsohellipbecauseImGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.AlsohellipbecauseImGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.AlsohellipbecauseImGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.AlsohellipbecauseImGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.AlsohellipbecauseImGalp:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.YsinembargohellipporqueesGALP:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-1.YsinembargohellipporqueesGALP:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-2.YsinembargohellipporqueesGALP:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-3.YsinembargohellipporqueesGALP:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-4.YsinembargohellipporqueesGALP:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-5.YsinembargohellipporqueesGALP:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-6.YsinembargohellipporqueesGALP:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-7.YsinembargohellipporqueesGALP:before, #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-8.YsinembargohellipporqueesGALP:before{ content: ""; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon { margin: 0 auto; width: 45px; height: 55px; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item i[class*='icon-'] { display: block; width: 100%; text-align: center; line-height: 48px; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .icon-two-point-o-trs-module-tab-RemuneraccedilatildeoFixaRegularBruta, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .icon-two-point-o-trs-module-tab-GrossRegularFixedRemuneration, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .icon-two-point-o-trs-module-tab-RemuneracioacutenFijaRegularBruta { background: url(/reward/media/reward/images/trs/Icon14.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .icon-two-point-o-trs-module-tab-RemuneraccedilatildeoFixaRegularBruta, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .icon-two-point-o-trs-module-tab-GrossRegularFixedRemuneration, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .icon-two-point-o-trs-module-tab-RemuneracioacutenFijaRegularBruta { background: url(/reward/media/reward/images/trs/Icon15.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .icon-two-point-o-trs-module-tab-RemuneraccedilatildeoFixaNatildeoRegularBruta, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .icon-two-point-o-trs-module-tab-GrossNonRegularFixedRemuneration, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .icon-two-point-o-trs-module-tab-RemuneracioacutenFijaBrutaNoRegular { background: url(/reward/media/reward/images/trs/Icon1.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .icon-two-point-o-trs-module-tab-RemuneraccedilatildeoFixaNatildeoRegularBruta, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .icon-two-point-o-trs-module-tab-GrossNonRegularFixedRemuneration, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .icon-two-point-o-trs-module-tab-RemuneracioacutenFijaBrutaNoRegular { background: url(/reward/media/reward/images/trs/Icon6.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .RemuneraccedilatildeoVariaacutevelBruta, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .GrossVariableRemuneration, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .RetribucioacutenVariableBruta { background: url(/reward/media/reward/images/trs/Icon2.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .RemuneraccedilatildeoVariaacutevelBruta, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .GrossVariableRemuneration, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .RetribucioacutenVariableBruta { background: url(/reward/media/reward/images/trs/Icon8.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .EncargosSociaisacargodaGalp, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .SocialChargespaidbyGalp, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .SegurosSocialesacargodeGalp { background: url(/reward/media/reward/images/trs/Icon4.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .EncargosSociaisacargodaGalp, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .SocialChargespaidbyGalp, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .SegurosSocialesacargodeGalp { background: url(/reward/media/reward/images/trs/Icon10.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .Benefiacutecios, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .Benefits, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .Beneficios { background: url(/reward/media/reward/images/trs/Icon3.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .Benefiacutecios, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .Benefits, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .Beneficios { background: url(/reward/media/reward/images/trs/Icon9.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .Reconhecimento, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .Recognition, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .Reconocimiento { background: url(/reward/media/reward/images/trs/Icon7.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .Reconhecimento, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .Recognition, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .Reconocimiento { background: url(/reward/media/reward/images/trs/Icon11.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .Mobilidade, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .Mobility, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .Movilidad { background: url(/reward/media/reward/images/trs/Icon12.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .Mobilidade, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .Mobility, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .Movilidad { background: url(/reward/media/reward/images/trs/Icon13.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .PlanodeBenefiacuteciosFlexiacuteveis, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .FlexibleBenefitsPlan { background: url(/reward/media/reward/images/trs/Icon17.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .PlanodeBenefiacuteciosFlexiacuteveis, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .FlexibleBenefitsPlan { background: url(/reward/media/reward/images/trs/Icon16.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .EaindahellipporserGalp, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .AlsohellipbecauseImGalp, #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .YsinembargohellipporqueesGALP { background: url(/reward/media/reward/images/icons/galp_icon.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .EaindahellipporserGalp, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .AlsohellipbecauseImGalp, #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .YsinembargohellipporqueesGALP { background: url(/reward/media/reward/images/icons/galp_icon.png) no-repeat; height: 45px; background-size: cover; } #dashboardContainer .tab-content>.active .row .side-bar .chartcontainer { display: none; } #dashboardContainer .tab-content>.active .row .side-bar { /*background: linear-gradient(90deg, #00865E, #329C6C);*/ background: #EDE9DF; color: #000; position: inherit; } #dashboardContainer .tab-content>.active .row .side-bar h2 { color: #fff; } /* Desktop Version Design for Home Page Module Consistency */ /* Changes made to show text as closely to the mockup as possible REGRESSION TEST ELEMENTS */ @media screen and (min-width: 768px){ .onlineTwoPointO-home .module-content > div{ padding: 0px; padding-top: 100px; padding-left: 50px; } #home-module-enrolment .enrollment-copy .event-intro{ margin-bottom: 0px; position: absolute; top: 145px; font-size: 36px; font-weight: bold; max-width: 350px; } #home-module-enrolment .enrollment-copy .text-large{ font-size: 36px; position: absolute; width: 350px; top: -45px; } #home-module-enrolment .home-module-enrolment-content{ height: 100%; } #home-module-enrolment .enrollment-copy .event-content, #home-module-enrolment .enrollment-copy .event-content .event-name, #home-module-enrolment .enrollment-copy .event-content .days-left, #home-module-benefit-statement .home-module-benefit-statement-content .benefit-statement-copy{ position: relative; font-size: 36px; font-weight: bold; } #home-module-enrolment .enrollment-copy .event-content .btn.btn-default { position: absolute; top: 80px; right: 100px; } #home-module-generic .home-module-generic-content .btn.btn-default, #home-module-benefit-statement .benefit-statement-buttons .btn.btn-default, #home-module-trs .trs-buttons .btn.btn-default{ position: absolute; top: 180px; right: 60px; } #home-module-generic .generic-copy { padding-top: 100px; position: absolute; top: 0px; font-size: 36px; font-weight: bold; } #home-module-generic.benefits-overview-generic .generic-copy{ max-width: 380px; } #home-module-generic.make-a-claim .generic-copy{ max-width: 330px; } #home-module-generic.manage-claims .generic-copy{ max-width: 320px; } #home-module-benefit-statement .home-module-benefit-statement-content{ margin: 0px; } #home-module-benefit-statement .benefit-statement-copy .benefit-statement-intro, #home-module-benefit-statement .benefit-statement-copy .benefit-statement-information{ max-width: 475px; } } /* Mobile Version Design for Home Page Module Corrections To ensure the mobile version is not adversely impacted by the above changes REGRESSION TEST ELEMENTS */ @media screen and (max-width: 767px){ #home-module-enrolment .enrollment-copy .event-intro{ margin-bottom: 0px; position: relative; top: 100px; } #home-module-enrolment .enrollment-copy .event-content .btn.btn-default{ margin-top: 50px; } #home-module-enrolment .enrollment-copy .text-large{ font-size: 22px; position: relative; top: -100px; } } /* Mobile Version Design for Home Page Module Corrections To ensure the mobile version is not adversely impacted by the above changes REGRESSION TEST ELEMENTS */ @media screen and (max-width: 449px){ #home-module-enrolment .enrollment-copy .event-intro{ margin-bottom: 0px; position: relative; top: 125px; } #home-module-enrolment .enrollment-copy .text-large{ font-size: 22px; position: relative; top: -120px; } #home-module-enrolment .enrollment-copy .event-content .btn.btn-default{ margin-top: 80px; } } /* Mobile Version Design for Home Page Module Corrections To ensure the mobile version is not adversely impacted by the above changes REGRESSION TEST ELEMENTS */ @media screen and (max-width: 432px){ #home-module-enrolment .enrollment-copy .event-intro{ margin-bottom: 0px; position: relative; top: 125px; } } /* Styling to hide the scrollbar on the enrolment module (due to the above changes REGRESSION TEST ELEMENTS */ #home-module-enrolment .enrollment-copy #event-active{ overflow: hidden; } /* HOME PAGE STYLING END */ /* FOOTER STYLING START */ /* Remove text transform and margins on footer items */ .online-two-iso #footer a{ text-transform: none; margin: 0px; } /* Set the position and size of the 'Powered by Aon' footer text */ .online-two-iso #footer div.powered-by-aon{ float: left; font-size: 12px; } /* styling of footer links */ /*#footer{ background-color: rgb(229, 229, 229); max-width: 1160px; width: 100%; position: fixed; bottom: 0px; padding: 15px 5px 0px 0px; }*/ /* Set the footer to float right, to match the layout on the mock-up */ .online-two-iso #footer div{ /*float: right;*/ /*padding-bottom: 15px;*/ color: #000; text-align: center; } /* Footer link colors and spacing */ .online-two-iso #footer a{ margin-right: 20px; color: #303030; } /* Footer link hover colors */ .online-two-iso #footer a:hover, .online-two-iso #footer a:focus{ color: #00865E; } /* Terms of Use Page Styling and contact page styling (Add margin, to match the privacy policy Online 2.0 page template) */ .footerpage-terms, .footerpage-contact{ margin: 10px 18px; } /* FOOTER STYLING END */ /* PROFILE PAGE STYLING START */ /* Set color of profile page inactive header links, and remove outline */ #profile-online-2 .htabs-container .tabs UL LI A{ color: #303030; outline: none; } /* Set hover color for profile page links */ #profile-online-2 .htabs-container .tabs UL LI A:hover{ color: #00865E } /* Set hover color and border color for active (selected) header links */ #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A{ color: #00865E; border-color: #00865E!important; } /* Set the profile panel background color (Grey) */ #profile-online-2 .box-left-bg{ background-color: rgb(229, 229, 229); } /* Set the hover / focus font color and weight for the 'Change password' / 'Security Questions' section of the profile */ .online-two-iso P.sectionTitledimmed:focus, .online-two-iso P.sectionTitledimmed:hover, .online-two-iso P.sectionTitledimmedLeft:focus, .online-two-iso P.sectionTitledimmedLeft:hover, .online-two-iso P.sectionTitle{ color: #00865E; font-weight: bold; } /* Set the inactive tabe color for the 'Change password' / 'Security Questions' section of the profile */ P.sectionTitledimmedLeft, .online-two-iso P.sectionTitledimmed, .online-two-iso P.sectionTitledimmedLeft, .online-two-iso P.sectionTitledimmed{ color: #303030; } /* Set the font color for the password validation section label */ .online-two-iso .validation-caption{ color: #303030; } /* Hide the payslip element from the profile (targeted via attribute) and the spacer REGRESSION TEST ELEMENTS */ #profile-online-2 #payrollTab P[ng-bind-html="vm.locale.payslip"], #profile-online-2 #payrollTab .space-bar{ display: none !important; } /* Remove transform from profile page labels (lowercase makes the site inconsistent) */ #profile-online-2 span.label, #profile-online-2 label:not(.ui-button){ text-transform: none; } /* Hides the middle name on the profile page (add dependant) */ /*#profile-online-2 #dependantDialog .col-md-6.grid-cell:nth-of-type(2){ display: none; }*/ /* Set the name of the dependants color to galp orange */ #profile-online-2 #dependantsTab P.full-name{ color: #00865E; } /* Set the header for the 'add dependant' on profile dialog to galp orange */ #dependantDialog .header-overlay{ background-color: #00865E; } /* Hides the manage depenant cover tab */ .online-two-iso .modal-normal .tab-selector li.right-tab{ display: none; } /* PROFILE PAGE STYLING END */ /* BENEFITS OVERVIEW PAGE START */ /* Set benefit overview title heading (1) to galp orange, and bold */ #benefit-overview .benefit-overview-title H1, .online-two-iso h1{ color: #00865E; font-weight: bold; } /* Set the benefit overview heading background to galp orange */ #benefit-overview #overviewAccordion .panel-default > .panel-heading{ background-color: #00865E; } /* Set the benefit overview heading font color to white */ #benefit-overview #overviewAccordion .panel-default > .panel-heading span{ color: #fff; } /* Main link style */ A, .bootstrap-iso a{ color: #00865E; } /* Benefits overview inactive tab link color (galp grey) */ .online-two-iso .modal-large .tab-selector-link{ color: #303030; } /* Benefits overview inactive tab link hover color (galp orange) */ .online-two-iso .modal-large a.tab-selector-link:hover{ color: #00865E; border: none; } /* Benefits overview active link color (including hover); galp orange with bottom border */ .online-two-iso .modal-large .tab-selector-link.active, .online-two-iso .modal-large a.tab-selector-link.active:hover{ color: #00865E; border-bottom: 7px solid; border-color: #00865E; } /* set the FAQ question color to bold and color to galp orange (to make it stand out from the anwer) */ .faq-question a{ font-weight: bold; color: #303030; } /* Remove the outline that appears on questions */ .faq-question a:focus{ outline: none; } /* Set the formatting of the benefits overview images to ensure they fill the container REGRESSION TEST ELEMENTS */ @media screen and (min-width: 770px){ #benefit-overview .summaryImage .img{ height: 168px; width: 280px; position: relative; } #benefit-overview .summaryContent{ float: left; width: 100%; vertical-align: top; min-height: 167px; } #benefit-overview .know-more-link{ float: right; right: 0px; } } /* Priority benefits image (*** NOT SHOWN ON PROFILE***) REGRESSION TEST ELEMENTS */ #benefit-overview .summaryImage .img.BenefitImage_1203477e-b678-4ebc-a672-e2c37f86aa6c{ background: url('/reward/media/reward/images/benefit_images/sm/160x30.png') no-repeat center; background-size: contain; } /* Childcare Vouchers image */ #benefit-overview .summaryImage .img.BenefitImage_330b1609-cb4d-4fce-a6fd-2e215d9982db{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_01.png') no-repeat center; background-size: contain; } /* Education Vouchers image */ #benefit-overview .summaryImage .img.BenefitImage_e3689498-9fb8-492c-bb70-245ac8182d91{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_02.png') no-repeat center; background-size: contain; } /* Professional Education image */ #benefit-overview .summaryImage .img.BenefitImage_dae7f33a-20bc-4bb4-90be-8f499855c65f{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_03.png') no-repeat center; background-size: contain; } /* English Lessons (Benefit is no longer active, image kept in case) */ #benefit-overview .summaryImage .img.BenefitImage_951acc2e-a8cc-464a-9f5a-d5b9f348bec7{ background: url('') no-repeat center; background-size: contain; } /* Health Fund Employee image */ #benefit-overview .summaryImage .img.BenefitImage_663ccb52-4135-4457-bb00-7e1135f9264e{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_04.png') no-repeat center; background-size: contain; } /* Health Fund Family image */ #benefit-overview .summaryImage .img.BenefitImage_b37c8a23-b709-429c-8a1c-c8579329bf60{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_05.png') no-repeat center; background-size: contain; } /* Health Fund Unconventional Therapies image */ #benefit-overview .summaryImage .img.BenefitImage_c7b5dc75-693b-483b-ba78-1193c7c32040{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_06.png') no-repeat center; background-size: contain; } /* Employee Personal Accidents (Benefit is no longer active, image kept in case) */ #benefit-overview .summaryImage .img.BenefitImage_b9da3a5a-8382-4573-be8c-bf8859eaf67d{ background: url('') no-repeat center; background-size: contain; } /* Gym image */ #benefit-overview .summaryImage .img.BenefitImage_5871a04d-23bd-48f1-a903-5b6d301e89b0{ background: url('') no-repeat center; background-size: contain; } /* Social Home image */ #benefit-overview .summaryImage .img.BenefitImage_b77c4bf4-7fd8-4985-82ff-1ab90dffa984{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_10.png') no-repeat center; background-size: contain; } /* Fuel image (Galp Ready) */ #benefit-overview .summaryImage .img.BenefitImage_7cf7bdb4-347f-4140-98f6-24317ca85c37, #benefit-overview .summaryImage .img.BenefitImage_e462b352-c888-4bb2-8d35-77ee7751eda7{ background: url('') no-repeat center; background-size: contain; } /* Parking image */ #benefit-overview .summaryImage .img.BenefitImage_dff8f0ea-632d-4110-b140-8bdc177ec5ef{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_13.png') no-repeat center; background-size: contain; } /* Transportation Pass image */ #benefit-overview .summaryImage .img.BenefitImage_db9b4c8f-96f5-4eff-852b-07841e3da4b7{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_14.png') no-repeat center; background-size: contain; } /* Gadgets image */ #benefit-overview .summaryImage .img.BenefitImage_69171b0d-c04f-4a81-b262-f057d083953c{ background: url('') no-repeat center; background-size: contain; } /* Conservative Pension Fund image */ #benefit-overview .summaryImage .img.BenefitImage_8c6e0d8b-0b24-40db-8bfa-9db3522a13de{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_26.png') no-repeat center; background-size: contain; } /* Moderate Pension Fund image */ #benefit-overview .summaryImage .img.BenefitImage_15616060-f179-4c08-892c-3470300d1649{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_27.png') no-repeat center; background-size: contain; } /* Dynamic Pension Fund image */ #benefit-overview .summaryImage .img.BenefitImage_9203de9e-8f90-41f2-8621-fd678b7ab4d7{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_28.png') no-repeat center; background-size: contain; } /* Health Fund Dental Care (Orthodontics) image */ #benefit-overview .summaryImage .img.BenefitImage_bee9302d-8262-4b81-b9c5-34e21fd0023c{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_07.png') no-repeat center; background-size: contain; } /* Health Fund Dental Care (with Orthodontics) image */ #benefit-overview .summaryImage .img.BenefitImage_eaa2f2c0-ff0d-4e25-bf6f-7f8e6ec004aa{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_08.png') no-repeat center; background-size: contain; } /* Health Fund OutPatient image */ #benefit-overview .summaryImage .img.BenefitImage_6b9d1abd-4d9e-4464-8a50-06c5ca905e26{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_09.png') no-repeat center; background-size: contain; } /* Bicycles image */ #benefit-overview .summaryImage .img.BenefitImage_e7f13bb0-955a-429e-a091-6df60126566d{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_15.png') no-repeat center; background-size: contain; } /* Bolt (ex-Taxify) image*/ #benefit-overview .summaryImage .img.BenefitImage_a1c34f67-2a08-4dd8-8f0f-e60f0a03d1c5{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_16.png') no-repeat center; background-size: contain; } /* Gadget Insurance image */ #benefit-overview .summaryImage .img.BenefitImage_70f6791d-d3c3-4f4a-8eae-42911c38d4d1{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_21.png') no-repeat center; background-size: contain; } /* Meo image */ #benefit-overview .summaryImage .img.BenefitImage_46db744c-cd00-472f-a742-ceba2d415f46{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_23.png') no-repeat center; background-size: contain; } /* Vodafone image */ #benefit-overview .summaryImage .img.BenefitImage_56b7c563-819c-415b-8b52-4f66648b5989{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_24.png') no-repeat center; background-size: contain; } /* Viaverde image */ #benefit-overview .summaryImage .img.BenefitImage_46432868-96ee-48e1-92aa-813793eb8283{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_17.png') no-repeat center; background-size: contain; } /* NOS image */ #benefit-overview .summaryImage .img.BenefitImage_bf614ce0-3d48-4108-99bb-9519b48a4736{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_25.png') no-repeat center; background-size: contain; } /* Home Office - Periféricos */ #benefit-overview .summaryImage .img.BenefitImage_32cf110c-fbcb-4ee4-86d1-28fe9b01333c { background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_20.png') no-repeat center; background-size: contain; } /* Home Office - Material de Escritório */ #benefit-overview .summaryImage .img.BenefitImage_790f5896-54a6-486f-9c4d-a4fb19163fa6 { background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_22.png') no-repeat center; background-size: contain; } /* Galp Electric image */ #benefit-overview .summaryImage .img.BenefitImage_38d113e9-88f4-49e5-9a40-bca99991fb18 { background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_12.png') no-repeat center; background-size: contain; } /* PCs, Tablets e Smartphones - Worten image */ #benefit-overview .summaryImage .img.BenefitImage_69171b0d-c04f-4a81-b262-f057d083953c { background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_19.png') no-repeat center; background-size: contain; } /* Uber image */ #benefit-overview .summaryImage .img.BenefitImage_5e1a29d8-cbef-4eec-9612-ed0747f0f47e { background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_18.png') no-repeat center; background-size: contain; } /* PPR Sixty image */ #benefit-overview .summaryImage .img.BenefitImage_5869665d-cb4b-4d00-b24c-ab7cb779b989 { background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_29.png') no-repeat center; background-size: contain; } /* PPR Casa image */ #benefit-overview .summaryImage .img.BenefitImage_3b041f64-9eb4-4118-b4c2-b2d25a0ea540 { background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_30.png') no-repeat center; background-size: contain; } /* PPR Optimize image */ #benefit-overview .summaryImage .img.BenefitImage_013eabea-0c09-4ee1-bd32-44fc002d8682 { background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_31.png') no-repeat center; background-size: contain; } /* Galp Frota */ #benefit-overview .summaryImage .img.BenefitImage_7cf7bdb4-347f-4140-98f6-24317ca85c37{ background: url('/reward/media/reward/2026/Benefits/280%20x%20168/Galp_Benefits-images_12.png') no-repeat center; background-size: contain; } /* Galp Frota Overview image for Benefits Selection */ #Line_e462b352-c888-4bb2-8d35-77ee7751eda7.more-info.margin-top-min { height: 160px; } /* Hide the Individual Priorities Category REGRESSION TEST ELEMENTS */ #benefit-overview .dropdown-menu LI[ng-init*="'As tuas prioridades'"], #benefit-overview .dropdown-menu LI[ng-init*="'Your priorities'"], #benefit-overview #overviewAccordion .panel.ng-scope.ng-isolate-scope.panel-default:first-of-type { display: none; } /* BENEFITS OVERVIEW PAGE END */ /* BENEFIT MATRIX PAGE START */ /* button animation */ .benefitheader-fixed div#followup-items .btn.btn-success.btn-confirmchoice, .benefitheader-fixed a.continue { -webkit-animation: shadow-pulse 2s infinite; animation: shadow-pulse 2s infinite; } /* Line Group styling (bold font) */ .benefit-matrix .group-default{ font-weight: bold; } .benefit-matrix .row .btn-success:hover { color: #00865E; } h3.modellersModalHeader { color: #00865E; } .modellersModalHeader { margin-left: 0em; padding-left: 0.8em; } .modal-normal ul.modeller-links { display: none; } .modeller-container .row-header { color: #000; } /* Set requried benefit matrix elements to the galp orange color (labels) */ .benefit-matrix .group-default { color: #fff!important; outline: none; } .benefit-matrix .lineheader a, .benefit-matrix .lineheader a:hover, .benefit-matrix .row.title .glyphicon-info-sign-color, .benefit-matrix .glyphicon-play-color, .benefit-matrix .font-youpay-color, .benefit-matrix .default-cost { color: #000!important; outline: none; } /*.benefit-matrix .FundedDisplay .font-youpay-color{ color: #303030; }*/ /* Hide funded display element */ .benefit-matrix .FundedDisplay .font-youpay-color, .col-xs-4.FundedDisplay.ng-isolate-scope span{ display: none; } /* 'new' / 'changed' flag background color override */ .benefit-matrix .newbenefit, .benefit-matrix .changebenefit{ background-color: #00865E; } /* Remove Benefit Matrix Icons (images) .benefit-menu .img{ background: none; }*/ /* Set the font (white) and background (galp grey) color for the alert-info element */ .bootstrap-iso .alert-info{ color: #fff; background-color: #303030; border-color: #303030; } /* Set the follow up intro color to galp orange */ .benefit-matrix .hdffollowup-intro{ color: #00865E; } /* Justify the follow up item text */ .followup-item-description{ text-align: justify; } /* Remove border from 'total cost' row (top of the page: benefit matrix / step 2) */ .benefit-matrix .totalcost{ border: none; } /* Adjust the width of the total cost bar at the top of the page (benefit matrix / step 2) */ .bootstrap-iso.benefit-matrix.ng-scope .col-md-10.col-sm-10.totalcost .col-md-4.col-sm-4{ width: 100%; } /* Remove bottom margin from build your own line (collapsed) panels to ensure image fills the available space */ .bootstrap-iso .panel-group{ margin-bottom: 0px; } /* Add bottom margin back in for build your own line panels (opened) to ensure the margin is added when expanded */ .bootstrap-iso .panel-group .panel-open{ margin-bottom: 20px; } /* Remove padding from benefit images in the benefit matrix to ensure the image fills the space */ .row.benefitline.ng-scope .col-md-2.col-sm-2.benefit-menu{ padding: 0px; } .row.benefitline.ng-scope .col-md-2.col-sm-2.benefit-menu .col-md-10.col-sm-10 { padding-right: 25px; } /* Removes magin from the bottom of lines in the benefit matrix to prevent white bottom border on benefit images */ .benefit-matrix .benefit-category .benefitline{ padding-bottom: 0px; margin-bottom: 18px; } /* Set the hover font color for benefit header item links (buttons) */ .benefit-matrix .benefitheader.benefitheader-border:hover{ color: #00865E; } .benefit-matrix .benefitline .row .btn-success.btn-option-elect { background-color: #00865E!important; border-color: #00865E!important; color: #fff; outline: none!important; border-radius: 10px; } .benefit-matrix .benefitline .row .btn-success.btn-option-elect:hover { background-color: #fff!important; border-color: #00865E!important; color: #00865E!important; } /* Individual Priorities benefit matrix image */ .benefit-matrix .benefitline .benefit-menu .img.L1203477e-b678-4ebc-a672-e2c37f86aa6c{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_32.png') no-repeat right; background-size: contain; } /* Set the border for the image to galp orange (ensures no gaps) */ .line-group.Asminhasprioridades .row.benefitline.ng-scope, .line-group.MyPriorities .row.benefitline.ng-scope{ border: 2px solid #00865E; } /* Set the background for the image container to galp orange (ensures no gaps) */ .line-group.Asminhasprioridades .col-md-2.col-sm-2.benefit-menu, .line-group.MyPriorities .col-md-2.col-sm-2.benefit-menu{ background-color: #fff; } /* Childcare vouchers benefit matrix image */ .benefit-matrix .benefitline .benefit-menu .img.L330b1609-cb4d-4fce-a6fd-2e215d9982db{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_01.png') no-repeat right; background-size: contain; } /* Education vouchers benefit matrix image */ .benefit-matrix .benefitline .benefit-menu .img.Le3689498-9fb8-492c-bb70-245ac8182d91{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_02.png') no-repeat right; background-size: contain; } /* Training benefit matrix image */ .benefit-matrix .benefitline .benefit-menu .img.Ldae7f33a-20bc-4bb4-90be-8f499855c65f{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_03.png') no-repeat right; background-size: contain; } /* English Lessons benefit matrix Image NOT AVAILABLE */ .benefit-matrix .benefitline .benefit-menu .img.L951acc2e-a8cc-464a-9f5a-d5b9f348bec7{ background: url('') no-repeat right; } /* Health Fund Employee benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.L663ccb52-4135-4457-bb00-7e1135f9264e{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_04.png') no-repeat right; background-size: contain; } /* Health Fund Family benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.Lb37c8a23-b709-429c-8a1c-c8579329bf60{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_05.png') no-repeat right; background-size: contain; } /* Health Fund Unconventional Therapies benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.Lc7b5dc75-693b-483b-ba78-1193c7c32040{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_06.png') no-repeat right; background-size: contain; } /* Employee Personal Accidents benefit matrix Image NOT AVAILABLE*/ .benefit-matrix .benefitline .benefit-menu .img.Lb9da3a5a-8382-4573-be8c-bf8859eaf67d{ background: url('') no-repeat right; } /* Gym benefit matrix image */ .benefit-matrix .benefitline .benefit-menu .img.L5871a04d-23bd-48f1-a903-5b6d301e89b0{ background: url('') no-repeat right; } /* Elderly Home benefit matrix Images */ .benefit-matrix .benefitline .benefit-menu .img.Lb77c4bf4-7fd8-4985-82ff-1ab90dffa984{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_10.png') no-repeat right; background-size: contain; } /* Galp Ready benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.L7cf7bdb4-347f-4140-98f6-24317ca85c37{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_11.png') no-repeat right; background-size: contain; } /* Galp Frota Corporate benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.Le462b352-c888-4bb2-8d35-77ee7751eda7{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_12.png') no-repeat right; background-size: contain; } /* Parking benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.Ldff8f0ea-632d-4110-b140-8bdc177ec5ef{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_13.png') no-repeat right; background-size: contain; } /* Transportation Cards benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.Ldb9b4c8f-96f5-4eff-852b-07841e3da4b7{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_14.png') no-repeat right; background-size: contain; } /* Gadgets benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.L69171b0d-c04f-4a81-b262-f057d083953c{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_19.png') no-repeat right; background-size: contain; } /* Conservative Pension Fund benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.L8c6e0d8b-0b24-40db-8bfa-9db3522a13de{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_26.png') no-repeat right; background-size: contain; } /* Moderate Pension Fund benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.L15616060-f179-4c08-892c-3470300d1649{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_27.png') no-repeat right; background-size: contain; } /* Dynamic Pension Fund benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.L9203de9e-8f90-41f2-8621-fd678b7ab4d7{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_28.png') no-repeat right; background-size: contain; } /* Health Fund Dental Care (without Orthondontics) benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.Leaa2f2c0-ff0d-4e25-bf6f-7f8e6ec004aa{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_07.png') no-repeat right; background-size: contain; } /* Health Fund Dental Care (Orthodontics) benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.Lbee9302d-8262-4b81-b9c5-34e21fd0023c{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_08.png') no-repeat right; background-size: contain; } /* Health Fund OutPatient benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.L6b9d1abd-4d9e-4464-8a50-06c5ca905e26{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_09.png') no-repeat right; background-size: contain; } /* Bicycles benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.Le7f13bb0-955a-429e-a091-6df60126566d{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_15.png') no-repeat right; background-size: contain; } /* Bolt (ex-Taxify) benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.La1c34f67-2a08-4dd8-8f0f-e60f0a03d1c5{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_16.png') no-repeat right; background-size: contain; } /* Gadget Insurance benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.L70f6791d-d3c3-4f4a-8eae-42911c38d4d1{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_21.png') no-repeat right; background-size: contain; } /* Meo benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.L46db744c-cd00-472f-a742-ceba2d415f46{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_23.png') no-repeat right; background-size: contain; } /* Vodafone benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.L56b7c563-819c-415b-8b52-4f66648b5989{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_24.png') no-repeat right; background-size: contain; } /* Viaverde benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.L46432868-96ee-48e1-92aa-813793eb8283{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_17.png') no-repeat right; background-size: contain; } /* NOS benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.Lbf614ce0-3d48-4108-99bb-9519b48a4736{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_25.png') no-repeat right; background-size: contain; } /* Home Office - Periféricos benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.L32cf110c-fbcb-4ee4-86d1-28fe9b01333c { background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_20.png') no-repeat right; background-size: contain; } /* Home Office - Material de Escritório benefit matrix Image*/ .benefit-matrix .benefitline .benefit-menu .img.L790f5896-54a6-486f-9c4d-a4fb19163fa6 { background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_22.png') no-repeat right; background-size: contain; } /* Galp Electric benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.L38d113e9-88f4-49e5-9a40-bca99991fb18{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_12.png') no-repeat right; background-size: contain; } /* PCs, Tablets e Smartphones - Worten benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.L69171b0d-c04f-4a81-b262-f057d083953c{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_19.png') no-repeat right; background-size: contain; } /* Uber benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.L5e1a29d8-cbef-4eec-9612-ed0747f0f47e{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_18.png') no-repeat right; background-size: contain; } /* PPR Sixty benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.L5869665d-cb4b-4d00-b24c-ab7cb779b989{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_29.png') no-repeat right; background-size: contain; } /* PPR Casa benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.L3b041f64-9eb4-4118-b4c2-b2d25a0ea540{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_30.png') no-repeat right; background-size: contain; } /* PPR Optimize benefit matrix Image */ .benefit-matrix .benefitline .benefit-menu .img.L013eabea-0c09-4ee1-bd32-44fc002d8682{ background: url('/reward/media/reward/2026/Benefits/160%20x%20130/Galp_Benefits-images_31.png') no-repeat right; background-size: contain; } /* Set the font color for the completion message to galp grey */ .text-success.section-complete.ng-binding{ color: #303030; } /* For wider screens (above 820px) */ @media screen and (min-width: 821px){ /* Set the left side of the header bar width to enable wider buttons (long resource string) */ .benefit-matrix .benefitheader-fixed .row.margin-left .col-md-8.col-sm-8.btngroup{ width: 60%; } /* Set the benefit matrix buttons to 20% so that full width = 100%, allowing wider buttons */ .col-md-2.col-sm-2.btngroup.reset.ng-scope#resettodefaults, .col-md-2.col-sm-2.btngroup.confirm.ng-scope#followup-items{ width: 20%; } } /* BUILD YOUR OWN LINE TABLE */ /* Set background color of build your own line summary table to galp orange; font color to white */ .benefit-matrix .byocostsummary .header{ background-color: #00865E!important; color: #fff; } /* Set background color of build your own line summary table footer to galp grey, font color to white */ .benefit-matrix .byocostsummary .footer{ background-color: #303030; color: #fff; } /* Sets the 'who is covered' string in the benefit matrix to orange */ .bootstrap-iso.benefit-matrix.ng-scope .text-success.ng-isolate-scope{ color: #00865E; } /* Sets the dependant name above the build your own line table to galp grey */ .bootstrap-iso.benefit-matrix.ng-scope .dependent-approved.ng-binding{ color: #303030; } /* Centers the text in the build your own line cost summary table */ .benefit-matrix .byocostsummary .row.ng-scope .col-xs-1.ng-binding, .benefit-matrix .byocostsummary .row.header .col-xs-1.ng-isolate-scope, .benefit-matrix .byocostsummary .row.footer .col-xs-1.ng-binding, .benefit-matrix .byocostsummary .row.ng-scope .col-xs-2.ng-binding { text-align: center; } /* Bold and orange instructional text for build your own line */ #byoOverlay .header-overlay h5[ng-bind-html="vm.locale.byoOverlayHeading"], #byoOverlay .content-overlay #txtTopAdditional{ color: #00865E; font-weight: bold; } /* Set the line height and padding for the heading (5) on the build your own line popup */ #byoOverlay .header-overlay h5[ng-bind-html="vm.locale.byoOverlayHeading"]{ line-height: 1.4; padding-top: 7px; } /* Add bottom margin to the instructional text on the build your own line popup */ #byoOverlay .content-overlay #txtTopAdditional{ margin-bottom: 10px; } /* The following rules are added to format the byol table on the benefit matrix */ /* Hide unpopulated column in the table to also remove the horizonal scroll (has different effect in elected vs. not elected) REGRESSION TEST ELEMENTS */ .benefit-matrix .byocostsummary .row .col-xs-2:nth-of-type(3) { display: none; } /* Fills the space in the table made available by the above element being hidden REGRESSION TEST ELEMENTS */ .benefit-matrix .byocostsummary .row .col-xs-1{ width: 16.66666667% } /* Set the text indent off the page to hide wording in the given cell REGRESSION TEST ELEMENTS */ .benefit-matrix .byocostsummary .col-xs-4.ng-binding{ text-indent: -9999px;; } /* Selected option on benefit matrix */ .benefit-selected-box .benefitline { border: 2px solid #00865E; } .bootstrap-iso .benefit-selected-box{ position: relative; } .benefit-selected-box .benefitline::before { height: 100%; width: 30px; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; background: #00865E; font-family: FontAwesome; content: '\f00c'; font-size: inherit; color: #fff; position: absolute; top: 0px; right: 0px; } /* The following offers a more targeted update but needs work on the step 2 page */ /*.benefit-matrix .byocostsummary .row.header div[tbs-translate="Enrollment.Step2.BuildYourOwnLine.SchoolName"], .benefit-matrix .byocostsummary .row div[ng-bind="byo.GetAddOnValueListValue(group)"] { display: none; } .benefit-matrix .byocostsummary .row.footer .col-xs-1 { width:0%; }*/ /* Hide the BYOL 'Save' button and reset link REGRESSION TEST ELEMENTS */ .content-overlay .next-button a#byo-save, .byoResetStyle.ng-binding{ display: none; } /* DEPENDANTS MODAL START */ /* Set the font color for the header to galp grey */ h3.dependantModalHeader{ color: #303030; } /* Set the link color of the category (tab) heading to galp orange */ .online-two-iso .modal-normal a.tab-selector-link:hover{ color: #00865E; border: none; } /* Set the link color of the active category (tab) heading to galp orange, including the border that appears under the wording */ .online-two-iso .modal-normal a.tab-selector-link.active:hover, .online-two-iso .modal-normal .tab-selector-link.active{ color: #00865E; border-bottom: 7px solid; border-color: #00865E; } /* Set the 'Add Dependant' link and dependant name to galp grey */ .dependant-list-top a.dependant-add-link, .dependant-list .dependant-name span{ color: #303030; } /* Set the hover color for add, edit, remove to galp orange */ .dependant-list-top a.dependant-add-link:hover, .dependant-list a.dependant-edit:hover, .dependant-list a.dependant-remove:hover{ color: #00865E; } /* Set the standard color for edit / remove to grey */ .dependant-list a.dependant-edit, .dependant-list a.dependant-remove{ color: #bcbcbc; } /* Set the element color to galp orange */ .benefit-matrix .employee-cost .cost-number{ color: #00865E; } /* Hide the middle name, auto add (to all benefits) and legal name fields from the popup REGRESSION TEST ELEMENTS */ .dependant-cell.add.cell-md-6.middle-name, .dependant-cell.add.cell-md-6.is-auto-add.ng-scope, .dependant-cell.edit.cell-md-6.middle-name.ng-scope, .dependant-cell.edit.cell-md-6.legal-name.ng-scope, #profile-online-2 #dependantDialog .col-md-6.grid-cell.ng-scope[ng-if*="vm.clientUIConfiguration.DependentMiddleNameEditOE"] { display: none; } /* Increate the font-size of the edit links on the popup (make them stand out) and set font colour to galp orange */ .dependant-cell a.dependant-edit-btn { font-size: 1.4em; color: #00865E; outline: none; } /* Set the edit links to change to underlined on the popup (on hover) */ .dependant-list a.dependant-edit-btn :hover{ text-decoration: underline; } /* Place red asterisk after the txtDependantNationalID on profile page */ .online-two-iso .profile #dependantDialog label[for="txtDependentNationalID"]:after{ content: "*"; color: red; } /* DEPENDANTS MODAL END */ /* Set the font color of the warning message to galp orange */ .benefit-matrix .confirm-warning{ color: #00865E; } /* Styling corrections for the matrix (non renewal event) */ .benefit-matrix .benefit-category .panel-default .panel-heading, .benefit-matrix .benefit-category .panel-default .panel-heading a{ background-color: #fff; color: #303030; } /* Styling for the panel hedding (category) to be galp orange (for non renewal event) */ .benefit-matrix .benefit-category .panel-default .panel-heading a:hover{ color: #00865E; } /* Set the background color of the lifestyle event button to grey (for non renewal event) */ .benefit-matrix .benefit-active-benefits{ background-color: #f5f5f5; } /* BENEFIT MATRIX PAGE END */ .online-two-iso #terminator #header.header-fullwidth #headerResources { margin-top: -16px; } #StatementAndClaimSubmit.online-two-iso #terminator #header.header-fullwidth #headerResources, #claim.online-two-iso #terminator #header.header-fullwidth #headerResources { margin-top: 0px; } /* BENEFIT SELECT START */ /* Set color of various elements to galp grey */ .benefitselect .line-name, .benefitselect .products-header H4, .benefitselect .glyphicon-folder-open, .benefitselect .header-selected, .benefitselect .in-Cart .you-pay H3 { color: #303030; } .in-Cart .you-chose .selected-plan { color: #00865E; } /* Hide the 'i' icon on the benefit selection page (a link is already present) REGRESSION TEST ELEMENTS */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .line-benefit-intro .glyphicon.glyphicon-info-sign.glyphicon-info-sign-color.glyphicon-info, .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .header-selected { display: none; } /* Update styling of the 'aqui' link in the coverage box */ /*.bootstrap-iso.benefitselect.benefit-matrix.ng-scope .content-you-chose.ng-scope a[ng-click="l.byoElection.ViewCurrentBenefitDetails()"]{ font-weight: bold; }*/ /* Change the 'cost' values and 'i' icon color to galp orange */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .green-number.no-text-transform.PerPay.ng-binding, .benefitselect .line-benefit-intro .glyphicon-info-sign-color, .bootstrap-iso.benefitselect.benefit-matrix.ng-scope SPAN.green-number{ color: #00865E; } /* The following hides 'compare' checkbox */ .benefitselect .links-group.four-links A.link-checkbox{ display: none; } /* Backs the background color and border color of the 'selected' option galp orange */ .benefitselect .products .box-border.sel .header, .benefitselect .products .box-border.sel{ background-color: #00865E; } /* The following hides the 'provider finder' and the 'prescription finder' links */ .available-options .links-group.four-links{ display: none; } /* hides the 'Back' link on mobile devices REGRESSION TEST ELEMENTS */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope.modal-open .back span.ng-isolate-scope{ display: none; } /* Sets the width of the selected option to prevent the value falling outside of the box (due to the font family used) REGRESSION TEST ELEMENTS */ .option-credit-health .option.sel, .option-credit-health .value.sel{ width: 110px; color: #72787d; } /* Hide instruction text for priority (eg. select x to y) */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .box-border-bg.unit-box.ng-scope .inputText[id^="inputTextInstruction"]{ display: none; } /* SEE ALSO */ /* Larger text and bold for 'See Also' title */ .seealso.ng-scope .see-also.ng-scope h5{ font-size: 21px; font-weight: bold; } /* Set the line name color under the 'See Also' section to galp orange */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .linename a{ color: #00865E; } /* Childcare Vouchers see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L330b1609-cb4d-4fce-a6fd-2e215d9982db{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_01.png') no-repeat; background-size: cover; } /* Education Vouchers see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Le3689498-9fb8-492c-bb70-245ac8182d91{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_02.png') no-repeat; background-size: cover; } /* Training see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Ldae7f33a-20bc-4bb4-90be-8f499855c65f{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_03.png') no-repeat; background-size: cover; } /* English Lessons see also image **NOT AVAILABLE */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L951acc2e-a8cc-464a-9f5a-d5b9f348bec7{ background: url('') no-repeat; background-size: cover; } /* Health Fund Employee see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L663ccb52-4135-4457-bb00-7e1135f9264e{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_04.png') no-repeat; background-size: cover; } /* Health Fund Family see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Lb37c8a23-b709-429c-8a1c-c8579329bf60{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_05.png') no-repeat; background-size: cover; } /* Health Fund Unconventional Therapies see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Lc7b5dc75-693b-483b-ba78-1193c7c32040{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_06.png') no-repeat; background-size: cover; } /* Employee Personal Accidents see also image ** NOT AVAILABLE */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Lb9da3a5a-8382-4573-be8c-bf8859eaf67d{ background: url('') no-repeat; background-size: cover; } /* Gym see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L5871a04d-23bd-48f1-a903-5b6d301e89b0{ background: url('') no-repeat; background-size: cover; } /* Elderly Home see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Lb77c4bf4-7fd8-4985-82ff-1ab90dffa984{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_10.png') no-repeat; background-size: cover; } /* GALP Frota Corporate see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L7cf7bdb4-347f-4140-98f6-24317ca85c37{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_12.png') no-repeat; background-size: cover; } /* Hide slider bar instruction for fuel (GALP Ready); incorporates coverage ID */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope #zeroinputnote1a7b2661-4194-4629-9c94-79691e5398aa{ display: none; } /* Parking see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Ldff8f0ea-632d-4110-b140-8bdc177ec5ef{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_13.png') no-repeat; background-size: cover; } /* Transportation Cards see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Ldb9b4c8f-96f5-4eff-852b-07841e3da4b7{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_14.png') no-repeat; background-size: cover; } /* Gadgets see also image (Not shown as benefit is on it's own, but may be needed in future) */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L69171b0d-c04f-4a81-b262-f057d083953c{ background: url('') no-repeat; background-size: cover; } /* Conservative Pension Fund see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L8c6e0d8b-0b24-40db-8bfa-9db3522a13de{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_26.png') no-repeat; background-size: cover; } /* Moderate Pension Fund see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L15616060-f179-4c08-892c-3470300d1649{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_27.png') no-repeat; background-size: cover; } /* Dynamic Pension Fund see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L9203de9e-8f90-41f2-8621-fd678b7ab4d7{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_28.png') no-repeat; background-size: cover; } /* Health Fund Dental Care (without Orthondontics) see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Leaa2f2c0-ff0d-4e25-bf6f-7f8e6ec004aa{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_08.png') no-repeat; background-size: cover; } /* Health Fund Dental Care (Orthodontics) see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Lbee9302d-8262-4b81-b9c5-34e21fd0023c{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_07.png') no-repeat; background-size: cover; } /* Health Fund OutPatient see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L6b9d1abd-4d9e-4464-8a50-06c5ca905e26{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_09.png') no-repeat; background-size: cover; } /* Bicycles see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Le7f13bb0-955a-429e-a091-6df60126566d{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_15.png') no-repeat; background-size: cover; } /* Bolt (ex-Taxify) see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.La1c34f67-2a08-4dd8-8f0f-e60f0a03d1c5{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_16.png') no-repeat; background-size: cover; } /* Gadget Insurance see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L70f6791d-d3c3-4f4a-8eae-42911c38d4d1{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_21.png') no-repeat; background-size: cover; } /* Meo see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L46db744c-cd00-472f-a742-ceba2d415f46{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_23.png') no-repeat; background-size: cover; } /* Vodafone see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L56b7c563-819c-415b-8b52-4f66648b5989{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_24.png') no-repeat; background-size: cover; } /* Viaverde see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L46432868-96ee-48e1-92aa-813793eb8283{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_17.png') no-repeat; background-size: cover; } /* NOS see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.Lbf614ce0-3d48-4108-99bb-9519b48a4736{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_25.png') no-repeat; background-size: cover; } /* Home Office - Periféricos see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L32cf110c-fbcb-4ee4-86d1-28fe9b01333c{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_20.png') no-repeat; background-size: cover; } /* Home Office - Material de Escritório see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L790f5896-54a6-486f-9c4d-a4fb19163fa6{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_22.png') no-repeat; background-size: cover; } /* Galp Electric see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L38d113e9-88f4-49e5-9a40-bca99991fb18{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_11.png') no-repeat; background-size: cover; } /* PCs, Tablets e Smartphones - Worten see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L69171b0d-c04f-4a81-b262-f057d083953c{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_19.png') no-repeat; background-size: cover; } /* Uber see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L5e1a29d8-cbef-4eec-9612-ed0747f0f47e{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_18.png') no-repeat; background-size: cover; } /* PPR Sixty see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L5869665d-cb4b-4d00-b24c-ab7cb779b989{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_29.png') no-repeat; background-size: cover; } /* PPR casa see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L3b041f64-9eb4-4118-b4c2-b2d25a0ea540{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_30.png') no-repeat; background-size: cover; } /* PPR Optimize see also image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .seealso.ng-scope .img.L42d914c4-4969-48e9-9200-c2cb5c73e24d{ background: url('/reward/media/reward/2026/Benefits/130%20x%2060/Galp_Benefits-images_31.png') no-repeat; background-size: cover; } /* Set attributes for benefit summary images (appear at the top of the step 2 page); desktop and mobile site */ @media screen and (min-width: 768px){ /* Images to be shown on larger screens to specified dimentions .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image{ width: 290px; height: 160px; float: right; margin: 0px 0px 20px 20px; overflow: hidden; }*/ } @media screen and (max-width: 767px){ /* Benefit summary images to be hidden on smaller screens */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image{ display: none; } /* Set renewal countdown to galp grey on mobile devices (home page) */ #home-module-enrolment .enrollment-copy #renewalCountdown .ng-binding{ color: #303030; } /* Set day indicator to galp orange on mobile devices (home page) */ #home-module-enrolment .enrollment-copy #renewalCountdown .days-left.ng-binding { color: #00865E; } /* Hides the mailbox link and message count from the drop down on mobile devices */ #mobile-links .jq-dropdown .jq-dropdown-menu li a[href^="/Mailbox"], #mobile-links .jq-dropdown .jq-dropdown-menu li span#messagecount{ display: none; } /* Correct color of border between homepage modules on mobile devices */ .onlineTwoPointO-home .modules-mobile .module-mobile{ border-top-color: #303030; } /* Switches the clock icon on mobile devices to a dark version (previously white, could not see)*/ #home-module-enrolment .enrollment-copy .cal{ background-image: url('/reward/media/reward/images/icons/clock_bl.png'); } } /* Benefit Page Images */ /* Benefit priority benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-priority-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_32.png') no-repeat; background-size: contain; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Childcare ticket benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-childcare-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_01.png') no-repeat; background-size: contain; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Education ticket benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-education-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_02.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Professional training benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-training-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_03.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* English Lessons benefit summary image ** NOT AVAILABLE */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-englishlessons-image{ background: url('') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Health Fund Employee benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-healthfundemployee-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_04.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Health Fund Family benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-healthfundfamily-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_05.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Health Fund Unconventional Therapies benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-healthfundunconvtherapies-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_06.png') no-repeat; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Employee Personal Accidents benefit summary image ** NOT AVAILABLE */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-personalaccident-image{ background: url('') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Social Homes benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-elderlyhome-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_10.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Gym benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-gym-image{ background: url('') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Fuel (GALP Ready) benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-fuel-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_11.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Parking benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-parking-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_13.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Transportation Pass benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-transportcards-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_14.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Gadgets benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-gadgets-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_19.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Conservative Pension Fund benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-cpf-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_26.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Moderate Pension Fund benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-mpf-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_27.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Dynamic Pension Fund benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-dpf-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_28.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Dental Care Health Fund (without Orthondontics) benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-healthfunddentalcarewithoutorthodontics-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_07.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Health Fund Dental Care (Orthondontics) benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-healthfunddentalcareorthodontics-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_08.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Health Fund Outpatient Fund benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-healthfundoutpatient-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_08.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Bicycles benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-bicycles-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_15.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Bolt (ex Taxify) benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-bolt-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_16.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Gadget Insurance benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-gadgetinsurance-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_21.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Meo benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-meo-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_23.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Vodafone benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-vodafone-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_24.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Viaverde benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-viaverde-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_17.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* NOS benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-nos-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_25.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Home Office - Periféricos benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-peripherals-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_20.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Home Office - Material de Escritório benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-furniture-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_22.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* eFuel benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-eFuel-image{ background: url('') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* PCs, Tablets e Smartphones - Worten benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-worten-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_19.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Galp Frota Corporate benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-galp_frota_corporate-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_12.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Uber benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-uber-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_18.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* PPR Sixty Degrees benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-sixty-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_29.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* Casa de Investimentos benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-casa-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_30.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } /* PPR Optimize benefit summary image */ .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .benefit-overview-image#benefit-ppr_optimize-image{ background: url('/reward/media/reward/2026/Benefits/447%20x%20243/Galp_Benefits-images_31.png') no-repeat; background-size: cover; width: 290px; height: 160px; float: right; margin: 0 0 20px 20px; overflow: hidden; } #followup-items-overlay.online-followup-items #followup-items-title { color: #00865E; } /* BENEFIT SELECT END */ /* BENEFIT STATEMENT START */ /* Set the 'historic' coverage label to galp orange */ .benefit-matrix .benefitdate .data-addon{ color: #00865E; } /* BENEFIT STATMENET END */ /* SUBMIT CLAIM START */ /* Set maximum width of spending account select to stop overflow issue REGRESSION TEST ELEMENTS */ .fsaClaimSubmitContainer #SpendingAccountSelect.autoAdjustWidth{ max-width: 280px !important; } /* This is used to correct an issue with the display of the claims container TFS: 681671 */ .fsaClaimSubmitContainer.container.fixed-container.ng-scope{ max-width: 100%; } /* Set Submit Claim Header background color to galp orange*/ .online-two-iso .fsaClaimSubmitContainer.container.fixed-container.ng-scope .webpartTitle{ background-color: #00865E; } /* Set the 'attach' link color to galp orange */ .fsaClaimSubmitContainer .form-group.required a.ng-isolate-scope{ color: #00865E; } /* Hide the 'tax' checkbox and label */ .online-two-iso .fsaClaimSubmitContainer .checkBoxLabel{ display: none; } /* Removes the text transform for all fields on the submit claim form */ .online-two-iso .fsaClaimSubmitContainer label, #links LI:first-child select#ddlLanguage{ text-transform: none; } /* SUBMIT CLAIM END */ /* MANAGE CLAIMS START */ /* Makes the loading container for the claim summary page white */ .FSAStatementAndHistoryContainer.fixed-container.ng-scope , .FSAStatementAndHistoryContainer.fixed-container.ng-scope .loader-container.ng-scope{ background-color: #fff; } /* Format the claims year (tabs) to match other Online 2.0 pages instead of Marketplace style*/ .FSAStatementAndHistoryContainer .htabs-container .tabs-bg, .FSAStatementAndHistoryContainer .htabs-container, .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI A, .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI.sel A, .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI STRONG, .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI.sel STRONG{ background: none; outline: none; } /* Set the font color and remove the outline for the sub-heading tab links and section title */ .FSAStatementAndHistoryContainer a, .FSAStatementAndHistoryContainer.section_title, .FSAStatementAndHistoryContainer .section_title.ng-isolate-scope{ color: #00865E; outline: none; } /* Set the hover color and decoration (underline) for the tab link */ .FSAStatementAndHistoryContainer a:hover{ color: #00865E; text-decoration: underline; } /* Set the bottom border of the spending account year to galp orange (to match other online 2.0 pages), set the font color to galp grey and bold */ .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI A{ border-bottom: 7px solid #00865E; color: #303030; font-weight: bold; } /* Override the original icon for the spending account indicator with the 'manage claims' icon from the home page */ .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI{ background: url("/reward/media/reward/images/icons/TBS_Icons5-grey.png") no-repeat; background-size: 25%; background-position: top center; } /* Override the original icon for the selected spending account indicator with the 'manage claims' icon from the home page */ .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI.sel{ background: url("/reward/media/reward/images/icons/TBS_Icons5.png") no-repeat; background-size: 35px 35px; background-position: top center; } /* Set the font for the spending account name, under claim summary to bold */ .FSAStatementAndHistoryContainer .spending-account-name.ng-binding{ font-weight: bold; } /* Set the background color of inactive spending accounts under account statement to galp grey, and font to white */ .FSAStatementAndHistoryContainer .spendingAccountLi.ng-scope a.ng-binding{ background-color: #303030; color: #fff; } /*.FSAStatementAndHistoryContainer .claim-header, .FSAStatementAndHistoryContainer .claim-header a,*/ /* Set the background color of active spending account under account statement to galp orange, and font to white */ .FSAStatementAndHistoryContainer .spendingAccountLi.ng-scope.sel a.ng-binding{ outline: none; background-color: #00865E; color: #fff; } /* Set the attachment link in the claim summary popup to galp orange and remove outline */ .table.table-striped.claim-details-modal .attachment.ng-scope a{ color: #00865E !important; outline: none; } /* Set the width of the spending account tabs under account statement to fill the width of the page consistent design */ .spendingaccountsTab-container .tabs UL LI strong{ width: 100%; text-align: left; } /* The following switches out the claims icons */ /* Hide all initial claim status icons */ .claim-status img{ display: none; } /* Set the size of the icon area to match the new images */ .claim-status a{ height: 32px; width: 32px; display: block; outline: none; } /* Override the 'Request for Info' claim status icon CASE SENSITIVE REGRESSION TEST ELEMENTS */ .claim-status .claim-approved a[title="Request for Info"], .claim-status .claim-approved a[title="Pedido de"] { background: url('/reward/media/reward/images/icons/info-requested.png') no-repeat; background-size: contain; } /* Override the 'Approved' claim status icon CASE SENSITIVE REGRESSION TEST ELEMENTS */ .claim-status .claim-approved a[title="Approved"], .claim-status .claim-approved a[title="Aprovada"] { background: url('/reward/media/reward/images/icons/approved-claim.png') no-repeat; background-size: contain; } /* Override the 'Pending' claim status icon CASE SENSITIVE REGRESSION TEST ELEMENTS */ .claim-status .claim-approved a[title="Pending"], .claim-status .claim-approved a[title="Pendente"] { background: url('/reward/media/reward/images/icons/pending-claim.png') no-repeat; background-size: contain; } /* Override the 'Rejected' claim status icon CASE SENSITIVE REGRESSION TEST ELEMENTS */ .claim-status .claim-approved a[title="Rejected"], .claim-status .claim-approved a[title="Rejeitada"] { background: url('/reward/media/reward/images/icons/rejected-claim.png') no-repeat; background-size: contain; } /* Override the 'Closed' claim status icon CASE SENSITIVE REGRESSION TEST ELEMENTS */ .claim-status .claim-approved a[title="Closed"], .claim-status .claim-approved a[title="Fechado"] { background: url('/reward/media/reward/images/icons/closed-claim.png') no-repeat; background-size: contain; } /* Hide the required elements from the claim details popup (status reason, payment method, payment status, payment date REGRESSION TEST ELEMENTS */ /*.table.table-striped.claim-details-modal tr.status-reason,*/ .table.table-striped.claim-details-modal tr.payment-method, .table.table-striped.claim-details-modal tr.payment-status, .table.table-striped.claim-details-modal tr.payment-date{ display: none; } .FSAStatementAndHistoryContainer .claim-data .table.claim-table .claim-payment-date { display: none; } /* MANAGE CLAIMS END */ /* THE FOLLOWING CODE ADAPTS THE HEADER STRUCTURE OF THE HOME PAGE HOWEVER, THE IMPACT ON OTHER PAGES IS DIFFERENT, SO THERE WOULD NEED TO BE REFINEMENT AND REGRESSION TESTING ACROSS ALL PAGES*/ /*@media screen and (min-width: 751px){ .online-two-iso #header { float: left!important; height: 43px!important; } .online-two-iso #header #logo{ margin-top: 18px!important; } #menu-container{ margin-left: 200px!important; } #headerResources #links{ top: -10px!important; } }*/ /* Privacy Policy Acceptance START */ /* Remove the text transformation and set bottom / left margin to the page */ .legalcontent-privacy.bootstrap-iso label{ text-transform: none; margin-bottom: 25px; margin-left: 20px; } /* Set bottom margin on the privacy policy to space out the acceptange control */ .legalcontent-privacy.bootstrap-iso .litLegalContent { margin-bottom: 20px; } /* Set margin on the privacy policy acceptance input control to align the elements correctly */ .legalcontent-privacy.bootstrap-iso input{ margin-top: -5px; } /* Privacy Policy Acceptance END */ /* Added for testing of home page animations (issues with JS execute delays) */ /*#home-module-content .ng-fade.ng-hide{ display: none; }*/ /* @keyframes zoom-in{ 0% { background-size: 120% auto; } 100% { background-size: 100% auto; } } */ /* Embedded Video Styling */ /* Ensure the video responds dynamically to screen size */ .brightcove-embedded-video{ border: none; display: block; margin: 0 auto; max-height: 100%; max-width: 100% } /* Set the video size for small screens */ @media screen and (max-width: 540px){ .brightcove-embedded-video{ height: 150px; width: 300px; } .brightcove-embedded-video-msg{ display: none; } } /* Set the video size for small-medium screens */ @media screen and (min-width: 541px) and (max-width: 767px){ .brightcove-embedded-video{ height: 150px; width: 300px; } .brightcove-embedded-video-msg{ display: none; } } /* Set the video size for medium+ screens */ @media screen and (min-width: 768px){ .brightcove-embedded-video{ height:480px; width:850px; } } #webchat { width: 400px; border: 1px solid #000000 ; } .ui-tooltip.ui-corner-all.ui-widget-shadow { background-color: #fff; opacity: 1; } .ui-tooltip.ui-corner-all.ui-widget-shadow.ui-widget.ui-widget-content { color: #000; } @media (min-width: 767px) { .benefitheader-fixed div#followup-items a.btn, .benefitheader-fixed div#resettodefaults a.btn { padding: 12px 14px; } } .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .checkout-button.ng-scope .button-style.green.ng-binding.lnk-select-1203477e-b678-4ebc-a672-e2c37f86aa6c { padding: 0px; } .bootstrap-iso.benefitselect.benefit-matrix.ng-scope .checkout-button.ng-scope .button-style.green.ng-binding.lnk-select-1203477e-b678-4ebc-a672-e2c37f86aa6c:hover{ color: #00865E !important; } @media only screen and (max-width: 650px){ .benefit-matrix .benefit-category-mobile-view { width: 100%; } } .highcharts-label.highcharts-data-label text tspan{ /*fill: #fff;*/ font-size: 14px !important; } .highcharts-container .highcharts-title span { font-size: 18px !important; } .module-mobile .highcharts-container .highcharts-title span { color: #72787d; font-size: 18px !important; } #trs .highcharts-container .highcharts-legend .highcharts-legend-item text tspan { fill: #303030; } #home-online-three #home-integrated .module-mobile .module-content-header-container h3.module-content-header { color: #72787d; } .module-mobile #trs .highcharts-container .highcharts-legend .highcharts-legend-item text tspan { fill: #72787d; } /* TRS - General*/ #dashboardContainer.trsdashboard .printbtn { float: right; display: none; } #dashboardContainer.trsdashboard .summary-myreward, #dashboardContainer.trsdashboard .summarystatementdate { display: none; } #home-module-trs .trs-copy { padding-left: 0px; } .trsdashboard .panel-default>.panel-heading { background-color: #00865E; } .trsdashboard .panel-title .accordion-toggle, .trsdashboard .panel-title .accordion-toggle:hover { color: #fff; } .trsdashboard .desktop-tab .nav-pills>li.active>a, .trsdashboard .desktop-tab .nav-pills>li.active>a:hover, .trsdashboard .desktop-tab .nav-pills>li.active>a:focus { color: #00865E; } #dashboardContainer .trsDataGroupFullWidth .div-trs-component-info-type .content-name { background-color: #00865E; padding-top: 10px; } /*#dashboardContainer .show-tab-desktop .tab-content .tab-pane:nth-child(2) .trsDataGroupFullWidth .div-trs-component-info-type:nth-child(2){ padding-bottom: 120px; }*/ #dashboardContainer .show-tab-desktop .tab-content .tab-pane:nth-child(5) .trsDataGroupFullWidth .div-trs-component-info-type:nth-child(3) { padding-bottom: 81%; } .trsDataGroupFullWidth>.chart_line.chart_line_total.row { background-color: #ddd; } /* E ainda... por ser GALP - last tab with no background color */ #dashboardContainer .tab-pane:nth-child(7) .trsDataGroupFullWidth .div-trs-component-info-type{ background-color: transparent; } .trsdashboard .content-name { color: #fff; background-color: #00865E; padding-left: 15px; } .trsdashboard .chart_line { margin-left: 0px; margin-bottom: 0px; background-color: #fff; } .trsdashboard .chart_line_total { background-color: #ccc; color: #fff; } /* LTI */ form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #wrapper, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #wrapper, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #wrapper, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #header, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #header, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #header, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] .help-ico, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] .help-ico, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] .help-icor { width: 99%; } form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #dashboardContainer .div-trs-component-info-type .content-name, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #dashboardContainer.trsdashboard .summarystatementdate, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #dashboardContainer .alert.alert-warning, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #dashboardContainer .panel-group, /*form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #dashboardContainer .nav.nav-pills.nav-stacked.nav-justified,*/ form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #dashboardContainer .div-trs-component-info-type .content-name form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #dashboardContainer.trsdashboard .summarystatementdate, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #dashboardContainer .alert.alert-warning, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #dashboardContainer .panel-group, /*form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #dashboardContainer .nav.nav-pills.nav-stacked.nav-justified,*/ form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #dashboardContainer .div-trs-component-info-type .content-name form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #dashboardContainer.trsdashboard .summarystatementdate, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #dashboardContainer .alert.alert-warning, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #dashboardContainer .panel-group/*, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #dashboardContainer .nav.nav-pills.nav-stacked.nav-justified*/ { display: none; } form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #dashboardContainer .div-trs-component-info-type .panel-group, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #dashboardContainer .div-trs-component-info-type .panel-group, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #dashboardContainer .div-trs-component-info-type .panel-group { display: block; } form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.PlanoILP:before, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.PlanoILP:before, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #dashboardContainer .nav.nav-pills .icon-two-point-o-trs-module-tab-0.PlanoILP:before { content: ""; } form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon { margin: 0 auto; width: 100px; height: 100px; } form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item i[class*='icon-'], form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item i[class*='icon-'], form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item i[class*='icon-'] { display: block; width: 100%; text-align: center; line-height: 48px; } form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .PlanoILP, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .PlanoILP, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .PlanoILP, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .PlanoILP, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item .trs-icon .PlanoILP, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] #dashboardContainer .nav.nav-pills .uib-tab.nav-item.active .trs-icon .PlanoILP { background: url(/reward/media/reward/images/icons/42_Location.png) no-repeat; background-size: 100%; height: 100px; width: 100px; } form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] .summary-myreward span, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] .summary-myreward span, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] .summary-myreward span { display: none; } form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22'] .summary-myreward:after, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=en-GB'] .summary-myreward:after, form[action='/benefits/xtrs.aspx?id=%22fbaed903-ef0f-47a9-a948-66a521a9ff5d%22&lang=pt-PT'] .summary-myreward:after { content: "LTI"; } .trsdashboard .panel-title .accordion-toggle:hover { color: #fff; } .bootstrap-iso .table>thead>tr>th, .trsdashboard .table, .trsdashboard .table thead th, .trsdashboard .table tbody tr td, .trsdashboard .table tfoot tr td { border: none; } .trsdashboard .table thead tr th, .trsdashboard .table tbody tr td, .trsdashboard .table tfoot tr td { border-bottom: 1px solid #ccc; } /* Compensation TRS*/ /*#dashboardContainer .tab-pane:nth-child(5) .row .chart_line.chart_line_total.row { display: none; } #dashboardContainer .tab-pane:nth-child(5) .row .div-trs-component-info-type .chart_line.chart_line_total.row { display: block; }*/ /* Online 2.0 */ /*Login Page*/ .LoginPageContainer .input-group .input-group-addon { border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid; border-radius: 6px 0px 0px 6px !important; } .LoginPageContainer .input-group input { border-top: 1px solid; border-bottom: 1px solid; border-right: 1px solid; border-left: none; border-radius: 0px 6px 6px 0px; } /*.isLoginPageWrapper .panel-body:before { content: "BEM-VINDO"; font-size: 30px; font-weight: bold; color: #00865E; }*/ .online-two-iso.login .LoginPageContainer .btn.btn-primary#login { font-weight: bold; color: #fff; border-radius: 9px; } /*Header e Footer*/ .online-three#home #terminator #header.header-fullwidth { margin-bottom: 0; background-color: #fff; } #mfaContainerGlobal .MFAHeader { background-color: #fff; } .online-two-iso #terminator #header.header-fullwidth { padding: 1rem; margin-bottom: 2rem; background-color: #fff; width: 100%; } .online-two-iso #footer a { color: #000 !important; } #footer, #footer-sub { padding: 0px 5px 0; } #home-online-three .dashboard-controls #greeting-message { color: #fff; } .online-two-iso #terminator #footer.footer-fullwidth { min-height: auto; background-color: #fff; position: fixed; bottom: 0px; } .help-ico A { background: url(../img/common/ico-help.png) no-repeat scroll right 12px center #00865E; color: #fff !important; border: 1px solid #00865E; } .help-ico A:focus, .help-ico A:hover { color: #fff; } /*Modules*/ #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.25rem; } #highchart-home-module-trs-0 .highcharts-root .highcharts-background, #highchart-home-module-trs-3 .highcharts-root .highcharts-background{ fill: transparent; } .highcharts-root .highcharts-data-labels .highcharts-label text>tspan { fill: #fff; } #dashboardContainer .highcharts-root .highcharts-data-labels .highcharts-label text>tspan { fill: #000; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #enrolment.module-content, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment.module-content { background: url("/reward/media/reward/2026/Homepage/fundo%20verde%20vertical_16.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; border: none; border-radius: 0; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #trs.module-content, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #trs.module-content { background-color: #EFE3D8; color: #00865E; border: none; border-radius: 0; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #manage-claims.module-content, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #manage-claims.module-content { background-color: #B4D7B4; color: #303030; border: none; border-radius: 0; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .benefits-overview.module-content, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .benefits-overview.module-content { background: url("/reward/media/reward/2026/Homepage/fundo%20branco%20vertical_20.svg"); border: none; background-repeat: no-repeat; background-position: center; background-size: cover; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #make-a-claim.module-content, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #make-a-claim.module-content { /*background: linear-gradient(90deg, #00865E, #329C6C); background: linear-gradient(90deg, #00865E, #329C6C);*/ background: url("/reward/media/reward/2026/Homepage/fundo%20verde%20horizontal_19.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; border: none; border-radius: 0; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #benefit-statement.module-content, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #benefit-statement.module-content { background: url("/reward/media/reward/2026/Homepage/fundo%20verde%20vertical_16.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; border: none; border-radius: 0; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .image_module.module-content, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .image_module.module-content { background: url("/reward/media/reward/images/2024_Dashboard/Galp_Dashboard-images_012.png"); background-repeat: no-repeat; background-size: 120%; background-position: top; min-height: 400px; border: 0px; border-radius: 0px; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .Guia_Module.module-content, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .Guia_Module.module-content { background: url("/reward/media/reward/images/2024_Dashboard/Galp_Carousel-images_01.png"); background-repeat: no-repeat; background-position: top; background-size: cover; min-height: 440px; border: 0px; border-radius: 0px; color: #fff; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .Guia_Module.module-content .module-content-header, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .Guia_Module.module-content .module-content-header { display: none; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .image_module_noTRS.module-content, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .image_module_noTRS.module-content { background: url("/reward/media/reward/images/trs/2026/Imagem%20sub%20TRS.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; border: 0px; border-radius: 0px; color: #fff; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .image_module_2.module-content, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .image_module_2.module-content { background: url("/reward/media/reward/images/2025/1.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; border: 0px; border-radius: 0px; color: #fff; } /*Butons*/ #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment.module-content .btn.btn-default, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #benefit-statement.module-content .btn.btn-default, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #make-a-claim.module-content .btn.btn-default, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .Guia_Module.module-content .btn.btn-default, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .benefits-overview.module-content .btn.btn-default, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #manage-claims.module-content .btn.btn-default, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #trs.module-content .btn.btn-default { background-color: #00865E; color: #fff; border: none; border-radius: 15px; max-width: fit-content; } #benefit-overview .know-more-link, #benefit-overview .know-more-link:focus, .benefit-matrix .panel-group .btn-success{ background-color: #00865E!important; border-color: #fff!important; font-weight: bold; border-radius: 9px; color: #fff; outline: none!important; } #benefit-overview .know-more-link:hover, #benefit-overview .know-more-link:active, #benefit-overview .know-more-link:focus:active, .benefit-matrix .panel-group .btn-success:hover, .benefit-matrix .panel-group .btn-success:active, .benefit-matrix .panel-group .btn-success:focus:active { background-color: #fff!important; border-color: #00865E!important; font-weight: bold; border-radius: 9px; color: #00865E!important } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager button:after, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager button:after { color: #00865E; } /*H3*/ #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #enrolment.module-content h3.module-content-header, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment.module-content h3.module-content-header, #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #trs.module-content h3.module-content-header, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #benefit-statement.module-content h3.module-content-header #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #make-a-claim.module-content h3.module-content-header, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #make-a-claim.module-content h3.module-content-header, #home-online-three #right-side .module-content-header-container h3.module-content-header, #home-online-three #home-integrated .module-content-header-container h3.module-content-header { color: #fff; font-weight: bold; } #home-online-three #right-side .module-content-header-container h3.module-content-header, #home-online-three #home-integrated .module-content-header-container h3.module-content-header { text-align: center; font-size: 1.9em; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #trs.module-content h3.module-content-header, #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #benefit-statement.module-content h3.module-content-header { color: #00865E; font-weight: bold; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .benefits-overview.module-content h3.module-content-header, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .benefits-overview.module-content h3.module-content-header, #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #manage-claims.module-content h3.module-content-header, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #manage-claims.module-content h3.module-content-header { color: #00865E; font-weight: bold; } #home-online-three #home-integrated .module-content-header-container .online-three-module-popover-control { display: none; } /*BENEFITS*/ #benefit-overview #overviewAccordion .education.panel-default>.panel-heading { background-color: #00433D; } #benefit-overview #overviewAccordion .health.panel-default>.panel-heading { background-color: #005E56; } #benefit-overview #overviewAccordion .Mobility.panel-default>.panel-heading { background-color: #007A6B; } #benefit-overview #overviewAccordion .Technology.panel-default>.panel-heading { background-color: #9FD8BE; } #benefit-overview #overviewAccordion .Retiree.panel-default>.panel-heading { background-color: #B4D7B4; } .benefit-matrix .line-group.Asminhasprioridades .group-default, .benefit-matrix .line-group.MyPriorities .group-default { background-color: #00865E; padding: 8px 8px 10px 15px; } .benefit-matrix .line-group.Educao .group-default, .benefit-matrix .line-group.Education .group-default { background-color: #00433D; padding: 8px 8px 10px 15px; } .benefit-matrix .line-group.SadeeBemestar .group-default, .benefit-matrix .line-group.HealthandWellness .group-default { background-color: #005E56; padding: 8px 8px 10px 15px; } .benefit-matrix .line-group.Mobilidade .group-default, .benefit-matrix .line-group.Mobility .group-default { background-color: #007A6B; padding: 8px 8px 10px 15px; } .benefit-matrix .line-group.Tecnologia .group-default, .benefit-matrix .line-9FD8BE.Technology .group-default { background-color: #E7D2C3; padding: 8px 8px 10px 15px; } .benefit-matrix .line-group.Reforma .group-default, .benefit-matrix .line-group.Retirement .group-default { background-color: #B4D7B4; padding: 8px 8px 10px 15px; } /*Selected Box*/ .benefit-matrix .line-group.Educao .benefit-selected-box .benefitline { border: 1px solid #00433D; } .benefit-matrix .line-group.SadeeBemestar .benefit-selected-box .benefitline { border: 1px solid #005E56; } .benefit-matrix .line-group.Mobilidade .benefit-selected-box .benefitline { border: 1px solid #007A6B; } .benefit-matrix .line-group.Tecnologia .benefit-selected-box .benefitline { border: 1px solid #9FD8BE; } .benefit-matrix .line-group.Reforma .benefit-selected-box .benefitline { border: 1px solid #B4D7B4; } .benefit-matrix .line-group.Educao .benefit-selected-box .benefitline::before { background: #00433D; } .benefit-matrix .line-group.SadeeBemestar .benefit-selected-box .benefitline::before { background: #005E56; } .benefit-matrix .line-group.Mobilidade .benefit-selected-box .benefitline::before { background: #007A6B; } .benefit-matrix .line-group.Tecnologia .benefit-selected-box .benefitline::before { background: #9FD8BE; } .benefit-matrix .line-group.Reforma .benefit-selected-box .benefitline::before { background: #B4D7B4; } /*GRIDS*/ #home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container { grid-template-columns:repeat(6,1fr); -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr; grid-template-areas: "module-1 module-1 module-2 module-3 module-4 module-4" "module-5 module-5 module-6 module-6 module-7 module-7"; background-color: #fff; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 { -ms-grid-column:1; -ms-grid-column-span:2; -ms-grid-row:1; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-1 { -ms-grid-column:3; -ms-grid-column-span:1; -ms-grid-row:1; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-2 { -ms-grid-column:4; -ms-grid-column-span:1; -ms-grid-row:1; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-3 { -ms-grid-column:5; -ms-grid-column-span:2; -ms-grid-row:1; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-4 { -ms-grid-column:1; -ms-grid-column-span:2; -ms-grid-row:2; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-5 { -ms-grid-column:3; -ms-grid-column-span:2; -ms-grid-row:2; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-6 { -ms-grid-column:5; -ms-grid-column-span:2; -ms-grid-row:2; -ms-grid-row-span:1; } @media only screen and (max-width: 750px){ #main { margin-top: 0; margin-bottom: 225px; } } @media screen and (max-width: 767px){ .benefit-selected-box .benefitline::before { height: 30px; width: 30px; } } @media only screen and (min-width: 768px) { #home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container { grid-template-columns: repeat(2,1fr); -ms-grid-columns: 1fr 1fr; grid-template-areas: "module-1 module-1" "module-2 module-3" "module-4 module-4" "module-5 module-5" "module-6 module-7; background-color: #fff; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 { -ms-grid-column:1; -ms-grid-column-span:2; -ms-grid-row:1; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 { -ms-grid-column:1; -ms-grid-column-span:1; -ms-grid-row:2; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 { -ms-grid-column:2; -ms-grid-column-span:1; -ms-grid-row:2; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 { -ms-grid-column:1; -ms-grid-column-span:2; -ms-grid-row:3; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 { -ms-grid-column:1; -ms-grid-column-span:2; -ms-grid-row:4; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 { -ms-grid-column:1; -ms-grid-column-span:1; -ms-grid-row:5; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 { -ms-grid-column:2; -ms-grid-column-span:1; -ms-grid-row:5; } } @media only screen and (min-width: 1024px) { #home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container { grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr; grid-template-areas: "module-1 module-1 module-2" "module-3 module-4 module-4" "module-5 module-6 module-7"; background-color: #fff; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 { -ms-grid-column:1; -ms-grid-column-span:2; -ms-grid-row:1; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 { -ms-grid-column:3; -ms-grid-column-span:1; -ms-grid-row:1; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 { -ms-grid-column:1; -ms-grid-column-span:1; -ms-grid-row:2; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 { -ms-grid-column:2; -ms-grid-column-span:2; -ms-grid-row:2; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 { -ms-grid-column:1; -ms-grid-column-span:1; -ms-grid-row:3; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 { -ms-grid-column:2; -ms-grid-column-span:1; -ms-grid-row:3; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 { -ms-grid-column:3; -ms-grid-column-span:1; -ms-grid-row:3; } } @media only screen and (min-width: 1400px) { #home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container { grid-template-columns: repeat(4,1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-areas: "module-1 module-1 module-2 module-3" "module-4 module-4 module-5 module-5" "module-6 module-6 module-7 module-7"; background-color: #fff; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 { -ms-grid-column:1; -ms-grid-column-span:2; -ms-grid-row:1; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 { -ms-grid-column:3; -ms-grid-column-span:1; -ms-grid-row:1; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 { -ms-grid-column:4; -ms-grid-column-span:1; -ms-grid-row:1; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 { -ms-grid-column:1; -ms-grid-column-span:2; -ms-grid-row:2; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 { -ms-grid-column:3; -ms-grid-column-span:2; -ms-grid-row:2; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 { -ms-grid-column:1; -ms-grid-column-span:2; -ms-grid-row:3; } #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 { -ms-grid-column:2; -ms-grid-column-span:2; -ms-grid-row:3; } } @media only screen and (min-width: 1920px) { #home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container { grid-template-columns:repeat(6,1fr); -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr; grid-template-areas: "module-1 module-1 module-2 module-3 module-4 module-4" "module-5 module-5 module-6 module-6 module-7 module-7"; background-color: #fff; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 { -ms-grid-column:1; -ms-grid-column-span:2; -ms-grid-row:1; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-1 { -ms-grid-column:3; -ms-grid-column-span:1; -ms-grid-row:1; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-2 { -ms-grid-column:4; -ms-grid-column-span:1; -ms-grid-row:1; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-3 { -ms-grid-column:5; -ms-grid-column-span:2; -ms-grid-row:1; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-4 { -ms-grid-column:1; -ms-grid-column-span:2; -ms-grid-row:2; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-5 { -ms-grid-column:3; -ms-grid-column-span:2; -ms-grid-row:2; -ms-grid-row-span:1; } #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-6 { -ms-grid-column:5; -ms-grid-column-span:2; -ms-grid-row:2; -ms-grid-row-span:1; } } .highcharts-container .highcharts-title span, .module-mobile .highcharts-container .highcharts-title span { font-size: 14px !important; } .highcharts-legend .highcharts-legend-item text { font-size: 10px !important; } /*.trsdashboard .highcharts-container { height: 430px !important; }*/ /*.trsdashboard .highcharts-container .highcharts-title { top: 400px !important; }*/ /*.LoginPageContainer #languageBox { display: none; }*/ #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .module-copy, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .module-copy { margin-top: 3em; font-size: 16px; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content.Guia_Module .module-copy, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.Guia_Module .module-copy { margin-top: auto; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content.Guia_Module .module-copy h2, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.Guia_Module .module-copy h2 { color: #fff; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .module-copy .generic-buttons, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .module-copy .generic-buttons, #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .home-module-enrolment-content .event-content .btn.btn-default, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .home-module-enrolment-content .event-content .btn.btn-default, #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .home-module-benefit-statement-content .benefit-statement-buttons, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .home-module-benefit-statement-content .benefit-statement-buttons, #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #make-a-claim.module-content .make-a-claim-buttons, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #make-a-claim.module-content .make-a-claim-buttons, #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #manage-claims.module-content .manage-claims-buttons, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #manage-claims.module-content .manage-claims-buttons, #home-online-three #right-side .modules-right-side.grid-container .grid-item-content #trs.module-content .trs-buttons, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #trs.module-content .trs-buttons{ position: absolute; bottom: 50px; right: 0px; left: 0px; } #home-online-three #right-side .module-content-header-container h3.module-content-header, #home-online-three #home-integrated .module-content-header-container h3.module-content-header { width: 100%; } #home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager-content .title, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager-content .title, #home-online-three #right-side h3.heading-text, #home-online-three #home-integrated h3.heading-text, .tbs-module-pager .tbs-pager-content { font-size: 16px; } #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 { border-radius: 0px; min-height: 360px; } .online-two-iso #terminator #header.header-fullwidth .menu-container.fullwidth { display: none !important; } .online-two-iso.login .LoginPageContainer #languageBox { display: none; } .online-two-iso input:checked+.slider { background-color: #00865E; } #profilecontainer .htabs-container .tabs .contact { display: none; } /* MFA */ .mfa-option h1 { color: #00433D; } .mfa-option .title { color: #00433D !important; } .mfa-option .btnPrimary { background-color: #00433D; border-radius: 4px !important; margin: 5px 0 5px 0; color: #fff; border-color: #00433D; } .mfa-option .btnPrimary:hover:not(.disable) { background-color: #fff !important; border-color: #00433D !important; color: #00433D; } /* Minification failed (line 3931, error number 1062): Expected semicolon or closing curly-brace, found '"module-6 module-7; ' */