#logo {
  background: url(/goldmansachs/media/default/Functional/GS-logo-65pxheight35pxspace-20190812.png) no-repeat left/contain;
  width: 273px;}

/*Gym membership info module*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .fitness{
	padding-bottom: 2px!important;}

/* font declaration for using OnlineTwoIconFont set */
@font-face {
 font-family:'OnlineTwoIconFont';
 src:url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.eot');
 src:url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.eot?#iefix') format('embedded-opentype'),
 url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.woff') format('woff'),
 url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.ttf') format('truetype'),
 url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.svg') format('svg');
 font-weight:normal;
 font-style:normal;
}

/* for pulse effect */
@-webkit-keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 19, 173, 0.5);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 19, 173, 0);
  }
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 19, 173, 0.5);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 19, 173, 0);
  }
}

/***************************General styling***********************************/
/*pop up header*/
.header-overlay A {
	background: url(/goldmansachs/media/default/Functional/close_transparent.png) right center no-repeat;
	text-transform: none;}
.header-overlay H5 {text-transform: none;}

/* specific media query for IE10+ to handle responsive images */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  .bootstrap-iso .img-responsive {
    width: 100%;
  }  
} 

/*Button Hover*/
/*default buttons*/
.bootstrap-iso .btn-default:hover,
.bootstrap-iso .btn-default:active:hover,
.bootstrap-iso .open > .dropdown-toggle.btn-default:hover,
.bootstrap-iso .btn-default:active:focus,
.bootstrap-iso .open > .dropdown-toggle.btn-default:focus,
.bootstrap-iso .btn-default:active.focus,
.bootstrap-iso .open > .dropdown-toggle.btn-default.focus,
.bootstrap-iso .btn-default:active,
.bootstrap-iso .open > .dropdown-toggle.btn-default,
.benefit-matrix .row .btn-success:hover,
.bootstrap-iso .btn-default:focus,
.bootstrap-iso .btn-default.focus,
/*warning buttons*/
.bootstrap-iso .btn-warning:active:hover,
.bootstrap-iso .btn-warning.active:hover,
.bootstrap-iso .open > .dropdown-toggle.btn-warning:hover,
.bootstrap-iso .btn-warning:active:focus,
.bootstrap-iso .btn-warning.active:focus,
.bootstrap-iso .open > .dropdown-toggle.btn-warning:focus,
.bootstrap-iso .btn-warning:active.focus,
.bootstrap-iso .btn-warning.active.focus,
.bootstrap-iso .open > .dropdown-toggle.btn-warning.focus,
.bootstrap-iso .btn-warning:active:hover,
.bootstrap-iso .btn-warning.active:hover,
.bootstrap-iso .open > .dropdown-toggle.btn-warning:hover,
.bootstrap-iso .btn-warning:active:focus,
.bootstrap-iso .btn-warning.active:focus,
.bootstrap-iso .open > .dropdown-toggle.btn-warning:focus,
.bootstrap-iso .btn-warning:active.focus,
.bootstrap-iso .btn-warning.active.focus,
.bootstrap-iso .open > .dropdown-toggle.btn-warning.focus,
.bootstrap-iso .btn-warning:hover,
/*selection page - Add in cart button*/
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:hover,
.online-two-iso A.button-style.green:hover,
.bootstrap-iso .btn-success:active:focus,
.benefit-matrix .confirm-checkout-button .btn-success:active,
/*login button*/
.bootstrap-iso .btn-primary:hover,
/*forgot password*/
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:hover,
.online-two-iso A.button-style.gray: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,
/*Manage Dependants*/
.bootstrap-iso .btn-warning:focus,
.bootstrap-iso .btn-warning.focus,
.bootstrap-iso .btn-success:focus,
.bootstrap-iso .btn-success:hover,
.bootstrap-iso .btn-success:active,
/*BenefitOverview Button*/
.bootstrap-iso .btn-info:hover,
.bootstrap-iso .btn-info:active:hover,
/*profile page*/
.online-two-iso A.button-style.orange:focus,
.online-two-iso A.button-style.orange:hover,
.online-two-iso A.button-style.orange:active{
  color: #fff;
  background-color: black;
  border-color:black;
  border-color: black;
  border-radius: 20px;
  min-width: 10rem;
  box-shadow: none;}
 
/*Button Defaults*/
.bootstrap-iso .btn-primary,
.bootstrap-iso .btn-danger,
.bootstrap-iso .btn-info,
.bootstrap-iso .btn-default,
.bootstrap-iso .btn-warning,
.bootstrap-iso .btn-success,
.bootstrap-iso .btn-popup,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green,
.online-two-iso A.button-style.green,
/*forgot password*/
.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.blue,
.online-two-iso A.button-style.blue,
.online-two-iso A.button-style.orange {
  background-color: #7ab2e1;
  border-radius:20px; 
  color:white;
  min-width: 10rem;} 

/***Black Color throughout site***/
/*footer text color*/
.legalcontent-marketplace,
.legalcontent-cookienotice,
.legalcontent-onlinesecurity,
/*Homepage module text color*/
#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,
#content,
/*Benefit Matrix columns*/
.bootstrap-iso .col-md-1, .bootstrap-iso .col-md-2, .bootstrap-iso .col-md-3, .bootstrap-iso .col-md-4, .bootstrap-iso .col-md-5,
.bootstrap-iso .col-md-6, .bootstrap-iso .col-md-7, .bootstrap-iso .col-md-8, .bootstrap-iso .col-md-9, .bootstrap-iso .col-md-10,
.bootstrap-iso .col-md-11, .bootstrap-iso .col-md-12,
.benefit-matrix .benefitheader{
  color:black;}
  
/*Link Color*/
.online-two-iso .modal-large .modal-body .pannel-body-full a{color:#0077ad;}
.online-two-iso .modal-large .modal-body .pannel-body-full a:hover {color: black;}

/*** date picker styling ***/
.bootstrap-iso .btn.online-two-datepicker,
.online-two-iso .datepicker-container .input-group-btn .btn{
    background: #0077ad;
    color: #fff;}
.btn.btn-default.btn-sm:hover[disabled], .uib-datepicker .btn-default[disabled]:hover {
    border-radius: 0px;
    color: #000;}
.btn.btn-default.btn-sm:hover .text-muted {
    color:#fff;}
/*month picker*/
.uib-datepicker .btn-default:hover,
.uib-datepicker .btn-default:active,
.uib-datepicker .btn-default:hover:active,
.uib-datepicker .btn-default:focus,
.uib-datepicker .btn-default:active:focus {min-width: 100%; border-radius:0px;} 
/*date cleared bg*/
.online-two-iso input.ng-touched.ng-invalid-required {
  background-color: #e5eff8;}
/*today, clear, close button*/
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info {
  background: #0077ad;}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger {
  background: #7ab2e1;}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success {
  min-width: 0%;
  background: #6cc2b9;
  border-radius: 6px 6px 6px 6px;}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:hover {
  background: #0077ad;
  border-color: #0077ad;}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:hover {
  background: #7ab2e1;
  border-color: #7ab2e1;}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:hover {
  min-width: 0%;
  background: #6cc2b9;
  border-color: #6cc2b9;
  border-radius: 6px 6px 6px 6px;}
/*left right navigation button*/
.btn.btn-default.btn-sm.pull-left.uib-left:active, .btn.btn-default.btn-sm.pull-left.uib-left:focus,
.btn.btn-default.btn-sm.pull-right.uib-right:active, .btn.btn-default.btn-sm.pull-right.uib-right:focus {
  min-width: auto;
  border-radius: 0;}
/***************************************Login page********************************************/
.LoginPageContainer #logo {
 background: url(/goldmansachs/media/default/Login/GS%20logo-login.png) no-repeat left/contain;
 padding-top: 75px;
 margin-left: 6.2%;
 margin-top: 1.5%;
 pointer-events: none;}

/* login image */
.online-two-iso.login body {
 background-image: url(/goldmansachs/media/default/Login/GS%20login%20no%20text.png);}

/* semi transparent login box */
.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
 background-color: rgba(255,255,255,.5);}

/*id password background*/
.bootstrap-iso .input-group-addon {
 background-color: #7ab2e1;}

/* make module title full width of module container */
.online-two-iso.login .LoginPageContainer .login-module-zone #login-modules-container .module h2.module-title {
 width: 100%;}

/*Login page footer*/
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
 background-color: transparent; position: fixed; margin-top: -4%;}

#login-module-registration img { padding-left: 7rem; width:440px;}

#login-module-need-assistance h1 {color:#0077ad;}

@media only screen and (min-width:768px) {
#login-module-need-assistance {
    padding-left: 11%;
    color:#0077ad;}
}

#login-module-need-assistance span.phone:before,
    #login-module-need-assistance span.email:before {
    font-family: FontAwesome;}
#login-module-need-assistance span.phone:before {
    content: '\f095';
    padding-right: .5em;
    color:#fff;}
#login-module-need-assistance span.email:before {
    content: '\f0e0';
    padding-right: .5em;
    color:#fff;}

/*forgotten password color*/
#wp-forgetPassword {color: #404040;}

/*forgot password pop up*/
.online-two-iso .header-overlay {background-color: #7ab2e1;}
#login-assistance .header-overlay A {
	padding: 20px 30px 5px 0;}

/*Login Button removed boreder*/
.bootstrap-iso .btn-primary {
    border: none;}

/*Forgot Password date picker*/
.btn.btn-default.button-date-picker:hover:active {
    min-width: auto;
    border-radius: 0px;}
.btn.btn-default.btn-sm:hover {
    min-width: auto;
    border-radius: 0px;}
/*****************************header*****************************************/
/*header height and color*/
#menu-container {
    margin-bottom: -10px;}
