/* Remove the gradient background from root element */
html{
	background: none;
}

body,
.benefit-matrix .reschash-instruction{
	color: #000 !important;
}

/* Override background for header */
.online-two-iso #terminator #header.header-fullwidth{
	background-color: #fff;
}

/* hide search box */
#floating-header-content .search {
  display: none;
}

/*  Login Page */
/* Login page modules - 60:40 width */
#login-modules-container.login-modules #login-module-login-page-welcome{
	width: 60% !important;
}
#login-modules-container.login-modules #login-module-need-assistance{
	width: 40% !important;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-title,
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-text{
	width: 100%;
}

/* Styling applied to handle centering of logo */
@media only screen and (max-width: 767px){
  #wrapper.isLoginPageWrapper #header{
    width: 100%;
  }
  
  #wrapper.isLoginPageWrapper #header #logo{
    margin: 0 auto;
  }
}
#logo {
  background: url(/mybenefitsonline/media/default/Capsticks_logo_RGB.png) no-repeat left/contain
}

/* Background Image */
.online-two-iso.login body{
	background-image: url("/flite/media/default/Login%20Page/login.jpg");
}
/* Remove background from login page module */
.bootstrap-iso #login-modules-container{
  background: none;
}
/* 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: 14px;
  line-height: 24px;
}
/* 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";
}
/* Popup box header */
.online-two-iso .header-overlay{
	background-color: #b414b4;
}
/* Close button background and position */
.online-two-iso .header-overlay A.close{
	background-image: none;
	padding-right: 10px;
}
/* Close button icon 'x' */
.online-two-iso .header-overlay A.close:after{
  font-family: FontAwesome;
  content: "\f00d";
	font-size: 25px;
	line-height: 20px;
}


/* Link styling */
A,
.bootstrap-iso a{
	color: #b414b4;
	outline: none;
	text-decoration: none;
}
A:hover,
A:focus,
A:active,
.bootstrap-iso a:hover,
.bootstrap-iso a:focus,
.bootstrap-iso a:active{
	color: #b414b4;
	outline: none;
	text-decoration: underline;
}
.LoginPageContainer.bootstrap-iso a{
	color: #fff;
}

/* Hide mailbox link for mobile device menu */
#mobile-links .jq-dropdown-menu a[href^="/Mailbox"]{
	display: none;
}

/******************************* Home page styling *******************************/

/*Home (1) Page Welcome [name] Text*/
.onlineTwoPointO-home #home-intro {
	text-align:center;
	margin:1.5em;
	font-size:30px;
	color: #b414b4;
}

/*need assistance text and menu icons*/
#header a {
	color:#b414b4;
	outline: none;
}
#header a:hover,
#header a:focus{
	color:#b414b4;
}

/* Main nav links */
.online-two-iso #menu-no-dashboard li a, .online-two-iso #menu-no-dashboard li a.selected{
	color: #000;
}

#menu-no-dashboard li a,#menu li a,#menu-sub li a {
	text-transform:capitalize;
}

/*Module header icon colour*/
.onlineTwoPointO-home .modules .module.active i[class*="icon-"] {
	color:#b414b4;
}

/*Module Image Enrolment Module*/
.onlineTwoPointO-home .module-content #home-module-enrolment {
	background-image:url(/flite/media/default/Carousel%20Images/Flite-carouselimages.png?width=1280&height=595&ext=.png);
}
/*Module Image Benefit Statement Module -- THIS HAS BEEN REMOVED*/
.onlineTwoPointO-home .module-content #home-module-benefit-statement {
	background-image:url(/flite/media/default/Carousel%20Images/Flite-carouselimages8.png?width=1280&height=595&ext=.png);
}

