/* HSA coverage volume removed from Portal*/
#lineid_6c97c2fb-63d1-415e-9473-1f478f3834e5 .you-chose .selected-coverage .ng-binding {
	display: none;
}

/* PSA coverage removed from Portal*/
#lineid_6413f9fc-4a4b-472b-b4da-57d9c2b46547 .you-chose .selected-coverage .ng-binding {
	display: none !important;
}

/* PSA change button hide */
#\36 696527e-272a-4af0-94cd-3cb2202a8bf0_56a94b9d-3b79-4f4e-98fb-98aacbd5bd03 {
	display: none;
}

.online-two-iso .form-group.required .control-label::after {
	content: "*";
	color: red;
	font-size: 13px !important;
}

/* Coverage Statement page padding issue*/
@media screen and (max-width: 450px){
.benefit-matrix .benefit-category .panel-body {
    padding: 0;
        padding-top: 0px;
    background-color: #f5f5f5;
    padding-top: 150px !important;
}
.benefit-matrix .benefit-category .panel-default > .panel-heading, .benefit-matrix .benefit-category .panel-title {
	padding: 0;
	margin-top: 45%;
}
.intro-text-questions {
	margin-top: 7%;
}
.benefit-category.benefit-category-mobile-view.ng-scope {
	margin-top: 2%;
}
}

/* Benefit Icons: Benefits at a glance */
#benefit-overview .img.BenefitImage_.IntroNode_ab7d40d0-b332-4d82-8d30-2148b1bf3bc2:before,
.img.Lab7d40d0-b332-4d82-8d30-2148b1bf3bc2:before,
div.see-also .img.Lab7d40d0-b332-4d82-8d30-2148b1bf3bc2:before{
	content: '\e99d';
}

@media screen and (max-width: 450px){
.coverage-bottom .dependant-accept-btn {
	bottom: 10px !important;
}}
@media screen and (max-width: 450px){
.confirm-checkout-button.text-right .btn.btn-success.btn-lg {
	bottom: 12px !important;
}}
#logo {
	pointer-events: none;
}
/*Client CSS Code Here*/
/*================================================================================================== TABLE OF CONTENTS ==================================================================================================
	1. Variables
	2. Utility classes
	3. Global styles
		3a) Headings		3b) Links		3c) Buttons
		3d) Lists			3e) Popups		3f) Tab selectors
		3g) Accordions		3h) Info icons, slider toggles and label styling
		3i) Logo				3j) Site header
		3k) Site footer	3l) Datepickers
		3m) Inputs
	4. Login page
	5. Home page
	6. Benefit overview
	7. Benefit statement
	8. Benefit matrix
	9. Benefit selection
	10. Profile
	11. App registration
	12. TRS
	13. Specific popups
		13a) Forgot password		13b) Modellers and tools	13c) Manage dependants
		13d) Follow up items		13e) Event T&Cs				13f) benefit selection election info collect
		13g) Beneficiaries
	14. Icons
		14a) Benefit icons		14b) Life event icons
	15. Claims
  16. My Documents
  17. Document Download
	18. Mobile
	19. Client specific styles
 ======================================================================================================================================================================================================================= */
/*Login page CSS*/
/*#login-module-need-assistance {
	Position: relative !important;
	left: 10% !important;
	font-size: 1rem;
}*/

/*Sensitive data toggle removal*/
/*.sensitive-data-toggle.hidden-xs {
	display: none !important;
}*/

/*Beneficiary Popup in enrollment*/
.benefitselect .online-beneficiary .allocationValid {
	color: #693 !important;
}

.benefitselect .online-beneficiary .allocationError {
	color: red !important;
}

/* Information icon from home team */
span.glyphicon.glyphicon-info-sign {
    display: none !important;
}

/*Unlocked Display none*/
.acitve-text.ng-isolate-scope {
	display: none !important;
}


/* Print statement for IPAD*/
@media only screen and (max-width: 1024px) and (min-width: 760px){
@media print {
a.main-menu-toogle.btn.visible-xs { display: none !important;}
.benefitheader.payperiodtoggle.ng-isolate-scope { display: none; }
span.benefitheader.asatdate-label , span.benefitheader.asatdate-value {font-size: 20px;}
.benefit-matrix .group-body {margin-left: 10px;padding: 5px; width: 78%;}
.benefit-matrix .benefit-category .benefitline {break-inside: avoid;}
.col-xs-4 .benefit-print-single-header {
    font-family: RobotoLight_Font;
    font-weight: 700;
    font-size: 15px;
}
}
}


/* Forms and contacts accordian arrow setup*/
@media only screen and (max-width: 1024px) and (min-width: 760px){
.panel-group {
	width: 950px !important;
}
  
  .panel-group .pull-right.glyphicon.glyphicon-menu-down {
	position: relative !important;
	right: 16px !important;
}
  
  .benefitmatrix-container .benefitheader-fixed {
	height: 95px !important;
}

  
  #login-modules-container .module-text {
	font-size: 12px;
}
  
}



/* Credit summary display none*/
#content .contributionsummary.row {
	display: none;
}


/*Benefit Overview buttons display none*/
.panel-group .btn.btn-info.know-more-link {
	display: none;
}



/*Heading getting repeated on mobile browser*/
@media screen and (max-width: 450px){
.module-content-header-container .module-content-header {
	display: none !important;
}
}

/*Close button in manage dependents*/
@media screen and (max-width: 450px){
.dependant-head.pannel-body .btn.btn-warning.dependant-cancel-btn {
	position: relative;
	bottom: 10px;
}
}


/* back and confirm button*/
@media screen and (max-width: 450px){
.active-benefits .btn.btn-success {
	position: relative;
	bottom: 10px !important;
}

.modal-content .btn.btn-warning {
	position: relative;
	bottom: 10px;
}
  
  
 .followup-content #follow-up-previous-bttn {
	position: relative !important;
	top: 39.5px !important;
	right: 78px !important;
}


.followup-content .cancel-button.control-button {
	position: relative !important;
	left: 70px !important;
}
	
.followup-content .next-button.control-button.ng-scope {
	position: relative !important;
	left: 80px !important;
} 
}


/*need assitance postion setting*/
@media screen and (max-width: 450px){
#home-modules-mobile {
	position: relative !important;
	top: 34px !important;
}


#greeting-message {
	position: relative !important;
	top: 29px !important;
}
}


/*Space below biweekly button*/
@media screen and (max-width: 450px){
.benefitheader-fixed {
	height: 290px;
}


#online2header {
	height: 230px !important;
}
}

/*Continue button spacing left*/
@media screen and (max-width: 450px){
#online2header .btn.btn-warning.continue {
	position: relative;
	right: 40px;
}
}

/*Flip Button Spacing*/
@media screen and (max-width: 450px){
.flip-card {
	position: relative;
	bottom: 26px;
}
}

/*Login page logo positioning*/
@media screen and (max-width: 450px){
.online-two-iso.login #logo {
	position: relative;
	left: 55px;
}
}



/*Glowing button animation*/

@keyframes glowing {
0% {
background-color: #00A5DD;
box-shadow: 0 0 5px #00A5DD;
}
50% {
background-color: #012774;
box-shadow: 0 0 20px #012774;
}
100% {
background-color: #00A5DD;
box-shadow: 0 0 5px #2ba805;
}
}


/*Cost to you Font Size*/
#content-you-chose-summary .in-Cart .cost P, .in-Cart .funded P {
	font-size: 18px !important;
}

#content-you-chose-summary .green-number.no-text-transform.PerPay.ng-binding.Show {
	font-size: 18px;
}

/*#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 .module-content #event-renewal .btn.btn-default{
animation: glowing 1300ms infinite;}*/


/*Next glowing button on benefit matrix page*/
.benefit-matrix .benefit-active-benefits .btn-warning.active-button {
   animation: glowing 1300ms infinite !important;
}

/*Shadow of Tiles*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content, .bootstrap-iso .carousel.home-module-integrated {
	background: #fff;
	border: none !important;
	border-radius: 0;
	box-shadow: 1px 3px 6px 1px  rgba(0,0,0, 0.2);
} 

/*Left border showing by template*/
#home-online-three #right-side, #home-online-three #home-integrated {
	border-left: 0px solid #e5f1ff;
}

/*Border radius of tiles*/
/*Border radius of tiles*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
	border-radius: 5px !important;
}


/* 'I', New, Change display none*/ 
.row.title .glyphicon.glyphicon-info-sign.glyphicon-info-sign-color.ng-scope {
	display: none;
}

.newbenefit.ng-scope.ng-isolate-scope {
	display: none;
}

.changebenefit.ng-scope.ng-isolate-scope {
	display: none;
}



/*IMAGES on TILES*/

/* Blank Image 1 */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.BlankImageone {
	background: url(/testchild1/media/Images/My-Benefits.png) no-repeat center/cover;
    background-position: 50% 15%;
    background-size: 80%;
}  


/* Blank Image 2 */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.BlankImagetwo {
	background: url(/starbuckscanada/media/TemplateSite.Corporate/Starbucks%20Online%202.2/Home%20Page_386x282-5.jpg) no-repeat center/cover;
    /*background-position: 50% 15%;
    background-size: 80%;*/
} 
  

/* Blank Image 3 */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.BlankImagethree {
	background: url(/testchild1/media/Images/My-Life-Changes_Right.png) no-repeat center/cover;
    background-position: 50% 15%;
    background-size: 80%;
} 
  

/*CLIENT CUSTOM CSS CODE HERE */
/* font declaration for using OnlineTwoIconFont set */
@font-face {
 font-family:'OnlineTwoIconFont';
 src:url('/choicemrkt/media/Choice-Market/ICON%20FONTS/OnlineTwoIconFont_v2.eot');
 src:url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.eot?#iefix') format('embedded-opentype'),
 url('/choicemrkt/media/Choice-Market/ICON%20FONTS/OnlineTwoIconFont_v2.woff') format('woff'),
 url('/choicemrkt/media/Choice-Market/ICON%20FONTS/OnlineTwoIconFont_v2.ttf') format('truetype'),
 url('/choicemrkt/media/Choice-Market/ICON%20FONTS/OnlineTwoIconFont_v2.svg');
 font-weight:normal;
 font-style:normal;
}


/*CLIENT CUSTOM CSS CODE HERE */
/* font declaration for using OnlineTwoIconFont set */

*{font-family: 'RobotoLight_Font';}

@font-face {
    font-family: 'RobotoLight_Font';
    src: url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.eot');
    src: url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.eot') format('embedded-opentype'),
    url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.otf') format('opentype'),
    url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.ttf') format('truetype'),
    url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.woff') format('woff'),
    url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.woff2') format('woff2');
    
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Robotomedium_Font';
    src: url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.eot');
    src: url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.eot') format('embedded-opentype'),
    url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.otf') format('opentype'),
    url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.ttf') format('truetype'),
    url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.woff') format('woff'),
    url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.woff2') format('woff2');
    
    font-weight: normal;
    font-style: normal;
}

/*================================================================================================== 1. Variables  ==================================================================================================*/
:root {
  --accessibility-outline: #666;
  --heading-color: #666;
  --button-color: #006342;
  --button-color-alternate: #006342;
  --button-text-color: #000;
  --button-hover-color: #898076 ;
  --button-hover-text-color: #000;
  --button-click-color: #006342;
  --button-click-text-color: #000;
  --link-text-color: #02b076;
  --link-text-hover-color: #02b076;
  --link-text-click-color: #02b076;
  --header-overlay: #006342;
  --header-overlay-text-color: #fff;
  --panel-color: #006342;
  --panel-text-color: #fff;
  --info-icon-color: #006342;
  --tab-selector-text-color: #006342;
  --tab-selector-border-color: #006342;
  --tab-selector-inactive-text-color: #666;
  --progress-bar-color: #006342;
  --success-icon-color: #006342;
  --unordered-list-bullet-color: #006342;
  --datepicker-today: #898076 ;
  --datepicker-clear: #898076 ;
  --datepicker-close: #898076 ;
  --slider-toggle-color: #006342;
  --benefit-icon-color: #006342;
  --linegroup1-benefit-icon-color: #006342;
  --linegroup2-benefit-icon-color: #006342;
  --linegroup3-benefit-icon-color: #006342;
  --life-event-background: #006342;
  --logo: url(/starbuckscanada/media/TemplateSite.Corporate/Starbucks%20Online%202.2/Starbucks-logo_loginpage2.png);
  --login-image: url(/starbuckscanada/media/TemplateSite.Corporate/Starbucks%20Online%202.2/Login%20Screen_1681x1117-2%20Updatedtext.jpg);
  --site-header-color: #006342;
  --site-header-icon-color: #fff;
  --site-footer-color: #006342;
  --site-footer-link-color: #fff;
  --need-assistance-pull-down-menu: #006342;
  --homepage-module-background-color: #006342;
  --homepage-heading-color: #666;
  --homepage-module-icon-color: #006342;
  --homepage-enrolment-days-left-color: #006342;
  --carousel-heading-color: #fff;
  --carousel-text-color: #fff;
  --pulse-color-start: rgba(47, 79, 79, 0.5);
  --pulse-color-end: rgba(47, 79, 79, 0);
  --selected-email-color: #006342;
  --benefit-selection-elected-box-highlight: #006342;
  --follow-up-panel-color: #006342;
  --mobile-menu-icon-color: #fff;
  --mobile-menu-link-color: #666;
}

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

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

/*================================================================================================== 2. Utility classes  ==================================================================================================*/
/* 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%;
  }
}
/* margin-top 0 */
.bootstrap-iso .mt-0 {
  margin-top: 0;
}

/* allow use of OnlineTwoIconFont for anything with this class */
[class*='online-two-icon-']:before {
  font-family: OnlineTwoIconFont;
}
/* icons on the benefit intro popups */
.benefit-information [class*='online-two-icon-']::before {
  font-size: 10rem;
  line-height: 1;
}

/* for adding full stop after resource string */
.full-stop:after {
  content: '.';
  position: relative;
  left: -0.25em;
}
/* for adding comma after resource string */
.comma:after {
  content: ',';
  position: relative;
  left: -0.25em;
}

/*================================================================================================== 3. Global styles  ==================================================================================================*/
/* remove gradient background */
html {
  background: none;
}

/* global font size */
.bootstrap-iso {
  font-size: 1rem;
}
.bootstrap-iso p {
  margin: 0
}

/* remove text transform */
/* language selection */
#links LI:first-child select#ddlLanguage,
/* main navigation bar links */
#menu-no-dashboard li a,
#menu li a,
#menu-sub li a,
/* labels on Profile page */
html#profile body#profile .profile #profile-online-2 span.label,
html#profile body#profile .profile #profile-online-2 label:not(.ui-button),
/* labels */
span.label,
label,
/* benefit selection page items */
.in-Cart .cost P,
.in-Cart .funded P,
.your-beneficiaries .txt-beneficiaries H4,
/* footer links */
.online-two-iso #footer a {
  text-transform: none;
}

/* 3a) headings */
h1,
h2,
h3,
h4,
h5,
h6,
.online-two-iso h1,
.online-two-iso h2,
.online-two-iso h3,
.online-two-iso h4,
.online-two-iso h5,
.online-two-iso h6,
.bootstrap-iso h1,
.bootstrap-iso h2,
.bootstrap-iso h3,
.bootstrap-iso h4,
.bootstrap-iso h5,
.bootstrap-iso h6,
/* BENEFITS header on popup when removing dependants attached to cover */
.coverageHeader {
  color: #000;
  padding-left: 0;
}

