/*Hide Password Security Validation Message from Mobile Registration*/ 
#mobileRegistration-Content .password-validation-container { 
    display: none; 
} 

Important Information on Home page
.modules-sleeve::before {content: "Important Information";
    font-size: 22px; color: #0077ad; font-weight: 600; margin-left: 10px}
#home-integrated::before {content: "If your page did not load correctly, please click on your browser's refresh button or press F5.";
    font-size: 18px; color: rgb(0, 119, 173); font-weight: 500;margin-left: 10px;}
/*Removing non functioning table from step 2 of event selection */
#matrix\ anytime-enroll .modal-content .tab-body .coverage-table {
    display: none;
}

#matrix\ anytime-enroll .modal-content .tab-body .coverage-bottom.pannel-body-wide {
    display: none;
}

@media (min-width: 770px){
#benefit-overview .summaryImage {width: 265px;height: 140px;}}
/*double line space in profile*/
div#profilecontainer div#contactTab .row .grid-cell, div#profilecontainer div#personalTab .row .grid-cell { min-height: 10em!important;}
.fa-envelope:before {content: "\f0e0"; color: #0474ac; font-size: 21px;}
/*Hide Date in Add dependent date was coming after Birth date */
.caption-text.datepicker-acceptedformat {display: none !important;}
/*Make a claim module*/
#make-a-claim .home-module-make-a-claim-content {padding-bottom:11px !important;}
/*Text tranforme none*/
* { text-transform: none !important;}
/*Css for feb 2020 release fix To lowercase the date format on current cover page*/
.benefitdate .input-group-addon.data-addon.benefit-datepicker-acceptedformat.ng-binding { text-transform: lowercase !important;}
#logo {background: url(/goldmansachs2/media/Goldman%20Sachs/CAN/Login/GS%20logo-login.png) no-repeat left/contain;width: 273px;}
/***************************General styling***********************************/
/*pop up header*/
.header-overlay A {background: url(/goldmansachs/media/default/Functional/close_transparent.png) right center no-repeat;}
/* 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;}
.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-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 {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,
#home-online-three #manage-claims .home-module-manage-claims-content.ng-fade .manage-claims-buttons .btn.btn-default { width:90%; border-radius: 20px; font-weight: 500;}
/* module button alignment and padding*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {padding-bottom: 45px;}
/*enrolment module button*/
#home-online-three #home-integrated .modules-right-side.grid-container .home-module-enrolment-content .btn.btn-default {background-color: #7ab2e1;}
#home-online-three #home-integrated .modules-right-side.grid-container .home-module-enrolment-content .btn.btn-default:hover {background-color: #000;}
/* 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;}
#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;}

/*TRS module style*/
.module-content.trs {background: #6cc2b9;}
.module-content.trs p{color:#fff; font-weight: 600;}
/******************************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 {
   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: 258px;
	height: 140px;}
/****benefit intro styling*****/
.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;}

/*disc styling*/
#benefit-overview .pannel-body-full ul, .summaryContent.tableCell ul, .benefitmatrix-container .pannel-body-full ul {
	padding-left: 3em;
	list-style-type: disc;}
#benefit-overview .pannel-body-full ol, .summaryContent.tableCell ol, .benefitmatrix-container .pannel-body-full ol {
	padding-left: 3em;
    list-style-type: decimal;}

/*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;}


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

/*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 {
	padding: 0px;
    border-color: #7ab2e1;}


/****************************Benefit matrix**********************************/

/*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;
    min-width:auto;}
.bootstrap-iso .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-radius: 6px 0px 0px 6px;
    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%;}


/*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;}

/* 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;}

/*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: #0077ad;
  border-radius:8px;
  min-width: 11rem;}
.benefitheader-fixed div#followup-items a.btn:hover{
  background-color: black;
  border-radius:8px;
  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;}
.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;
  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;}
/**************************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;}
/****************************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;}

/* 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;}

/*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;}
/*****************************Benefit selection page*******************************/
/* hide duplicate benefit intro link on line selection page */
.benefitselect .more-info {display: none;}

/*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;}


/***allocation pop up***/

#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;}*/

/*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;}

/***********************************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;}

/*------------------------------------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*/
#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-"] {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;}

/*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;}}

/*View Upload Document to add Delete content*/
#documentsContainer #tabledocuments th:nth-child(6)::before {
 content:"Delete";
}
/*page count on claims module*/
.home-module-make-a-claim-content .make-a-claim-information .tbs-module-pager , .home-module-manage-claims-content .manage-claims-copy.module-copy .tbs-module-pager { padding-bottom: 50px;}
#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: 3.5em !important;}