/*Module Image Aon Plus Generic Module*/
.onlineTwoPointO-home #home-module-generic.benefits-overview {
	background-image:url(/flite/media/default/Carousel%20Images/Flite-carouselimages2.png?width=1280&height=595&ext=.png);
}
/* Alter the font size of the icon on the benefits overview module */
.onlineTwoPointO-home #home-modules .module.benefits-overview i{
  font-size: 4em;
  margin-top: -6px;
}
/*Module Image Aon Plus Generic Module*/
.onlineTwoPointO-home #home-module-generic.aon-plus {
	background-image:url(/flite/media/default/Carousel%20Images/Flite-carouselimages3.png?width=1280&height=595&ext=.png);
}
/*Module Image My Money Generic Module*/
.onlineTwoPointO-home #home-module-generic.my-money {
	background-image:url(/flite/media/default/Carousel%20Images/Flite-carouselimages5.png?width=1280&height=595&ext=.png);
}
/*Module Image Pension Generic Module*/
.onlineTwoPointO-home #home-module-generic.pension {
	background-image:url(/flite/media/default/Carousel%20Images/Flite-carouselimages6.png?width=1280&height=595&ext=.png);
}
/*Module Image Shares Generic Module*/
.onlineTwoPointO-home #home-module-generic.shares {
	background-image:url(/flite/media/default/Carousel%20Images/Flite-carouselimages7.png?width=1280&height=595&ext=.png);
}

/*Module Image TRS*/
.onlineTwoPointO-home .module-content #home-module-trs,
.onlineTwoPointO-home .module-content #home-module-generic.TRS{
	background-image:url(/flite/media/default/Carousel%20Images/Flite-carouselimages4.png?width=1280&height=595&ext=.png);
	background-position-x: right;
}
/* Hide the print button on the TRS Page */
.page-content .trsdashboard .printbtn{
  visibility: hidden;
}
/* The following CSS will update the label color on the TRS module */
.home-module-trs-content .highcharts-container text[x="5"],
.home-module-trs-content .highcharts-container span.highcharts-title{
  fill: #fff !important;
  color: #fff !important;
}

/* The following is to contain the image in the div and set the background color */
.onlineTwoPointO-home #home-module-content [id^="home-module"]{
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #000;
}

/* The following is a reversion of the background image contain for the my-money element */
.onlineTwoPointO-home #home-module-generic.my-money{
	background-position: left center;
	background-size: cover;
}

/*Remove Clock Icon on Enrolment Module*/
#home-module-enrolment .enrollment-copy .cal {
	display:none;
}


/* Module Icon changes */
/* Set the color of any font-based module icons */
.onlineTwoPointO-home  .module-mobile.ng-scope.active i[class^="ng-scope icon-two-point-o-home-module"]:before{
	color: #b414b4;
}
/* Set the module separator color in mobile view */
.onlineTwoPointO-home .modules-mobile .module-mobile{
	border-top-color: #666;
}

/* Apply the icon for enrolment module */
.onlineTwoPointO-home  .icon-two-point-o-home-module-enrolment::before{
	content:url(/flite/media/default/Icons/update%20your%20benefit%20choices%20grey.png);
}
.onlineTwoPointO-home  .active .icon-two-point-o-home-module-enrolment::before{
	content:url(/flite/media/default/Icons/update%20your%20benefit%20choices.png);
}

/* Apply the icon for benefit statement module */
.onlineTwoPointO-home .active .icon-two-point-o-home-module-benefit-statement::before {
    content: "E";
}
.onlineTwoPointO-home .icon-two-point-o-home-module-benefit-statement::before {
    content: "E";
}
/* Apply icon for Benefit Statement generic module */
.bootstrap-iso.onlineTwoPointO-home.ng-scope .benefit-statement i[class^="ng-scope icon-two-point-o-home-module-generic"]:before {
	content:url(/flite/media/default/Icons/benefits%20overview%20grey.png);
}
.bootstrap-iso.onlineTwoPointO-home.ng-scope .benefit-statement.active i[class^="ng-scope icon-two-point-o-home-module-generic"]:before {
	content:url(/flite/media/default/Icons/benefits%20overview.png);
}

/* Apply icon for Aon Plus generic module */
.bootstrap-iso.onlineTwoPointO-home.ng-scope .aon-plus i[class^="ng-scope icon-two-point-o-home-module-generic"]:before {
	content:url(/flite/media/default/Icons/aon%20plus%20grey.png);
}
.bootstrap-iso.onlineTwoPointO-home.ng-scope .aon-plus.active i[class^="ng-scope icon-two-point-o-home-module-generic"]:before {
	content:url(/flite/media/default/Icons/aon%20plus.png);
}

