/*Font Declaration*/
@font-face {
  font-family: 'OnlineTwoIconFont';
  src: url('/fds/media/default/font/OnlineTwoIconFont_v2.eot');
  src: url('/fds/media/default/font/OnlineTwoIconFont_v2.eot?#iefix') format('embedded-opentype'),
    url('/fds/media/default/font/OnlineTwoIconFont_v2.woff') format('woff'),
    url('/fds/media/default/font/OnlineTwoIconFont_v2.ttf') format('truetype'),
    url('/fds/media/default/font/OnlineTwoIconFont_v2.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* 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;
}

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

/* 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: #000;
}
/* 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: #1c3155;
}
/* 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: #1c3155;
	outline: none;
	text-decoration: none;
}
A:hover,
A:focus,
A:active,
.bootstrap-iso a:hover,
.bootstrap-iso a:focus,
.bootstrap-iso a:active{
	color: #1c3155;
	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 *******************************/
/* hide search box */
#floating-header-content .search {
  display: none;
}

#logo {
  background: url(/stevensbolton/media/default/Logo.png) no-repeat center/contain;
}
.isLoginPageWrapper #logo {
  background: none;
}

/*Home (1) Page Welcome [name] Text*/
.onlineTwoPointO-home #home-intro {
	text-align:center;
	margin:1.5em;
	font-size:30px;
	color:  #1c3155;
}
/* need assistance pull down tab */
.help-ico .helptoggle {
	background-image: none!important;
	background-color:  #1c3155;
}
#header .help-ico a.helptoggle {
	color: #fff;
}
/* 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';
	display: inline-block;
	transform: rotate(90deg);
	font-size: .75em;
	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);
}

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

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


/* Module Image for TRS */
.onlineTwoPointO-home .module-content #home-module-trs {
	background-image: url("/flite/media/default/Carousel%20Images/Flite-carouselimages8.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;
}

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

/* 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: #1c3155;
}
/* 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(/stevensbolton/media/default/homepage%20icons/S-B_login-page_icons.png);
  position: relative;
  top: -10px;
}/*

/* 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(/stevensbolton/media/default/homepage%20icons/S-B_login-page_icons2.png);
  position: relative;
  top: -10px;
}

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

/* 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:  #1c3155;
}
/* 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: #ccd3d4;
}

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

/* remove text shadow from CANCEL button on event validation popup */
.online-two-iso .bootstrap-iso .content-overlay .cancel-button .button-style.close {
  text-shadow: none;
}