.online-two-iso #terminator #header.header-fullwidth {
	background-color: #e8e8e8;}

/* need assistance icons */
#login-module-need-assistance span.phone:before,
#login-module-need-assistance span.email:before {
    font-family: FontAwesome;}
#login-module-need-assistance span.phone:before {
    content: '\f095';
    padding-right: .5em}
#login-module-need-assistance span.email:before {
    content: '\f0e0';
    padding-right: .7em}

/*need assistance tab*/
#floating-header .help-ico .helptoggle {
    color: #0077ad;
    background-color: #ffffff;
    border-color: #0077ad;
    border-radius: 0 0 10px 10px;
    margin-right: 2rem;
    font-weight: lighter;}

#floating-header-content .search-btn {background-color: #0077ad; text-transform: capitalize;}
.button:focus, .button:hover {background-color: #000 !important; box-shadow: none;}
.button {background-color: #0077ad;}

/*background colour of panel when pulled down*/
.online-two-iso #terminator #header.header-fullwidth .eol-center {
    background: #ffffff;}

/*move mail to left*/
.mail {padding-right: 27px;}

/*remove default icons and make links white*/
#floating-header-content a {
    background: none;
    color: #808080;
    width: auto;
    margin-left: 2em;}

/* hover colour of links in floating header */
#header a:hover {
    color: #0077ad;
    text-decoration: none;}

/* focus colour of links in floating header */
#header a:focus {
  color: #0077ad;
  text-decoration: none;}

/*general styling for font icons to be used*/
#floating-header-content .chat a:before,
#floating-header-content .call a:before,
#floating-header-content .mail a:before {
        font-family: FontAwesome;
        margin-left: -1em;
        padding-right: .25em;
        font-size: 3em;
        vertical-align: middle; }

/*call icon*/
#floating-header-content li.call a:before { content: '\f095'; }

/*mail icon*/
#floating-header-content li.mail a:before { content: '\f003'}

/*Profile, logout and mailbox image*/
i.fa.fa-user::before {content: url('/goldmansachs/media/default/Functional/profile%20icon.png');}
i.fa.fa-envelope {display: none;}
i.fa.fa-sign-out::before{content: url('/goldmansachs/media/default/Functional/logout%20icon.png');} 

/*menu container text*/
.online-two-iso #menu-no-dashboard li a, .online-two-iso #menu-no-dashboard li a.selected {text-transform: none; color: #000;}

/*greeting message color*/
#home-online-three .dashboard-controls #greeting-message {color: #000; font-weight: lighter;}
/****************************************footer*************************************************/
.online-two-iso #terminator #footer.footer-fullwidth {
background-color: #fff;}

.online-two-iso #footer a{color:black;}
/************************************Home page modules******************************************/
/*Home module buttons full width*/
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default,
#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 {
  width:90%;   
  border-radius: 20px;
  font-weight: 500;}
/* content before days left text */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left:before,
#home-module-enrolment.module-mobile .event-summary .days-left:before {
  content: 'You have ';
  font-size: 14px;
  color: #000;
  font-weight: lighter;
}

/* Annual enrolment wording */
#event-renewal::before {
  content: "Elect benefits for Annual Enrolment below ";
  padding-top: 20px;
}

/* align buttons to bottom 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default {
    border-radius: 25px;
    position: absolute;
    bottom: 2em;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    }
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default.twobuttons {
    bottom: 5em;
    }
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
    padding-bottom: 95px;} */

/*align buttons to the bottom*/
@supports not (-ms-high-contrast: none) {
@media only screen and (min-width: 768px) {
/* make module items flex containers and set direction and size */
.module-content,
.module-content > div,
.module-content > div > div,
.module-content > div > div > div:last-child,
.module-content > div > div > div:last-child .module-copy,
.module-content > div > div > div:last-child .module-copy .content-text,
.module-content > div > div > div:last-child .module-copy > div:last-child,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-active,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-inactive,
.module-content > div > div > div > div.module-copy > div:last-child div.event-content div.text-light,
.module-content > div > div .home-module-generic-content .generic-copy.module-copy .generic-buttons,
.module-content > div > div > div:last-child .module-copy > .trs-buttons,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child .tbs-module-pager,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child .tbs-module-pager .make-a-claim-buttons {
display: flex;
flex-direction: column;
flex: 1;
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager {
position: static;
transform: none;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding-top: 0.5em;
}
/* align flex containers housing buttons to bottom of module */
#generic.module-content > div > div .home-module-generic-content .generic-copy.module-copy .generic-buttons,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-active,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-inactive,
.module-content > div > div > div:last-child .module-copy .benefit-statement-buttons,
.module-content > div > div > div:last-child .module-copy > .trs-buttons,
.module-content > div > div > div:last-child .module-copy > .account-buttons,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child .tbs-module-pager .make-a-claim-buttons {
justify-content: flex-end;
}
/* remove margin on certain containers to ensure buttons align at the bottom of module */
.module-content > div > div > div:last-child .module-copy .content-text,
.module-content > div > div > div:last-child .module-copy .content-text p:last-of-type:not(:first-of-type) {
margin: 0; }
 }
}

/*enrolment module button*/
#home-online-three #home-integrated .modules-right-side.grid-container .home-module-enrolment-content .btn.btn-default {
	background-color: #0077ad;
    font-size: 1.2em;}
#home-online-three #home-integrated .modules-right-side.grid-container .home-module-enrolment-content .btn.btn-default:hover {
	background-color: #000;}
/* enrolment module heading */
#enrolment .module-content-header {
    font-size: 1.9em!important;
}

/* space below image */
.img-padding {
	padding-bottom: 10px;
}

/* active toggle sliders*/
.online-two-iso input:checked + .slider {background-color: #6cc2b9;}
.online-two-iso .toggle-option {margin-top: 1px; margin-right: 5px; font-size: 0.9em;}
.bootstrap-iso label {font-weight: normal;}

/*hide welcome dropdown*/
.btn-group.welcome-items.hidden-xs.dropdown {display: none;}

/*hide grids on home page*/
#home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container {background-color:#ffffff;}
#home-online-three #home-integrated {border-left: none;}

/*module heading size*/
#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 {
	font-size: 1.1rem;}

/*reduce padding between modules*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
	padding: .5rem;}

/* number of days countdown on enrolment module */
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left {
	vertical-align: baseline; color: #7ab2e1;}

/*module styling*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content, .bootstrap-iso .carousel.home-module-integrated {
	border: none;
	border-radius: 0;
	box-shadow: 0 6px 2px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.1);}

/*align module text to left*/
#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 {
	text-align: left;}

/*module heading color*/
#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: #0077ad;}

/*hide glyphicon icon*/
#home-online-three #right-side .module-content-header-container .online-three-module-popover-control, #home-online-three #home-integrated .module-content-header-container .online-three-module-popover-control {
  display: none;}

/*hide faded box on carousel*/
#home-module-welcome #slider .sliderContainer .slide-content, .home-module-integrated #slider .sliderContainer .slide-content {
  background-color: transparent;}

/*Button on Carousels*/
#home-module-welcome #slider .sliderContainer .slide-content .content .btn,
.home-module-integrated #slider .sliderContainer .slide-content .content .btn {
  border: none;
  font-weight: bold;
  font-size: 14px;}

/*Bring text on top left corner*/
#home-module-welcome .content, .home-module-integrated .content{margin: 0px;}
#home-module-welcome #slider .sliderContainer .slide-content, .home-module-integrated #slider .sliderContainer .slide-content{margin-left: 2.5rem;margin-top: 0px;}

/*carousel thumb bg*/	
#home-module-welcome #slider .thumb, .home-module-integrated #slider .thumb {background-color: #808080;}

/* carousel thumbnail width */
#home-module-welcome #slider .thumb .rect, .home-module-integrated #slider .thumb .rect {
  width: 147px;}