/*FSA/Claim2 page CSS (Claim submission) */
#claimDetail h1 {
    color: #7ab2e1 !important;
   }
.fsaClaimSubmitContainer .row {
       padding-left: 0.8em;
  padding-bottom: 0em !important;
}
#claimDetail .col-md-12.grid-cell {
    display: none;
}

.fsaClaimSubmitContainer .btn-primary {
    color: #fff;
    background-color: #7ab2e1 !important;
   border-radius: 20px;
       min-width: 10rem;
    border-color: #797979 !important;
}
.fsaClaimSubmitContainer .btn-primary:hover {
    color: #fff;
    background-color: black!important;
   border-radius: 20px;
       min-width: 10rem;
}

#Submit .btn-default {
      color: #fff !important;
    background-color: #7ab2e1 !important;
   border-radius: 20px !important;
       min-width: 10rem !important;
    color: white !important;
border-color: #797979!important;
}
#Submit .btn-default:hover {
        color: #fff !important;
    background-color: black!important;
   border-radius: 20px !important;
       min-width: 10rem !important;
    
}
#Attachment .btn-success {
     color: #fff !important;
    background-color: #7ab2e1 !important;
   border-radius: 20px !important;
       min-width: 10rem !important;
    color: white !important;
border-color: #797979!important;
}
#Attachment .btn-success:hover{
        color: #fff !important;
    background-color: black!important;
   border-radius: 20px !important;
       min-width: 10rem !important;
    
}
/*Hide Cost of Benefit*/
.col-md-8 .col-xs-4:nth-child(1) {display:none !important;}
/*set width for premium cost*/
#printdiv .row.totalcostsection .col-md-10.col-sm-10.totalcost .col-md-4 {
width: 49.333% !important;;
}
/*Hide Current Coverage and Pending Coverage*/
.benefitforcomplate .benefit-matrix .row.margin-left .col-md-10.col-sm-10 .benefitheader.asatdate {
    visibility: hidden !important;
}
.benefitforcomplate .benefit-matrix .row.margin-left .col-md-10.col-sm-10 #benefitStatementFutureBenefits {
    visibility: hidden !important;
}
/*Hide asterix * from EOI*/
.pending-note {display:none !important;}
/*Align cost on benefit matrix page*/
.benefitmatrix-container .benefit-matrix .col-md-8.ng-scope {
    padding-left: 100px !important;
}
/*Hide green tick from event success*/
.dependantContainer.dependant-event #event-upgrade-success .success-icon .glyphicon.glyphicon-ok-sign {
    display: none;
}
.dependantContainer.dependant-event #event-upgrade-success .result-message {
    display: none;
}
/*Hide Dependent coverage summary*/
.tab-header .tab-selector .right-tab {
    display: none !important;
}
/*Hide Benefit Statememt Chart container to avoid extra height of the tile*/
#benefit-statement-chart-container {
    display: none;}
}

/*heading of upload document*/
.online-two-iso .modal-normal .close {
    margin-bottom: 0.25em;
}
.benefit-matrix #CorrespondenceDocumentsContainer .modal-header h5 {
    padding: 10px 0px 0px 10px !important;
  background: none !important;
}
/*Cost to you font*/
.benefitselect .in-Cart .you-pay H3 { font-size: 15px !important;}
/*hide benefits from FSA statement*/
.fsa-statements.spendingaccountsTab-container .fsa-statement-blocks .claims-block {
    display: none !important;
}
/*Hide total cost from benefitselection page*/
.benefitselect .row.totalcostsection {
    display: none !important;
}
/*Hide line from follow-up*/
.followup-container.ng-scope .followup-item-collect.ng-scope.alert-warning .followup-collect-content.row .followup-collect-info {
    display: none;
}

/* update text of view,upload documents dropdown text */
select#ddlCorrespondenceType {font-size: 14px;}

.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;
}

/*Logo for MFA page*/
#logo, #mfaContainerGlobal .logo {
    background: url(/goldmansachs2/media/Goldman%20Sachs/CAN/Login/GS%20logo-login.png) no-repeat 0 center/contain;
    width: 450px;
    height: 80px;
    margin-bottom: 12px
}

/* Minification failed (line 918, error number 1019): Unexpected token, found '}' */