/* 3b) links */
a,
.bootstrap-iso a,
.dependant-list a.dependant-confirm-delete,
.terms-conditions-cookies .cookie-policy-link,
.terms-conditions-cookies .term-condtion-link {
  color: #00A5DD;
}
a:hover,
a:focus,
.bootstrap-iso a:hover,
.bootstrap-iso a:focus,
.dependant-list a.dependant-confirm-delete:hover,
.dependant-list a.dependant-confirm-delete:focus,
.terms-conditions-cookies .cookie-policy-link:hover,
.terms-conditions-cookies .cookie-policy-link:focus,
.terms-conditions-cookies .term-condtion-link:hover,
.terms-conditions-cookies .term-condtion-link:focus {
  color: #00A5DD;
}
.bootstrap-iso a:focus,
.dependant-list a.dependant-confirm-delete:focus,
.terms-conditions-cookies .cookie-policy-link:focus,
.terms-conditions-cookies .term-condtion-link:focus {
  outline: 3px solid #666;
}
a:active,
a:active:hover,
a:active:focus,
.bootstrap-iso a:active,
.bootstrap-iso a:active:hover,
.bootstrap-iso a:active:focus,
.dependant-list a.dependant-confirm-delete:active,
.dependant-list a.dependant-confirm-delete:active:hover,
.dependant-list a.dependant-confirm-delete:active:focus,
.terms-conditions-cookies .cookie-policy-link:active,
.terms-conditions-cookies .cookie-policy-link:active:hover,
.terms-conditions-cookies .cookie-policy-link:active:focus,
.terms-conditions-cookies .term-condtion-link:active,
.terms-conditions-cookies .term-condtion-link:active:hover,
.terms-conditions-cookies .term-condtion-link:active:focus {
  color: #02b076;
}

/* 3c) buttons */
/* default colour */
.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 A.button-style,
.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 #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray,
.online-two-iso A.button-style.gray,
.benefitheader-fixed div#followup-items a.btn,
.benefitheader-fixed div#resettodefaults a.btn,
.benefit-matrix .confirm-checkout-button .btn-success {
  background-color: #006342;
  border: none;
  border-radius: 20px;
  color: #fff;
  overflow: hidden;
  position: relative;
  transition: all 0.25s;
  z-index: 1;
}

/* hover colour */
.bootstrap-iso .btn-primary:hover,
.bootstrap-iso .btn-danger:hover,
.bootstrap-iso .btn-info:hover,
.bootstrap-iso .btn-default:hover,
.bootstrap-iso .btn-warning:hover,
.bootstrap-iso .btn-success:hover,
.bootstrap-iso .btn-popup:hover,
.online-two-iso A.button-style: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,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:hover,
.online-two-iso A.button-style.gray:hover,
.benefit-matrix .row .btn-success:hover,
.benefitheader-fixed div#followup-items a.btn:hover,
.benefitheader-fixed div#resettodefaults a.btn:hover,
.benefit-matrix .confirm-checkout-button .btn-success:hover {
  background-color: #006342;
  border-radius: 20px;
  border: none;
  box-shadow: none;
  color: #fff;
}

/* focus colour */
.bootstrap-iso .btn-primary:focus,
.bootstrap-iso .btn-danger:focus,
.bootstrap-iso .btn-info:focus,
.bootstrap-iso .btn-default:focus,
.bootstrap-iso .btn-warning:focus,
.bootstrap-iso .btn-success:focus,
.bootstrap-iso .btn-popup:focus,
.online-two-iso A.button-style:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:focus,
.online-two-iso A.button-style.blue:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:focus,
.online-two-iso A.button-style.gray:focus,
.benefitheader-fixed div#followup-items a.btn:focus,
.benefitheader-fixed div#resettodefaults a.btn:focus,
.benefit-matrix .confirm-checkout-button .btn-success:focus {
  background-color: #006342;
  border-radius: 20px;
  border: none;
  box-shadow: none;
  color: #fff;
  outline: 3px solid #666;
}

/* when clicked colour */
.bootstrap-iso .btn-primary:active,
.bootstrap-iso .btn-primary:active:hover,
.bootstrap-iso .btn-primary:active:focus,
.bootstrap-iso .btn-danger:active,
.bootstrap-iso .btn-danger:active:hover,
.bootstrap-iso .btn-danger:active:focus,
.bootstrap-iso .btn-info:active,
.bootstrap-iso .btn-info:active:hover,
.bootstrap-iso .btn-info:active:focus,
.bootstrap-iso .btn-default:active,
.bootstrap-iso .btn-default:active:hover,
.bootstrap-iso .btn-default:active:focus,
.bootstrap-iso .btn-warning:active,
.bootstrap-iso .btn-warning:active:hover,
.bootstrap-iso .btn-warning:active:focus,
.bootstrap-iso .btn-success:active,
.bootstrap-iso .btn-success:active:hover,
.bootstrap-iso .btn-success:active:focus,
.bootstrap-iso .btn-popup:active,
.bootstrap-iso .btn-popup:active:hover,
.bootstrap-iso .btn-popup:active:focus,
.online-two-iso A.button-style:active,
.online-two-iso A.button-style:active:hover,
.online-two-iso A.button-style:active:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active:focus,
.online-two-iso A.button-style.blue:active,
.online-two-iso A.button-style.blue:active:hover,
.online-two-iso A.button-style.blue:active:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active:focus,
.online-two-iso A.button-style.gray:active,
.online-two-iso A.button-style.gray:active:hover,
.online-two-iso A.button-style.gray:active:focus,
.benefitheader-fixed div#followup-items a.btn:active,
.benefitheader-fixed div#followup-items a.btn:active:hover,
.benefitheader-fixed div#followup-items a.btn:active:focus,
.benefitheader-fixed div#resettodefaults a.btn:active,
.benefitheader-fixed div#resettodefaults a.btn:active:hover,
.benefitheader-fixed div#resettodefaults a.btn:active:focus,
.benefit-matrix .confirm-checkout-button .btn-success:active,
.benefit-matrix .confirm-checkout-button .btn-success:active:hover,
.benefit-matrix .confirm-checkout-button .btn-success:active:focus {
  background-color: #006342;
  border-radius: 20px;
  border: none;
  box-shadow: none;
  color: #fff;
  outline: 3px solid #666;
}

/* for styling buttons that convey meaning of a negative action e.g. cancel/close/remove etc. */
.bootstrap-iso .modal-controls .btn-warning,
.online-two-iso #exit-cancel A.button-style.blue,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning,
.bootstrap-iso .btn-warning.dependant-cancel-btn {
  background-color: #006342;
}

.bootstrap-iso .modal-controls .btn-warning:hover,
.bootstrap-iso .modal-controls .btn-warning:focus,
.online-two-iso #exit-cancel A.button-style.blue:hover,
.online-two-iso #exit-cancel A.button-style.blue:focus,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:hover,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:focus,
.bootstrap-iso .btn-warning.dependant-cancel-btn:hover,
.bootstrap-iso .btn-warning.dependant-cancel-btn:focus {
  background-color: #006342;
}

.bootstrap-iso .modal-controls .btn-warning:active,
.bootstrap-iso .modal-controls .btn-warning:active:hover,
.bootstrap-iso .modal-controls .btn-warning:active:focus,
.online-two-iso #exit-cancel A.button-style.blue:active,
.online-two-iso #exit-cancel A.button-style.blue:active:hover,
.online-two-iso #exit-cancel A.button-style.blue:active:focus,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active:hover,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active:focus,
.bootstrap-iso .btn-warning.dependant-cancel-btn:active,
.bootstrap-iso .btn-warning.dependant-cancel-btn:active:hover,
.bootstrap-iso .btn-warning.dependant-cancel-btn:active:focus {
  background-color: #006342;
}

/* hover effects */
.bootstrap-iso *[class*='btn btn-']:before,
.bootstrap-iso *[class*='btn  btn-']:before,
.bootstrap-iso *[class*='button-s']:before {
  content: '';
  width: 100%;
  height: 4em;
  background-color: #006342;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(-5em, -1em, 0) rotate3d(0, 0, 1, -45deg);
  transform-origin: top left;
  transition: all 0.25s;
  z-index: -1;
}
.bootstrap-iso *[class*='btn btn-']:hover:before,
.bootstrap-iso *[class*='btn  btn-']:hover:before,
.bootstrap-iso *[class*='button-s']:hover:before,
.bootstrap-iso *[class*='btn btn-']:focus:before,
.bootstrap-iso *[class*='btn  btn-']:focus:before,
.bootstrap-iso *[class*='button-s']:focus:before {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
}

/* 3d) lists */
/* unordered lists */
.fa-ul {
  margin-left: 0.84285714em;
}
.online-two-iso .modal-body#online2-global-benefit-overview-modaltemplate .tab-body UL {
  padding-left: 0;
}
.bootstrap-iso ul.fa-ul li {
  padding-left: 1em;
}
.bootstrap-iso ul.fa-ul li::before {
  font-family: FontAwesome;
  content: '\f111';
  font-size: 0.5rem;
  margin-left: -1em;
  padding-right: 0.5em;
  position: relative;
  bottom: 3px;
  color: #525174;
}
.bootstrap-iso ul.fa-ul li ul.fa-ul li::before {
  content: '\f10c';
}
/* ordered lists */
.bootstrap-iso ol {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: decimal;
}

/* 3e) popups */
/* header colour */
.online-two-iso .header-overlay,
.online-two-iso .tab-header,
.bootstrap-iso .modal-header {
  background-color: #fff;
}
/* reset benefit intro popup to not have header overlay colour */
.online-two-iso [class*='LineDetail'] .tab-header {
  background-color: #006342;
}
/* header title colour */
#login-assistance .header-overlay #TitleResetPassword,
.bootstrap-iso .modellersModalHeader,
.bootstrap-iso .dependantModalHeader,
#followup-items-overlay.online-followup-items #followup-items-title,
.benefit-matrix .benefitheader,
#exit-confirm h5,
.benefitselect #allocationDialog h5,
.active-benefits .header,
.benefit-matrix .modal .modal-header .header,
.online-two-iso .modal-normal .modal-header .header-text,
.terms-conditions-cookies .cookiepolicy-header,
.terms-conditions-cookies .terms-condtion-header {
  color: #000;
}
/* close icon */
.online-two-iso .header-overlay A.close,
.online-two-iso .modal-large .close,
html#profile body#profile .profile #profile-online-2 .header-overlay A {
  background: none;
  visibility: hidden;
}
.online-two-iso .header-overlay A.close:after,
.online-two-iso .modal-large .close:after,
html#profile body#profile .profile #profile-online-2 .header-overlay A:after {
  content: '\e014';
  color: #000;
  font-family: 'Glyphicons Halflings';
  visibility: visible;
}
/* reset benefit intro close icon to be default colour after resetting header background colour */
/*.online-two-iso .modal-large [class*='LineDetail'] .close:after {
  color: #666;
}*/

.bootstrap-iso .close,
.bootstrap-iso .close:hover,
.bootstrap-iso .close:focus,
.bootstrap-iso .close:active,
.bootstrap-iso .close:active:hover,
.bootstrap-iso .close:active:focus,
.online-two-iso .modal-normal .close {
  color: #000;
}
.bootstrap-iso .close:focus {
  outline: 3px solid #666;
}
/* position of close icon */
.online-two-iso .modal-large .close {
  top: 0.5em;
  right: 0.5em;
}
.header-overlay A {
  padding: 4px 0.5em 0 0;
}

/* life event dependant add/remove popup */
.dependantContainer .event-step-nav {
  text-align: right;
}
.bootstrap-iso .event-step-nav a.primary-link,
.bootstrap-iso .event-step-nav a.secondary-link {
  margin: 0;
}
.dependantContainer .button-container > a:last-child {
  margin-left: 0.5em;
}
.bootstrap-iso .event-step-nav a {
  border-radius: 25px;
  padding: 6px 12px;
  text-transform: uppercase;
  transition: background-color 0.25s, color 0.25s;
}
.bootstrap-iso .event-step-nav a.secondary-link {
  background: #00754a;
  color: #fff;
}
.bootstrap-iso .event-step-nav a.primary-link {
  background: #00754a;
  color: #fff;
}
.bootstrap-iso .event-step-nav a.secondary-link:hover,
.bootstrap-iso .event-step-nav a.secondary-link:focus,
.bootstrap-iso .event-step-nav a.primary-link:hover,
.bootstrap-iso .event-step-nav a.primary-link:focus {
  background-color: #006342;
  color: #fff;
}

/* 3f) tab selectors e.g. Manage dependants widget, benefit intro, profile etc. */
.online-two-iso [class*='modal'] a.tab-selector-link:hover,
.online-two-iso [class*='modal'] .tab-selector-link.active,
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A,
html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI A:hover {
  color: #000;
  border-bottom: 0.5em solid #000;
}
.online-two-iso .modal-normal .tab-selector-link,
.online-two-iso .modal-large .tab-selector-link,
.online-two-iso .modal-normal .tab-selector-link.inactive,
.online-two-iso .modal-large .tab-selector-link.inactive,
html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI A {
  color: #666;
}
.online-two-iso .modal-large .tab-selector-link {color:#000;}

/* 3g) accordions */
/* background colour */
.benefit-matrix .benefit-category .panel-default > .panel-heading,
.trsdashboard .panel-default > .panel-heading,
#benefit-overview #overviewAccordion .panel-default > .panel-heading {
  background-color: #fff;
  padding: 0;
}
#benefit-overview #overviewAccordion .panel-title {
	color: #000;
	font-size: 21px;
	text-transform: uppercase;
}
#benefit-overview .panel-default { border-color: #fff;}
#benefit-overview .group-title{ font-weight: 300;}
#overview { background-color: #efefef;}
#benefit-overview {background-color: transparent;}
/*#benefit-overview .panel-group {margin-top: 36px;}*/
#benefit-overview .input-label {padding: 6px 18px 3px 7px;},display: none;
#benefit-overview .input-group {width: 61%;},display: none;
#benefit-overview .pannel-body-full div.img::before {color: #1e3932 !important;}
.tab-body #overview, 
#benefit-overview .tab-header,
#benefit-overview .overview-component {
	background-color: #fff;
}
.bootstrap-iso .panel-heading .panel-title .accordion-toggle {
  display: block;
}
/*To align clear filter on benefit overview*/
#benefit-overview .clear-filter {margin-left: -391px !important;}

/*.bootstrap-iso .panel-heading .panel-title .accordion-toggle:hover,
.bootstrap-iso .panel-heading .panel-title .accordion-toggle:focus {
  background-color: #686868;
  color: #fff;
}*/
#benefit-overview #overviewAccordion .panel-title .accordion-toggle:focus {
  outline: 3px solid #666;
}
.trsdashboard .panel-title {
  padding: 0;
}
.trsdashboard .panel-title .accordion-toggle {
  padding: 10px 15px;
}

/* expand/collapse icons */
.bootstrap-iso .glyphicon-menu-down,
.bootstrap-iso .glyphicon-menu-up {
  transition: all 0.25s;
  margin-right: 15px;
}
.bootstrap-iso .glyphicon-menu-up {
  transform: rotate(-180deg);
}
.bootstrap-iso .glyphicon-menu-down:before,
.bootstrap-iso .glyphicon-menu-up:before {
  font-family: 'Glyphicons Halflings';
  content: '\e259';
}

/* 3h) Info icons, slider toggles and label styling */
/* info icon color **/
.benefit-matrix .row.title .glyphicon-info-sign-color {
  color: #000;
}
.benefit-matrix .row.title .glyphicon-info-sign-color:hover,
.benefit-matrix .row.title .glyphicon-info-sign-color:focus {
  color: #000;
}
.benefit-matrix .row.title .glyphicon-info-sign-color:focus {
  outline: 3px solid #666;
}

/* slider toggle color */
.online-two-iso input:checked + .slider {
  background-color: #006342;
}

/* label styling e.g. "Note:" labels */
.bootstrap-iso .label {
  background-image: none;
}

/* 3i) logo */
#logo {
  background-image: url("/starbuckscanada/media/TemplateSite.Corporate/Starbucks%20Online%202.2/Starbucks-logo_loginpage2.png");
  background-size: 206px;
  background-position: center;
  background-repeat: no-repeat;
  height: 135px;
  background-size: 265px;
}
/* centering logo on mobile view */
@media only screen and (max-width: 750px) {
  #logo {
    width: calc(100vw - 100px);
  }
}
@media only screen and (max-width: 750px) {
  .generic-page-column-content-button .btn.btn-default {
	width: 125px !important;
  }
}

/* 3j) site header */
/* remove top margin in IE */
.lt-ie9 #header {
  margin-top: 0;
}
/* header colour */
.online-two-iso #terminator #header.header-fullwidth {
  background-color: #006342;
}
/* header icons profile, mailbox and logout, and main 'home' link */
@media only screen and (min-width: 751px) {
  .online-two-iso #menu-container {
    height: auto !important;
    width: 95vw;
    margin: 0 auto;
  }
  .online-two-iso #menu-no-dashboard {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  .online-two-iso #menu-no-dashboard li {
    padding: 0.5em;
  }
  #menu-container ul#menu-no-dashboard li a,
  #user-div a {
    color: #000;
    font-size: 19px;
    font-weight: 700;
  }
}