/* Further Styling Applied (Need To Check */
.benefit-matrix .row .btn-success:hover {
	background-color:#98999b;
  color: #000;
}
.benefit-matrix .row .btn-success {
	background-color: #ccd3d4;
  color: #000;
}
/*.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:  #1c3155;
	}
}

@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: #1c3155;
	border-color: #1c3155;
	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_76bb1e3e-6453-4ddb-81aa-cf5bc81ba822 {
	background: url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons25.png) no-repeat;
}
/* Critical Illness */
#benefit-overview .summaryImage .img.BenefitImage_5382c8c0-0593-473f-a215-d8f64188e8ed {
	background: url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons20.png) no-repeat;
}
/* Cycle to Work */
#benefit-overview .summaryImage .img.BenefitImage_cdb3598e-3159-4261-b893-4c921aa4e264 {
	background: url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons.png) no-repeat;
}
/* Childcare Vouchers */
#benefit-overview .summaryImage .img[class*="BenefitImage_048fd976-fc59-4e3b-b412-ef05fa427a83"] {
	background: url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons3.png) no-repeat;
}
/* Give As You Earn */
#benefit-overview .summaryImage .img.BenefitImage_37ae9447-67ac-4267-b2bb-c8da7e3e1521 {
	background: url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons6.png) no-repeat;
}
/* Holidays */
#benefit-overview .summaryImage .img[class*="BenefitImage_b59af300-fe1d-4d1b-8296-cde64e1e755f,c8186dc8-06bb-4ede-898f-bebd5a079c38"] {
	background: url(/stevensbolton/media/default/benefit%20icons/160x130/Additional_Benefit_icons.png) no-repeat;
}
/* Gourmet Society */
#benefit-overview .summaryImage .img.BenefitImage_203bdf84-d6c7-4c5e-9401-c05cc3ce5e76 {
	background: url(/stevensbolton/media/default/benefit%20icons/160x130/Additional_Benefit_icons2.png) no-repeat;
}
/* Private Medical Insurance */
#benefit-overview .summaryImage .img.BenefitImage_9f1d5ba0-91a9-491d-8884-dad7159038de {
	background: url(/stevensbolton/media/default/benefit%20icons/160x130/Additional_Benefit_icons4.png) no-repeat;
}
/* Dental Insurance */
#benefit-overview .summaryImage .img.BenefitImage_ad6ccda4-d0d4-4a5f-bf7e-937f695648ae {
	background: url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons11.png) no-repeat;
}
/*Kids Pass*/
#benefit-overview .summaryImage .img.BenefitImage_f36c9276-5ff6-452c-92a8-617215855dda {
    background: url(/stevensbolton/media/default/benefit%20icons/160x130/Additional_Benefit_icons3.png) no-repeat;
}
/*TasteCard*/
#benefit-overview .summaryImage .img.BenefitImage_ead93371-f3ac-48d2-8385-7dbac69acb36 {
    background: url(/stevensbolton/media/default/benefit%20icons/160x130/Additional_Benefit_icons2.png) no-repeat;
}
/* Travel Policy*/
#benefit-overview .img.BenefitImage_77be892f-15dd-4828-8e54-65768b69df7d 
{
    background: url(/stevensbolton/media/default/benefit%20icons/160x130/SB-benefit-icons_160%e2%80%8a%c3%97%e2%80%8a130.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: #1c3155;
	border-color: #1c3155;
	text-transform: none;
}
.faq-item .faq-question a.faq-title{
	color: #1c3155;
	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;
}
/* styling paragraphs and lists that immediately follow paragraphs */
.online-two-iso .modal-body p {
  margin: 0
}
.online-two-iso .modal-body p + ul {
  margin-top: 0
}

#Ataglance h5,
#Howitworks h5,
#Taxsavings h5,
#Taxposition h5,
#FAQs h5,
[id*="Contacts"] h5,
.confirmchoice h5,
#login-assistance h5 {
  font-weight: bold;
  padding-left: 0;
}
.bootstrap-iso table.CCV-tax-savings-table > thead > tr > th,
.bootstrap-iso table.GAYE-tax-savings-table > thead > tr > th {
  background: #1c3155;
	color: #fff;
	text-align: center;
  vertical-align: top;
}
.CCV-tax-savings-table tbody tr:last-child td {
	font-weight: bold;
}
.CCV-tax-savings-table tbody tr td:nth-child(2),
.CCV-tax-savings-table tbody tr td:last-child {
	text-align: center;
}
.faq-answer .CCV-tax-savings-table tbody tr:last-child td:not(:first-child) {
	font-weight: normal;
}

.online-two-iso .modal-large .tab-header .back a{
	color: #1c3155;
}

/* Benefit Matrix / Selection */
/* hide active with data info icon */
.benefit-matrix .activewithdata-category-icon {
  display: none;
}
/* remove second link for benefit intro from under line name */
.benefitselect .more-info {
  display: none;
}

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

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

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

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