/*carousel content*/
.slide-content.advanced.ng-scope {color: #fff;}
.slide-content.advanced.ng-scope h1 {color: #fff; font-weight: 300;}
.carousel.home-module-integrated ul {list-style-type: disc; padding-left: 2em;}

/*module layout Chrome firefox*/
#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-1 module-1 module-3"
"module-4 module-4 module-5"
"module-6 module-7 module-8";}

/* module layout in IE */
#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;-ms-grid-row-span: 2;}
#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: 3;-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: 3;-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: 1;-ms-grid-column-span: 1;-ms-grid-row: 4;}
#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: 4;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {-ms-grid-column: 3;-ms-grid-column-span: 1;-ms-grid-row: 4;}

@media only screen and (min-width:1920px) {
#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-5 module-7" 
      "module-1 module-1 module-4 module-4 module-6 module-8" }

/* module layout in IE - 1920px*/
#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;-ms-grid-row-span: 2;}
#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: 3;-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: 5;-ms-grid-column-span: 1;-ms-grid-row: 1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {-ms-grid-column: 5;-ms-grid-column-span: 1;-ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {-ms-grid-column: 6;-ms-grid-column-span: 1;-ms-grid-row: 1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {-ms-grid-column: 6;-ms-grid-column-span: 1;-ms-grid-row: 2;}
  
/*Hide Benefit Statememt Chart container to avoid extra height of the tile*/
#benefit-statement-chart-container {
    display: none;}
}
/******************************secondary navigation****************************/
/***help and support/ Life events***/
/*table styling*/
#helpsupport tr:nth-child(odd) {
  background-color: #0077ad;
  color: #fff;}
#AboutMyBenefits th {
  background-color: #0077ad;
  color: #fff;}
#helpsupport td, #AboutMyBenefits td, #AboutMyBenefits th {
  border: 1px solid #0077ad;
  padding: 5px;
  vertical-align: top;}

#AboutMyBenefitsTable th, #AboutMyBenefitsTable td {
  border: 1px solid #7ab2e1;
  padding: 5px;
  vertical-align: top;}
#AboutMyBenefitsTable th, #AboutMyBenefitsTable td:nth-child(1) {
  background-color: #7ab2e1;
  color: #fff;}
#AboutMyBenefitsTable td:nth-child(2), #AboutMyBenefitsTable td:nth-child(3) {
  background-color: #e8e8e8;}

/*h1 heading*/
#helpsupport h1 {color: #7ab2e1; margin-top: 0px;}
#lifeEvents h1, #AboutMyBenefits h1 {color: #7ab2e1;}
#lifeEvents h1:nth-child(1) {margin-top: 0px;}

/*vertical lines*/
#helpsupport .col-two {border-left: 45px solid #6cc2b9;}
#lifeEvents .col-two {border-left: 45px solid #9dc183;}
#AboutMyBenefits .row.middle-row, #AboutMyBenefits .row.bottom-row {border-left: 45px solid #6cc2b9;} 

/*disc styling*/
#helpsupport ul, #lifeEvents ul, #AboutMyBenefits ul {
	padding-left: 2em;
	list-style-type: disc;}

/*light blue bg*/
#AboutMyBenefits .row.middle-row {
	background-color: #e5eff8;}
/****************************benefit overview**********************************/
#benefit-overview .group-title {
   text-transform: uppercase;
   color: #000;}

#benefit-overview #overviewAccordion .panel-default > .panel-heading,
#benefit-overview #overviewAccordion .panel-body{
	background-color: #e8e8e8;
    border-color: #e8e8e8;}