/* Apply icon for My Money generic module */
.bootstrap-iso.onlineTwoPointO-home.ng-scope .my-money i[class^="ng-scope icon-two-point-o-home-module-generic"]:before {
	content:url(/flite/media/default/Icons/mymoney%20grey.png);
}
.bootstrap-iso.onlineTwoPointO-home.ng-scope .my-money.active i[class^="ng-scope icon-two-point-o-home-module-generic"]:before {
	content:url(/flite/media/default/Icons/mymoney.png);
}

/* Apply icon for Pension generic module */
.bootstrap-iso.onlineTwoPointO-home.ng-scope .pension i[class^="ng-scope icon-two-point-o-home-module-generic"]:before {
	content:url(/flite/media/default/Icons/pension%20grey.png);
}
.bootstrap-iso.onlineTwoPointO-home.ng-scope .pension.active i[class^="ng-scope icon-two-point-o-home-module-generic"]:before {
	content:url(/flite/media/default/Icons/pension.png);
}

/* Apply icon for Shares generic module */
.bootstrap-iso.onlineTwoPointO-home.ng-scope .shares i[class^="ng-scope icon-two-point-o-home-module-generic"]:before {
	content:url(/flite/media/default/Icons/shares%20grey.png);
}
.bootstrap-iso.onlineTwoPointO-home.ng-scope .shares.active i[class^="ng-scope icon-two-point-o-home-module-generic"]:before {
	content:url(/flite/media/default/Icons/shares.png);
}

/*#home-module-enrolment i:hover:before{content: url(/flite/media/default/Icons/aon%20plus.png)}
#home-module-enrolment.active i:before{content: url(/flite/media/default/Icons/aon%20plus.png)}
*/
/*
generic-2 = Aon Plus
generic-4 = My Money
generic-5 = Pension
generic-6 = Shares
*/

.benefit-matrix .benefit-category .panel-default>.panel-heading {
	background-color:#b414b4;
}

/* Move 'your Cost' to the right-hand side (only for larget screens) */
@media only screen and (min-width: 992px){
  .benefit-matrix .col-xs-4.YourCostDisplay{
    float: right;
  }
} 


/* Button Styling */
.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.green, 
.online-two-iso A.button-style.green,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray, 
.online-two-iso A.button-style.gray,
#floating-header-content .search-btn,
.bootstrap-iso .btn-primary, 
.bootstrap-iso .btn-danger, 
.bootstrap-iso .btn-info, 
.bootstrap-iso .btn-default, 
.bootstrap-iso .btn-warning, 
.bootstrap-iso .btn-success,
#home-module-enrolment .enrollment-copy button,
.onlineTwoPointO-home .module-content [class*='-buttons'] button,
.benefitheader-fixed div#followup-items a.btn,.benefitheader-fixed div#resettodefaults a.btn,
.online-two-iso .datepicker-container .input-group-btn .btn,
.benefit-matrix .confirm-checkout-button .btn-success
{
	background-color: #b414b4;
}
/* Button Styling: Hover */
.bootstrap-iso .btn-info:hover,
.bootstrap-iso .btn-info:active,
.bootstrap-iso .btn-info:active:hover,
.bootstrap-iso .btn-warning:active:hover,
.bootstrap-iso .btn-warning:focus,
.bootstrap-iso .btn-warning.disabled:hover,
.benefitheader-fixed div#resettodefaults a.btn:hover,
.benefitheader-fixed div#followup-items a.btn:hover,
.bootstrap-iso .btn-warning:active,
.bootstrap-iso .btn-warning:active:focus,
.bootstrap-iso .btn-success:hover,
.bootstrap-iso .btn-success:active,
.bootstrap-iso .btn-success:active:hover,
.bootstrap-iso .btn-warning:active,
.bootstrap-iso .btn-success:active:focus,
.benefit-matrix .confirm-checkout-button .btn-success:hover,
.benefit-matrix .confirm-checkout-button .btn-success:active,
.benefit-matrix .confirm-checkout-button .btn-success:focus,
.benefit-matrix .confirm-checkout-button .btn-success:active:focus,
.bootstrap-iso .btn-warning:active, .bootstrap-iso .btn-warning.active, .bootstrap-iso .open > .dropdown-toggle.btn-warning,
.bootstrap-iso .btn-warning.active:hover,.bootstrap-iso .btn-warning.active:active:focus,
.bootstrap-iso .btn-warning.active:focus
{
	background-color: #98999b;
	border-color: transparent;
}
#floating-header-content .search-btn:hover,
#floating-header-content .search-btn:focus{
	background-color: #98999b!important;
}