@media (min-width: 767px) {
  .online-two-iso #menu-container {
    padding: 0;
  }
}

/* need assistance pull down tab */
.help-ico .helptoggle,
.lt-ie9 .help-ico a {
  background-image: none !important;
  background-color: #fff;
}
#header .help-ico a.helptoggle {
  color: #000;
  font-weight: 300;
}
/* use font awesome play icon to repreent the expanded/collaped menu icon */
#header .help-ico a.helptoggle[aria-expanded='true']:after,
#header .help-ico a.helptoggle[aria-expanded='false']:after {
  font-family: FontAwesome;
  content: '\f04b';
  color: #000;
  display: inline-block;
  transform: rotate(90deg);
  font-size: 0.75rem;
  position: relative;
  left: 1em;
  top: -1px;
}
/* this ensures the icon faces up when the menu is expanded */
#header .help-ico a.helptoggle[aria-expanded='true']:after {
  transform: rotate(-90deg);
}

/* remove search */
#floating-header-content .search {
  display: none;
}
/*remove default icons */
#floating-header-content a {
  background: 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: 0.25em;
  font-size: 3rem;
  vertical-align: middle;
}
/*chat icon*/
#floating-header-content li#webChatStatus #chatUnavailable a:before,
#floating-header-content li#webChatStatus #chatAvailable a:before {
  content: '\f0e6';
}
/*call icon*/
#floating-header-content li.call a:before {
  content: '\f10b';
}
/*mail icon*/
#floating-header-content li.mail a:before {
  content: '\f003';
}

@media only screen and (min-width: 768px) {
  #header .help-ico .helptoggle:hover,
  #header .help-ico a.helptoggle[aria-expanded='true']:hover:after,
  #header .help-ico a.helptoggle[aria-expanded='false']:hover:after,
  #header .help-ico .helptoggle:focus,
  #header .help-ico a.helptoggle[aria-expanded='true']:focus:after,
  #header .help-ico a.helptoggle[aria-expanded='false']:focus:after {
    background-color: #686868;
    color: #fff;
  }
  /* link color and width for phone and email links */
  #floating-header-content a {
    color: #000;
    width: auto;
    padding: 0 1em;
  }
  /* hover colour of links in floating header */
  #header a:hover {
    color: #686868;
    text-decoration: none;
  }
  /* focus colour of links in floating header */
  #header a:focus {
    color: #686868;
    outline: 3px solid #666;
  }
}

/* 3k) site footer */
/* footer colour */
.online-two-iso #terminator #footer.footer-fullwidth {
  background-color: #ededed;
}
/* footer link color */
.online-two-iso #footer a {
  color: #000;
  padding: 0 1em;
}
@media only screen and (min-width:751px) {
.online-two-iso #footer div:not(:first-child) a {
	border-left: 1px solid;
}
}
/* copyright */
#footer-copyright {
  color: #000;
  font-size: 0.75rem;
  padding: 0 0 0 17px;
  margin: 9px 0;
}
@media only screen and (min-width: 768px) {
  /* display nav items in one line */
  #footer.footer-fullwidth nav ul#footer-links li {
    display: inline-block;
  }
}

/* 3l) datepickers */
/* button that launches datepicker */
.online-two-iso .datepicker-container .input-group-btn .btn,
/*datepicker on benefit statement */
.bootstrap-iso .btn.online-two-datepicker {
  background-color: #00754a;
  border-color: #ccc;
}
.benefitheader-fixed .btn.btn-warning.btn-print,
.benefitheader-fixed .uib-datepicker-popup .btn-info.active{
  background-color: #006241;
}

.online-two-iso .datepicker-container .input-group-btn .btn:active:hover,
.online-two-iso .datepicker-container .input-group-btn .btn:active:focus,
.bootstrap-iso .uib-datepicker .btn:hover,
.bootstrap-iso .uib-day .btn.btn-default:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success {
  border-radius: 0;
}

/* today, clear and close buttons */
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info,
.templates .uib-datepicker-popup .btn-sm.btn-info {
  background-color: #00754a;
  border: none;
  text-transform: uppercase;
}

.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger,
.templates .uib-datepicker-popup .btn-sm.btn-danger {
  background-color: #d4e9e2;
  border: none;
  text-transform: uppercase;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success,
.templates .uib-datepicker-popup .btn-sm.btn-success {
  background-color: #1e3932;
  border: none;
  min-width: auto;
  text-transform: uppercase;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:focus,
.templates .uib-datepicker-popup .btn-sm.btn-info:hover,
.templates .uib-datepicker-popup .btn-sm.btn-info:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:focus,
.templates .uib-datepicker-popup .btn-sm.btn-danger:hover,
.templates .uib-datepicker-popup .btn-sm.btn-danger:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:focus,
.templates .uib-datepicker-popup .btn-sm.btn-success:hover,
.templates .uib-datepicker-popup .btn-sm.btn-success:focus {
  background-color: #686868;
  color: #fff;
  text-transform: uppercase;
}
.bootstrap-iso .uib-datepicker-popup .btn-info.active,
.templates .uib-datepicker-popup .btn-info.active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:active:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:active:focus,
.templates .uib-datepicker-popup .btn-sm.btn-info:active,
.templates .uib-datepicker-popup .btn-sm.btn-info:active:hover,
.templates .uib-datepicker-popup .btn-sm.btn-info:active:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:active:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:active:focus,
.templates .uib-datepicker-popup .btn-sm.btn-danger:active,
.templates .uib-datepicker-popup .btn-sm.btn-danger:active:hover,
.templates .uib-datepicker-popup .btn-sm.btn-danger:active:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:active:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:active:focus,
.templates .uib-datepicker-popup .btn-sm.btn-success:active,
.templates .uib-datepicker-popup .btn-sm.btn-success:active:hover,
.templates .uib-datepicker-popup .btn-sm.btn-success:active:focus {
  background-color: #00754a;
  color: #fff;
  font-size: 0.75rem;
  text-transform: uppercase;
}

/* hovering over day to be picked */
.bootstrap-iso .uib-day .btn.btn-default:hover,
.templates .uib-day .btn.btn-default:hover {
  background-color: #686868;
  border: 1px solid #ccc;
  color: #fff;
}

/* previous, current month/year, and next buttons at top of datepicker */
.bootstrap-iso .uib-datepicker th .btn:hover,
.bootstrap-iso .uib-daypicker th .btn:hover,
.templates .uib-datepicker th .btn:hover,
.templates .uib-daypicker th .btn:hover {
  background-color: #686868;
  border: 1px solid #ccc;
}

/* 3m) Inputs */
input:focus,
.bootstrap-iso .form-control:focus {
  border-color: #666;
  box-shadow: none;
  outline: 3px solid #666;
}

/*================================================================================================== 4. Login page  ==================================================================================================*/
/* forgot password link */
#wp-forgetPassword > div:hover {
  text-decoration: underline;
}
#wp-forgetPassword > div:focus {
  outline: 3px solid #666;
}
/* module headings */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-title {
  color: white;
}
/* welcome module heading */
.online-two-iso #login-module-login-page-welcome h2 {
  font-size: 3vw;
  text-align: center;
  width: 100%;
}

/* Set font for icons in assistance module */
.bootstrap-iso #login-module-need-assistance span.glyph-icon:before {
  width: 25px;
  display: inline-block;
  font-family: Glyphicons Halflings;
  font-size: 0.875rem;
}
/* Apply icon for phone */
.bootstrap-iso #login-module-need-assistance span#glyph-phone:before {
  content: '\e182';
}
/* Apply icon for email */
.bootstrap-iso #login-module-need-assistance span#glyph-mail:before {
  content: '\2709';
}

/* module links */
#login-modules-container a {
  color: white;
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  /*.isLoginPageWrapper #logo {
    visibility: hidden;
  }*/
  /* login image */
  .online-two-iso.login body {
    background-image: url(/starbuckscanada/media/TemplateSite.Corporate/Starbucks%20Online%202.2/Login%20Screen_1681x1117-2%20Updatedtext.jpg);
  }
  /* login module background colour */
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
    background-color: rgba(0, 0, 0, 0.7);
  }
}
.online-two-iso.login .LoginPageContainer #main {
	margin-top: 0;
}
div#wrapper.isLoginPageWrapper #header #logo {
    background: url("/starbuckscanada/media/TemplateSite.Corporate/Starbucks%20Online%202.2/Starbucks-logo_loginpage2.png") no-repeat left/contain;
    background-size: contain;
    margin: 2% -3%;
    background-size: 282px;
    height: 122px;
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
  /* centering logo */
  #wrapper.isLoginPageWrapper #header #logo {
    float: none;
    margin: 0 auto;
  }
  /* margin between header and login box */
  #wrapper.isLoginPageWrapper #header {
    width: 100%;
    margin: 20px 0;
  }
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
    background: none;
  }
}

/* module widths */
@media only screen and (min-width: 1200px) {
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module#login-module-login-page-welcome {
    width: calc(90% - 450px) !important;
  }
  /*.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module#login-module-need-assistance {
    padding-left: 175px;
    width: calc(10% + 450px) !important;
  }*/
}
.online-two-iso.login .LoginPageContainer .input-group input, .online-two-iso.login .LoginPageContainer .input-group .input-group-addon {
	color: #000;
}
.online-two-iso.login .LoginPageContainer .input-group .input-group-addon { width: 177px;}
.online-two-iso.login .LoginPageContainer .additional-services #wp-forgetPassword { color: #000;}
#login-module-need-assistance .module-title{font-size: 20px;}
#login-module-registration .module-title {font-size: 20px;}
#login-module-whats-new .module-title {font-size: 20px;}
#login-module-EAP .module-title {font-size: 20px;}
#login-module-Partner-Benefits .module-title {font-size: 20px;}
/*#login-module-need-assistance .module-text{font-size: 15px; margin-top: -8px;}
#login-module-need-assistance { margin-top: -15px;}*/

/ ****************************************** first time user page styling ************************/
.online-two-iso .validation-caption {
  color: #666;
}

/****************************************** Terms page (for agreeing to terms and cookie notice) *******************************************/
.terms-conditions-cookies .terms-conditions-cookies-header {
  padding-left: 0;
}
.terms-conditions-cookies .term-condition-error,
.terms-conditions-cookies .cookie-notice,
.terms-conditions-cookies .term-enabled {
  margin-left: 0;
}
.bootstrap-iso .cookie-notice.radio input,
.bootstrap-iso .term-enabled.radio input {
  margin-top: 0;
}

.terms-conditions-cookies .term-condition-error {
  background-color: #e52321;
  color: white;
  border: none;
}
/* hide page header when in the modal content so title isn't duplicated */
.terms-conditions-cookies #page-header {
  display: none;
}
/* list styling for terms content for popup and for main terms page in footer */
.terms-conditions-cookies ol,
.bootstrap-iso#termsOfUse ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.terms-conditions-cookies ol > li,
.bootstrap-iso#termsOfUse ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}
.terms-conditions-cookies ol > li:before,
.bootstrap-iso#termsOfUse ol > li:before {
  content: counters(item, '.') '. ';
  display: table-cell;
  padding-right: 0.6em;
}
.terms-conditions-cookies ol.main-list > li:before,
.bootstrap-iso#termsOfUse ol.main-list > li:before {
  font-size: 1.5rem;
  padding-right: 0.25em;
}
.terms-conditions-cookies li ol > li,
.bootstrap-iso#termsOfUse li ol > li {
  margin: 0;
}
.terms-conditions-cookies li ol > li:before,
.bootstrap-iso#termsOfUse li ol > li:before {
  content: counters(item, '.') ' ';
}

/*================================================================================================== 5. Home page  ==================================================================================================*/
/* remove margin on main element on home page to bring footer together with main element */
#main.home {
  margin-bottom: 0;
}

/* greeting, module and carousel heading colour */
#home-online-three .dashboard-controls #greeting-message,
#home-online-three #home-integrated .module-content-header-container h3.module-content-header {
  color: #000;
}
#home-online-three #home-integrated .module-content-header-container h3.module-content-header {
  font-size: 1.75rem;
  text-align: center;
  padding-left: 25px;
}

/* make background colour of grid container same as for modules */
#home-online-three #home-integrated .modules-right-side.grid-container {
  background-color: #fff;
}
/* background and padding colour for modules */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
  background-color: #ededed;
  padding: 0.5rem;
}
#home-online-three #right-side, #home-integrated, #home-online-three #home-integrated .modules-right-side.grid-container, .grid-item-content {
  background: white !important;
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content:focus {
  outline: 1px solid #666;
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
  padding: 1rem 2rem;
}
/* modules styling */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content,
.bootstrap-iso .carousel.home-module-integrated {
  background: white;
  border: none;
  border-radius: 0;
}
/* hide module more info icon */
#home-online-three #home-integrated .module-content-header-container .online-three-module-popover-control {
  display: none;
}
/* module content text colour */
#home-online-three #home-integrated p,
.event-summary,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light {
  color: #666;
}
#home-online-three #home-integrated p{
  color: #000;
}
/* full width module buttons */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .btn.btn-default,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default {
  width: 100%;
}
/* ===========================================================================
BUTTON ALIGNMENT TO BOTTOM OF HOMEPAGE MODULE
==============================================================================
Guidelines:
Use Kentico module fields if only requiring one button on Generic module types.
If multiple buttons required on Generic module types, use Bootstrap classes of
"btn" and "btn-default" for your <a> tag, wrapped in individual <p> tags, which
in turn are wrapped in a <div> with class "generic-buttons"
============================================================================== */
@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;
    }
    /* reset certain properties to deal with pagers on claims modules */
    #home-online-three #home-integrated #make-a-claim,
    #home-online-three #home-integrated #manage-claims {
      padding-bottom: 1rem;
    }
    #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;
    }
  }
}

/* button max width 75% when on HD screens and above */
@media only screen and (min-width: 1921px) {
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .btn.btn-default,
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default {
    max-width: 75%;
  }
}

/* module icon styling*/
[class*='online-two-icon-']:before {
  color: #006241;
  font-family: OnlineTwoIconFont;
  font-size: 7rem;
}
/*access the app icon */
.online-two-icon-31:before {
  content: '\e91e';
}
/*benefit statement icon */
.online-two-icon-56:before {
  content: '\e938';
}
/* benefit information icon */
.online-two-icon-136:before {
  content: '\e98b';
}
/* discounts icon*/
.online-two-icon-48:before {
  content: '\e930';
}
/* my benefits icon*/
.online-two-icon-63:before {
  content: '\e93f';
}
/* my profile icon */
.online-two-icon-97:before {
  content: '\e964';
}
/* company content icon */
.online-two-icon-121:before {
  content: '\e97c';
}
/* extra benefits content icon */
.online-two-icon-55:before {
  content: '\e937';
}


/*** carousel styling ***/
/* hide carousel hamburger menu */
.home-module-integrated .welcome-items {
  display: none;
}
/* remove faded background on carousel content and increase indent */
.home-module-integrated #slider .sliderContainer .slide-content {
  background: none;
  /*margin-left: 4rem;
  max-width: 45%;*/
}
.home-module-integrated #slider .sliderContainer .slide-content {
    margin: 1rem;
 }
/* remove margin around carousel content and set colour */
#home-online-three #home-integrated .home-module-integrated .content p {
  margin: 0;
  color: #fff;
  font-size: 1.2em;
}
/* carousel slide content headings */
.home-module-integrated .content h2,
.home-module-integrated .content h3 {
  margin-top: 0;
  color: #fff;
}
/* carousel content buttons */
.home-module-integrated #slider .sliderContainer .slide-content .content .btn {
  font-size: 1.15rem;
}
/* adjust width of carousel thumbnails */
.home-module-integrated #slider .thumb .rect {
  width: 190px;
}
/* background of thumbnail container */
.home-module-integrated #slider .thumb {
  background: #ededed;
}