/* Benefit Matrix / Benefit Selection Icons */
/* Pension */
.benefit-matrix .benefitline .benefit-menu .img.L76bb1e3e-6453-4ddb-81aa-cf5bc81ba822 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons25.png);
}
.benefitselect .benefit-menu .img.L76bb1e3e-6453-4ddb-81aa-cf5bc81ba822 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/130x60/pension_1.png);
}
/* Critical Insurance */
.benefit-matrix .benefitline .benefit-menu .img.L5382c8c0-0593-473f-a215-d8f64188e8ed {
	background-image:url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons20.png);
}
.benefitselect .benefit-menu .img.L5382c8c0-0593-473f-a215-d8f64188e8ed {
	background-image:url(/stevensbolton/media/default/benefit%20icons/130x60/Benefit_icons45.png);
}
/* Cycle to Work */
.benefit-matrix .benefitline .benefit-menu .img.Lcdb3598e-3159-4261-b893-4c921aa4e264 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons.png);
}
.benefitselect .benefit-menu .img.Lcdb3598e-3159-4261-b893-4c921aa4e264 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/130x60/cycle.png);
}
/* Childcare Vouchers */
.benefit-matrix .benefitline .benefit-menu .img.L048fd976-fc59-4e3b-b412-ef05fa427a83 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons3.png);
}
.benefitselect .benefit-menu .img.L048fd976-fc59-4e3b-b412-ef05fa427a83 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/130x60/ccv.png);
}
/* Give As You Earn */
.benefit-matrix .benefitline .benefit-menu .img.L37ae9447-67ac-4267-b2bb-c8da7e3e1521 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons6.png);
}
.benefitselect .benefit-menu .img.L37ae9447-67ac-4267-b2bb-c8da7e3e1521 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/130x60/gaye_1.png);
}
/* Holidays */
.benefit-matrix .benefitline .benefit-menu .img.Lb59af300-fe1d-4d1b-8296-cde64e1e755f {
	background-image:url(/stevensbolton/media/default/benefit%20icons/160x130/Additional_Benefit_icons.png);
}
.benefitselect .benefit-menu .img.Lb59af300-fe1d-4d1b-8296-cde64e1e755f {
	background-image:url(/stevensbolton/media/default/benefit%20icons/130x60/Additional_Benefit_icons4.png);
}
/* Gourmet Society */
.benefit-matrix .benefitline .benefit-menu .img.Lead93371-f3ac-48d2-8385-7dbac69acb36 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/160x130/Additional_Benefit_icons2.png);
}
.benefit-matrix .benefitline .benefit-menu .img.L203bdf84-d6c7-4c5e-9401-c05cc3ce5e76 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/160x130/Additional_Benefit_icons2.png);
}
.benefitselect .benefit-menu .img.Lde0eb58f-445c-473c-959a-916d7593e8a6 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/130x60/Additional_Benefit_icons5.png);
}
.benefitselect .benefit-menu .img.L203bdf84-d6c7-4c5e-9401-c05cc3ce5e76 {
	background-image:url(/stevensbolton/media/default/benefit%20icons/130x60/Additional_Benefit_icons5.png);
}
/* Private Medical Insurance */
.benefit-matrix .benefitline .benefit-menu .img.L9f1d5ba0-91a9-491d-8884-dad7159038de {
	background-image:url(/stevensbolton/media/default/benefit%20icons/160x130/Additional_Benefit_icons4.png);
}
.benefitselect .benefit-menu .img.L9f1d5ba0-91a9-491d-8884-dad7159038de {
	background-image:url(/stevensbolton/media/default/life%20event%20icons/Additional_Benefit_icons8.png);
}
/* Dental Insurance */
.benefit-matrix .benefitline .benefit-menu .img.Lad6ccda4-d0d4-4a5f-bf7e-937f695648ae {
	background-image:url(/stevensbolton/media/default/benefit%20icons/160x130/Benefit_icons11.png);
}
.benefitselect .benefit-menu .img.Lad6ccda4-d0d4-4a5f-bf7e-937f695648ae {
	background-image:url(/stevensbolton/media/default/benefit%20icons/130x60/dental_1.png);
}
/*Kids Pass*/
.benefit-matrix .benefitline .benefit-menu .img.Lf36c9276-5ff6-452c-92a8-617215855dda {
    background-image: url(/stevensbolton/media/default/benefit%20icons/160x130/Additional_Benefit_icons3.png);
}
.benefitselect .benefit-menu .img.Lf36c9276-5ff6-452c-92a8-617215855dda {
    background-image: url(/stevensbolton/media/default/benefit%20icons/130x60/Additional_Benefit_icons6.png);
}
/*Travel policy */
.benefit-matrix .benefitline .benefit-menu .img.L77be892f-15dd-4828-8e54-65768b69df7d
{
 background: url(/stevensbolton/media/default/benefit%20icons/160x130/SB-benefit-icons_160%e2%80%8a%c3%97%e2%80%8a130.png) no-repeat;
}