/* Login page button */
.LoginPageContainer.bootstrap-iso .btn-primary#login{
	background-color: #000;
	border-radius: 10px;
	outline: none;
}
.LoginPageContainer.bootstrap-iso .btn-primary#login:hover{
	background-color: #b414b4;
}

/* Calendar control buttons */
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info,
.bootstrap-iso .uib-datepicker .btn-info.active{
	background-color: #b414b4;
	outline: none;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:hover{
	background-color: #b414b4;
}


/* Further Styling Applied (Need To Check */
.benefit-matrix .row .btn-success:hover {
	background-color:#98999b;
}
.benefit-matrix .row .btn-success {
	background-color:#ccc7c7;
}
/*.bootstrap-iso .btn-popup {
	background-color:#ccc7c7;
}*/
.bootstrap-iso .btn-warning:hover {
	color:#fff;
	background-color:#98999b;
	border-color:#fff;
}

/* List styling */
UL.disc-style,
OL.number-list{
margin-top: 10px;
margin-bottom: 15px;
}
UL.disc-style li{
  list-style: outside disc;
  margin-left: 2.5em;
}
OL.number-list li{
	list-style: outside decimal;
	margin-left: 2.5em;
}

/* Footer Styling */
.online-two-iso #footer a{
	text-transform: none;
}
/* Override online security page font to make it consistent */
.legalcontent-onlinesecurity *{
  font-family: "Open Sans", sans-serif !important;
}
/* Right align the footer for desktop sites */
.online-two-iso #terminator #footer.footer-fullwidth > #footer-copyright {
			line-height: 18px;
			font-size: 12px;
			padding-left: 22px;
}

@media only screen and (min-width: 751px){
	/* Apply a home icon to the Home page link */
	#menu-container ul#menu-no-dashboard li a[href="/Home-redirect"]:before{
		font-family: FontAwesome;
		content: "\f015";
		margin-right: 10px;
		font-size: 25px;
		float: left;
		line-height: 12px;
		color: #b414b4;
	}
}

@media only screen and (min-width: 767px){
	.online-two-iso #terminator #footer.footer-fullwidth > #footer {
			float: right;
		margin-right: 30px;
	}
  
	.online-two-iso #terminator #footer.footer-fullwidth > #footer-copyright{
			margin: 8px 0;
			margin-left: 30px;
	}
}

/* Terms of Use page */
.online-two-iso h1,
#benefit-overview .benefit-overview-title H1{
	color: #000;
	text-transform: none;
}

/* Profile Page Styling - Tab color*/
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A,
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI A{
	color: #b414b4;
	border-color: #b414b4;
	outline: none;
}
/* Text transform - switched off */
html#profile body#profile .profile #profile-online-2 span.label, 
html#profile body#profile .profile #profile-online-2 label:not(.ui-button){
	text-transform: none;
}
/* Profile heading links */
.online-two-iso P.sectionTitledimmed:focus, 
.online-two-iso P.sectionTitledimmed:hover, 
.online-two-iso P.sectionTitledimmedLeft:focus, 
.online-two-iso P.sectionTitledimmedLeft:hover, 
.online-two-iso P.sectionTitle,
.online-two-iso .validation-caption{
	color: #000;
}