@media only screen and (min-width: 768px) {
  /* benefit statement payslip data item styling */
  #item-0,
  #item-1,
  #item-2 {
    width: calc(100% - 2em);
    margin-left: 1em;
    text-align: left;
    font-weight: bold;
  }
  .payslip-item-amount {
    float: right;
  }
  #item-1 {
    border-bottom: 1px solid #fff;
  }
}

/****************************************** collapsible accordion styling **************/
/* background colour */
.benefit-matrix .benefit-category .panel-default > .panel-heading,
.trsdashboard .panel-default > .panel-heading,
#benefit-overview #overviewAccordion .panel-default > .panel-heading {
  background-color: #F8F8F8 !important;
  height: auto;
}

/* panel title */
.bootstrap-iso .panel-title {
  padding-left: 10px;
}

/* expand/collapse icons */
.bootstrap-iso .glyphicon-menu-down,
.bootstrap-iso .glyphicon-menu-up {
  transition: all .25s
}
.bootstrap-iso .glyphicon-menu-up {
  transform: rotate(-180deg);
}
.bootstrap-iso .glyphicon-menu-down:before,
.bootstrap-iso .glyphicon-menu-up:before {
  font-family: 'Glyphicons Halflings';
	content: '\e259';
}
/****************************************** benefit overview page *******************************************/
/* heading */
#benefit-overview .benefit-overview-title {
  padding: 0;
}
#benefit-overview .benefit-overview-title H1 {
	color: #000;
	font-size: 25px;
	line-height: 1;
	margin-top: 18px;
}

.bootstrap-iso#benefit-overview #BenefitNameFilter {
  background-color: #fff;
	border: 1px solid rgba(0,0,0,.15);
  border-radius: 0;
	color: #333;
	text-transform: none;
	text-align: left;
	width: 100%;
	overflow: hidden;
}
.bootstrap-iso#benefit-overview .clear-filter {
  background-color: #007FAA;
  border: none;
  color: (--button-text-color);
}
.bootstrap-iso#benefit-overview .clear-filter:hover,
.bootstrap-iso#benefit-overview .clear-filter:focus {
  background-color: #00A5DD;
  color: #000;
}
.bootstrap-iso#benefit-overview .clear-filter:active,
.bootstrap-iso#benefit-overview .clear-filter:active:hover,
.bootstrap-iso#benefit-overview .clear-filter:active:focus {
  background-color: #005977;
  color: #fff;
}

/* know more buttons */
#benefit-overview .know-more-link .aria {
  display: none;
}
.bootstrap-iso#benefit-overview .btn.know-more-link {
  background-color: #007FAA;
  border: none;
}
.bootstrap-iso#benefit-overview .know-more-link A {
  color: #fff;
  padding: 0;
  text-transform: uppercase;
}
.bootstrap-iso#benefit-overview .btn.know-more-link:hover,
.bootstrap-iso#benefit-overview .btn.know-more-link:focus {
  background-color: #00A5DD;
}
.bootstrap-iso#benefit-overview .know-more-link A:hover,
.bootstrap-iso#benefit-overview .know-more-link A:focus {
  color: #000;
}
.bootstrap-iso#benefit-overview .btn.know-more-link:active,
.bootstrap-iso#benefit-overview .btn.know-more-link:active:hover,
.bootstrap-iso#benefit-overview .btn.know-more-link:active:focus {
  background-color: #005977;
}
.bootstrap-iso#benefit-overview .know-more-link A:active,
.bootstrap-iso#benefit-overview .know-more-link A:active:hover,
.bootstrap-iso#benefit-overview .know-more-link A:active:focus {
  color: #fff;
}

#benefit-overview .summaryContent {
    font-size: 17px;
}

/*================================================================================================== 7. Benefit statement  ==================================================================================================*/
.benefit-matrix .benefitdate .data-addon,
.benefit-matrix .button-popover {
	color: #000;
	text-transform: initial;
	font-weight: 500;
}
/* view follow up container colour */
.bootstrap-iso .alert-info.hdf-followup {
  background-color: #539987;
  color: white;
}
/****************************************** benefit statement view follow up popup *******************************************/
.benefit-matrix .modal .hdf-followup {
  padding: 0;
}
/* overlay header */
.benefit-matrix .modal .modal-header .header {
  text-transform: uppercase;
}
.benefit-matrix .modal .hdffollowup-intro {
  color: #000;
}

/*================================================================================================== 8. Benefit matrix  ==================================================================================================*/
/* all numerical values */
.benefit-matrix .font-youpay-color,
.benefit-matrix .glyphicon-play-color {
  color: #666;
}
.benefit-matrix .font-youpay-color,
.group-body .col-md-4{
  color: #000;
  font-weight: 400;
}

/* modellers and tools section */
.benefit-matrix .benefitheader.benefitheader-border {
  border: 1.5px solid #000 !important;
  color: #000;
}
.benefit-matrix .benefitheader.benefitheader-border:hover,
.benefit-matrix .benefitheader.benefitheader-border:focus {
  background-color: #fff;
  color: #000;
}
/* change icon font family that's used */
.bootstrap-iso.benefit-matrix .glyphicon-gift:before,
.bootstrap-iso.benefit-matrix .glyphicon-cog:before,
.bootstrap-iso.benefit-matrix .glyphicon-refresh:before {
  font-family: FontAwesome;
}
/* modellers and tools widget */
.bootstrap-iso.benefit-matrix .glyphicon-cog:before {
  content: '\f085';
}
/* manage dependants widget */
.bootstrap-iso.benefit-matrix .glyphicon-gift:before {
  content: '\f0c0';
}
/* adding it up widget */
.bootstrap-iso.benefit-matrix .glyphicon-refresh:before {
  content: '\f1ec';
}

/* confirm choices button */
.benefitheader-fixed div#followup-items a.btn {
  -webkit-animation: shadow-pulse 1s infinite;
  animation: shadow-pulse 1s infinite;
  background-color: #006241;
  border-radius: 0;
  color: #fff;
  font-weight: bold;
}
.benefitheader-fixed div#followup-items a.btn:hover {
  background-color: #686868;
  border-radius: 0;
  color: #fff;
}
.benefitheader-fixed div#followup-items a.btn:focus {
  background-color: #686868;
  border-radius: 0;
  color: #fff;
}
.benefitheader-fixed div#followup-items a.btn:active,
.benefitheader-fixed div#followup-items a.btn:active:hover,
.benefitheader-fixed div#followup-items a.btn:active:focus {
  background-color: #00754a;
  border-radius: 0;
  color: #fff;
}
/* hide reset to default button */
.benefitheader-fixed div#resettodefaults a.btn {
  display: none;
}

/* monthly annual pay toggle styling
monthly button active */
.bootstrap-iso .btn-warning.active.btn-perpay {
  background-color: #00754a;
  border-color: #00754a;
  color: #fff;
}
/* annual button active */
.bootstrap-iso .btn-warning.active.btn-peranual {
  background-color: #00754a;
  border-color: #00754a;
}
/*monthly button inactive */
.bootstrap-iso .btn-group > .btn.btn-perpay:first-child:not(:last-child):not(.dropdown-toggle) {
  border-color: #00754a;
}
/*annual button inactive */
.bootstrap-iso .btn-group > .btn.btn-peranual:last-child:not(:first-child) {
  border-color: #00754a;
  display: none !important;
}
/* hover and focus states of toggle */
.bootstrap-iso .btn-warning.active.btn-perpay:hover,
.bootstrap-iso .btn-group > .btn.btn-perpay:first-child:not(:last-child):not(.dropdown-toggle):hover,
.bootstrap-iso .btn-group > .btn.btn-perpay:first-child:not(:last-child):not(.dropdown-toggle):focus,
.bootstrap-iso .btn-group > .btn.btn-peranual:last-child:not(:first-child):hover,
.bootstrap-iso .btn-group > .btn.btn-peranual:last-child:not(:first-child):focus {
  border: 1px solid #00754a;
  border-radius: 0;
}

/* accordions */
.benefit-matrix .benefit-category .panel-default > .panel-heading,
.benefit-matrix .benefit-category .panel-title {
  padding: 0;
}
.benefit-matrix .benefit-category .panel-title .accordion-toggle {
  display: block;
  padding: 10px;
}
.benefit-matrix .benefit-category .panel-title .accordion-toggle:focus {
  outline: 3px solid #666;
}
/* benefits you can choose*/
.benefit-matrix .containers > div > div.benefit-category:first-child .panel-default > .panel-heading .panel-title .accordion-toggle {
  background: #006342;
}
.benefit-matrix .containers > div > div.benefit-category:first-child .panel-default > .panel-heading .panel-title .accordion-toggle:hover,
.benefit-matrix .containers > div > div.benefit-category:first-child .panel-default > .panel-heading .panel-title .accordion-toggle:focus {
  background-color: #898076 !important;
}
/* benefits you many be able to choose */
.benefit-matrix .containers > div > div.benefit-category:nth-child(2) .panel-default > .panel-heading .panel-title .accordion-toggle {
  background: #006342 !important;
}
.benefit-matrix .containers > div > div.benefit-category:nth-child(2) .panel-default > .panel-heading .panel-title .accordion-toggle:hover,
.benefit-matrix .containers > div > div.benefit-category:nth-child(2) .panel-default > .panel-heading .panel-title .accordion-toggle:focus {
  background-color: #898076 !important;
}
/* benefits you cannot choose */
.benefit-matrix .containers > div > div.benefit-category:nth-last-child(2):not(:first-child) .panel-default > .panel-heading .panel-title .accordion-toggle {
  background: #ff0000;
}
.benefit-matrix .containers > div > div.benefit-category:nth-last-child(2):not(:first-child) .panel-default > .panel-heading .panel-title .accordion-toggle:hover,
.benefit-matrix .containers > div > div.benefit-category:nth-last-child(2):not(:first-child) .panel-default > .panel-heading .panel-title .accordion-toggle:focus {
  background-color: rgba(229, 35, 33, 0.75);
}
/* preventing default link hover stlying for expanding/collapsing accordions */
a.accordion-toggle:hover,
a.accordion-toggle:focus,
a.accordion-toggle:active,
a.accordion-toggle:active:hover,
a.accordion-toggle:active:focus {
  color: #000;
}

/* line group text colour */
.benefit-matrix .group-default {
  color: #000;
}

/* line name */
.benefit-matrix .lineheader > a:link {
  color: #000;
}
.benefit-matrix .lineheader > a:link:hover,
.benefit-matrix .lineheader > a:link:focus {
  color: #000;
}
.benefit-matrix .lineheader > a:link:active,
.benefit-matrix .lineheader > a:link:active:hover,
.benefit-matrix .lineheader > a:link:active:focus {
  color: #000;
}
.benefit-matrix .lineheader > a:link:focus,
.benefit-matrix .lineheader > a:link:active:focus {
  outline: 3px solid #666;
}

/* 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: 75%;
}
.benefit-matrix .row .btn-success {
  background-color: #006241;
  font-weight: bold;
}

/* approved dependant and beneficiary listing text colour */
.benefit-matrix h4[tbs-translate='Enrollment.Step3.WhoIsCovered'],
.benefit-matrix h5[tbs-translate='Enrollment.Online2.BeneficiaryAllocations'] {
  color: #000;
}
.benefit-matrix h5[tbs-translate='Enrollment.Online2.BeneficiaryAllocations'] {
  font-size: 1.125rem;
}
.dependent-approved {
  color: #666;
}

/* new and changed labels */
.benefit-matrix .newbenefit,
.benefit-matrix .changebenefit {
  background-color: #00754a;
  position: relative;
  top: -5px;
}
/* unlocked label */
.benefit-matrix .glyphicon-record,
.benefit-matrix .acitve-text {
  background-color: #00754a;
  color: #fff;
  visibility: hidden;
}
.benefit-matrix .glyphicon-record:before {
  content: '';
}
.benefit-matrix .glyphicon-record .acitve-text {
  font-family: 'Open Sans';
  font-weight: 500;
  padding: 2px 6px 3px 6px;
  text-transform: lowercase;
  top: -5px;
  visibility: visible;
}

/* remove active with data more info icon */
.benefit-matrix .panel-title .glyphicon-info-sign-color {
  display: none;
}

/* active with data intro text */
.benefit-matrix .benefit-active-benefits {
  padding-bottom: 20px;
}
.benefit-matrix .benefit-active-benefits .active-intro {
  display: none;
}

/*================================================================================================== 9. Benefit selection  ==================================================================================================*/
/* continue button */
.benefitselect .continue,
.benefitselect .continue:hover,
.benefitselect .continue:focus,
.benefitselect .continue:active,
.benefitselect .continue:active:hover,
.benefitselect .continue:active:focus {
  border-radius: 0;
}
/* line name */
.benefitselect .line-name {
  color: #000;
}
/* more info icon */
.benefitselect .line-benefit-intro .glyphicon-info-sign-color {
  color: #000;
}

/* 'Currently Selected' heading */
.benefitselect .header-selected {
  color: #000;
}

/* currently selected box */
.benefitselect .in-Cart .you-pay > p:nth-of-type(2) {
  display: none;
}

/* select buttons */
.online-two-iso .benefitselect A.button-style.green {
  background-color: #00754a;
  border-radius: 20px;
  color: #fff;
}
.online-two-iso .benefitselect A.button-style.green:hover {
  background-color: #686868;
  box-shadow: none;
  color: #fff;
}
.online-two-iso .benefitselect A.button-style.green:focus {
  background-color: #686868;
  box-shadow: none;
  color: #fff;
}
.online-two-iso .benefitselect A.button-style.green:active,
.online-two-iso .benefitselect A.button-style.green:active:hover,
.online-two-iso .benefitselect A.button-style.green:active:focus {
  background-color: #00754a;
  color: #fff;
}

/* remove division elements between benefits */
.division {
  display: none;
}

/* benefit description row colour */
.benefitselect .line-benefit-intro .line-description .row {
  background: white;
}
/* remove full benefit details link */
/*.bootstrap-iso.benefitselect .more-info {
  display: none;
}*/
/* remove background image shadow */
.box-border-bg {
  background: none;
}

/*currently selected box text colour */
.benefitselect .content-you-chose,
.benefitselect .content-you-chose p,
.in-Cart .you-chose .selected-plan,
SPAN.green-number,
.benefitselect .in-Cart .you-pay H3,
.benefitselect .in-Cart .you-pay P SPAN.green-number {
  color: #000;
  font-size: 17px;
}
/* EOI pending asterisk */
.benefitselect .alignleft .pending-note {
  display: inline;
  float: none;
}
/* available products heading */
.benefitselect .products-header H4 {
  color: #000;
}
/* selected plan border box */
.benefitselect .products .box-border.sel,
.benefitselect .products .box-border.sel .header {
  background: #000;
}
.benefitselect .products .box-border.sel .header {
  padding-left: 0;
}
/* hide provider finder and prescription finder */
.available-options .links-group.four-links {
  display: none;
}
/* selected coverage text colour */
.option-credit-health .option.sel {
  color: red;
  font-weight: bold;
}
/* see also link colour */
.benefitselect .linename > a:link {
  color: #000;
}
.benefitselect .linename > a:hover {
  color: #000;
}
.benefitselect .linename > a:focus {
  color: #000;
}
.benefitselect .linename > a:active,
.benefitselect .linename > a:active:hover,
.benefitselect .linename > a:active:focus {
  color: #000;
}

/*================================================================================================== 10. Profile  ==================================================================================================*/
/* headings */
html#profile body#profile .profile #profile-online-2 #dependantsTab P.full-name,
html#profile body#profile .profile #profile-online-2 #beneficiariesTab P.full-name {
  color: #000;
}
/* buttons */
html#profile body#profile #profile-online-2 .button-style.green,
html#profile body#profile #profile-online-2 .button-style.orange,
html#profile body#profile #profile-online-2 .button-style.blue {
  background-color: #006241;
  border-radius: 20px;
  color: #fff;
}
html#profile body#profile #profile-online-2 .button-style.green:hover,
html#profile body#profile #profile-online-2 .button-style.green:focus,
html#profile body#profile #profile-online-2 .button-style.orange:hover,
html#profile body#profile #profile-online-2 .button-style.orange:focus,
html#profile body#profile #profile-online-2 .button-style.blue:hover,
html#profile body#profile #profile-online-2 .button-style.blue:focus {
  background-color: #686868;
  box-shadow: none;
  color: #fff;
}
html#profile body#profile #profile-online-2 .button-style.green:active,
html#profile body#profile #profile-online-2 .button-style.green:active:hover,
html#profile body#profile #profile-online-2 .button-style.green:active:focus,
html#profile body#profile #profile-online-2 .button-style.orange:active,
html#profile body#profile #profile-online-2 .button-style.orange:active:hover,
html#profile body#profile #profile-online-2 .button-style.orange:active:focus,
html#profile body#profile #profile-online-2 .button-style.blue:active,
html#profile body#profile #profile-online-2 .button-style.blue:active:hover,
html#profile body#profile #profile-online-2 .button-style.blue:active:focus {
  background-color: #00754a;
  color: #fff;
}