/*background colors for overview images*/
.retirement .summaryImage.tableCell {background-color: #fe8927;}
.health .summaryImage.tableCell {background-color: #8767c7;}
.wellnes .summaryImage.tableCell {background-color: #17c72e;}
.additional .summaryImage.tableCell {background-color: #009fe3;}

/*clear filter button*/
#benefit-overview .clear-filter {
	border-radius: 0px;
	min-width: auto;}
.clear-filter.btn.btn-warning.disabled:hover {
	background-color: #0077ad;
	border-color: #0077ad;}

/*pull down icon*/
#benefit-overview .group-header-graphicon {color: #000;}

/*input borders*/
#BenefitNameFilter {
  border: 1px solid #000;
  background-color: white;
  border-radius: 0px;
  color: #000;}
.bootstrap-iso .form-control::-moz-placeholder {
  color:black;}
#benefit-overview .overview-component .form-control {
  border: 1px solid black;}
#benefit-overview .overview-component .input-group-addon {
  border: 1px solid black;
  color: black;} 

/*to seperate icon from benefit section*/
.summaryImage.tableCell {
	border-right: 7px solid #e8e8e8;}

/*summary image width*/
#benefit-overview .summaryImage .img {
	width: 273px;
	height: 149px;}
/****benefit intro styling*****/
/* benefit intro icon */
.bootstrap-iso .glyphicon-info-sign::before {
	content: ' Benefit info ';
	color: #0077ad;
	font-family: 'Open Sans';
	background-color: #e8e8e8;
	border-radius: 20px;
	font-size: 16px;
	padding: 0px 10px 0px 10px;}
.benefit-matrix .row.title .glyphicon-info-sign-color {
	top: 0px;}
.benefitselect .line-benefit-intro .glyphicon-info-sign-color {
	top: 0px;}

.online-two-iso .modal-large a.tab-selector-link:hover,
.online-two-iso .modal-large .tab-selector-link.active {
  color: #000;
  border-color: #0077ad;}

.online-two-iso .modal-normal .tab-selector-link,
.online-two-iso .modal-large .tab-selector-link {
  color: #000;}

/*Image in benefit intro pop up*/
#overviewImg {margin: 4% 3% 3% 3%; float: right;}

/*heading color*/
#Discounts h1, #Discounts h2, #benefit-overview h1 {
	color: #0077ad;}

/*benefit pop up*/
.online-two-iso .modal-large .tab-body {
	padding: 0 0px 6px 0px;}

/*LA-additional table*/
.LA-add td, .LA-add th {
  border: 1px solid #e8e8e8;
  padding: 5px;
  vertical-align: top;}

.LA-add th {
  background-color: #0077ad;
  color: #fff;}

.LA-add td:nth-child(2n+1) {
  background-color: #e8e8e8;}
.LA-add td:nth-child(1) {
  background-color: #fff;}

/*Table with blue header & no border*/
.STL-table th {
  background-color: #0077ad;
  color: #fff;}
.STL-table td, .STL-table th {
  padding: 4px;}

/*Table with blue header & border*/
.color-table th {
  background-color: #0077ad;
  color: #fff;}
.color-table td, .color-table th {
  padding: 4px;
  border: 1px solid #0077ad;}

/*Table with borders only*/
.std_table td { 
  border: 1px solid #e8e8e8;
  padding: 5px;
  vertical-align: top;}
/********************Your profile page***********************/
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A {
  color: #000;
  border-color: #0077ad;}

/*box shadow in form*/
input:focus {box-shadow: 0 0 6px #6cc2b9;}

/*text transform on the profile page*/
html#profile body#profile .profile #profile-online-2 span.label, 
html#profile body#profile .profile #profile-online-2 label:not(.ui-button) {
  text-transform: none;}
html#profile body#profile .profile #profile-online-2 #dependantsTab P.full-name, html#profile body#profile .profile #profile-online-2 #beneficiariesTab P.full-name {
  text-transform: capitalize;}

/*profile intro text styling*/
#profileTabIntro, #beneficiariesTabIntro, #dependantsTabIntro, #contactTabIntro {
	font-size: 1.3em;
	padding: 6px 0 6px 1px;
	margin-left: 19px;}

/*Hide horizontal line in work tab*/
#payrollTab .space-bar {
    display: none;}

/*marketing box style*/
.ui-buttonset .ui-button.ui-state-active .ui-button-text {
	background: url("/goldmansachs/media/default/Functional/GS-tick.png") no-repeat scroll 5px 50% #7ab2e1;}
.ui-buttonset .ui-button .ui-button-text {
	text-transform: capitalize;}
.ui-buttonset .ui-button {
	padding: 0px;
    border-color: #7ab2e1;}

/*hide edit button from beneficiaries tab*/
#beneficiariesTab .edit-button .button-style {
display: none;}

/*============================================================== Claims ===============================================================================*/
/* pager position */
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager {
  bottom: 4.5em;
  }
/* remove text transform */
.online-two-iso .fsaClaimSubmitContainer label {
	text-transform: none;
}
/* make a claim styling */
body#claim {
    padding-top: 0;
  }
  /* spacing and padding */
  div#claimDetail.row,
  div#receiptDetail.row,
  div#Attachment.row,
  #claimItemBreakdownDetail {
    padding-bottom: 0px;
  }
  /* remove additional details section as not relevant */
  #AdditionalDetail,
  .claim-additional-info {
    display: none;
  }
  #Attachment > .grid-cell,
  #ajax-uploader-group,
  #ajax-uploader-group p:nth-of-type(2),
  #tblFiles {
    margin-bottom: 0;
  }
  /* page title and headings */
  .online-two-iso .fsaClaimSubmitContainer .webpartTitle {
    background-color: #fff;
  }
  .fsaClaimSubmitContainer #flexClaimTitle h1,
  .online-two-iso .fsaClaimSubmitContainer h3 {
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
  }
  /* horizontal rules */
  .fsaClaimSubmitContainer hr {
    margin: 0;
    padding: 5px 0;
    background-color: #fff;
  }
  /* label colour */
  .online-two-iso .fsaClaimSubmitContainer label {
    color: #000;
  }
  
  /* attach, cancel and submit buttons */
  .online-two-iso .fsaClaimSubmitContainer .btn-success,
  .online-two-iso .fsaClaimSubmitContainer .btn-default,
  .online-two-iso .fsaClaimSubmitContainer .btn-primary {
    background-color: #0077ad;
    border: none;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    transition: all 0.25s;
  }
  .online-two-iso .fsaClaimSubmitContainer .btn-success:hover,
  .online-two-iso .fsaClaimSubmitContainer .btn-success:focus,
  .online-two-iso .fsaClaimSubmitContainer .btn-success:active,
  .online-two-iso .fsaClaimSubmitContainer .btn-success:active:hover,
  .online-two-iso .fsaClaimSubmitContainer .btn-success:active:focus,
  .online-two-iso .fsaClaimSubmitContainer .btn-default:hover,
  .online-two-iso .fsaClaimSubmitContainer .btn-default:focus,
  .online-two-iso .fsaClaimSubmitContainer .btn-default:active,
  .online-two-iso .fsaClaimSubmitContainer .btn-default:active:hover,
  .online-two-iso .fsaClaimSubmitContainer .btn-default:active:focus,
  .online-two-iso .fsaClaimSubmitContainer .btn-primary:hover,
  .online-two-iso .fsaClaimSubmitContainer .btn-primary:focus,
  .online-two-iso .fsaClaimSubmitContainer .btn-primary:active,
  .online-two-iso .fsaClaimSubmitContainer .btn-primary:active:hover,
  .online-two-iso .fsaClaimSubmitContainer .btn-primary:active:focus {
    background-color: #686868;
  }
  
  /* datepicker styling */
  /* left, right and year/month/day selection buttons in header of datepicker */
  .fsaClaimSubmitContainer table.uib-yearpicker thead th button.btn-default,
  .fsaClaimSubmitContainer table.uib-monthpicker thead th button.btn-default,
  .fsaClaimSubmitContainer table.uib-daypicker thead th button.btn-default {
    border-radius: 0;
  }
  .fsaClaimSubmitContainer table.uib-yearpicker thead tr:first-of-type th:nth-of-type(2),
  .fsaClaimSubmitContainer table.uib-monthpicker thead tr:first-of-type th:nth-of-type(2),
  .fsaClaimSubmitContainer table.uib-daypicker thead tr:first-of-type th:nth-of-type(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  /* day/month/year buttons of datepicker */
  .fsaClaimSubmitContainer table.uib-yearpicker tbody td .btn-default,
  .fsaClaimSubmitContainer table.uib-monthpicker tbody td .btn-default,
  .fsaClaimSubmitContainer table.uib-daypicker tbody td .btn-default {
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
  }
  
  /* today and clear button group */
  .fsaClaimSubmitContainer .uib-datepicker-popup .btn-group .btn {
    background-color: #0077ad;
    border: none;
    transition: background-color 0.25s;
  }
  .fsaClaimSubmitContainer .uib-datepicker-popup .btn-group button:first-of-type {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-right: 1px solid #fff;
  }
  .fsaClaimSubmitContainer .uib-datepicker-popup .btn-group button:last-of-type {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left: 1px solid #fff;
  }
  /* selected year/month/day and hover styling */
  .fsaClaimSubmitContainer .uib-datepicker-popup .btn.btn-default.active,
  .fsaClaimSubmitContainer .uib-datepicker-popup .btn-group .btn:hover {
    background-color: #686868;
  }
  .fsaClaimSubmitContainer .uib-datepicker-popup .btn.btn-default.active
    .text-info {
    color: #fff;
  }
  
  /* claim submitted table header styling */
  .claimSubmittedHeader {
    background-color: #000;
  }
  .online-two-iso .claimSubmittedHeader h3 {
    color: #fff;
  }
  
  /* claim overview */
  /* links */
  body#StatementAndClaimSubmit #wrapper a {
    color: #0077ad;
  }
  body#StatementAndClaimSubmit #wrapper a:hover,
  body#StatementAndClaimSubmit #wrapper a:focus {
    color: #686868;
    text-decoration: none;
  }
  body#StatementAndClaimSubmit #wrapper a:active,
  body#StatementAndClaimSubmit #wrapper a:active:hover,
  body#StatementAndClaimSubmit #wrapper a:active:focus {
    color: #000;
  }
  /* navigation tabs */
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI A {
    text-transform: none;
  }
  .FSAStatementAndHistoryContainer .htabs-container,
  .FSAStatementAndHistoryContainer .htabs-container .tabs-bg,
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI,
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI.sel,
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI.sel STRONG,
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI A,
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI.sel A {
    background: none;
  }
  .FSAStatementAndHistoryContainer .htabs-container .tabs-bg {
    background: linear-gradient(to bottom, #fff, #ededed);
  }
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI {
    background-color: transparent !important;
    background: url(/smartrewardNL/media/Images/Misc%20Icons/Aon_TBS-lite_Icons-9_off.png)
      no-repeat 50% 20%;
  }
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI.sel,
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI:hover {
    background-color: transparent !important;
    background: url(/smartrewardNL/media/Images/Misc%20Icons/Aon_TBS-lite_Icons-9.png)
      no-repeat 50% 20%;
  }
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI A,
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI.sel A {
    font-size: 1rem;
  }
  #StatementAndClaimSubmit .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI.sel A,
  .FSAStatementAndHistoryContainer .htabs-container .tabs UL LI A:hover {
    border-bottom: 0.5em solid #000;
    color: #000;
    font-weight: bold;
    padding-bottom: 20px;
  }
  
  /* calim number column of calim data tables */
  .FSAStatementAndHistoryContainer .claim-number {
    width: 125px;
  }
  
  /* headings */
  .online-two-iso .FSAStatementAndHistoryContainer h1 {
    color: #000;
    margin-bottom: 0;
  }
  .online-two-iso .claim-history h2 {
    color: #000;
  }
  
  /* hover effect for the tables */
  .claim-history .claim-table > tbody > tr:hover {
    background-color: #f5f5f5;
  }
  
  /* Pending, Approved and Rejected icons */
  .claim-approved img {
    display: none;
  }
  .claim-approved a:before {
    font-family: FontAwesome;
    font-size: 1.75rem;
    width: 20px;
    height: 20px;
    display: inline-block;
    transition: transform .1s;
  }
  .claim-approved a:hover {
    text-decoration: none;
  }
  .claim-approved a:hover:before,
  .claim-approved a:focus:before {
    transform: scale(1.3);
  }
  .claim-approved a[title='Approved']:before,
  .claim-approved a[title='Goedgekeurd']:before {
    content: '\f00c';
    color: #75bf71;
  }
  .claim-approved a[title='Rejected']:before,
  .claim-approved a[title='Geweigerd']:before {
    content: '\f00d';
    color: #0077AD;
  }
  .claim-approved a[title='Pending']:before,
  .claim-approved a[title='Afwachting']:before {
    content: '\f0ec';
    color: #000;
  }
  
  /* buttons in popup modal */
  .claim-edit-link .btn.btn-primary,
  .claim-edit-link .btn.btn-info {
    background-color: #0077ad;
    color: #fff;
    border: none;
    border-radius: 25px;
    transition: background-color 0.25s;
  }
  body#StatementAndClaimSubmit .btn-default {
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 25px;
    transition: background-color 0.25s;
  }
  .claim-edit-link .btn.btn-primary:hover,
  .claim-edit-link .btn.btn-primary:focus,
  .claim-edit-link .btn.btn-primary:active,
  .claim-edit-link .btn.btn-primary:active:hover,
  .claim-edit-link .btn.btn-primary:active:focus,
  .claim-edit-link .btn.btn-info:hover,
  .claim-edit-link .btn.btn-info:focus,
  .claim-edit-link .btn.btn-info:active,
  .claim-edit-link .btn.btn-info:active:hover,
  .claim-edit-link .btn.btn-info:active:focus,
  body#StatementAndClaimSubmit .btn-default:hover,
  body#StatementAndClaimSubmit .btn-default:focus,
  body#StatementAndClaimSubmit .btn-default:active,
  body#StatementAndClaimSubmit .btn-default:active:hover,
  body#StatementAndClaimSubmit .btn-default:active:focus {
    background-color: #686868;
  }
  
  /* selected tab styling on FSA statement tab */
  body#StatementAndClaimSubmit #wrapper .spendingaccountsTab-container .tabs UL LI.sel A,
  body#StatementAndClaimSubmit #wrapper .spendingaccountsTab-container .tabs UL LI A:hover {
    background-color: #000;
    color: #fff;
    font-weight: bold;
  }
  /* table headings on FSA statement tab */
  .fsa-table-caption .section_title,
  .subtitle-claims .section_title {
    color: #000;
  }

/****************************Benefit matrix**********************************/
/* confirm choices button */
.benefitheader-fixed div#followup-items a.btn {
  -webkit-animation: shadow-pulse 2s infinite;
  animation: shadow-pulse 2s infinite;
  background-color: #0077ad;
  border-radius: 0;
  color: #fff;
}
/*hide reset to default button*/
#resettodefaults {visibility: hidden;}

/* display description text */
.benefit-matrix .active-category-desc, .benefit-matrix .noactive-category-desc {
	display: block;
}
/*Who is covered/ beneficiary allocation styling*/
.bootstrap-iso .text-success {color: #0077ad;}
.dependent-approved {color: #000;} 
.benefit-matrix .row h4.text-success {font-size: 14px;}

/*total cost label*/
.benefit-matrix .totalcostLable {font-weight: lighter;}

/*right chevron*/
.benefit-matrix .glyphicon-play-color {color: #0077ad;}

/*annual monthly button*/
.bootstrap-iso .btn-sm, .bootstrap-iso .btn-group-sm > .btn, .bootstrap-iso .btn-group > .btn:last-child:not(:first-child), .bootstrap-iso .btn-group > .dropdown-toggle:not(:first-child) {
	border-radius: 0px 6px 6px 0px;
    text-transform: none;
    min-width:auto;}
.bootstrap-iso .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-radius: 6px 0px 0px 6px;
    text-transform: none;
    min-width:auto;}
.bootstrap-iso .btn-warning.active {border-color: #0077ad;}

/* select buttons */
.benefit-matrix .row .btn-success,
.benefit-matrix .row .btn-success:hover,
.benefit-matrix .row .btn-success:focus,
.benefit-matrix .row .btn-success:active:hover{
  min-width: 100%;
  text-transform: capitalize;}

/*hide additional info on matrix*/
.row.alert.alert-info.hdf-followup {display: none;}

/*cost on matrix page*/
.benefit-matrix .default-cost, .benefit-matrix .font-youpay-color {color: #0077ad;}

/*border color of total cost*/
.benefit-matrix .totalcost {border: solid 1px #e8e8e8; text-transform: uppercase;}

/* apply grey background */
.benefit-matrix .benefit-active-benefits,
.benefit-matrix .benefit-category .panel-body,
.benefit-matrix .group-default,
.line-group {
  background: #f2f2f2;}

/*line group padding*/
.line-group {padding: 0;}

/*panel heading color*/
.benefit-matrix .benefit-category .panel-default > .panel-heading {
   background-color: #0077ad;}

/* group name, line name and costs colour */
.benefit-matrix .group-default,
.benefit-matrix .lineheader > a:link{
   color: #000;}

.benefit-matrix .default-cost,
.benefit-matrix .font-youpay-color {
  color: #0077ad;}

/*hide benefit info from active with data*/
.activewithdata-category-icon.glyphicon.glyphicon-info-sign.glyphicon-info-sign-color,
.benefit-matrix .benefit-active-benefits .active-intro {
	display: none;}

/*change benefit icon*/
.benefit-matrix .newbenefit, .benefit-matrix .changebenefit {display: none;}

/*align items under line name to left*/
.bootstrap-iso.benefit-matrix div[class*="BenefitIntro"] .col-md-10.col-sm-10, .bootstrap-iso.benefit-matrix div[class*="BenefitIntro"] .containers .col-md-4 {
	padding-left: 0;}

/*Confirm Choice Button color and hover*/
.benefitheader-fixed div#followup-items a.btn{
  background-color: #8767c7;
  border-radius:8px;
  text-transform: inherit;
  min-width: 11rem;}
.benefitheader-fixed div#followup-items a.btn:hover{
  background-color: black;
  border-radius:8px;
  text-transform: inherit;
  min-width: 11rem;}

.glyphicon.glyphicon-ok::before {content: url(/goldmansachs/media/default/Functional/GS-tick.png);}

/*Confirm Popup window button color/hover*/
.benefit-matrix .confirm-checkout-button .btn-success{
  background-color: #7ab2e1; 
  border-radius:20px;
  text-transform:inherit;}
.benefit-matrix .confirm-checkout-button .btn-success:focus,
.benefit-matrix .confirm-checkout-button .btn-success:hover,
.benefit-matrix .confirm-checkout-button .btn-success:active,
.benefit-matrix .confirm-checkout-button .btn-success:active:hover,
.benefit-matrix .confirm-checkout-button .btn-success:active:focus{
  background-color: black; 
  border-radius:20px;
  text-transform:inherit;
  min-width: auto;}

/*follow up & button on confirm pop up*/
.followup-item-description {
	text-align: left;
	padding-left: 15px;}
#followup-items-overlay A.button-style.gray{background-color: #6cc2b9;}
#followup-items-overlay A.button-style.gray:hover{background-color: #000;}
.confirmtable td {vertical-align: top;}

/* Yes/No button on confirmation popup*/
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active, .benefit-matrix .confirmchoice .btn-default.active{
  background-color: #7ab2e1;}

/* Monthly button color*/
.bootstrap-iso .btn-warning.active{background-color: #0077ad;}

/*Manage Dependants/Moddler and Tools button hover*/
.benefitheader.benefitheader-border:hover {
  background-color: black;
  color: white;}

/*Monthly Annual Button*/
.btn.btn-default.btn-perpay,
.btn.btn-default.btn-peranual{
    min-width: auto;}

/*Beneficiary allocations text*/
.benefit-matrix .text-success {
  padding-left: 0; 
  padding-bottom: 0;}
.col-md-4 .row span, .col-md-4 .ng-scope span {text-transform: capitalize;}
/**************************Modellers and tools**************************/
/*modeller icon*/
.glyphicon.glyphicon-cog::before {content: url(/goldmansachs/media/default/Functional/GS-modeller-blue.png);}
.benefit-matrix .benefitheader.benefitheader-border:hover .glyphicon-cog::before {content: url(/goldmansachs/media/default/Functional/GS-modeller-white.png);}

h3.modellersModalHeader {color: #0077ad;}

.modeller-links li a.checked, input.modeller-line-bottom { 
  background-color: #0077ad;}

/*table styling*/
.bootstrap-iso .table > thead > tr > th, .bootstrap-iso .table > tbody > tr > th, .bootstrap-iso .table > tfoot > tr > th, .bootstrap-iso .table > thead > tr > td, .bootstrap-iso .table > tbody > tr > td, .bootstrap-iso .table > tfoot > tr > td {
    border-top: 1px solid #fff;}
.modeller-detail-table {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;}

/*Healthcare table*/
.healthcareTable tr:nth-child(1), .healthcareTable tr:nth-child(2) {
   background-color:#0077ad;
   color:#fff;}
.healthcareTable td {
   text-align: center;
   border:1px solid #0077ad;}

/****************************manage depenants section*************************/
/*manage dependant button icon*/
.glyphicon.glyphicon-gift::before {content: url(/goldmansachs/media/default/Functional/GS-manage%20deps-blue.png);}
.benefit-matrix .benefitheader.benefitheader-border:hover .glyphicon-gift::before {content: url(/goldmansachs/media/default/Functional/GS-manage%20deps-white.png);}

/*modal title*/
h3.dependantModalHeader {
  color: #0077ad;}

/* hide is autoadd*/
.is-auto-add {
  display: none;
}

/* selected tab styling */
.online-two-iso .modal-normal a.tab-selector-link:hover,
.online-two-iso .modal-normal .tab-selector-link.active {
  color: #000;
  border-color: #0077ad;}
.online-two-iso .modal-normal .tab-selector-link, .online-two-iso .modal-large .tab-selector-link {
  font-weight: normal;}

/* hide resource string and allow use of text configured on page in Kentico only */
span.dependantIntroText {
  display: none;}

/* add, edit and remove dependant links */
.dependant-list-top a.dependant-add-link,
.dependant-list-top a.dependant-add-link:hover,
.dependant-list a.dependant-edit,
.dependant-list a.dependant-edit:hover,
.dependant-list a.dependant-remove,
.dependant-list a.dependant-remove:hover{
  color: #000;
  font-weight: normal;}

/*dependant name styling*/
.dependant-list .dependant-name span {
	font-weight: normal;
	text-transform: capitalize;}

/*pencil icon*/
.glyphicon.glyphicon-pencil::before {content: url(/goldmansachs/media/default/Functional/edit%20icon.png);}

/*space between dep added*/
.dependant-list li {margin-bottom: 4px;}

/* you pay text colour on coverage summary tab */
.benefit-matrix .employee-cost .cost-number {
  color: #0077ad;}

/*save button*/
.btn.btn-success.dependant-accept-btn {background-color: #6cc2b9;}
.btn.btn-success.dependant-accept-btn:hover {background-color: #000;}

/*validation pop up height*/
.benefit-matrix #validationError-overlay {height: auto;}
/*****************************Benefit selection page*******************************/
/* hide duplicate benefit intro link on line selection page */
.benefitselect .more-info {display: none;}

/* options available header */
.benefitselect .products-header H4 {
	text-transform: uppercase;
}

/*who is covered icon*/
.election-info-collect .dependant-board .icon {background: url("/goldmansachs/media/default/Functional/who-s%20covered%20icon.png") no-repeat;}

/*who is covered box*/
.benefitselect .your-beneficiaries {
	border: 1px solid #ececec;
	padding: 5px;}
.your-beneficiaries .txt-beneficiaries H4 {text-transform: none;}

/***allocation pop up***/
.benefitselect .online-beneficiary label, #allocationDialog .content-overlay .data-two-colum .colum-left {text-transform: capitalize;}
#allocationDialog .add-beneficiary, #allocationDialog .delete-beneficiary {color: #0077ad;}
#allocationDialog .edit-beneficiary {color: #7ab2e1;}
#allocationDialog .content-overlay .data-two-colum .colum-right label {margin-right: 2px;}
/*previous & save button*/
#allocationDialog #prevBtn A.button-style.blue, #btnClearAllocation A.button-style.green {background-color: #6cc2b9;}
#allocationDialog #prevBtn A.button-style.blue:hover, #btnClearAllocation A.button-style.green:hover{background-color: #000;}

/*Warning & followup style*/
.bootstrap-iso .alert-warning {
	color: #0077ad;
	background-color: #e8e8e8;
	border-color: #0077ad;}
.benefitselect .followup-container .followup-collect-header {
    padding-left: 35px;}

/*hide line displays*/
.line-description.margin-top-min.ng-binding {display: none;}

/*available products header*/
.benefitselect .products-header H4 {color: #0077ad;}

/*cart header*/
.benefitselect .products .box-border.sel .header {background-color: #0077ad;}

/* current cover box labels */
.in-Cart .you-chose div.selection,
.in-Cart .cost P,
.in-Cart .funded P,
.benefitselect .in-Cart .you-pay H3,
.in-Cart .you-chose .selected-coverage {
  color: #747474;
  font-weight: normal;}

/*selected/see also color*/
.benefitselect .linename > a, .benefitselect .linename > a:hover,
.benefitselect .header-selected,
.in-Cart .you-chose .selected-plan,
.option-credit-health .option.sel,
SPAN.green-number,
.benefitselect .in-Cart .you-pay P SPAN.green-number {
	color: #000;}

/*hide finders*/
.available-options .links-group.four-links {
    display: none;}
/*************************** Benefit Images *********************************/
/*ORDER - MATRIX, BENEFIT OVERVIEW, SEE ALSO*/
/*Pension plan AVC*/
.img.Lef079c0d-954e-4f4b-82f5-863b84eabe84{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-pension-217x130px2.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_ef079c0d-954e-4f4b-82f5-863b84eabe84, .see-also .img.Lef079c0d-954e-4f4b-82f5-863b84eabe84 {
  background: url(/goldmansachs/media/default/Benefit_Icons/217x130/GS-pension-217x130px2.png) no-repeat center/contain;}

/*Annual Allowance*/
.img.L908be8e6-97eb-4eb7-83a9-7f9423c27c40{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-pension-217x130px2.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_908be8e6-97eb-4eb7-83a9-7f9423c27c40, .see-also .img.L908be8e6-97eb-4eb7-83a9-7f9423c27c40 {
  background: url(/goldmansachs/media/default/Benefit_Icons/217x130/GS-pension-217x130px2.png) no-repeat center/contain;}

/*Life assurance*/
.img.L27f3917e-1620-4164-a316-7b23dcdbb15f{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-LifeAssurance-x-217x130px4.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_27f3917e-1620-4164-a316-7b23dcdbb15f, .see-also .img.L27f3917e-1620-4164-a316-7b23dcdbb15f {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-LA-self-447x243px4.png) no-repeat center/contain;}

/*Pension Plan*/
.img.Ld65171ce-f8f2-4f4b-9116-060d8adddabb{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-pension-217x130px2.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_d65171ce-f8f2-4f4b-9116-060d8adddabb, .see-also .img.Ld65171ce-f8f2-4f4b-9116-060d8adddabb,
#benefit-overview .summaryImage .img.BenefitImage_InternationalPensionPlan,
#benefit-overview .summaryImage .img.BenefitImage_UKRetirementPlan {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-Pension-447x243px.png) no-repeat center/contain;}

/*Long Term Disability*/
.img.L0e67ff9a-b272-411b-9ebc-72c6461ee8ec{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-LongTermDisability-x-217x130px6.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_0e67ff9a-b272-411b-9ebc-72c6461ee8ec, .see-also .img.L0e67ff9a-b272-411b-9ebc-72c6461ee8ec {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-LongTermDisability-447x243px6.png) no-repeat center/contain;}

/*Healthcare Plan*/
.img.L67057969-7590-4a7d-8ad9-e796112ca45a{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-HealthcarePlan-x-217x130px7.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_67057969-7590-4a7d-8ad9-e796112ca45a, .see-also .img.L67057969-7590-4a7d-8ad9-e796112ca45a {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-HCP-447x243px7.png) no-repeat center/contain;}

/*Medical Benefits Abroad */
.img.Lad7354e9-5d29-4694-b089-6c7dbb8a99b6{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-medicalBenefitsAbroad-217x130px8.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_ad7354e9-5d29-4694-b089-6c7dbb8a99b6, .see-also .img.Lad7354e9-5d29-4694-b089-6c7dbb8a99b6 {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-MedicalBenefitsAbroad-447x243px8.png) no-repeat center/contain;}

/*Business Travel Accident Insurance*/
.img.Lf8510d97-ced0-4a40-8c53-6cdc8cea0ca9{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-BusinessTravel-217x130px9.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_f8510d97-ced0-4a40-8c53-6cdc8cea0ca9, .see-also .img.Lf8510d97-ced0-4a40-8c53-6cdc8cea0ca9{
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-BusinessTravel-447x243px9.png) no-repeat center/contain;}

/*International SOS */
.img.L8ff2e3d0-171c-450e-a946-0c16e498c51c{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-SOS-x-217x130px10.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_8ff2e3d0-171c-450e-a946-0c16e498c51c, .see-also .img.L8ff2e3d0-171c-450e-a946-0c16e498c51c {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-SOS-447x243px10.png) no-repeat center/contain;}

/*Bike4Work*/
.img.L695b2576-4a47-4a6e-a6d8-de43b52bb774{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-bike2work-217x130px14.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_695b2576-4a47-4a6e-a6d8-de43b52bb774, .see-also .img.L695b2576-4a47-4a6e-a6d8-de43b52bb774 {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-Bike4work-447x243px14.png) no-repeat center/contain;}

/*City bike hire*/
.img.Lfa71a9ad-2f91-43ff-b2df-b6cc3e20fb36{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-bike2work-217x130px14.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_fa71a9ad-2f91-43ff-b2df-b6cc3e20fb36, .see-also .img.Lfa71a9ad-2f91-43ff-b2df-b6cc3e20fb36 {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-Bike4work-447x243px14.png) no-repeat center/contain;}

/*Childcare Vouchers*/
.img.Lbccd7d50-1844-4459-88d6-e1221f41abde{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-Childcare-217x130px16.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_bccd7d50-1844-4459-88d6-e1221f41abde, .see-also .img.Lbccd7d50-1844-4459-88d6-e1221f41abde {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-Childcare-447x243px16.png) no-repeat center/contain;}

/*Employee Assistance Programe*/
.img.L8611e330-d6f8-4aee-95cd-4cc267a5e376{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-EAP-217x130px20.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_8611e330-d6f8-4aee-95cd-4cc267a5e376, .see-also .img.L8611e330-d6f8-4aee-95cd-4cc267a5e376 {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-EAP-447x243px20.png) no-repeat center/contain;}

/*Executive Medical*/
.img.Lbec32e2f-a0bc-4373-9984-1b3efd88b777{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-ExecutiveMedical-217x130px18.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_bec32e2f-a0bc-4373-9984-1b3efd88b777, .see-also .img.Lbec32e2f-a0bc-4373-9984-1b3efd88b777 {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-ExecutiveMedical-447x243px18.png) no-repeat center/contain;}

/*Gym Membership*/
.img.L22a2af1f-29e7-4cfa-a0c1-1e1329693860{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-Gym-217x130px13.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_22a2af1f-29e7-4cfa-a0c1-1e1329693860, .see-also .img.L22a2af1f-29e7-4cfa-a0c1-1e1329693860 {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-Gym-447x243px13.png) no-repeat center/contain;}

/* Fitness Subsidy */
#benefit-overview .summaryImage .img.BenefitImage_FitnessSubsidy{
	background: url(/goldmansachs/media/default/Fitness%20subsidy.png) no-repeat center/contain;}

/*Mammography*/
.img.Lfb329e06-8c5e-4892-8fab-f0a609f517f5{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-Mamography-217x130px19.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_fb329e06-8c5e-4892-8fab-f0a609f517f5, .see-also .img.Lfb329e06-8c5e-4892-8fab-f0a609f517f5 {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-Mamography-447x243px19.png) no-repeat center/contain;}

/*Lunch Allowance*/
.img.Lff8b497e-ab15-4224-9f1a-49391c6a28bf{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-lunchAllowance-217x130px12.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_ff8b497e-ab15-4224-9f1a-49391c6a28bf, .see-also .img.Lff8b497e-ab15-4224-9f1a-49391c6a28bf {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-LunchAllowance-447x243px12.png) no-repeat center/contain;}

/*Season Ticket Loan*/
.img.L035e2ca7-1530-4901-b074-44ba2db5a518{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS-SeasonTicket-217x130px11.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_035e2ca7-1530-4901-b074-44ba2db5a518, .see-also .img.L035e2ca7-1530-4901-b074-44ba2db5a518 {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-SeasonTicket-447x243px11.png) no-repeat center/contain;}

/*Car allowance*/
.img.Lc15cdd8a-4529-4fbc-bcd7-555c18bcbb5b{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/car_allowance.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_c15cdd8a-4529-4fbc-bcd7-555c18bcbb5b, .see-also .img.Lc15cdd8a-4529-4fbc-bcd7-555c18bcbb5b {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/car_allowance2.png) no-repeat center/contain;}

/*Health center*/
#benefit-overview .summaryImage .img.BenefitImage_HealthCentre {background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-HealthCenter-447x243px17.png) no-repeat center/contain;}

/*LA additional*/
#benefit-overview .summaryImage .img.BenefitImage_LifeAssuranceAdditional {background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-LA-partner-447x243px5.png) no-repeat center/contain;}

/*Critical Health Solutions*/
#benefit-overview .summaryImage .img.BenefitImage_CriticalHealthSolutions {background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-CriticalHealth-447x243px21.png) no-repeat center/contain;}

/*Family Care*/
#benefit-overview .summaryImage .img.BenefitImage_FamilyCare {background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-FamilyCare-447x243px15.png) no-repeat center/contain;}

/*Occupational Health*/
#benefit-overview .summaryImage .img.BenefitImage_OccupationalHealth {background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS-OccupationalHealth-447x243px22.png) no-repeat center/contain;}

/*Dental*/
.img.Lcbb134ee-8ddc-4dd6-b9ce-2e080a94afde{background: url("/goldmansachs/media/default/Benefit_Icons/217x130/GS_Dental_217x130.png") no-repeat center/contain;}
#benefit-overview .summaryImage .img.BenefitImage_cbb134ee-8ddc-4dd6-b9ce-2e080a94afde, .see-also .img.Lcbb134ee-8ddc-4dd6-b9ce-2e080a94afde {
  background: url(/goldmansachs/media/default/Benefit_Icons/447x243/GS_Dental.png) no-repeat center/contain;}

/***********************************life event images and styling****************************************/
/*header styling*/
.active-benefits .benefit-intro {
	font-weight: 300;}
.active-benefits .header {
	color: #0077ad;
	font-weight: normal;}

/*event box border*/
.active-benefits .events {
	border: 1px solid #000;}

/*back button*/
.active-benefits .btn.btn-warning {background-color: #6cc2b9;}
.active-benefits .btn.btn-warning:hover {background-color: #000;}

/*date text background*/
.active-benefits .input-group-addon {
	background-color: #fff;}

/* Add / update your beneficiaries, Children Starting School */
.active-benefits .img.E53e8cd2e-8750-4f89-96b5-587249d0b2c6,
.active-benefits .img.E8cee802d-ef24-49fc-805b-9a35a90af973 {background: url(/goldmansachs/media/default/Life_events/LE-add%20update%20bens%20image.png) no-repeat center/contain;}

/* Birth/Adoption of a Child */
.active-benefits .img.E1f278712-8232-43c3-ae25-e6395abcedd9,
.active-benefits .img.E605f475b-d688-482f-a765-f32bb8178c3d {background: url(/goldmansachs/media/default/Life_events/LE-birth%20or%20adoption%20image.png) no-repeat center/contain;}

/* Marriage/Civil Partnership */
.active-benefits .img.E8854c7a7-69c3-4d2c-846e-c9e32e2a9688 {background: url(/goldmansachs/media/default/Life_events/marriage_civil%20image.png) no-repeat center/contain;}

/* Domestic Partner Moves In/Moves Out */
.active-benefits .img.E43bfa5fd-1d9a-4afb-946a-f3f95fcd3fbb {background: url(/goldmansachs/media/default/Life_events/LE-dom%20partner%20image.png) no-repeat center/contain;}

/* Partner Loses Healthcare */
.active-benefits .img.E97413a43-5304-4f25-b59f-fc5d8e7640d3 {background: url(/goldmansachs/media/default/Life_events/LE-partner%20loses%20health%20imge.png) no-repeat center/contain;}

/* Divorce/Separation */
.active-benefits .img.E66e94557-8fa4-4c4f-a8aa-de4524cff652 {background: url(/goldmansachs/media/default/Life_events/LE-divorce_sep%20image.png) no-repeat center/contain;}

/* Annual Enrolment */
.active-benefits .img.E5c4fd329-8d3c-4ee0-b00e-664d05a35e37 {background: url(/goldmansachs/media/default/Life_events/LE-ann%20enrol%20image.png) no-repeat center/contain;}

/*Commencing/Returning from Maternity Leave*/
.active-benefits .img.E4f421491-e9df-46d6-875a-6bebb12d7395 {background: url(/goldmansachs/media/default/Life_events/GS-life%20events-201907239.png) no-repeat center/contain;}

/*Commencing/Returning from Long Term Absence*/
.active-benefits .img.E0f9f9b3d-8075-4a5e-9057-2d7e736c2241 {background: url(/goldmansachs/media/default/Life_events/GS-life%20events-2019072310.png) no-repeat center/contain;}

/*Moved house*/
.active-benefits .img.E3f004d9b-4e1f-415d-8285-468c62086b63 {background: url(/goldmansachs/media/default/Life_events/GS-life%20events-2019072311.png) no-repeat center/contain;}

/*Change to Place of Work, Change in Role i.e. Building/Location Change*/
.active-benefits .img.E8f89a7f6-987c-4f8b-8003-16762db8443d {background: url(/goldmansachs/media/default/Life_events/GS-life%20events-2019072312.png) no-repeat center/contain;}

/*Child Changing Nursery/School*/
.active-benefits .img.Efeaea98d-bf9b-4c81-80d4-d11741a437a1 {background: url(/goldmansachs/media/default/Life_events/GS-life%20events-2019072313.png) no-repeat center/contain;}

/*New Joiner Enrolment*/
.active-benefits .img.Ebb1f0821-e896-4f4d-aaca-35591d1c23ad {background: url(/goldmansachs/media/default/Life_events/GS-life%20events-2019072314.png) no-repeat center/contain;}

/*Death of a dependant*/
.active-benefits .img.E5aa90a43-10ba-4a57-a448-b8f5f8e19756 {background: url(/goldmansachs/media/default/Life_events/Death_Partner_ORIGINAL.jpg) no-repeat center/contain;}
/*------------------------------------Desktop Specific Changes---------------------------------*/
@media only screen and (min-width:768px){
/*event name size*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary h4.event-name {
    font-size: 1rem;}

/*padding of para on module*/
#home-online-three #home-integrated p {margin-bottom: 1px;}
  
/*welcome message box shadow*/
#home-online-three .dashboard-controls {
    margin: 0px 0.7rem 10px 0.7rem;
    box-shadow: 0 6px 2px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.1);
    padding-left: 2%;
    height: 5rem;}

/*Current benefits module*/
#benefit-statement .highcharts-series-group {display: none;}
#item-1 {border-bottom: 1px solid #000;}
.payslip-item-amount {float: right; font-weight: bold;}
#item-2.payslip-item-details {font-weight: bold;}

/*background colors for matrix images*/
.line-group.HealthInsurance .benefitline .benefit-menu {background-color: #8767c7;}
.line-group.Wellness .benefitline .benefit-menu {background-color: #17c72e;}
.line-group.Otherbenefits .benefitline .benefit-menu {background-color: #009fe3;}
.line-group.RetirementSavings .benefitline .benefit-menu {background-color: #fe8927;}
  
/* Applies a border on the benefit statement and benefit matrix page to separate out pay elements */
.matrix .FundedDisplay[ui-config-show="EnrolStep3FundedDisplay"]:first-of-type{
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: black;
  max-width: 24.3333%;
  margin-right: 6%;}
  
/* separate icon/image from benefit section*/ 
.benefit-matrix .row.benefitline .benefit-menu {
   border-right: 10px solid #f1f1f1;}
.benefit-matrix .row.benefitline {
   display: flex;
   padding-bottom: 0;}
  
/*padding below beneficiary allocation*/
.benefit-matrix .col-sm-10.col-md-10[class*="BenefitIntro"] {
	padding-bottom: 10px;}
  
/*Pipes between footer links*/
.online-two-iso #footer a {
  border-left: 1px solid #6cc2b9;
  margin: 0;
  padding: 0;
  padding-right: 1em;
  padding-left: 1em;}
.online-two-iso #footer div div:first-child a {
  border: none;}

/*life event pop up styling*/
.active-benefits .active--event-radio {
	line-height: 2px;
	float: left;
	padding-left: 10px;
	height: 23%;
	padding-right: 4%;}
  
/*aligning user icons under need assistance*/
.online-two-iso #terminator #header.header-fullwidth #headerResources {
   margin-right: 4.7%;}
}

@media only screen and (min-width:1024px){
/*event name size*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary h4.event-name {
    font-size: 18px;}

/*padding of para on module*/
#home-online-three #home-integrated p {margin-bottom: 10px;}
   
/*TRS module*/
#generic.module-content.trs p {font-size: 2rem;}

/*aligning user icons under need assistance*/
.online-two-iso #terminator #header.header-fullwidth #headerResources {
   margin-right: 3.5%;}
}

@media only screen and (min-width:1161px){ 
.online-three-allpages-fullwidth .wrapper-fullwidth .benefit-matrix .benefitheader-fixed {
    top: 126.4px !important;}
}

@media only screen and (min-width:1920px){ 
/*padding of para on module*/
#home-online-three #home-integrated p {margin-bottom: 1px;}
 
/*TRS module*/
#generic.module-content.trs p {font-size: 1rem;}
  
/*aligning user icons under need assistance*/
.online-two-iso #terminator #header.header-fullwidth #headerResources {
   margin-right: 2.8%;}
}
/*********************************mobile responsive styling*******************************************/
@media only screen and (max-width:766px){
/*Hide heading on mobile modules*/
#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,
/*Hide icons on the tile names*/
#home-online-three #right-side .modules-mobile .module-mobile i[class*="icon-"],
#home-online-three #home-integrated .modules-mobile .module-mobile i[class*="icon-"],
#home-module-generic-6 {display:none;}

/*Separator*/
#home-online-three #right-side .modules-mobile .module-mobile, #home-online-three #home-integrated .modules-mobile .module-mobile{padding-top: 5px;
  border-top: 1px solid #e8e8e8;
  padding-bottom: 5px;}

/*move tile headings towards left*/
#home-online-three #right-side .modules-mobile .module-mobile span.module-label, #home-online-three #home-integrated .modules-mobile .module-mobile span.module-label{margin-left: 0px;}

/*Hide settings button on top*/
.fa.fa-gear {display:none;}
 
/*Up and down arrow on mobile*/
.fa-angle-down::before { content: url(/goldmansachs/media/default/Functional/grey%20down%20arrow.png);}
.fa-angle-up::before {content: url(/goldmansachs/media/default/Functional/blue%20up%20arrow.png);}
.fa {transform: translate(0px, 15px);}

/*Welcome Message size */
#home-online-three .dashboard-controls #greeting-message{font-size: 17px;}

}

/*Hide Help and support in PROD*/
.guid-ac7a6260-2d6a-45e8-be99-16abd610c149 {
    display: none;} 

/*Bike for work Cost you you wording change*/
/*.benefitselect #lineid_695b2576-4a47-4a6e-a6d8-de43b52bb774 .you-pay > p:first-of-type:before
{content: 'Monthly Cost To You';
    color: #747474;
    font-weight: normal;
	font-size: 17px;
}
.benefitselect #lineid_695b2576-4a47-4a6e-a6d8-de43b52bb774 .you-pay > div
{display:none}*/

#overviewImgFamily {float: right; margin: 6% 4% 4%;}
#Box {border: 2px solid; padding-left: 5px;}

/*************************** TRS styling ***************************************/
/*hide component name*/
.trsdashboard .content-name {display: none;}

/*style data item*/
.chart_line_title.col-xs-7{font-weight: bold;}

/*trs header*/
.printbtn, .summary-myreward {
	display: none;}
.trsdashboard .summarystatementdate {
	text-align: center;}

/*TRS font icons*/
.trsdashboard i.Compensation::before {
   content:"\e992";
   font-family:OnlineTwoIconFont;
   color:#0083a9;
   font-size:65px}
.trsdashboard i.RetirementSavings::before {
    content: "\e933";
    font-family: OnlineTwoIconFont;
    color: #F0AB00;
    font-size: 65px;}
.trsdashboard i.HealthcareInsurance::before {
    content: "\e993";
    font-family: OnlineTwoIconFont;
    color: #6E267B;
    font-size: 65px;}
.trsdashboard i.OtherBenefits::before {
    content: "\e90a";
    font-family: OnlineTwoIconFont;
    color: #00AEEF;
    font-size: 65px;}

/*text transform on trs*/
#dashboardContainer span{text-transform: inherit;}

/*To add space below icons*/
.trsdashboard .nav.nav-pills.nav-stacked.nav-justified {
padding-bottom: 30px;}

/*TRS side bar*/
.trsdashboard .side-bar h5{padding-left:0; font-size: 20px;}

/*TRS panel heading*/
.trsdashboard .panel-default > .panel-heading {
	background-color: #1996ca;}

/*Dashboard text styling*/
.dashboardList {font-weight: 300;}
.dashboardIntro {font-weight: 300;}
.dashboardtitle p:nth-child(3) {padding:0;}
.dashboardtitle p:nth-child(1) {
	padding: 0px 0px 5px 0px;
}
.dashboardList{margin: 0!important;}
.dashboardtext p {margin-top: 15px;}

/*trs text on homepage*/
.highcharts-label.highcharts-data-label text tspan{font-size: 17px!important;}

/*TRS Tab*/
#dashboardContainer.bootstrap-iso .desktop-tab .nav-justified .active {background: #eee; }
#dashboardContainer.bootstrap-iso .desktop-tab .nav-justified .active {border-bottom: 10px solid #1996ca;}

/*Wording for AA plan*/
.benefitselect .product-info #product-info5b0b3f31-e87f-4e9a-8f3c-098dfca87d89 #optionNameHeading:after {content: ' (Default)';}
.col-md-10.col-sm-10.BenefitIntro_908be8e6-97eb-4eb7-83a9-7f9423c27c40 .row.line:after {content: '> Employer pension contribution net of cash in lieu';}

/*Wording for pension plan*/
.col-md-10.col-sm-10.BenefitIntro_ef079c0d-954e-4f4b-82f5-863b84eabe84 .row.line:after {content: '> Firm pays amount inclusive of any cash in lieu';}

/*Pension Plan selection page*/
.benefitselect #lineid_ef079c0d-954e-4f4b-82f5-863b84eabe84 .cost { visibility: hidden;}
.benefitselect #lineid_ef079c0d-954e-4f4b-82f5-863b84eabe84 .funded p:nth-of-type(1):after {content: '(capped)';}

/*Wording for city bike*/
.col-md-10.col-sm-10.BenefitIntro_fa71a9ad-2f91-43ff-b2df-b6cc3e20fb36 .row.line:after {content: '> One-off payment';}

/*Hide enrolment button
.grid-item-1 .btn-default {display: none!important;}*/
/*For the ordered lists in footer pages*/
.legalcontent-termsofuse ol {
  margin-left: 2.14285714em;
}
/* unordered lists */
.fa-ul {
margin-left: 2.5em;
}
.online-two-iso .modal-body#online2-global-benefit-overview-modaltemplate .tab-body UL {
padding-left: 0;
}
.bootstrap-iso ul.fa-ul li {
padding-left: 1em;
}
.bootstrap-iso ul.fa-ul li::before {
font-family: FontAwesome;
content: '\f111';
font-size: 0.5rem;
margin-left: -1em;
padding-right: 0.5em;
position: relative;
bottom: 3px;
color: #0077ad;
}
.bootstrap-iso ul.fa-ul li ul.fa-ul li::before {
content: '\f10c';
}
/* FOOTER ALIGNMENT FIX */

@media only screen and (min-width: 768px){
  /* display nav items in one line */
  #footer.footer-fullwidth nav ul#footer-links li,
#footer.footer-fullwidth a.optanon-toggle-display.EUFooterLink{
    display: inline-block !important;
  }
}
@media only screen and (min-width:751px){
.online-two-iso #footer div:not(:first-child) a { border-left: 1px solid; }
.online-two-iso #footer a { padding: 0 1em; text-transform: none; color: #000; }
}

.ui-tooltip{
              background-color:white; 
              padding: 8px; 
              position: absolute; 
              z-index: 1; 
        top:100%; 
        left: 100%; 
       margin-bottom: 20px; 
        margin-left: -20px; 
              max-width: 300px; 
              -webkit-box-shadow: 0 0 5px #aaa; 
              box-shadow: 0 0 5px #aaa; 
              color:#000000; 
 opacity: 7;
}

/* Minification failed (line 401, error number 1020): Unexpected at-keyword, found '@supports' */