/* Benefit Overview page styling */
#benefit-overview #overviewAccordion .panel-title span.group-title,
#benefit-overview #overviewAccordion .panel-title i,
.benefit-matrix .panel-title a{
	color: #fff;
}
/* pension */
#benefit-overview .summaryImage .img.BenefitImage_ab20f36f-e14c-445f-8e05-864faeccbbdd {
  background: url(../flite/media/default/Benefit%20Icons/160x130/Pension%20%20-160x130.png) no-repeat;
}
/* Group Income Protection*/
#benefit-overview .summaryImage .img.BenefitImage_income-protection{
	background: url(../flite/media/default/Benefit%20Icons/160x130/Income%20protection%20%20-160x130.png) no-repeat;
}
/* Group Life Assurance*/
#benefit-overview .summaryImage .img.BenefitImage_life-assurance{
	background: url(../flite/media/default/Benefit%20Icons/160x130/Life%20Assurance%20%20-160x130.png) no-repeat;
}
/* Critical Illness (Canada Life / Unum) */
#benefit-overview .summaryImage .img.BenefitImage_613f5aed-2e69-49f2-85a9-7cd3830f3265{
	background: url(../flite/media/default/Benefit%20Icons/160x130/Critical%20Illness%20%20-160x130.png) no-repeat;
}
/* Private Medical Insurance */
#benefit-overview .summaryImage .img.BenefitImage_9a8bcf45-34ca-4cd9-b3d8-60f3f2d34ad3{
	background: url(../flite/media/default/Benefit%20Icons/160x130/PMI-160x130.png) no-repeat;
}
/* Dental benefit */
#benefit-overview .summaryImage .img.BenefitImage_9a22d458-8439-4ff7-94a2-2615d573cdf9{
	background: url(../flite/media/default/Benefit%20Icons/160x130/Dental-160x130.png) no-repeat;
}
/* Health Cash Plan benefit */
#benefit-overview .summaryImage .img.BenefitImage_bc00acc0-e8bf-474f-8540-3f3982442f19{
	background: url(../flite/media/default/Benefit%20Icons/160x130/Healthcashplan-160x130.png) no-repeat;
}
/* Holidays */
#benefit-overview .summaryImage .img.BenefitImage_808a05d8-2542-4bb2-baaf-775000eb0f19{
	background: url(../flite/media/default/Benefit%20Icons/160x130/Holiday%20exchange.png) no-repeat;
}
/* Bikes */
#benefit-overview .summaryImage .img.BenefitImage_73b13357-0acc-4267-9789-eacbbe129029{
	background: url(../flite/media/default/Benefit%20Icons/160x130/Cycle%20to%20Work-160x130.png) no-repeat;
}
/* IT Equipment */
#benefit-overview .summaryImage .img.BenefitImage_f6c68bd2-3e1c-4dd5-8cbf-ecd9aff49ff1{
	background: url(../flite/media/default/Benefit%20Icons/160x130/Technology-160x130.png) no-repeat;
}
/* Childcare Vouchers (Sodexo / Edenred) */
#benefit-overview .summaryImage .img.BenefitImage_childcare-vouchers{
	background: url(../flite/media/default/Benefit%20Icons/160x130/Childcarevouchers-160x130.png) no-repeat;
}

/* Benefit intro popup - styling */
img.flt-r{
	float: right;
}
table.intro-popup-tbl{
  width: auto;
}

.online-two-iso .modal-large a.tab-selector-link:hover, 
.online-two-iso .modal-large .tab-selector-link.active,
.online-two-iso .modal-large .tab-selector-link{
	color: #b414b4;
	border-color: #b414b4;
	text-transform: none;
}
.faq-item .faq-question a.faq-title{
	color: #b414b4;
	font-weight: 600;
	outline: none;
}
/* Give popup content a full-width look */
.online-two-iso .modal-large .tab-body{
	padding: 0px 0px 6px 0px;
}
.online-two-iso .modal-large .modal-body .pannel-body-full{
	padding: 12px 18px;
}

.online-two-iso .modal-large .tab-header .back a{
	color: #b414b4;
}
/* headings */
.modal-body .info-text h5,
.modal-body .faq-item h5 {
  font-weight: bold;
  padding-left: 0;
}
.full-stop:after {
  content: '.';
  position: relative;
  left: -.25em;
}
/* styling of table for Health Cash Plan - How It Works tab */
.hcp-ben-intro-table-colors caption {
  caption-side: bottom;
  text-align: center;
}
.hcp-ben-intro-table-colors tr:first-child td:first-child {
  background: #FCDE6F;
}
.hcp-ben-intro-table-colors tr:first-child td:last-child {
  background: #DCC2DF;
}
.hcp-ben-intro-table-colors tr:last-child td:first-child {
  background: #CBCCCC;
}
.hcp-ben-intro-table-colors tr:last-child td:last-child {
  background: #F7A1A1;
}
.hcp-ben-intro-table-colors td p:last-child {
  padding: 0;
  margin: 0;
}
.benefitselect .followup-collect-info {
    display:none;
}