/*Profile Delete beneficiary button*/
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.orange, .online-two-iso A.button-style.orange {
	background-color: #006342;
	border-radius: 20px;
}

/*Profile Add beneficiary button*/

.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green, .online-two-iso A.button-style.green {
	background-color: #006342;
	border-radius: 20px;
	
}

/* resetting the country selector dropdown when editing address info */
.bootstrap-iso .dropdown-toggle:before {
  background-color: transparent;
}
.bootstrap-iso .dropdown-toggle,
.bootstrap-iso .dropdown-toggle:hover,
.bootstrap-iso .dropdown-toggle:focus {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  color: #333;
  text-transform: none;
  text-align: left;
}
.bootstrap-iso .dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 6px #666;
}

/* header overlay for adding/editing/deleting dependants/beneficiaries */
html#profile body#profile .profile #profile-online-2 .header-overlay H5 {
  font-weight: 500;
}

/* dependants tab styling */
html#profile body#profile #profile-online-2 #dependantsTab .left-taboff .sectionTitledimmedLeft,
html#profile body#profile #profile-online-2 #dependantsTab .right-taboff .sectionTitledimmed {
  color: #666;
}

html#profile body#profile #profile-online-2 #dependantsTab .left-tabon .sectionTitle {
  color: #513b56;
  border-bottom: 0.5em solid #513b56;
  padding-bottom: 0.25em;
}
html#profile body#profile #profile-online-2 #dependantsTab .right-tabon {
  border-bottom: 0.5em solid #513b56;
}
html#profile body#profile #profile-online-2 #dependantsTab .right-tabon .sectionTitledimmed {
  color: #513b56;
}

/* beneficiaries tab styling */
html#profile body#profile #profile-online-2 #beneficiariesTab .left-taboff .sectionTitledimmedLeft,
html#profile body#profile #profile-online-2 #beneficiariesTab .right-taboff .sectionTitledimmed {
  color: #666;
}

html#profile body#profile #profile-online-2 #beneficiariesTab .left-tabon .sectionTitle,
html#profile body#profile #profile-online-2 #beneficiariesTab .right-tabon .sectionTitle {
  color: #513b56;
  border-bottom: 0.5em solid #513b56;
  padding-bottom: 0.25em;
}
/* beneficiaries edit allocation popup */
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label {
  background-color: #00754a;
  border: 1px solid white;
  border-radius: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  padding: 6px 12px;
  text-transform: uppercase;
}
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label.active {
  background-color: #00754a;
  box-shadow: none;
  color: #fff;
}
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label:hover,
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label:focus {
  background-color: #686868;
  color: #fff;
}

/* security tab styling */
/*.left-taboff,
.right-taboff {
  background: none;
}*/
html#profile body#profile #profile-online-2 #securityTab .left-taboff .sectionTitledimmedLeft,
html#profile body#profile #profile-online-2 #securityTab .right-taboff .sectionTitledimmed {
  color: #3782a5;
}
/*html#profile body#profile #profile-online-2 #securityTab .left-tabon .sectionTitle,
html#profile body#profile #profile-online-2 #securityTab .right-tabon .sectionTitle {
  color: #513b56;
  border-bottom: 0.5em solid #513b56;
  padding-bottom: 0.25em;
}*/

/* preferences toggle button */
#communicationPreferencesTab .ui-buttonset label {
  border: 1px solid #ccc;
}
#communicationPreferencesTab .ui-buttonset .ui-button.ui-state-active .ui-button-text {
  background-color: #539987;
  background-image: none;
}
#communicationPreferencesTab .ui-buttonset .ui-button.ui-state-active .ui-button-text:before {
  font-family: FontAwesome;
  content: '\f00c';
  position: relative;
  left: -0.5em;
}

/* ensuring that the marketing preferences toggles are in alignment */
@media only screen and (min-width: 992px) {
  #communicationPreferencesTab p#marketingHeader + div.row {
    display: flex;
  }
  html#profile body#profile .profile #profile-online-2 #profilecontainer #communicationPreferencesTab .content-box-border .row .grid-cell {
    display: flex;
    flex-wrap: wrap;
  }
  html#profile body#profile .profile #profile-online-2 #profilecontainer #communicationPreferencesTab .content-box-border .row .grid-cell .ui-buttonset {
    align-self: flex-end;
  }
}

/*================================================================================================== Mailbox  ==================================================================================================*/
.k-state-selected {
  background-color: #2f4f4f !important;
}
/* save/delete popup modal */
div.tbs-modal h2 {
  color: white;
  text-transform: uppercase;
}


/*================================================================================================== 12. TRS  ==================================================================================================*/
.trsdashboard .summary-myreward {
  visibility: hidden;
}
.trsdashboard .summarystatementdate {
  color: #666;
  text-align: center;
  font-size: 2rem;
}

/* alignment of data group chart total between pre and post text */
.textareaChartTab .LineGroupTotal {
  display: inline-block;
}

/* vertical table styling */
.trsdashboard .table,
.trsdashboard .table > thead > tr > th,
.trsdashboard .table tbody tr td {
  border: none;
}
.trsdashboard .table {
  border: 1px solid #ccc
}
.trsdashboard .table > thead > tr > th {
  background-color: #513b56;
  color: #fff;
}
.trsdashboard .table > thead > tr > th,
.trsdashboard .table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #ccc
}

/* consistent font-size as rest of the TRS */
.trsdashboard .table,
.trsdashboard .table tbody tr td {
  font-size: 1rem;
}

/* ensuring that Default components and those with Vertical Tables are aligned on the left and right consistently */
@media only screen and (min-width: 768px){
  .chart_line.row {
    margin-left: 15px;
    width: calc(100% - 30px)
  }
  .content-name {
    padding-left: 15px
  }
  .tab-pane .table-responsive {
    padding: 0 15px
  }
}

/*================================================================================================== 13. Specific popups  ==================================================================================================*/
/* 13a) forgot password */
/* progress bar colour */
.bootstrap-iso .progress-bar-success {
  background-color: #539987;
}

/* 13b) modellers and tools */
/* overlay header */
.bootstrap-iso .modellersModalHeader {
  margin-top: 7px;
}
.modal-normal ul.modeller-links {
  padding-left: 1.25em;
  width: 100%;
}
/* selected tab*/
.modeller-links li a.checked,
.modeller-links li a.unchecked:hover {
  background-color: transparent;
  border-bottom: 0.5em solid #000;
  color: #000;
}
/* unselected tab */
.modeller-links li a.unchecked {
  background-color: transparent;
  color: #666;
}
/* text color */
.modeller-container .row-header,
.modeller-container .row-summary {
  color: #666;
}
/* tax code input */
/* model button */
input.modeller-line-bottom {
  background-color: #00754a;
  border-radius: 20px;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}
input.modeller-line-bottom:hover {
  background-color: #686868;
  color: #fff;
}
input.modeller-line-bottom:focus {
  background-color: #686868;
  box-shadow: none;
  color: #fff;
}
input.modeller-line-bottom:active,
input.modeller-line-bottom:active:hover,
input.modeller-line-bottom:active:focus {
  background-color: #00754a;
  box-shadow: none;
  color: #fff;
}

/* 13c) manage dependants */
/* overlay header */
.bootstrap-iso .dependantModalHeader {
  margin-top: 7px;
}
.bootstrap-iso .dependantContainer .tab-header {
  background-color: white;
}
/* remove intro text created from resource string */
/*.dependantIntroText {
  display: none;
}*/

#allocationDialog .add-beneficiary {
  color: #000;
}
#allocationDialog .add-beneficiary:hover {
  color: #000;
}
#allocationDialog .add-beneficiary:focus {
  color: #000;
}
#allocationDialog .add-beneficiary:active,
#allocationDialog .add-beneficiary:active:hover,
#allocationDialog .add-beneficiary:active:focus {
  color: #000;
}

/* add, edit and remove links */
.dependant-list-top a.dependant-add-link,
.dependant-list a.dependant-edit,
.dependant-list a.dependant-remove {
  color: #000;
}
.dependant-list .dependant-add-item a.dependant-edit,
.dependant-list .dependant-add-item a.dependant-remove {
  color: #fff;
  padding: 6px 12px;
}
.dependant-list .dependant-add-item a.dependant-edit {
  background-color: #00754a;
}
.dependant-list .dependant-add-item a.dependant-remove {
  background-color: #000;
}
.dependant-list-top a.dependant-add-link:hover,
.dependant-list a.dependant-edit:hover,
.dependant-list a.dependant-remove:hover {
  color: #000;
}
.dependant-list .dependant-add-item a.dependant-edit:hover,
.dependant-list .dependant-add-item a.dependant-remove:hover {
  background-color: #686868;
  color: #fff;
}
.dependant-list-top a.dependant-add-link:focus,
.dependant-list a.dependant-edit:focus,
.dependant-list a.dependant-remove:focus {
  color: #000;
}
.dependant-list .dependant-add-item a.dependant-edit:focus,
.dependant-list .dependant-add-item a.dependant-remove:focus {
  background-color: #686868;
  color: #fff;
}
.dependant-list-top a.dependant-add-link:active,
.dependant-list-top a.dependant-add-link:active:hover,
.dependant-list-top a.dependant-add-link:active:focus,
.dependant-list a.dependant-edit:active,
.dependant-list a.dependant-edit:active:hover,
.dependant-list a.dependant-edit:active:focus,
.dependant-list a.dependant-remove:active,
.dependant-list a.dependant-remove:active:hover,
.dependant-list a.dependant-remove:active:focus {
  color: #000;
}
.dependant-list .dependant-add-item a.dependant-edit:active,
.dependant-list .dependant-add-item a.dependant-edit:active:hover,
.dependant-list .dependant-add-item a.dependant-edit:active:focus,
.dependant-list .dependant-add-item a.dependant-remove:active,
.dependant-list .dependant-add-item a.dependant-remove:active:hover,
.dependant-list .dependant-add-item a.dependant-remove:active:focus {
  background-color: #00754a;
  color: #fff;
}
/* costs displayed on Dependants Covered tab */
.benefit-matrix .employee-cost .cost-number {
  color: #666;
}

/* table header colour when removing dependants that are attached to cover */
.table.reverse-header thead > tr > th {
  background-color: #00754a;
}

/*swap the order of the save and close buttons on dependant coverage summary */
.coverage-bottom .dependant-accept-btn,
.coverage-bottom .dependant-cancel-btn {
  position: relative;
}
.coverage-bottom .dependant-accept-btn {
  left: 4.5em;
}
.coverage-bottom .dependant-cancel-btn {
  right: 6em;
}

/* 13d) benefit matrix follow up items  */
/* overlay header */
#followup-items-overlay.online-followup-items #followup-items-title {
  background-color: #fff;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
/* close icon */
#followup-items-overlay a.close {
  top: 2px;
}
/* oustanding items complete icon */
.online-two-iso .success-icon {
  color: #539987;
}
/* completed items dot indicator color */
.followup-content .progress-indicator .step-finished {
  background-color: #539987;
}

/* 13e) benefit matrix T&Cs */
/* overlay header */
.benefit-matrix .benefitheader {
  text-transform: uppercase;
}
/* terms and conditions main text elements */
#main.matrix .modal-dialog .confirmchoice ul li {
  list-style: none;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .bootstrap-iso .confirmchoice .dl-horizontal dt {
    text-align: left;
  }
}
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active {
  background-color: #539987;
  border-radius: 0px !important;
}
.benefit-matrix .modal-footer #confirmation-buttons .btn-default:hover {
  border: 1px solid #ccc;
  border-radius: 0;
}

/* 13f) benefit selection election info collect */
/* header overlay */
.online-two-iso .modal-normal .modal-header .header-text {
  padding-left: 1em;
}

.election-info-collect .dependant-board .expand-sign {
  color: #666;
}

.election-info-collect .dependant-board .icon {
  background-image: none;
  width: 0;
}
.election-info-collect .dependant-board .icon:before {
  color: #00754a;
  content: '\f0c0';
  font-family: 'FontAwesome';
  font-size: 3rem;
  padding-right: 0.25em;
}

/* 13g) benefit selection beneficiaries */
/* primary, contingent, none button group */
.benefitselect #allocationDialog .btn-group label:first-of-type {
  border-radius: 0;
}
.benefitselect #allocationDialog .btn-group label {
  border: 1px solid white;
}
.benefitselect #allocationDialog .btn-group .active {
  background-color: #539987;
}
#allocationDialog .edit-beneficiary,
#allocationDialog .delete-beneficiary {
  color: #000;
}
#allocationDialog .edit-beneficiary:hover,
#allocationDialog .edit-beneficiary:focus,
#allocationDialog .delete-beneficiary:hover,
#allocationDialog .delete-beneficiary:focus {
  color: #000;
}
#allocationDialog .edit-beneficiary:active,
#allocationDialog .edit-beneficiary:active:hover,
#allocationDialog .edit-beneficiary:active:focus,
#allocationDialog .delete-beneficiary:active,
#allocationDialog .delete-beneficiary:active:hover,
#allocationDialog .delete-beneficiary:active:focus {
  color: #000;
}

/****************************************** benefit intro popup **************************************/
.faq-answer {
  padding-bottom: 1em;
}

/*================================================================================================== 14. Icons  ==================================================================================================*/
/* 14a) benefit icon general coding */
/* remove background images in readiness for using icons */
/* benefit matrix */
.benefit-matrix .benefitline .benefit-menu .img,
/* see also images */
div.see-also .img,
/* life event icons */
.benefit-matrix .active-benefits .img,
/* benefits overview icons */
#benefit-overview .summaryImage .img {
  background: none;
}

/* general styling for using icons for benefits */
.benefit-matrix .benefitline .benefit-menu .img:before,
div.see-also .img:before,
#benefit-overview .summaryImage .img:before {
  font-family: OnlineTwoIconFont;
  font-size: 8rem;
  position: relative;
  top: -0.1em;
  color: #1e3932;
}
#benefit-overview .summaryImage .img:before {
  font-size: 6rem;
  top: 0em;
}
.benefit-matrix .benefitline .benefit-menu .img:before { font-size: 7rem;}

/* icon size for 'see also' section of benefit selection page */
div.see-also .img:before {
  font-size: 3.5rem;
  top: -0.25em;
}

/* 14b) life event icon general coding */
/* background of image placeholder */
.benefit-matrix .active-benefits .img {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #006241;
}
/* general styling for using icons for events */
.benefit-matrix .active-benefits .img:before {
  font-family: OnlineTwoIconFont;
  font-size: 6rem;
  color: white;
}

/*================================================================================================== 15. Claims  ==================================================================================================*/
/* 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: var(--primary-text-color);
}

/* 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: #00754a;
  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: #00754a;
  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: var(--primary-text-color);
}
.online-two-iso .claimSubmittedHeader h3 {
  color: #fff;
}

/* claim overview */
/* links */
body#StatementAndClaimSubmit #wrapper a {
  color: #000;
}
body#StatementAndClaimSubmit #wrapper a:hover,
body#StatementAndClaimSubmit #wrapper a:focus {
  color: #000;
  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 var(--primary-text-color);
  color: var(--primary-text-color);
  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: var(--primary-text-color);
}