.benefitselect .benefit-menu .img.L77be892f-15dd-4828-8e54-65768b69df7d {
    background-image: url(/stevensbolton/media/default/benefit%20icons/130x60/SB-benefit-icons_130%e2%80%8a%c3%97%e2%80%8a60.png);
}


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

/* Manage Dependants Popup */
/* hide resource string intro text to use text configured on benefits matrix pages */
.dependantIntroText {
  display: none;
}
h3.dependantModalHeader{
	color: #000;
}
.benefit-matrix .employee-cost .cost-number{
	color: #1c3155;
}
.online-two-iso .modal-normal a.tab-selector-link:hover, .online-two-iso .modal-normal .tab-selector-link.active{
	color: #1c3155;
	border-bottom: solid .5em #1c3155;
}
.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: #1c3155;
}
input:focus{
	box-shadow: 0 0 6px #1c3155;
}
.online-two-iso input:checked + .slider{
	background-color: #1c3155;	
}

/* Life Event popup */
.active-benefits .modal-body {
    background-color: #f5f5f5;
}
.active-benefits .header{
	color: #000;
}
/* Maternity event icon */
.active-benefits .img.E7ebdbdd9-1255-499a-8c6b-77cb428ff740 {
	background-image: url(/stevensbolton/media/default/life%20event%20icons/lifeevent%20icons5.png);
}
/* change of address event icon */
.active-benefits .img.Eb07e3d73-a6f7-4844-a4bc-954db83f60a6 {
	background-image: url(/stevensbolton/media/default/life%20event%20icons/lifeevent%20icons7.png);
}
/* change to dependants event icon */
.active-benefits .img.E8df5d466-95e4-4e73-8f1d-b82f19ee813e {
	background-image: url(/stevensbolton/media/default/life%20event%20icons/lifeevent%20icons3.png);
}

/* Whos covered popup */
.online-two-iso .modal-normal .modal-header .header-text{
	color: #000;
}
.election-info-collect .dependant-board .expand-sign{
	color: #1c3155;
}
.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: #1c3155;
}

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

/* Benefit Statement styling */
.benefit-matrix .benefitdate .data-addon{
	color: #1c3155;
}
.bootstrap-iso .btn.online-two-datepicker{
	background-color: #1c3155;
	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: #1c3155;
}

.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: #1c3155;
}

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

.benefit-matrix #validationError-overlay {
	height: 360px;
}
/*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';
}

/*Taste Card */
#lineid_289f7c5a-014e-43af-8f54-2a35b562dc04, .products-header.products-header-289f7c5a-014e-43af-8f54-2a35b562dc04 {display: none;}
.division {
	display: none;
}

#login-assist-step2b .datepicker-mask {
	display: none;
}

/* FOOTER ALIGNMENT FIX */