/* Benefit Matrix / Selection */
/*@media only screen and (min-width: 972px){
.bootstrap-iso.benefitselect.benefit-matrix.ng-scope .row.totalcost-section-row{
		width: 100%;
		float: left;
		margin-top: -45px;
	}
}*/

/* additional benefits accordion styling */
.additional-benefits-accordion .lineheader {
  font-weight: bold;
}
.additional-benefits-accordion a:hover,
.additional-benefits-accordion a:focus {
  text-decoration: none;
  outline: none;
}
.additional-benefits-accordion .loading-font {
  font-family: 'Open Sans', sans-serif;
  font-size: .75em;
}
/* styling disabled accordion for benefit for complete and benefit statement pages */
.benefit-matrix .benefit-category .disabled-additional-benefits-accordion .panel-default > .panel-heading {
  background: #f2f2f2;
}
.bootstrap-iso .disabled-additional-benefits-accordion .panel,
.bootstrap-iso .disabled-additional-benefits-accordion .panel-group .panel-heading + .panel-collapse > .panel-body,
.bootstrap-iso .disabled-additional-benefits-accordion .panel-group .panel-heading + .panel-collapse > .list-group{
  border: none;
}
.benefit-matrix .benefit-category .disabled-additional-benefits-accordion .panel-default > .panel-heading h4 .title {
  color: #333;
}

/* Hides aspects of the template (to be overridden on clients) */
#tbslite-template-hide{
   display: none;
}

.benefit-matrix .newbenefit, .benefit-matrix .changebenefit{
	background-color: #b414b4;
	vertical-align: 4px;
}

/* Gets rid of the links at the bottom of the option */
.bootstrap-iso.benefitselect.benefit-matrix.ng-scope .links-group.four-links{
	display: none;
}

/* Background colour of the 'selected' option */
.bootstrap-iso.benefitselect.benefit-matrix.ng-scope .box-border.sel,
.bootstrap-iso.benefitselect.benefit-matrix.ng-scope .box-border.sel .header.ng-binding.ng-scope{
	background-color: #b414b4;
}

/* Set the text color */
.in-Cart .you-chose .selected-plan,
SPAN.green-number,
.benefitselect .in-Cart .you-pay H3,
.benefitselect .in-Cart .you-pay P SPAN.green-number,
.option-credit-health .option.sel,
.benefitselect .line-name,
.benefitselect .header-selected,
.benefitselect .products-header H4{
	color: #000;
}

/* Glyphicon 'play' color */
.benefit-matrix .glyphicon-play-color{
	color: #b414b4;
}

/* More Info glyph icon sign, line header and cost color */
.bootstrap-iso .glyphicon-info-sign::before,
.benefit-matrix .lineheader>a:link ,
.benefit-matrix .default-cost,.benefit-matrix .font-youpay-color {
	color:#000;
}

/* Update the 'see-also' line colour */
.benefitselect .see-also .benefit-menu .linename a{
  color: #000;
}

/* background color of benefit group */
#benefit-overview #overviewAccordion .panel-default>.panel-heading {
	background-color:#b414b4;
}

.benefit-matrix .acitve-text,
.benefit-matrix .glyphicon-record{
	color:#b414b4;
}
.benefit-matrix .acitve-text{
	font-family: "Open Sans",sans-serif;
}
.benefit-matrix .glyphicon-record{
	margin-left: 6px;
}