/* 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: var(--secondary-text-color);
}
.claim-approved a[title='Pending']:before,
.claim-approved a[title='Afwachting']:before {
  content: '\f0ec';
  color: var(--primary-text-color);
}

/* buttons in popup modal */
.claim-edit-link .btn.btn-primary,
.claim-edit-link .btn.btn-info {
  background-color: #00754a;
  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: var(--primary-text-color);
  color: #fff;
  font-weight: bold;
}
/* table headings on FSA statement tab */
.fsa-table-caption .section_title,
.subtitle-claims .section_title {
  color: var(--primary-text-color);
}

/*================================================================================================== 16. My Documents  ==================================================================================================*/
/* make table of documents responsive */
#tabledocuments {
  display: block !important;
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
#tabledocuments th,
#tabledocuments td {
  padding: 5px;
}
#tabledocuments > thead > tr > th {
  background-color: var(--tertiary-text-color);
}
a#btnNewDocument {
  color: #000 !important;
}
a#btnNewDocument:hover {
  color: #000 !important;
  text-decoration: none;
}
#dlguploadDocument #btn-upload-document-save,
#deleteDocumentDialog #dspdeleteDocument {
  background-color: #00754a;
  border-radius: 25px;
  font-weight: bold;
  transition: background-color 0.25s;
}
#dlguploadDocument #btn-upload-document-cancel,
#deleteDocumentDialog #btnCancelDocument .gray {
  background-color: #000;
  transition: background-color 0.25s;
}
#dlguploadDocument #btn-upload-document-save:hover,
#dlguploadDocument #btn-upload-document-save:focus,
#dlguploadDocument #btn-upload-document-cancel:hover,
#dlguploadDocument #btn-upload-document-cancel:focus,
#deleteDocumentDialog #dspdeleteDocument:hover,
#deleteDocumentDialog #dspdeleteDocument:focus,
#deleteDocumentDialog #btnCancelDocument .gray:hover,
#deleteDocumentDialog #btnCancelDocument .gray:focus {
  background-color: #686868;
}
#dlguploadDocument #btn-upload-document-save:active,
#dlguploadDocument #btn-upload-document-save:active:hover,
#dlguploadDocument #btn-upload-document-save:active:focus,
#dlguploadDocument #btn-upload-document-cancel:active,
#dlguploadDocument #btn-upload-document-cancel:active:hover,
#dlguploadDocument #btn-upload-document-cancel:active:focus,
#deleteDocumentDialog #dspdeleteDocument:active,
#deleteDocumentDialog #dspdeleteDocument:active:hover,
#deleteDocumentDialog #dspdeleteDocument:active:focus,
#deleteDocumentDialog #btnCancelDocument .gray:active,
#deleteDocumentDialog #btnCancelDocument .gray:active:hover,
#deleteDocumentDialog #btnCancelDocument .gray:active:focus {
  background-color: #00754a;
}

/* overlay styling */
#dlguploadDocument.overlay-no-height-limit,
#dlguploadDocument textarea {
  width: 100%;
}
@media only screen and (max-width: 750px) {
  #dlguploadDocument .column-left {
    width: 100%;
    text-align: left;
  }
}

/*================================================================================================== 17. Document Download  ==================================================================================================*/
.interactive-TRS ul {
  display: grid;
  display: -ms-grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  -ms-grid-columns: 1fr 1fr 1fr;
  padding-bottom: 1em;
}
.interactive-TRS ul > li:first-child {
  -ms-grid-column: 1;
  -ms-grid-row: 1
}
.interactive-TRS ul > li:nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-row: 1
}
.interactive-TRS ul > li:last-child {
  -ms-grid-column: 3;
  -ms-grid-row: 1
}
.interactive-TRS .h1 {
  color: #000;
  font-size: 5rem;
  font-weight: 700
}
#statements_selector:focus {
  outline: 3px solid #666;
  background-color: #686868;
  color: #fff;
}
#download_statement {
  transform: translate3d(1em, -.25em, 0);
}
#download_statement:after {
  content: '\f0ed';
  font-family: FontAwesome;
  padding-left: .5em;
}

/*================================================================================================== 18. Mobile  ==================================================================================================*/
/*Mobile Registration*/
.box-left-bg.mobile-registration-fullwidth label {
	display: none;
}

.box-left-bg.mobile-registration-fullwidth #password1 {
	display: none;
}

.box-left-bg.mobile-registration-fullwidth #passwordConfirmation {
	display: none;
}

.box-left-bg.mobile-registration-fullwidth #newPasswordSave {
	display: none;
}

.mobile-registration-app-download {
	position: relative;
	right: 486px;
	bottom: 40px;
}

#pinDiv {
	display: none;
}

#userNameDiv {
	position: relative;
	right: 18px;
}

#mobileRegistration .box-left-bg, #mobileRegistration .box-border-bg {
	background: none !important;
}

#mobileRegistration .box-border {
	background: none !important;
	font-size: 15px;
	color: #000;
	border-color: #fff;
}

/*================================================================================================== 19. Client specific styles  ==================================================================================================*/
/* homepage module layouts*/
@media only screen and (min-width: 768px){
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(2,1fr);
    -ms-grid-columns:1fr 1fr;
    grid-template-areas:
     "module-1 module-1"
      "module-2 module-4"
      "module-3 module-3"
      "module-5 module-6"
      "module-7 module-8"
	}
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
    -ms-grid-column:1;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
    -ms-grid-column:2;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:3;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
    -ms-grid-column:1;
    -ms-grid-row:4;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
    -ms-grid-column:2;
    -ms-grid-row:4;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
    -ms-grid-column:1;
    -ms-grid-row:5;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
    -ms-grid-column:2;
    -ms-grid-row:5;
  }
}

@media only screen and (min-width: 1024px){
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(3,1fr);
    -ms-grid-columns:1fr 1fr 1fr;
    grid-template-areas:
       "module-1 module-1 module-2"
      "module-3 module-4 module-5"
      "module-6 module-7 module-8"
      "module-9 module-10 module-11"
	}
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
    -ms-grid-column:3;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
    -ms-grid-column:1;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
    -ms-grid-column:2;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
    -ms-grid-column:3;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
    -ms-grid-column:1;
    -ms-grid-row:4;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
    -ms-grid-column:2;
    -ms-grid-row:4;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
    -ms-grid-column:3;
    -ms-grid-row:4;
  }
}

@media only screen and (min-width: 1400px){
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(3,1fr);
    -ms-grid-columns:1fr 1fr 1fr;
    grid-template-areas:
      "module-1 module-1 module-2"
      "module-3 module-4 module-5"
      "module-6 module-7 module-8"
      "module-9 module-10 module-11"
	}
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
    -ms-grid-column:3;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
    -ms-grid-column:1;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
    -ms-grid-column:2;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
    -ms-grid-column:3;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
    -ms-grid-column:1;
    -ms-grid-row:4;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
    -ms-grid-column:2;
    -ms-grid-row:4;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
    -ms-grid-column:3;
    -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(3,1fr);
    -ms-grid-columns:1fr 1fr 1fr;
    grid-template-areas:
      "module-1 module-1 module-2"
      "module-3 module-4 module-5"
      "module-6 module-7 module-8"
      "module-9 module-10 module-11"
    }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
    -ms-grid-column:3;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
    -ms-grid-column:1;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
    -ms-grid-column:2;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
    -ms-grid-column:3;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
    -ms-grid-column:1;
    -ms-grid-row:4;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
    -ms-grid-column:2;
    -ms-grid-row:4;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
    -ms-grid-column:3;
    -ms-grid-row:4;
  }
}

/****************************************** Using icons for benefits/events *******************************************/
/* if wanting icons to be colour coded to benefit groups */
/* replace LINEGROUP1/LINEGROUP2/LINEGROUP3 with relevant classes */
.benefit-matrix .LINEGROUP1 .benefitline .img:before,
#benefit-overview .LINEGROUP1 .summaryImage .img:before {
  color: #000;
}
.benefit-matrix .LINEGROUP2 .benefitline .img:before,
#benefit-overview .LINEGROUP2 .summaryImage .img:before {
  color: #000;
}
.benefit-matrix .LINEGROUP3 .benefitline .img:before,
#benefit-overview .LINEGROUP3 .summaryImage .img:before {
  color: #000;
}


/****************************************** Using icons for homepage/elsewhere on the site *******************************************/
/* add any additional icons from the OnlineTwoIconFont that are required */

/* Benefit Icons: Basic Partner Life Insurance */
#benefit-overview .img.BenefitImage_b91aa532-ad00-42dc-8bf4-9d3ff22a45f2:before,
.img.Lb91aa532-ad00-42dc-8bf4-9d3ff22a45f2:before,
div.see-also .img.Lb91aa532-ad00-42dc-8bf4-9d3ff22a45f2:before{
	content: '\e905';
}

/* Benefit Icons: Test _Basic */
#benefit-overview .img.BenefitImage_6d58c715-6162-43a0-b28c-f52fac1b96f9:before,
.img.L6d58c715-6162-43a0-b28c-f52fac1b96f9:before,
div.see-also .img.L6d58c715-6162-43a0-b28c-f52fac1b96f9:before{
	content: '\e901';
}

/* Benefit Icons: Basic ADD */
#benefit-overview .img.BenefitImage_31f122f9-c012-4609-b25e-58633b7e412c:before,
.img.L31f122f9-c012-4609-b25e-58633b7e412c:before,
div.see-also .img.L31f122f9-c012-4609-b25e-58633b7e412c:before{
	content: '\e925';
}

/* Benefit Icons: Basic Dependent Life */
#benefit-overview .img.BenefitImage_70a56286-6295-45e3-b616-4f1593da4c6f:before,
.img.L70a56286-6295-45e3-b616-4f1593da4c6f:before,
div.see-also .img.L70a56286-6295-45e3-b616-4f1593da4c6f:before{
	content: '\e905';
}

/* Benefit Icons: Basic Critical Illness */
#benefit-overview .img.BenefitImage_65c41adb-7690-47bf-ae3d-dad1008e87e1:before,
.img.L25147fe9-120b-4222-9df6-b00a4b8582bf:before,
div.see-also .img.L25147fe9-120b-4222-9df6-b00a4b8582bf:before{
	content: '\e91b';
}

/* Benefit Icons: Short Term Disability */
#benefit-overview .img.BenefitImage_74ec80bf-cf01-4da2-8826-d3f8e50bd899:before,
.img.L74ec80bf-cf01-4da2-8826-d3f8e50bd899:before,
div.see-also .img.L74ec80bf-cf01-4da2-8826-d3f8e50bd899:before{
	content: '\e916';
}

/* Benefit Icons: Long Term Disability */
#benefit-overview .img.BenefitImage_dcc21e00-1148-4e96-8ca8-e8dd107f4b30:before,
.img.Ldcc21e00-1148-4e96-8ca8-e8dd107f4b30:before,
div.see-also .img.Ldcc21e00-1148-4e96-8ca8-e8dd107f4b30:before{
	content: '\e916';
}

/* Benefit Icons: Extended Health */
#benefit-overview .img.BenefitImage_dcee7d6f-2133-4213-8c85-994273a42527:before,
.img.Ldcee7d6f-2133-4213-8c85-994273a42527:before,
div.see-also .img.Ldcee7d6f-2133-4213-8c85-994273a42527:before{
	content: '\e927';
}

/* Benefit Icons: Dental */
#benefit-overview .img.BenefitImage_991f1408-e49e-4f5e-8766-e5c8600dfdd1:before,
.img.L991f1408-e49e-4f5e-8766-e5c8600dfdd1:before,
div.see-also .img.L991f1408-e49e-4f5e-8766-e5c8600dfdd1:before{
	content: '\e909';
}

/* Benefit Icons: Out of Country */
#benefit-overview .img.BenefitImage_c7e0d4b0-2b7a-43b5-92a9-2e3104ca70b3:before,
.img.Lc7e0d4b0-2b7a-43b5-92a9-2e3104ca70b3:before,
div.see-also .img.Lc7e0d4b0-2b7a-43b5-92a9-2e3104ca70b3:before{
	content: '\e911';
}

/* Benefit Icons: Health Add-on 1 */
#benefit-overview .img.BenefitImage_a5908142-79a4-4a1e-b8b6-50e076f06d81:before,
.img.La5908142-79a4-4a1e-b8b6-50e076f06d81:before,
div.see-also .img.La5908142-79a4-4a1e-b8b6-50e076f06d81:before{
	content: '\e920';
}

/* Benefit Icons: Employee Assistance Program */
#benefit-overview .img.BenefitImage_7f145289-c23d-4fcb-8928-63f5b21032d2:before,
.img.L7f145289-c23d-4fcb-8928-63f5b21032d2:before,
div.see-also .img.L7f145289-c23d-4fcb-8928-63f5b21032d2:before{
	content: '\e975';
}

/* Benefit Icons: Base Credit */
#benefit-overview .img.BenefitImage_9198d138-645e-400b-9a67-576fb3a7c932:before,
.img.L9198d138-645e-400b-9a67-576fb3a7c932:before,
div.see-also .img.L9198d138-645e-400b-9a67-576fb3a7c932:before{
	content: '\e920';
}

/* Benefit Icons: Health Care Spending Account */
#benefit-overview .img.BenefitImage_6c97c2fb-63d1-415e-9473-1f478f3834e5:before,
.img.L6c97c2fb-63d1-415e-9473-1f478f3834e5:before,
div.see-also .img.L6c97c2fb-63d1-415e-9473-1f478f3834e5:before{
	content: '\e93a';
}

/* Benefit Icons: Personal Spending Account */
#benefit-overview .img.BenefitImage_6413f9fc-4a4b-472b-b4da-57d9c2b46547:before,
.img.L6413f9fc-4a4b-472b-b4da-57d9c2b46547:before,
div.see-also .img.L6413f9fc-4a4b-472b-b4da-57d9c2b46547:before{
	content: '\e908';
}

/* Benefit Icons: Registered Retirement Savings Plan Account */
#benefit-overview .img.BenefitImage_103dd216-96a2-451f-82b0-e415bb5c5a99:before,
.img.L103dd216-96a2-451f-82b0-e415bb5c5a99:before,
div.see-also .img.L103dd216-96a2-451f-82b0-e415bb5c5a99:before{
	content: '\e91f';
}

/* Benefit Icons: Taxable Cash */
#benefit-overview .img.BenefitImage_1fc98058-5f0a-4229-a00d-f5e2ed269870:before,
.img.L1fc98058-5f0a-4229-a00d-f5e2ed269870:before,
div.see-also .img.L1fc98058-5f0a-4229-a00d-f5e2ed269870:before{
	content: '\e924';
}

/* Benefit Icons: Employee Optional Life */
#benefit-overview .img.BenefitImage_1a49cdde-5b87-42db-9391-e94f71201862:before,
.img.L1a49cdde-5b87-42db-9391-e94f71201862:before,
div.see-also .img.L1a49cdde-5b87-42db-9391-e94f71201862:before{
	content: '\e905';
}

/* Benefit Icons: Spousal Optional Life */
#benefit-overview .img.BenefitImage_c588acd7-12f6-4969-bc30-b095b878636c:before,
.img.Lc588acd7-12f6-4969-bc30-b095b878636c:before,
div.see-also .img.Lc588acd7-12f6-4969-bc30-b095b878636c:before{
	content: '\e905';
}

/* Benefit Icons: Child Optional Life */
#benefit-overview .img.BenefitImage_c00f8da2-91ea-4af9-b0c3-900db7a4f672:before,
.img.Lc00f8da2-91ea-4af9-b0c3-900db7a4f672:before,
div.see-also .img.Lc00f8da2-91ea-4af9-b0c3-900db7a4f672:before{
	content: '\e905';
}

/* Benefit Icons: Employee Optional ADD */
#benefit-overview .img.BenefitImage_83075984-cfad-4470-8996-7320d8074c1a:before,
.img.L83075984-cfad-4470-8996-7320d8074c1a:before,
div.see-also .img.L83075984-cfad-4470-8996-7320d8074c1a:before{
	content: '\e925';
}

/* Benefit Icons: Spousal Optional ADD */
#benefit-overview .img.BenefitImage_f43e8943-3e7f-4926-b9bf-3d8b95c9d4ac:before,
.img.Lf43e8943-3e7f-4926-b9bf-3d8b95c9d4ac:before,
div.see-also .img.Lf43e8943-3e7f-4926-b9bf-3d8b95c9d4ac:before{
	content: '\e925';
}