@media only screen and (min-width: 768px){
  /* display nav items in one line */
  #footer.footer-fullwidth nav ul#footer-links li,
#footer.footer-fullwidth a.optanon-toggle-display.EUFooterLink{
    display: inline-block !important;
  }
}
@media only screen and (min-width:751px){
.online-two-iso #footer div:not(:first-child) a { border-left: 1px solid; }
.online-two-iso #footer a { padding: 0 1em; text-transform: none; color: #000; }
}
/*HCP icon*/
/*.img.Lf960d686-27c4-47e8-9c5c-675c4178a410 {
	background-image: none;
}
.img.Lf960d686-27c4-47e8-9c5c-675c4178a410::before, #benefit-overview .img.BenefitImage_f960d686-27c4-47e8-9c5c-675c4178a410:before {
	content: '\e918';
	font-family: 'OnlineTwoIconFont';
  font-size: 6rem;
  font-weight: bold;
  color: #1c3155;
  /*margin-right: 50px;}*/

/*.see-also .benefit-menu .img.Lf960d686-27c4-47e8-9c5c-675c4178a410::before {
	font-size: 2.5rem !important;
	font-weight: bold;
	margin-top: ;
	top: 1px;
	position: relative;
}
.benefit-information .img.Lf960d686-27c4-47e8-9c5c-675c4178a410::before {
	font-size: 11rem;
}
.img.BenefitImage_f960d686-27c4-47e8-9c5c-675c4178a410 {
	background-image: none !important;
}*/
/*forgot password*/
.online-two-iso.login .LoginPageContainer .additional-services {
  color: #000;
}
/*module content width*/
/*#home-module-generic .generic-copy.full-width {
  padding-left: 0;
  width: 30%;*/
}
/*benefit statement styling*/
/*#home-module-benefit-statement .full-width{
  width: 60%;
  margin-left: -100px;*/
}
/*#home-module-benefit-statement .benefit-statement-copy .benefit-statement-intro {
 margin-left: -100px;*/
}

/*#home-module-benefit-statement .btn{
  margin-right: -100px;/*
}

/*enrolment module text*/
/*#home-module-enrolment .enrollment-copy .event-intro {
width: 40%;
}*/
/*change dependent button*/
.dependants_change_editbutton{
  background-color: #199da9 !important;
}
.dependent-approved {
  color: #000 !important;
}
/*warning button*/
.bootstrap-iso .btn-warning {
	color:#fff;
	background-color:#199da9;
	border-color:#fff;
}
/*benefit group*/
.line-group {
  color: #1c3155;
}
/*enrolment button
#home-module-enrolment .enrollment-copy button {
  margin-top: -30px !important; 
}*/
#home-module-enrolment .enrollment-copy .text-light {
  font-weight: bold;
}
#home-module-enrolment .enrollment-copy .days-left {
  font-weight: bold;
}
/* Home page logo at bottom */
.onlineTwoPointO-home #home-module-content [id^="home-module"] {
  background-image: url("/stevensbolton/media/default/pay_and_benefits_logo_hi_res.png");
  background-size: 26%;
  background-position: right bottom;
}
/* Benefit statement */
#home-module-benefit-statement .home-module-benefit-statement-content {
	width: 100%;
}
#home-module-benefit-statement .benefit-statement-copy .payslip-item-data #item-1 {
	width: 35%;
}
/* hcp */
#benefit-overview .summaryImage .img.BenefitImage_f960d686-27c4-47e8-9c5c-675c4178a410{
background: url(/stevensbolton/media/default/benefit%20icons/160x130/HCP_1.png) no-repeat;
}
/* hcp */
.benefit-matrix .benefitline .benefit-menu .img.Lf960d686-27c4-47e8-9c5c-675c4178a410 {
background-image:url(/stevensbolton/media/default/benefit%20icons/160x130/HCP_1.png);
}
.benefitselect .benefit-menu .img.Lf960d686-27c4-47e8-9c5c-675c4178a410 {
background-image:url(/stevensbolton/media/default/benefit%20icons/130x60/HCP_2.png);
}

#event-inactive
{
line-height:100px;
}

#home-module-enrolment .enrollment-copy button
{
	margin-bottom:10%;
}
/* Remove this section to enable userID and Password login option */
.online-two-iso.login .LoginPageContainer .panel.panel-default {
	display: none;
}

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