/* Benefit Matrix / Benefit Selection Icons */
/* Private Medical Insurance */
.benefit-matrix .benefitline .benefit-menu .img.L9a8bcf45-34ca-4cd9-b3d8-60f3f2d34ad3 {
	background-image:url("/flite/media/default/Benefit%20Icons/160x130/PMI-160x130.png");
}
.benefitselect .benefit-menu .img.L9a8bcf45-34ca-4cd9-b3d8-60f3f2d34ad3 {
	background-image:url("/flite/media/default/Benefit%20Icons/130x60/PMI-130x60.png");
}
/* Health Cash Plan */
.benefit-matrix .benefitline .benefit-menu .img.Lbc00acc0-e8bf-474f-8540-3f3982442f19 {
	background-image:url("/flite/media/default/Benefit%20Icons/160x130/Healthcashplan-160x130.png");
}
.benefitselect .benefit-menu .img.Lbc00acc0-e8bf-474f-8540-3f3982442f19 {
	background-image:url("/flite/media/default/Benefit%20Icons/130x60/Health%20Cash%20Plan%20%20-130x60.png");
}
/* Dental Insurance */
.benefit-matrix .benefitline .benefit-menu .img.L9a22d458-8439-4ff7-94a2-2615d573cdf9 {
	background-image:url("/flite/media/default/Benefit%20Icons/160x130/Dental-160x130.png");
}
.benefitselect .benefit-menu .img.L9a22d458-8439-4ff7-94a2-2615d573cdf9 {
	background-image:url("/flite/media/default/Benefit%20Icons/130x60/Dental%20%20-130x60.png");
}
/* Group Personal Pension Scheme */
.benefit-matrix .benefitline .benefit-menu .img.Lab20f36f-e14c-445f-8e05-864faeccbbdd {
	background-image:url("/flite/media/default/Benefit%20Icons/160x130/Pension%20%20-160x130.png");
}
.benefitselect .benefit-menu .img.Lab20f36f-e14c-445f-8e05-864faeccbbdd {
	background-image:url("/flite/media/default/Benefit%20Icons/130x60/Pension%20-130x60.png");
}
/* Critical Insurance */
.benefit-matrix .benefitline .benefit-menu .img.L613f5aed-2e69-49f2-85a9-7cd3830f3265 {
	background-image:url("/flite/media/default/Benefit%20Icons/160x130/Critical%20Illness%20%20-160x130.png");
}
.benefitselect .benefit-menu .img.L613f5aed-2e69-49f2-85a9-7cd3830f3265 {
	background-image:url("/flite/media/default/Benefit%20Icons/130x60/Critical%20Illness%20%20-130x60.png");
}
/* Holiday Exchange */
.benefit-matrix .benefitline .benefit-menu .img.L808a05d8-2542-4bb2-baaf-775000eb0f19 {
	background-image:url("/flite/media/default/Benefit%20Icons/160x130/Holiday%20exchange.png");
}
.benefitselect .benefit-menu .img.L808a05d8-2542-4bb2-baaf-775000eb0f19 {
	background-image:url("/flite/media/default/Benefit%20Icons/130x60/Holiday%20exchange.png");
}
/* IT Equipment */
.benefit-matrix .benefitline .benefit-menu .img.Lf6c68bd2-3e1c-4dd5-8cbf-ecd9aff49ff1 {
	background-image:url("/flite/media/default/Benefit%20Icons/160x130/Technology-160x130.png");
}
.benefitselect .benefit-menu .img.Lf6c68bd2-3e1c-4dd5-8cbf-ecd9aff49ff1 {
	background-image:url("/flite/media/default/Benefit%20Icons/130x60/Technology%20%20-130x60.png");
}
/* Bikes */
.benefit-matrix .benefitline .benefit-menu .img.L73b13357-0acc-4267-9789-eacbbe129029 {
	background-image:url("/flite/media/default/Benefit%20Icons/160x130/Cycle%20to%20Work-160x130.png");
}
.benefitselect .benefit-menu .img.L73b13357-0acc-4267-9789-eacbbe129029 {
	background-image:url("/flite/media/default/Benefit%20Icons/130x60/Cycle%20to%20Work%20%20-130x60.png");
}

/* Applies the contain style for background sizing (to ensure no cropping occurs) */
.benefit-matrix .benefitline .img{
	background-size: contain;
}

/* Manage Dependants Popup */
h3.dependantModalHeader{
	color: #000;
}
.benefit-matrix .employee-cost .cost-number{
	color: #b414b4;
}
.online-two-iso .modal-normal a.tab-selector-link:hover, .online-two-iso .modal-normal .tab-selector-link.active{
	color: #b414b4;
	border-bottom: solid .5em #b414b4;
}
.dependant-list-top a.dependant-add-link,
.dependant-list-top a.dependant-add-link:hover,
.dependant-list a.dependant-edit,
.dependant-list a.dependant-edit:hover,
.dependant-list a.dependant-remove,
.dependant-list a.dependant-remove:hover,
.bootstrap-iso .text-info{
	color: #b414b4;
}
input:focus{
	box-shadow: 0 0 6px #b414b4;
}
.online-two-iso input:checked + .slider{
	background-color: #b414b4;	
}