/* Benefit Icons: Retiring Soon */
/* Benefit Icons: Retiring Soon */
#benefit-overview .img.BenefitImage_Retiring_Soon:before{
	content: '\e95d';
}

/* Benefit Icons: Employee Optional Critical Illness */
#benefit-overview .img.BenefitImage_38687733-5f9d-4f9d-8b6f-e8566023d40d:before,
.img.L38687733-5f9d-4f9d-8b6f-e8566023d40d:before,
div.see-also .img.L38687733-5f9d-4f9d-8b6f-e8566023d40d:before{
	content: '\e91b';
}

/* Benefit Icons: Spousal Optional Critical Illness */
#benefit-overview .img.BenefitImage_4c7320f1-d55f-4e90-929a-10d25fd79660:before,
.img.L4c7320f1-d55f-4e90-929a-10d25fd79660:before,
div.see-also .img.L4c7320f1-d55f-4e90-929a-10d25fd79660:before{
	content: '\e91b';
}

/* Benefit Icons: Child Optional Critical Illness */
#benefit-overview .img.BenefitImage_8a0187d6-892d-43ad-bbb3-27518acc5164:before,
.img.L8a0187d6-892d-43ad-bbb3-27518acc5164:before,
div.see-also .img.L8a0187d6-892d-43ad-bbb3-27518acc5164:before{
	content: '\e91b';
}

/* Benefit Icons: RRSP Matched Benefit */
#benefit-overview .img.BenefitImage_4bb212d9-d528-4867-a6e2-9196fc72157c:before,
.img.L4bb212d9-d528-4867-a6e2-9196fc72157c:before,
div.see-also .img.L4bb212d9-d528-4867-a6e2-9196fc72157c:before{
	content: '\e91f';
}

/* Benefit Icons: DC Pension Plan Matched Benefit */
#benefit-overview .img.BenefitImage_1bb9795d-021e-4806-a1a5-8d3ab7b119fb:before,
.img.L1bb9795d-021e-4806-a1a5-8d3ab7b119fb:before,
div.see-also .img.L1bb9795d-021e-4806-a1a5-8d3ab7b119fb:before{
	content: '\e946';
}

/* Benefit Icons: Deferred Profit Sharing Plan Matched Benefit */
#benefit-overview .img.BenefitImage_4024fdcb-3f47-47f6-8d48-3c5afc04bbae:before,
.img.L4024fdcb-3f47-47f6-8d48-3c5afc04bbae:before,
div.see-also .img.L4024fdcb-3f47-47f6-8d48-3c5afc04bbae:before{
	content: '\e91f';
}

/* Benefit Icons: Voluntary RRSP */
#benefit-overview .img.BenefitImage_36e1e627-1ff3-4b15-994f-97bd1ffe4b84:before,
.img.L36e1e627-1ff3-4b15-994f-97bd1ffe4b84:before,
div.see-also .img.L36e1e627-1ff3-4b15-994f-97bd1ffe4b84:before{
	content: '\e91f';
}

/* Benefit Icons: Spousal RRSP Unmatched Benefit */
#benefit-overview .img.BenefitImage_46ae04ba-c376-421d-8f00-0f360d271e80:before,
.img.L46ae04ba-c376-421d-8f00-0f360d271e80:before,
div.see-also .img.L46ae04ba-c376-421d-8f00-0f360d271e80:before{
	content: '\e91f';
}

/* Benefit Icons: NRSP Unmatched Benefit */
#benefit-overview .img.BenefitImage_cfd5f033-4ece-4252-b58f-03b4467c3d53:before,
.img.Lcfd5f033-4ece-4252-b58f-03b4467c3d53:before,
div.see-also .img.Lcfd5f033-4ece-4252-b58f-03b4467c3d53:before{
	content: '\e91f';
}

/* Benefit Icons: Tax Free Spending Account Unmatched Benefit */
#benefit-overview .img.BenefitImage_efcfafa8-f3f2-40c6-86e6-eb4d01b94572:before,
.img.Lefcfafa8-f3f2-40c6-86e6-eb4d01b94572:before,
div.see-also .img.Lefcfafa8-f3f2-40c6-86e6-eb4d01b94572:before{
	content: '\e91f';
}

/* Benefit Icons: Home */
#benefit-overview .img.BenefitImage_650604a5-cba1-41c8-b1c5-a846ca54a50a:before,
.img.L650604a5-cba1-41c8-b1c5-a846ca54a50a:before,
div.see-also .img.L650604a5-cba1-41c8-b1c5-a846ca54a50a:before{
	content: '\e95f';
}

/* Benefit Icons: Auto */
#benefit-overview .img.BenefitImage_da3d3630-c915-448b-a905-045ee6ca6cea:before,
.img.Lda3d3630-c915-448b-a905-045ee6ca6cea:before,
div.see-also .img.Lda3d3630-c915-448b-a905-045ee6ca6cea:before{
	content: '\e943';
}

/* Benefit Icons: Pet */
#benefit-overview .img.BenefitImage_f24b42a5-54bf-4c2b-b43f-5a6cc271dd53:before,
.img.Lf24b42a5-54bf-4c2b-b43f-5a6cc271dd53:before,
div.see-also .img.Lf24b42a5-54bf-4c2b-b43f-5a6cc271dd53:before{
	content: '\e937';
}

/* Benefit Icons: Travel */
#benefit-overview .img.BenefitImage_69872c65-a536-4249-9d3b-1695d557f578:before,
.img.L69872c65-a536-4249-9d3b-1695d557f578:before,
div.see-also .img.L69872c65-a536-4249-9d3b-1695d557f578:before{
	content: '\e947';
}

/* Benefit Icons: Legal */
#benefit-overview .img.BenefitImage_1c94f172-94f0-4ee9-9a3e-290552c48050:before,
.img.L1c94f172-94f0-4ee9-9a3e-290552c48050:before,
div.see-also .img.L1c94f172-94f0-4ee9-9a3e-290552c48050:before{
	content: '\e94e';
}

/* Benefit Icons: Private Risk Management */
#benefit-overview .img.BenefitImage_fcb51ffe-d161-4c30-a171-ac66acc94daf:before,
.img.Lfcb51ffe-d161-4c30-a171-ac66acc94daf:before,
div.see-also .img.Lfcb51ffe-d161-4c30-a171-ac66acc94daf:before{
	content: '\e955';
}

/* Benefit Icons: Azure Testing (Line Set) */
#benefit-overview .img.BenefitImage_875a0554-4cd9-4462-bf63-5a2b0b0189e5:before,
.img.L875a0554-4cd9-4462-bf63-5a2b0b0189e5:before,
div.see-also .img.L875a0554-4cd9-4462-bf63-5a2b0b0189e5:before{
	content: '\e970';
}

/* Benefit Icons: Vacation Buy/Sell */
#benefit-overview .img.BenefitImage_35b789f0-f547-49c5-9d0c-0e6a26f5f0bc:before,
.img.L35b789f0-f547-49c5-9d0c-0e6a26f5f0bc:before,
div.see-also .img.L35b789f0-f547-49c5-9d0c-0e6a26f5f0bc:before{
	content: '\e92e';
}

/* Benefit Icons: Tobacco/Vape User Declaration */
#benefit-overview .img.BenefitImage_e359d548-8ca5-4927-b7fe-25d467f09444:before,
.img.Le359d548-8ca5-4927-b7fe-25d467f09444:before,
div.see-also .img.Le359d548-8ca5-4927-b7fe-25d467f09444:before{
	content: '\e95e';
}

/* Event Icons: Divorce / Legal Separation */
.benefit-matrix .active-benefits .img.E9d5ecb5e-9052-4341-bd40-a38c1d751cf8:before {
	content: '\e97f';
}

/* Event Icons: Gaining of a Spouse (Marriage or Common-Law) */
.benefit-matrix .active-benefits .img.E345e4fae-dc89-438e-898a-b622af51c172:before {
	content: '\e96a';
}

/* Event Icons: Request for Optional Insurance */
.benefit-matrix .active-benefits .img.Edee1986b-ed80-458a-a271-c5d3fc13693e:before {
	content: '\e92d';
}

/* Event Icons: Gain/Loss of Spouse's Coverage */
.benefit-matrix .active-benefits .img.E37257540-5cbe-4aef-becf-16cbe4fe7665:before {
	content: '\e95d';
}

/* Event Icons: Birth or Adoption */
.benefit-matrix .active-benefits .img.E9334eb7f-ac52-45b0-823d-2a8ebee9bbf6:before {
	content: '\e92a';
}

/* Event Icons: Student Certification */
.benefit-matrix .active-benefits .img.E8b3c2186-53bb-454c-aae0-8701495fb2ae:before {
	content: '\e90e';
}

/* Event Icons: Loss of Spouse or Child */
.benefit-matrix .active-benefits .img.Eb1fc64cc-827a-40a0-a642-a0e222c9547d:before {
	content: '\e936';
}

/* Event Icons: Mid-Year Retirement Change */
.benefit-matrix .active-benefits .img.E7029ce2a-93f0-4610-aa59-a0f2e377ad80:before {
	content: '\e91f';
}

/* Event Icons: Beneficiary Designation */
.benefit-matrix .active-benefits .img.Ed34c9d67-f7e9-4235-8098-b66cc1e4a918:before {
  content: '\e93d';
}


/* Benefit Icons: Introduction */
#benefit-overview .img.BenefitImage_.IntroNode_19f6a9a5-da20-4dd2-b8a2-178bc6f36eb3:before,
.img.L19f6a9a5-da20-4dd2-b8a2-178bc6f36eb3:before,
div.see-also .img.L19f6a9a5-da20-4dd2-b8a2-178bc6f36eb3:before{
	content: '\e976';
}


/* Benefit Icons: Core Benefits*/
#benefit-overview .img.BenefitImage_.IntroNode_1c0b572d-dd3f-42ff-adb8-10301481205a:before,
.img.L1c0b572d-dd3f-42ff-adb8-10301481205a:before,
div.see-also .img.L1c0b572d-dd3f-42ff-adb8-10301481205a:before{
	content: '\e982';
}


/* Benefit Icons: Flex Benefits*/
#benefit-overview .img.BenefitImage_.IntroNode_2dce5cf1-2a7f-4643-a1c1-2536c8bac6f8:before,
.img.L2dce5cf1-2a7f-4643-a1c1-2536c8bac6f8:before,
div.see-also .img.L2dce5cf1-2a7f-4643-a1c1-2536c8bac6f8:before{
	content: '\e918';
}


/* Benefit Icons: Optional Benefits*/
#benefit-overview .img.BenefitImage_.IntroNode_a7280da0-0d50-46a0-aedb-aff042dd903d:before,
.img.La7280da0-0d50-46a0-aedb-aff042dd903d:before,
div.see-also .img.La7280da0-0d50-46a0-aedb-aff042dd903d:before{
	content: '\e905';
}

/* Benefit Icons: Tobacco/Vape User Declaration */
#benefit-overview .img.BenefitImage_.IntroNode_9ba6bcc6-e079-443c-89c0-8196cbf8c09c:before,
.img.L9ba6bcc6-e079-443c-89c0-8196cbf8c09c:before,
div.see-also .img.L9ba6bcc6-e079-443c-89c0-8196cbf8c09c:before{
	content: '\e93f';
}


/* Benefit Icons: Life Events */
#benefit-overview .img.BenefitImage_.IntroNode_dec52719-19c4-4b69-a99f-db3fdfa4b469:before,
.img.Ldec52719-19c4-4b69-a99f-db3fdfa4b469:before,
div.see-also .img.Ldec52719-19c4-4b69-a99f-db3fdfa4b469:before{
	content: '\e99d';
}

/* Benefit Icons: Benefit Eligibility */
#benefit-overview .img.BenefitImage_.IntroNode_a496d4b6-6eb2-4072-bcf6-b36d2e613ea7:before,
.img.La496d4b6-6eb2-4072-bcf6-b36d2e613ea7:before,
div.see-also .img.La496d4b6-6eb2-4072-bcf6-b36d2e613ea7:before{
	content: '\e947';
}

/* Benefit Icons: Dependent Eligibility */
#benefit-overview .img.BenefitImage_.IntroNode_2c437d0e-dbce-4e29-a828-5679615e8ec4:before,
.img.L2c437d0e-dbce-4e29-a828-5679615e8ec4:before,
div.see-also .img.L2c437d0e-dbce-4e29-a828-5679615e8ec4:before{
	content: '\e947';
}

/*******************************Benefit Information*********************************/

#FAQs .col-md-3.hidden-xs.hidden-sm.text-center.benefit-information {margin-bottom: -160px;}
.faq-answer {padding-bottom: 1em;}
#benefit-overview .panel-group .group-header:hover { color: #000;}

/**********************************Benefit Statemnet****************************************/
.payslip-item-amount { color: #000 !important;}
.payslip-item-name { font-weight: 300;}

/**********************************Home Page****************************************/
#slider-home-module-carousel #slider .btn.btn-primary{
  font-weight: 500;
  font-size: 15px;
  width: 70%;
  margin-top: 35px !important;
}
.online-two-iso .toggle-option { margin-top: 2px; font-weight: 500;}
#home-module-welcome .jssora106 .c, .home-module-integrated .jssora106 .c { opacity: 0.4;}
.home-module-enrolment-content #otherCountdown .days-left { position: relative; bottom: 2px;}

.home-module-integrated .arrowleft .left-icon {
	position: absolute;
	top: 40px;
	right: 14px;
}
.home-module-integrated .arrowright .right-icon {
	position: absolute;
	top: 40px;
	left: 14px;
}
#tele {
	position: relative;
	left: 220px;
	bottom: 53px;
}
.grid-item-content .btn.btn-default { font-weight: bold;}
#home-online-three #home-integrated h3.heading-text { font-size: 19px;}
#otherCountdown { font-size: 19px; color: #000; font-weight: 400;}

/**********************************Benefit Matrix****************************************/
.benefit-matrix .lineheader { font-size: 22px !important; font-weight: 300 !important;}
#matrix\ anytime-enroll .containers div.col-md-4 { font-size: 13px; margin-top: 4px; color: #000; font-weight: 400;}
.benefit-matrix .row .btn-success:hover { font-weight: bold;}
.dependant-head, .coverage-head { color: #000;}
.benefit-matrix .modal .active-benefits .modal-header .header { text-transform: none; color: #686868;}
.benefit-matrix .totalcost { width: 102%; margin-top: -28px; margin-left: 135px;}
.benefit-matrix .benefitdate { border: 1.5px solid black;}
.benefitheader-fixed .row.margin-left .benefitdate .input-group .form-control{ border: 1.5px solid #000;}
.benefit-matrix .benefitdate #dateFormat{ display: none;}
#matrix\ anytime-enroll .active-benefits .text-center .btn.btn-warning{ background-color: #000;padding: 6px 28px;}
#matrix\ anytime-enroll .active-benefits .text-center .btn.btn-warning .glyphicon.glyphicon-chevron-left {display: none;}
#matrix\ anytime-enroll .active-benefits .text-center .btn.btn-warning,
#matrix\ anytime-enroll .active-benefits .text-center .btn.btn-success{
  font-weight: 600;
}
@media only screen and (min-width: 750px) 
  {.benefit-matrix .totalcost {
	   width: 85%;
	   margin-top: -28px;
	   margin-left: 135px;
  }
}
@media only screen and (max-width: 750px) {.benefit-matrix .totalcost { margin-top: 0px !important; margin-left: 0px !important;}}
@media only screen and (max-width: 750px) {
  .benefit-matrix .containers > div > div.benefit-category:first-child .panel-default > .panel-heading .panel-title .accordion-toggle { 
    margin-top: -168px !important;
  }}

/**********************************Benefit Select Page****************************************/
.benefitselect .continue {
	background-color: #006241 !important;
	border-radius: 25px !important;
	font-weight: bold !important;
	width: 82%;
    padding: 7px 20px !important;
}

.benefitselect .box-border {
	background: #fff;
	border: 1px solid #000;
	padding: 3px;
	float: left;
}

/*.in-Cart .you-pay { margin-right: -255px;}*/
.green-number.no-text-transform.PerPay.ng-binding { font-weight: 400;}
.benefitselect .you-pay h3 {font-weight: 300 !important;}
.modal-content .btn.btn-warning.dependant-cancel-btn,
.modal-content .btn.btn-success.dependant-accept-btn {
	font-weight: bold;
}

/*********************************Extra Benefits*****************************************/
/*.E_Text { margin-top: 115px;}
.P_Text { margin-top: 27px;}
div.E_Text > a, div.P_Text > a { font-weight: 500;}
.column-content { margin-top: -22px;}
.column-content-img { margin: 0 auto;}
@media only screen and (min-width: 1250px){.generic-page-column-content-button { position: relative; left: 835px; bottom: 49px;}}
.generic-page-column-content-button .btn.btn-default{ font-weight: 600;}
#extrabenefits [class*="online-two-icon-"]::before{ font-size: 5rem; color: #1e3932; margin-left: 90px;}
.row.middle-row, .row.bottom-row, .row.top-row { background-color: #f2f2f2;}
.generic11-page-column-content-container { height: 68px !important; background-color: #fff; margin-top: -20px !important;}
.col-md-3.benefit-information div.img { text-align: center;}
.generic8-page-column-content-container, .generic9-page-column-content-container, .generic10-page-column-content-container{ 
  width: 100% !important;
}
.generic2-page-column-content-container, .generic5-page-column-content-container, .generic8-page-column-content-container{
  margin-top: -17px;
}
.generic1-page-column-content-container, .generic11-page-column-content-container {
	margin-top: 15px;
	height: 195px;
	box-shadow: 0px 6px 6px #A9A9A9;
}
.generic2-page-column-content-container, .generic3-page-column-content-container, .generic4-page-column-content-container,
.generic5-page-column-content-container, .generic6-page-column-content-container, .generic7-page-column-content-container, 
.generic8-page-column-content-container, .generic9-page-column-content-container, .generic10-page-column-content-container{
	height: 477px;
	width: 383px;
    width: 103%;
}
.generic0-page-column-content-container, .generic1-page-column-content-container, .generic2-page-column-content-container, 
.generic3-page-column-content-container, .generic4-page-column-content-container, .generic5-page-column-content-container, 
.generic6-page-column-content-container, .generic7-page-column-content-container, .generic8-page-column-content-container,
.generic9-page-column-content-container, .generic10-page-column-content-container{
	background-color: #fff;
	margin-bottom: 15px;
}
.img-responsive.extrabenefits { height: auto; width: 100%;}*/

/* buying additional annual leave */
.online-two-icon-26:before {
  content: '\e919';
}
/* cycle2work */
.online-two-icon-09:before {
  content: '\e908';
}
/* bean stock */
.online-two-icon-70:before {
  content: '\e946';
}
/* STL */
.online-two-icon-41:before {
  content: '\e929';
}
/* aviva gym discounts */
.online-two-icon-47:before {
  content: '\e92f';
}
/* ccv */
.online-two-icon-02:before {
  content: '\e901';
}
/* perks at work */
.online-two-icon-58:before {
  content: '\e93a';
}
/* my gym discounts */
.online-two-icon-21:before {
  content: '\e914';
}
@media only screen and (max-width: 992px) {
  .generic11-page-column-content-container { height: 125px !important;}
  .generic1-page-column-content-container { height: 307px;}
  .generic2-page-column-content-container, .generic3-page-column-content-container, .generic4-page-column-content-container,
  .generic5-page-column-content-container, .generic6-page-column-content-container, .generic7-page-column-content-container, 
  .generic8-page-column-content-container, .generic9-page-column-content-container, .generic10-page-column-content-container{ width: 100% !important;}
  .img-responsive.partner { width: 100px;}
  .E_Text { margin-top: 20px;}
  #extrabenefits [class*="online-two-icon-"]::before { margin: 0;}
  .col-md-3.benefit-information div.img { text-align: center;}
}
@media screen and (min-width: 993px) and (max-width: 1250px) {
  .generic11-page-column-content-container { height: 120px !important;}
}

/*Faq question color*/
a.faq-title {
    color: #006241;
    font-weight: bold;
}

/*NAV TAB Spacing*/

#navtablist0 {
	margin-right: 44px;
}


#navtablist1 {
	margin-right: 44px;
}


#navtablist2 {
	margin-right: 44px;
}
@media screen and (max-width: 450px){
#navtablist2 {
	display: none;
}}

#navtablist3 {
	margin-right: 44px;
}

#navtablist4 {
	margin-right: 44px;
}

/* Benefit Statement print statement alignment*/
@media print {
a.main-menu-toogle.btn.visible-xs { display: none !important;}
.benefitheader.payperiodtoggle.ng-isolate-scope { display: none; }
span.benefitheader.asatdate-label , span.benefitheader.asatdate-value {font-size: 20px;}
.benefit-matrix .group-body {margin-left: 10px;padding: 5px; width: 98%;}
.benefit-matrix .benefit-category .benefitline {break-inside: avoid;}
.col-xs-4 .benefit-print-single-header {
    font-family: RobotoLight_Font;
    font-weight: 700;
    font-size: 15px;
}
.col-xs-4.YourCostDisplay .benefit-print-single-header {
    font-family: RobotoLight_Font;
    font-weight: 700;
    font-size: 15px;
}
.font-youpay-color.margin-top-min.PerPay.ng-binding.Show {
    color: #012774 !important;
    font-family: RobotoLight_Font;
    font-weight: 700;
    font-size: 24px;
}
.statementpage{
    margin-top: 20px;
    color: #000000 !important;
    font-family: RobotoLight_Font;
    font-weight: 700;
    font-size: 34px !important; }
.benefit-matrix .default-cost, .benefit-matrix .font-youpay-color {
    color: #012774 !important;
    font-family: RobotoLight_Font;
    font-weight: 700;
    font-size: 20px;
}
img {
    display: none;
}
#containerGlobal .ng-binding.line-group {
    margin-left: 10px;
}
div#mobile-links { display: none !important;}
.row.benefitline { border: 1px solid black;}
.benefit-matrix .lineheader { font-size: 30px;}
.benefit-matrix .benefitline .row .col-md-4 { width: 100%; font-size: 20px;}
.containers .col-md-4 .ng-binding {font-size: 18px;}
.benefit-matrix .totalcost {
	width: 85%;
	/* margin-top: -28px; */
	/* margin-left: 135px; */
	margin-left: 16px;
	margin-top: 10px;
}
}

/*Profile section beneficiary #006342*/
.content-overlay .btn-primary.active,.btn-primary:active,.open{
    color: #fff;
    background-color: #006342 !important;
    border-color: red !important;
	border-width: 2px !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #1a7355 !important;
}

.content-overlay .btn-primary {background-color: #338268;color: #fff;}
.content-overlay .btn-group label {border: 1px solid white;padding-left: 10px; border-radius: 4px !important;}

/* Bullets*/
UL.needbullet {
    list-style-type: disc !important;
    list-style: disc !important;
    margin-left: 30px !important;
}

.needbullet {
    list-style-type: disc !important;
    list-style: disc !important;
    margin-left: 30px !important;
}

/* Edit info section under benefit selection page*/
.election-info-collect .dependant-list .dependant-control {
    height: 50px !important;
    line-height: 28px;
}

/* EOI alert warning in benefit selection page */
.benefitselect .followup-item-collect.ng-scope.alert-warning {
    display: none;
}
.benefitselect .followup-required {
	Display: none;
}

/* Profile preferences hidden*/
#profileTabControl {
	display: none;
}

/*Animation on enrol button in mobile browser*/
@media screen and (max-width: 450px){
#event-renewal .btn.btn-default{
animation: glowing 1300ms infinite !important;}
}
  

/*Enrol tile text color red*/
#enrolment .event-name.ng-binding.ng-scope {
	color: red;
    margin-top: 30px;
}

#enrolment #renewalCountdown {
	color: red;
}


@keyframes glowing {
0% {
background-color: #006342;
box-shadow: 0 0 5px #006342;
}
50% {
background-color: #02ab72;
box-shadow: 0 0 20px #02ab72;
}
100% {
background-color: #006342;
box-shadow: 0 0 5px #02ab72;
}
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-1 .module-content #event-renewal .btn.btn-default{
animation: glowing 1300ms infinite;}

/*Beneficiary Follow up steps capitalize*/
#allocationDialog #crumb1 {
	text-transform: none;
}

#allocationDialog #crumb2 {
	text-transform: none;
}

#allocationDialog #crumb3 {
	text-transform: none;
}

/*Mailbox option on mobile browser*/
#jq-dropdown-1 ul li:nth-child(3) {display: none;}

/*Beneficiary Validation Message*/
@media screen and (min-width: 767px){
#validationError-overlay {
	width: 1210px !important;
}
}

/*Profile Section beneficiary*/
#profilecontainer .online-beneficiary .allocationError {
    color: red !important;
}
#profilecontainer .online-beneficiary .allocationValid {
    color: #693 !important;
}
#profilecontainer .online-beneficiary .add-beneficiary {
    Display: none;
}
#beneficiariesTabControl {
    text-transform: inherit;
}

/*Home page modules icons*/
.online-two-icon-114:before {
  content: '\e975';
}
.online-two-icon-100:before {
  content: '\e963';
}
.online-two-icon-46:before {
  content: '\e92d';
}
.online-two-icon-46 {
	padding-left: 25px;
}
.online-two-icon-100 {
	padding-left: 15px;
}

/*Explore My benefits page icons */
.online-two-icon-32:before {
  content: '\e91f';
}
.online-two-icon-99:before {
  content: '\e962';
}
.online-two-icon-45:before {
  content: '\e92c';
}
.online-two-icon-129:before {
  content: '\e980';
}
.online-two-icon-94:before {
  content: '\e95d';
}
.online-two-icon-77:before {
  content: '\e94c';
}


/*Explore My benefits page icons heights to adjust button */
.online-two-icon-70 {
	height: 205px !important;
}
.online-two-icon-45 {
	height: 182px !important;
}
.online-two-icon-76 {
	height: 205px !important;
}
.online-two-icon-60 {
	height: 205px !important;
}
.online-two-icon-66 {
	height: 183px !important;
}
.online-two-icon-99 {
	margin-left: 31px !important;
	height: 154px !important;
}


/*Other Programs page icons*/
.online-two-icon-107:before {
  content: '\e96a';
}
.online-two-icon-140:before {
  content: '\e98b';
}
.online-two-icon-64:before {
  content: '\e93f';
}
.online-two-icon-64 {
	height: 162px !important;
	margin-top: -25px !important;
	margin-left: 30px !important;
}

/*Greeting Message Home page*/
#home-online-three .dashboard-controls #greeting-message {
	margin-left: -10px !important;
}

/*Election info alignment*/
.election-info-collect.ng-scope .dependant-name-item.main-item {
	width: 300px !important;
}
.election-info-collect.ng-scope .dependant-name-item.sub-item {
	position: relative;
	/*right: 30px;*/
}
.election-info-collect .dependant-list .dependant-control {
	width: 138px !important;
	float: right;
}
/*EOI in your cart biweekly text transformation and font weight*/
.in-Cart .cost-left P, .in-Cart .cost-right P {
	text-transform: none !important;
}
.in-Cart .you-chose H3, .in-Cart .you-pay H3, .rightsection H3 {
	font-weight: normal !important;
}
/*Benefit Overview Search and filter functionality hidden*/
.filter.overview-component {
	Display: none;
}
.bootstrap-iso .panel-group {
	margin-bottom: 20px;
	margin-top: 20px !important;
}
/*Page header bottom border line white*/
#page-header {
	border-bottom: 1px solid #fff !important;
	margin-bottom: 12px;
}
/* Remove incons on mobile browser*/
#home-online-three #home-integrated .modules-mobile .module-mobile i[class*="icon-"] {
  display: none;
}
@media screen and (max-width: 450px){
.BlankImagetwo {
  display: none;
}}
/*Who are beneficiary text larger and color change*/
.benefitselect .your-beneficiaries #which-beneficiaries-heading {
	Color: #006142;
	font-size: 21px;
    text-transform: none;
}
/*H3 heading benefitoverview bold and color as starbucks*/
.bootstrap-iso h3, .bootstrap-iso .h3 {
	font-size: 24px;
	font-weight: 600 !important;
	color: #006142 !important;
}
/* Mobile browser save button placement*/
@media screen and (max-width: 449px){
.form-data .edit-dependant, .form-data .edit-dependant .button-style, .form-data .remove-dependant, .form-data .remove-dependant .button-style, .form-data .edit-button .button-style, .form-data .cancel-button, .form-data .cancel-button .button-style, .form-data .save-button, .form-data .save-button .button-style {
	float: Right !important;
}}
/*Home page button color*/
#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 {
	background-color: #006142 !important;
}
/* Minification failed (line 2749, error number 1039): Token not allowed after unary operator: '-tertiary-text-color' */


/*Profile section  Capitalization*/
.htabs-container .tabs UL LI A {
float: left;
text-transform: none;
text-decoration: none;
text-align: center;
width: 145px;
color: #555;
font-weight: 500;
padding: 32px 19px 0;
background: url(../Aon.Marketplace/img/tabs/tab-icons.png) no-repeat right -1105px;
height: 58px;
}

#securityTab .failed {
color: red;
font-size: 15px !important;
}
#securityTab .passed {
color: #19b52d;
font-size: 15px !important;
}

/* Mobile registration Username alignment in Mobile browser*/
@media screen and (max-width: 450px){
#userNameDiv {
	position: relative;
	right: 0px !important;
}}
/* Days to enroll in Enrollment tile alignment*/
@media screen and (max-width: 450px){
#otherCountdown {
	font-size: 19px;
	color: #000;
	font-weight: 400;
	margin-left: -15px !important;
}
#renewalCountdown {
	color: red;
	margin-left: -15px !important;
}}
/* Home page icons alignment in mobile browser*/
@media screen and (max-width: 450px){
.online-two-icon-100 {
	padding-left: 15px;
	text-align: center !important;
}
.online-two-icon-46 {
	padding-left: 25px;
	text-align: center !important;
}
.online-two-icon-114.ng-scope {
	text-align: center !important;
}
}
/* Profile, Beneficiary section and Election info ok button alignment for mobile browser*/
@media screen and (max-width: 450px){
#allocationDialog .content-overlay .data-two-colum .colum-left {
	width: 70% !important;
}
#floating-header-content A {
	width: 275px !important;
}
.election-info-collect .collect-controls .btn.btn-success.dependant-accept-btn {
	margin-top: 15px !important;
}
.election-info-collect .election-dependant-collect .control-board .btn.btn-warning.dependant-cancel-btn {
    margin-bottom: 11px !important;
}
}
@media screen and (max-width: 450px){
.election-info-collect .dependant-list .dependant-control {
	width: auto !important;
	float: left !important;
  height: auto !important;
}}
@media screen and (max-width: 450px){
#beneficiariesTabBeneficiaryContent > div > .save-button, #beneficiariesTabBeneficiaryContent > div .edit-button {
	clear: both;
	float: right !important;
	margin-bottom: 5px;
}}
#securityTab .success-link{
Display: none !important;
}
@media screen and (max-width: 450px){
#dependantsTab P.full-name {
	height: 60px;
	display: block !important;
	padding-top: 6px;
	padding-left: 0;
	font-weight: 600;
  width: 350px !important;
}
.img-responsive.center-block {
	display: block !important;
}
}
@media screen and (max-width: 450px){
.btn.btn-success.dependant-accept-btn.ng-scope {
	bottom: 15px !important;
}}
.dependant-cell.add.cell-md-6.is-auto-add.ng-scope {
	display: none;
}

/*Profile section EDIT & DELETE BENEFICIARY Removal*/
#beneficiariesTab .edit-button .button-style {
	margin-right: 0;
	display: none;
}
/*Profile section ADD BENEFICIARY Removal*/
#beneficiariesTab .save-button .button-style {
	margin-right: 0;
	display: none;
}
/*Removed the bi-weekly button on toggle as hyperlink leaving only a text lable as per neeru request on 16 July from email - RE: Starbucks - Confirmation Page Issue*/
    .benefit-matrix .totalcost-section-row .payperiodtoggle { pointer-events: none;}

/* Minification failed (line 4159, error number 1062): Expected semicolon or closing curly-brace, found '0%' */