/* Life Event popup */
.active-benefits .modal-body {
    background-color: #f5f5f5;
}

.active-benefits .header{
	color: #000;
}

.active-benefits .img.E8df5d466-95e4-4e73-8f1d-b82f19ee813e{
	background-image: url(/flite/media/default/Icons/TBS%20Lite%20Change-Dependant%20life%20event%20icon.png);
}


/* Whos covered popup */
.online-two-iso .modal-normal .modal-header .header-text{
	color: #000;
}
.election-info-collect .dependant-board .expand-sign{
	color: #b414b4;
}
.election-info-collect .dependant-board .icon{
	background-image: url(/flite/media/default/Icons/TBS%20Lite%20Dependant%20icon2.png);
	background-position: right;
}
.text-center.tbs-loader span{
	vertical-align: middle;
}
.bootstrap-iso .text-success{
	color: #000;
}

/* Confirm choices popup */
.benefit-matrix .benefitheader{
	color: #000;
}

.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active, .benefit-matrix .confirmchoice .btn-default.active{
	background-color: #b414b4;
}

/* Completion page */
.benefit-matrix .benefitheader.asatdate span{
	color: #000;
}

/* Benefit Statement styling */
.benefit-matrix .benefitdate .data-addon{
	color: #b414b4;
}
.bootstrap-iso .btn.online-two-datepicker{
	background-color: #b414b4;
	border: none;
}

/* TRS Page Styling  */
.bootstrap-iso.trsdashboard.ng-scope .row.summary-header .col-sm-3{
  visibility: hidden;
}

.bootstrap-iso.trsdashboard.ng-scope .row.summary-header .col-sm-5.summarystatementdate{
  text-align: center;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}

.bootstrap-iso.trsdashboard.ng-scope uib-accordion .panel-heading{
  background-color: #b414b4;
}

.bootstrap-iso.trsdashboard.ng-scope uib-accordion .panel-heading a:hover,
.bootstrap-iso.trsdashboard.ng-scope uib-accordion .panel-heading a:active,
.bootstrap-iso.trsdashboard.ng-scope uib-accordion .panel-heading a:focus{
  color: #fff;
}

.bootstrap-iso.trsdashboard.ng-scope .uib-tab.nav-item.ng-scope.ng-isolate-scope.active a.nav-link{
  color: #b414b4;
}

/* Remove the white border around the TRS chart sections */
.highcharts-series-group .highcharts-series .highcharts-point{
  stroke-width: 0px;
}

/*TRS*/
H5 {padding: 0;}
.additionalContent {
	width: 130%;
}
/*For the ordered lists in footer pages*/
.legalcontent-termsofuse ol {
margin-left: 2.14285714em;
}
/* unordered lists */
.fa-ul {
margin-left: 0.84285714em;
}
.online-two-iso .modal-body#online2-global-benefit-overview-modaltemplate .tab-body UL {
padding-left: 0;
}
.bootstrap-iso ul.fa-ul li {
padding-left: 1em;
}
.bootstrap-iso ul.fa-ul li::before {
font-family: FontAwesome;
content: '\f111';
font-size: 0.5rem;
margin-left: -1em;
padding-right: 0.5em;
position: relative;
bottom: 3px;
color: #000;
}
.bootstrap-iso ul.fa-ul li ul.fa-ul li::before {
content: '\f10c';
}

/* FOOTER ALIGNMENT FIX */

a.optanon-toggle-display.EUFooterLink {
    display: block !important;
}

/* Travel Insurance */
.benefit-matrix .benefitline .benefit-menu .img.L70ca783d-3680-480e-9fec-56055d0fd100 {
	background-image:url("/mybenefitsonline/media/default/TravelInsurance_160x130.png");
}
.benefitselect .benefit-menu .img.L70ca783d-3680-480e-9fec-56055d0fd100 {
	background-image:url(/mybenefitsonline/media/default/TravelInsurance_160x130.png");
}
  /*Hide extra follow up line*/
.benefitselect .followup-collect-info {
    display: none !important;
}
#benefit-overview .summaryImage .img {
    background: url("/mybenefitsonline/media/default/TravelInsurance_160x130.png") no-repeat;
}

/* Minification failed (line 927, error number 1036): Expected expression, found '"' */