/*MFA Logo*/
#mfaContainerGlobal .logo {
    background: url(/dyson/media/default/dyson%20logo.png) no-repeat 0 center/contain;
    width: 250px;
    height: 80px;
    margin-bottom: 12px
}

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

/*Login Page background*/
@media only screen and (min-width:768px) {
 .online-two-iso.login body {
  background:url(/dyson/media/default/Login_BG2x_2.jpg) no-repeat;
  background-size:cover;
  background-position:bottom
 }
}

@media only screen and (min-width:1400px) {
 .isLoginPageWrapper #logo {
  background:url(/dyson/media/default/dyson%20logo.png) no-repeat 0 center/contain;
  float:right;
  position:relative;
  right:16.5em;
  top:3em
 }
}

@media only screen and (min-width:1024px) {
 .isLoginPageWrapper #logo {
  background:url(/dyson/media/default/dyson%20logo.png) no-repeat 0 center/contain;
  float:right;
  position:relative;
  right:16.5em;
  top:3em
 }
}

@media only screen and (max-width:767px) {.isLoginPageWrapper #logo {
  background:url(/dyson/media/default/dyson%20logo.png) no-repeat 0 center/contain;
  right:16.5em;
  top:3em
}}

.online-two-iso .header-overlay {background-color: #000 !important;}
#login-assistance-next {background-color: #000;}
#login-assistance-cancel-button {background-color: #000;}
#login-assistance-cancel-button:hover {background-color: #6666;}
#forgotSecQue {color: #000;}
#forgotSecQue:hover {color: #666;}
.online-two-iso .datepicker-container .input-group-btn .btn {background-color: #000 !important;}
.online-two-iso .datepicker-container .input-group-btn .btn:hover {background-color: #666 !important;}

/*Forgot Password*/
.col-md-6.bootstrap-iso.datepicker-zone {padding-top:15px;}

/*CLIENT CUSTOM CSS CODE HERE*/

.carousel .menu-header {display:none;}
.online-three#home #terminator #header.header-fullwidth {
    padding-bottom: 0px;
}

/************************** BOOTSTRAP VERSION 3.3.6 AND js VERSION 1.2.4**********************************/
/*MODULE LAYOUT IN CHROME AND FIREFOX*/
#home-online-three #GBSHomeIntegrated #home-integrated .modules-right-side.grid-container {
	 grid-template-columns:repeat(3,1fr);
	 grid-template-columns: 33% 33% 34%;}


:root {--color:#000}

.bootstrap-iso {font-size: 16px;}

/*GENERIC BOTTOM MARGINS*/
.mb-sm {margin-bottom: 1em;}
.mb-md {margin-bottom: 5em;}
.mb-lg {margin-bottom: 7em;}

/*TEXT COLOUR CLASSES*/
.bootstrap-iso .text-primary {color: #0080aa}
.bootstrap-iso .text-danger  {color: #ff0000}
.bootstrap-iso .text-info {color: #0080aa}
.bootstrap-iso .text-default {color: #bfbfbf}
.bootstrap-iso .text-warning {color: #ff0000}
.bootstrap-iso .text-success {color: #95d600}


/*HIDE GRADIENT BACKGROUND AND ADD BACKGROUND COLOUR*/
html {
	background-image: none;
	background-color: #f2f2f2;
}
/*BENEFIT HEADER FIXED CONTAINER (ON MATRIX AND LINE SELECTION PAGES) AND BENEFIT MATRIX BACKGROUND COLOUR*/
html,
.online-two-iso .benefit-matrix .benefitheader-fixed,
.benefit-matrix .benefit-active-benefits,
.benefit-matrix .benefit-category .panel-body,
.line-group,
.benefit-matrix .group-default{
	background: white;
}

.benefit-matrix .line-group {
  padding-bottom: 0;
}
/*APPLY BOX SHADOW TO BENEFIT LINE SECTIONS*/
.benefit-matrix .benefit-category .benefitline {
  box-shadow: 3px 5px 2px 5px rgba(0,0,0,.25);
  margin-bottom: 1em;
}

/*REMOVE MARGIN ON MAIN CONTAINER TO BRING HEADER AND FOOTER TOGETHER WITH MAIN CONTENT*/
#main.home {
	margin: 0
}

/*HEADER BACKGROUND COLOUR*/
.online-two-iso #terminator #header.header-fullwidth {
	background-color: #6666;
}
/*FOOTER BACKGROUND COLOUR*/
.online-two-iso #terminator #footer.footer-fullwidth {
	background: #f2f2f2
}
/*WELCOME GREETING AND SENSITIVE DATA TOGGLE CONTAINER*/
#GBSHomeIntegrated.dashboard-page-container {
	
}
#home-online-three .modules-sleeve {
	
}

/* REMOVE TEXT-TRANSFORM LOWERCASE FROM SITE */
#menu-no-dashboard li a,
#menu li a,
#menu-sub li a,
label {
	text-transform: none;
}

/*MAIN BUTTON STYLING*/
.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 {
	border-radius: 20px;
	font-weight: bold;
}

.bootstrap-iso .btn-default {
	background-color: #000;
}
.bootstrap-iso .btn-primary {
	background-color: #0080aa;
}
.bootstrap-iso .btn-info {
	background-color: #0080aa;
}
.bootstrap-iso .btn-success {
	background-color: #95d600;
}
.bootstrap-iso .btn-warning {
	background-color: #000;
}
.bootstrap-iso .btn-danger {
	background-color: #ff0000;
}
.bootstrap-iso .btn-popup,
.benefitheader-fixed div#followup-items a.btn,
.benefitheader-fixed div#resettodefaults a.btn{
	background-color: #ff0000
}
/*HOMEPAGE BUTTONS ONLY TO BE MIN WIDTH 75% OF MODULE*/
#home-online-three.bootstrap-iso #home-integrated .btn.btn-default {
	min-width: 75%
}



.online-two-iso h1 {
	color: #000
}

/****************************************RESET BEN OVERVIEW FILTER COLOUR*************************************************/
#BenefitNameFilter {background: transparent;color: black;}

/*BENEFIT MATRIX COST COLOUR*/
.benefit-matrix .default-cost,
.benefit-matrix .font-youpay-color {
	color: #ff0000
}

/* CHANGE VIEW ICON ON MAILBOX PAGE */
#hasMail i.fa-search:before {
	content: '\f06e'
}

/* HIDE CALENDAR ICON FOR OPEN EVENTS ON ENROLMENT MODULE */
#home-module-enrolment .enrollment-copy .cal {
  display: none;
}

/* PROFILE HEADING TAB COLOUR */
#profile-online-2 #profilecontainer .htabs-container .tabs ul li.sel a,
#personalTabControl:hover,
#contactTabControl:hover,
#dependantsTabControl:hover,
#securityTabControl:hover,
#profileTabControl:hover {
  color: #3882a5;
  border-bottom: 8px solid #3882a5;
}

#home-online-three #right-side .modules-right-side.grid-container,
#home-online-three #home-integrated .modules-right-side.grid-container,
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
	background: #f2f2f2
}

/*HIDE CAROUSEL MENU HEADER*/
#home-module-welcome .welcome-items .menu-header,
.home-module-integrated .welcome-items .menu-header {
	display: none;
}

/*THUMBNAIL REPLACEMENT FOR CAROUSEL*/



#thumb-containder img[src*="Slide3"]{
	background: url( 	/benefitsadminuk2/media/MediaLibrary/Carousel%20Images/retirement.jpg) center/cover;
	padding-left: 100%;
}
#thumb-containder img[src*="Slide2"]{
	background: url(/benefitsadminuk2/media/MediaLibrary/GBSLogoImages/GBSModuleImages/Generic/tnslide2.jpg) center/cover;
	padding-left: 100%;
}
#thumb-containder img[src*="Slide4"]{
	background: url(/benefitsadminuk2/media/MediaLibrary/GBSLogoImages/GBSModuleImages/Generic/tnslide3.jpg) center/cover;
	padding-left: 100%;

}

/*REMOVE BORDER OF MODULES AND APPLY BOX SHADOW INSTEAD*/
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
	background: #fff;
	border: none;
	border-radius: 0;
	box-shadow: 3px 5px 2px 5px rgba(0,0,0,.25)
}


/*HIDE MORE INFO POPUP ICON ON DATA MODULES*/
a.online-three-module-popover-control {display: none;}

/***************************BENEFIT STATEMENT MODULE STYLING*****************************************/
/*AMOUNT LABEL COLOURS*/
#right-side .modules-right-side #item-0 span.payslip-item-amount,
#home-modules-mobile #benefit-statement #item-0 .payslip-item-amount {color: #ff0000!important;}
#right-side .modules-right-side #item-1 span.payslip-item-amount,
#home-modules-mobile #benefit-statement #item-1 .payslip-item-amount {color: #ff0000!important;}
#right-side .modules-right-side #item-2 span.payslip-item-amount,
#home-modules-mobile #benefit-statement #item-2 .payslip-item-amount {color: #8c8c8c!important;}

/*CHART SECTION COLOURS*/
#right-side .modules-right-side .home-module-benefit-statement-content #benefit-statement-chart-container g.highcharts-series-group g.highcharts-series-0 rect,
#home-modules-mobile .home-module-benefit-statement-content #benefit-statement-chart-container g.highcharts-series-group g.highcharts-series-0 rect {fill: #ff0000;}
#right-side .modules-right-side .home-module-benefit-statement-content #benefit-statement-chart-container g.highcharts-series-group g.highcharts-series-1 rect,
#home-modules-mobile .home-module-benefit-statement-content #benefit-statement-chart-container g.highcharts-series-group g.highcharts-series-1 rect {fill: #8c8c8c;}

/*HEADINGS, CONTENT AND GREETING MESSAGE COLOUR*/
#home-online-three #right-side .module-content-header-container h3.module-content-header,
a.online-three-module-popover-control,
#user-div a,
#home-module-welcome .welcome-items .menu-header #selected-slide,
.home-module-integrated .welcome-items .menu-header #selected-slide{
	color: #fff;
}
#home-online-three .dashboard-controls #greeting-message {color: #000;}
#home-online-three #GBSHomeIntegrated #home-integrated .module-content-header-container h3.module-content-header {color: #000;}

/*HAMBURGER MENU COLOUR*/
#home-module-welcome .welcome-items .menu-header span.toggle-control .bar1,
.home-module-integrated .welcome-items .menu-header span.toggle-control .bar1,
#home-module-welcome .welcome-items .menu-header span.toggle-control .bar2,
.home-module-integrated .welcome-items .menu-header span.toggle-control .bar2,
#home-module-welcome .welcome-items .menu-header span.toggle-control .bar3,
.home-module-integrated .welcome-items .menu-header span.toggle-control .bar3 {
	background-color: #000
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-content {
	color: #000;
}

/******************** HOME PAGE MODULE BACKGROUND IMAGES ***********************/
/* TRS MODULE FOR EMEA TRS ONLY USER */
.onlineTwoPointO-home .module-content #home-module-trs.TRSOnly {
	background-image: url(http://novartis-imp.tbs.aon.com/novartis/media/Novartis/2018%20Misc/Img-TBS_1.png);
}
/* MORE INFORMATION MODULE FOR EMEA TRS ONLY USER */
.onlineTwoPointO-home .module-content #home-module-generic.TRSOnly {
	background-image: url(http://novartis-imp.tbs.aon.com/novartis/media/Novartis/2018%20Misc/Novartis_Carousel-images-3.png);
}

/* STYLING OF LISTS IN BENEFIT INTRO CONTENT */
#benefit-overview .tab-body ol,
.benefit-matrix .modal-content .tab-body ol
{
	padding:0 0 0 25px
}
#benefit-overview .tab-body ul,
.benefit-matrix .modal-content .tab-body ul{
	padding:0 0 0 25px;
	list-style-type:disc
}

/* h4 HEADINGS IN BENEFIT INTRO CONTENT */
#overview h4,
#eligibility h4,
#taxfacts h4,
#faqs h4 {
  background: none;
  padding: 0;
  }

/* STYLING 'NOW AVAILABLE' TEXT ON MATRIX FOR ACTIVATED BENEFITS */
.benefit-matrix .acitve-text {
  color: #9b4493;
  font-family: 'Open Sans', sans-serif;
  }
.benefit-matrix .glyphicon-record {
  color: #9b4493;
  }

/*PANEL HEADING COLOUR*/
.benefit-matrix .benefit-category .panel-default > .panel-heading,
#benefit-overview #overviewAccordion .panel-default > .panel-heading,
.trsdashboard .panel-default > .panel-heading {
	background-color: #ff0000;
}

/* LINE SELECTION PAGE STYLING */
.links-group.four-links {
	display: none;
}
/*HIDE INVESTMENT OPTIONS TITLE DIV*/
#InvestmentOptionsTitle {display: none;}

/* STYLING CONTENT ON WELLNESS PAGE */
div#Wellness .top-row {
	background-color: grey;
}
div#Wellness .row .col-one {
	background-color: lightgrey;
}

/**********************REMOVING WHITE SPACE ON LINE SELECTION PAGE*******************************************/
.onlineTwoPointO-home #home-intro {
	margin:0;
    padding-top: 0.5rem;
}
.in-Cart {
	margin: 0;
	padding: 0
}
.content-you-chose,
.box-border {
	padding: 0;
}
.your-beneficiaries {
	margin: 0
}
.your-beneficiaries .txt-beneficiaries {
	padding-top: 0
}
div.division {
	height: 15px;
	margin-top: 0;
	background: none;
}
span.dependent-pending {
	display: none!important;
}
.content-box-border {
	padding: 3px 0 0 10px
}
.box-border.sel .content-box-border {
	border: 3px solid #3882a5
}
#products .box-border-bg {
	margin-bottom: 0
}



/*ENROLMENT MODULE STYLING*/
.enrollment-copy.module-copy h4.event-name:first-child {margin: 0;margin-top: 1em}
h4.event-name {font-size: 16px}

/*PLAN FOR THE FUTURE MODULE STYLING*/
.planForTheFuture table {
	border-collapse: separate;
	border-spacing: 0.5em
}
.planForTheFuture table td {width: 50%}
.planForTheFuture table tr:first-child td {
	background: #000;
	border-radius: 5px;
	color: #fff;
}
.planForTheFuture table tr:last-child td {
	background: #ff0000;
	border-radius: 5px;
}
.planForTheFuture table tr:last-child td a {
	display: block;
	width: 100%;
	color: #fff;
	padding-bottom: 0.5em;
}
.planForTheFuture table tr:last-child td a:hover {
	text-decoration: none;
	background: #000;
	border-radius: 5px;
}
.planForTheFuture .PFTFHeading {
	font-weight: bold;
	font-size: 1.2em;
}
.planForTheFuture .PFTFAmount {font-size: 1.5em;}
.planForTheFuture .PFTFContent {font-size: 0.8em;}
.planForTheFuture #Button1 a:before {
	font-family: FontAwesome;
	display: block;
	content: '\f201';
	font-size: 2em;
	color: #fff
}
.planForTheFuture #Button2 a:before {
	font-family: FontAwesome;
	display: block;
	content: '\f200';
	font-size: 2em;
	color: #fff
}

/*KEEPING HEALTHY MODULE STYLING*/
.keepingHealthy table {
	border-collapse: separate;
	border-spacing: 0.5em;
}
.keepingHealthy table td {width: 50%}
.keepingHealthy table tr:first-child td {
	background: #ff0000;
	border-radius: 5px;
	color: #fff;
	font-size: 2em
}
.keepingHealthy table tr:last-child td {
	background: #ff0000;
	border-radius: 5px;
}
.keepingHealthy table tr:last-child td a {
	display: block;
	width: 100%;
	color: #fff;
	padding: 0.5em;
}
.keepingHealthy table tr:last-child td a:hover {
	text-decoration: none; 
	background: #000; 
	border-radius: 5px;
}
.keepingHealthy .PFTFHeading {
	font-weight: bold;
	font-size: 1.2em;
}
.keepingHealthy .PFTFAmount {font-size: 1.5em;}
.keepingHealthy .PFTFContent {font-size: 0.8em;}
.keepingHealthy span.hearticon:before {
	content: url(/benefitsadminuk2/media/MediaLibrary/UK%20Branded%20Demo%20Images/other-images-04.png);
	vertical-align: middle;
}

/*VOLUNTARY BENEFITS STYLING*/
.benContainer {
	border: 2px solid #ff0000;
	padding-bottom: .5em;
	text-align: center;
	background-image: linear-gradient(135deg,#ff0000 10px,#fff 10px);
	margin-bottom: 2em;
}
.benImageBeauty,
.benImageDining,
.benImageHomeTech,
.benImageHotelFlight,
.benImageKids,
.benImageShopping {
	width: 90%;
	margin: 0 auto;
	margin-top: 2em;
	height: 20em;
}
.benImageBeauty {
	background: url(/benefitsadminuk2/media/MediaLibrary/UK%20Branded%20Demo%20Images/Barclays/lifestyle__20180927__beauty.jpg) no-repeat bottom left/cover;
}
.benImageDining {
	background: url(/benefitsadminuk2/media/MediaLibrary/UK%20Branded%20Demo%20Images/Barclays/lifestyle__20180927__dining.jpg) no-repeat bottom left/cover;
}
.benImageHomeTech {
	background: url(/benefitsadminuk2/media/MediaLibrary/UK%20Branded%20Demo%20Images/Barclays/lifestyle__20180927__home-tech.jpg) no-repeat bottom left/cover;
}
.benImageHotelFlight {
	background: url(/benefitsadminuk2/media/MediaLibrary/UK%20Branded%20Demo%20Images/Barclays/lifestyle__20180927__hotelsflights.jpg) no-repeat bottom left/cover;
}
.benImageKids {
	background: url(/benefitsadminuk2/media/MediaLibrary/UK%20Branded%20Demo%20Images/Barclays/lifestyle__20180927__kids-events.jpg) no-repeat bottom left/cover;
}
.benImageShopping {
	background: url(/benefitsadminuk2/media/MediaLibrary/UK%20Branded%20Demo%20Images/Barclays/lifestyle__20180927__shopping.jpg) no-repeat bottom left/cover;
}
.benButton {
	margin-bottom: 1.3em
}
.benButton a {
	width: 90%;
}

/*******************************************************DISCOUNTS PAGE STYLING***********************************************/
#discounts .top-row,
#discounts .middle-row {
	background: #f2f2f2
}
#discounts .middle-row .well {
	background: #fff;
	border-radius: 0;
	border: none;
	box-shadow: 3px 5px 2px 5px rgba(0,0,0,.25);
}
#discounts .middle-row .well .img-rounded {
	box-shadow: 3px 5px 2px  rgba(0,0,0,.25);
}
#discounts .middle-row .well a:hover,
#discounts .middle-row .well a:focus{
	opacity: .5
}

/*******************************************************INTEGRATED CAROUSEL HOMEPAGE STYLING***********************************************/
/*HIDE ADDITIONAL CONTENT THAT USED TO ONLY DISPLAY WHEN MODULE SIDE EXPANDED*/
#home-online-three #GBSHomeIntegrated #home-integrated.view-mode-3 .expanded-content {display: none}

/*FIX THUMBNAIL WIDTHS*/
#home-module-welcome #slider .thumb .rect,
.home-module-integrated #slider .thumb .rect {
	width: 190px;
}


/*STYLING OF IMAGES IN HOMEPAGE MODULES*/
.module-content .module-image-style {
	height: 200px;
	border-radius: 30px;
	border-top-left-radius: 0;
}

/*DISCOUNTS MODULE IMAGE*/
.module-content.AonPlus .module-image {	
	background: url(/benefitsadminuk2/media/MediaLibrary/UK%20Branded%20Demo%20Images/Discounts_Image.jpg) no-repeat center/cover
}
/*BENEFITS INFORMATION IMAGE*/
.module-content.benefitsOverview .module-image {	
	background: url(/benefitsadminuk2/media/MediaLibrary/UK%20Branded%20Demo%20Images/Benefits_Information_Image.jpg) no-repeat center/cover
}
/*KEEPING HEALTHY IMAGE*/
.module-content.keepingHealthy .module-image {	
	background: url(/benefitsadminuk2/media/MediaLibrary/UK%20Branded%20Demo%20Images/Keeping_Healthy_Image.jpg) no-repeat center/cover
}

/*ENROLMENT MODULE STYLING*/
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content #enrolment.module-content .enrollment-copy .event-summary h4.event-name,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment.module-content .enrollment-copy .event-summary h4.event-name {
	font-weight:bold;
}
#otherCountdown span:nth-child(2),
#otherCountdown span:last-child,
#renewalCountdown span:nth-child(2),
#renewalCountdown span:last-child{
	font-style: italic
}
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content #enrolment.module-content .enrollment-copy .event-summary .days-left,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment.module-content .enrollment-copy .event-summary .days-left {
	font-weight: bold;
}
#otherCountdown .days-left {
	color: #0080aa;
}
#renewalCountdown .days-left {
	color: #ff0000;
}
.bootstrap-iso #event-other .btn.btn-default {
	background: #0080aa;
}
.bootstrap-iso #event-renewal .btn.btn-default {
	background: #ff0000;
}

/*MAKE MODULE CONTENT HEADER 100% TO ACCOMODATE THE TRIANGLE ICON*/
#home-online-three #right-side .module-content-header-container h3.module-content-header,
#home-online-three #home-integrated .module-content-header-container h3.module-content-header {
	width: 100%
}
TRIANGLE ICON IN MODULE HEADER
.module-icon.pull-right {
	width: 0;
	height: 0;
	border-top: .5em solid transparent;
	border-right: 1em solid #ff0000;
	border-bottom: .5em solid transparent;
}
.planForTheFuture .module-icon.pull-right,
.keepingHealthy .module-icon.pull-right,
.twitter .module-icon.pull-right {
	border-right-color: #f2f2f2;
}


#home-online-three #UKHomeIntegrated #home-integrated .AonPlus .module-content-header-container h3.module-content-header:after {
	content: '';
	float: right;
	width: 0;
	height: 0;
	border-top: .5em solid transparent;
	border-right: 1em solid #ff0000;
	border-bottom: .5em solid transparent;
}

@media only screen and (max-width:1800px) {
	#home-online-three #UKHomeIntegrated #home-integrated .modules-right-side.grid-container {
		grid-template-columns:repeat(4,1fr);
		grid-template-areas:
			"module-1 module-1 module-4 module-2"
			"module-5 module-5 module-6 module-6"
			"module-7 module-8 module-9 module-3"
	}
}

@media only screen and (max-width:1349px) {
	#home-online-three #UKHomeIntegrated #home-integrated .modules-right-side.grid-container {
		grid-template-columns:repeat(3,1fr);
		grid-template-areas:
			"module-1 module-1 module-4"
			"module-2 module-5 module-5"
			"module-6 module-6 module-7"
			"module-8 module-9 module-3"
	}
}

@media only screen and (max-width:1024px) {
	#home-online-three #UKHomeIntegrated #home-integrated .modules-right-side.grid-container {
		grid-template-columns:repeat(2,1fr);
		grid-template-areas:
			"module-1 module-1"
			"module-4 module-2"
			"module-5 module-6"
			"module-3 module-7"
			"module-9 module-8"
	}
}

/**************************************************************** DESKTOP STYLING ****************************************************************/
@media only screen and (min-width:768px){
	/*HOVER FOR DATA BUTTONS*/
	.bootstrap-iso .btn.btn-default:hover,
	.bootstrap-iso .btn.btn-default:focus,
	.bootstrap-iso #event-renewal .btn.btn-default:hover,
	.bootstrap-iso #event-renewal .btn.btn-default:focus{
		background-color: #6666;
		color: #fff;
		border-color: transparent;
	}
	.bootstrap-iso #event-other .btn.btn-default:hover,
	.bootstrap-iso #event-other .btn.btn-default:focus,
	.bootstrap-iso .btn.btn-info:hover,
	.bootstrap-iso .btn.btn-info:focus{
		background-color: rgba(23,74,115,.7);
	}
	.bootstrap-iso .btn-warning:hover,
	.bootstrap-iso .btn-warning:focus {
		background-color: #6666;
		border-color: transparent;
	}
	.benefit-matrix .row .btn-success:hover,
	.benefit-matrix .row .btn-success:focus {
		background-color: rgba(149,214,0,.7);
		border-color: transparent;
		border-radius: 20px;
		font-weight: bold;
	}
	button.btn.btn-default span:after,
	.keepingHealthy td a:after {
		content: '\00bb';
		opacity: 0;
		position: relative;
		left: 2em;
	}
	button.btn.btn-default:hover span:after,
	.keepingHealthy td a:hover:after{
		opacity: 1;
		transition: left 0.25s;
		left: 0.3em;
	}
		/*REMOVING WHITESPACE OF TRS HIGHCHART*/
	#home-online-three #right-side .GBS3TRS p,
	#home-online-three #GBSHomeIntegrated #home-integrated .GBS3TRS p {
		margin-bottom:-0px
	}
	#home-online-three #right-side .GBS3TRS rect.highcharts-background,
	#home-online-three #GBSHomeIntegrated #home-integrated .GBS3TRS rect.highcharts-background {
		fill-opacity:0
	}
	/*HOVER FOR CAROUSEL BUTTONS*/
	.carouselbtn span:after {
		content: '\00bb';
		opacity: 0;
		position: relative;
		left: 2em;
	}
	.content a.carouselbtn:hover {
		background-color: #ff0000;
	}
	.content a.carouselbtn:hover span:after {
		opacity: 1;
		left: 0;
		transition: 0.25s;
	}
	/*BENEFIT STATEMENT LABEL STYLING AND POSITION*/
		#item-0, #item-1, #item-2 {
		width: 50%;
		margin-left: 25%;
		text-align: left;
		font-weight: bold;
	}
	.payslip-item-amount {
		float: right;
	}
	#item-1 {
		border-bottom: 1px solid #333;
	}
	/*TRS STYLING*/
	/*OUTLINE OF LEGEND BOX*/
	.trsdashboard .col-md-7 rect.highcharts-legend-box {
		stroke:#eee;
	}
	/*MOVE TOTAL OF TRS INTO MIDDLE OF DONUT*/
	#dashboardContainer tbs-highchart span.highcharts-title {
		color: #000!important;
    font-size:1.15em!important;
    position: absolute!important;
    top: 9.75em!important;
	}
	/*MODULE COLOURS*/
	/*SALARY & ALLOWANCES*/
	.trsdashboard .icon-two-point-o-trs-module-tab-0:before {
		color:#ff0000;
	}
	/*BONUS & VARIABLE PAY*/
	.trsdashboard .icon-two-point-o-trs-module-tab-1:before {
		color:#0080aa;
	}
	/*WELLBEING*/
	.trsdashboard .icon-two-point-o-trs-module-tab-2:before {
		color:#740000;
	}
	/*PENSION*/
	.trsdashboard .icon-two-point-o-trs-module-tab-3:before {
		color:#400000;
	}
	/*SHARES*/
	.trsdashboard .icon-two-point-o-trs-module-tab-4:before {
		color:#8c8c8c;
	}
	/*FONT SIZE OF TEXT IN TRS VERTICAL TABLES*/
	#table-d9acaf8e-82b3-4ef3-a044-82d699f7c002 td,
	#table-642d8658-72fc-45c2-afdc-766a10724c84 td,
	#table-e161e84b-dbeb-4aad-b22d-bdd2375eabb3 td {font-size: 14px}
}
/*ADD BORDERS TO GRID CONTENT AREAS SPECIFICALLY FOR IE11 BROWSERS*/
@media all and (-ms-high-contrast: none) {
	#home-online-three #right-side .grid-container.modules-right-side .grid-item-content {
		border: 1px solid aliceblue;
	}
}



/**************************************************************** MOBILE STYLING ****************************************************************/
/*REMOVE FLOAT ON MOBILES AND TABLETS*/
@media only screen and (max-width:484px){
	.trsdashboard #trsVideoContent {
		float: none;
	}
}

@media only screen and (max-width:767px) {
	/*REMOVE MODULE ICONS*/
	#home-online-three #home-integrated .modules-mobile .module-mobile i[class*="icon-"] {
		display: none;
	}
	/*REMOVING BACKGROUND IMAGE OF CAROUSEL SLIDE*/
	#slide-1 {
		background: none!important;
	}
	/*MAKE WIDTH OF CAROUSEL CONTENT AUTO*/
	#home-module-welcome #slider .content {
		width: auto;
	}
	/*REDUCE FONT SIZE OF GREETING*/
	#home-online-three .dashboard-controls #greeting-message {
		font-size: 20px;
	}
	/*REMOVE ICONS FOR HOME PAGE MODULES*/
	#home-online-three #right-side .modules-mobile .module-mobile i[class*="icon-"] {
		display: none;
	}
	/*REMOVE MARGIN OF MODULE LABEL*/
	#home-online-three #right-side .modules-mobile .module-mobile span.module-label {
		margin: 0;
		font-size: 1.5em;
	}
	/*REMOVE SECOND MODULE TITLE WHEN MODULE EXPANDED*/
	#home-online-three #right-side .module-content-header-container h3.module-content-header {
		display: none;
	}
	/*ACTIVE MODULE TITLE COLOUR*/
	#home-modules-mobile .active .title span {
		color: #ff0000;
	}
	/*DAYS LEFT SECTION TO BE BLACK TEXT TO MATCH DESKTOP*/
	#home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light #otherCountdown,
	#home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light #renewalCountdown,
	#home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light .days-left {
		color: #000;
	}
	div.col-md-10.col-sm-10.BenefitIntro_cdfed341-557b-49bb-bd49-e62147e031ec,
	div.col-md-10.col-sm-10.BenefitIntro_212563c0-fc54-449d-a1e6-5470dc9b4826 {
		right: initial;    
	}
	.BenefitIntro_cdfed341-557b-49bb-bd49-e62147e031ec .col-md-4,
	.BenefitIntro_212563c0-fc54-449d-a1e6-5470dc9b4826 .col-md-4 {
		padding: 0;
	}
	/*SET WIDTH OF BENEFIT PLAN DESCRIPTION TEXT BACK TO 100%*/
	.product-info .description {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	/*ENSURE FOLLOW UP ITEM TABS ARE INLINE RATHER THAN BLOCK, AND COLOURS MATCH DESKTOP SITE*/
	#followup-items-overlay .followup-header ul li {
		display: inline;
	}
	#followup-items-overlay .followup-header ul li a.active {
		color: #3882a5;
		border-bottom: .5em solid #3882a5
	}
	/*REMOVE HAMBURGER ICON FROM TOP LEFT OF MOBILE VIEW*/
	i.fa.fa-bars {
		display: none;
	}
	/*HIDE ELEMENTS ON MOBILE*/
	.hide-on-mobile {
		display: none;
	}
}


/*Need Assistance Search color*/
#assistanceItems .button.search-btn {background-color: #000;}
#assistanceItems .button.search-btn:hover {background-color: #6666 !important;}
#assistanceItems .button.search-btn:focus {background-color: #fff !important; color: #000;}

#p_lt_ctl03_pageplaceholder_p_lt_zoneMain_SearchDialogWithResults_srchDialog_btnSearch {background-color: #000;}
#p_lt_ctl03_pageplaceholder_p_lt_zoneMain_SearchDialogWithResults_srchDialog_btnSearch:hover {background-color: #6666 !important;}
#p_lt_ctl03_pageplaceholder_p_lt_zoneMain_SearchDialogWithResults_srchDialog_btnSearch:focus {background-color: #fff !important; color: #000 !important;}

/*Submit Claim Header issue*/
#claim #header{
  margin-top: -65px !important;
}

#make-a-claim .make-a-claim-buttons .btn-default {text-transform: none !important;}
#manage-claims .manage-claims-buttons .btn-default {text-transform: none !important;}

.online-two-iso #footer a {
    text-transform: none;
}

.online-two-iso input:checked + .slider {
    background-color: #000 !important;
}

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

#floating-header-content .search-btn {
    text-transform: capitalize !important;
}

#assistanceItems #webChatStatus {display: none !important;}

button::after{color:#000 !important;}

#floating-header a {
    color: #000 !important;
}

html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A {
    color: #000 !important;
    border-bottom: solid .5em #000 !important;
}
#profile-online-2 #profilecontainer .htabs-container .tabs ul li.sel a, #personalTabControl:hover, #contactTabControl:hover, #workTabControl:hover, #dependantsTabControl:hover, #securityTabControl:hover, #profileTabControl:hover {
    color: #666 !important;
    border-bottom: 8px solid #666 !important;
}

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 !important;
}

.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 {
    color: #000 !important;
}

.online-two-iso .validation-caption {
    color: #000 !important;
}
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue, .online-two-iso A.button-style.blue {
    background-color: #000 !important;
}

.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue, .online-two-iso A.button-style.blue:hover {
    background-color: #6666 !important;
}

#StatementAndClaimSubmit a {color: #000;}


#StatementAndClaimSubmit .btn-info:hover {
    color: #fff;
    background-color: #6666 !important;
    border-color: #6666 !important;;
}

#StatementAndClaimSubmit .btn-info {
    color: #fff;
    background-color: #000 !important;
    border-color: #000 !important;;
}

#StatementAndClaimSubmit .btn-default:hover {
    color: #fff !important;
    background-color: #6666 !important;
    border-color: #6666 !important;
}

#StatementAndClaimSubmit .btn-default {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

#StatementAndClaimSubmit .btn-primary:hover {
    color: #fff;
    background-color: #6666;
    border-color: #6666;
}

#StatementAndClaimSubmit .btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.spendingaccountsTab-container .tabs UL LI.sel A {
    background: #000;
    color: #fff !important;
}

div#flexClaimTitle  {
    background-color: #000 !important;
}
#Attachment .btn.btn-success {background-color: #000;}
#Attachment .btn.btn-success:hover {background-color: #6666;}
div#AdditionalDetail +div button.btn.btn-default {background-color: #000; color: #fff !important;}
div#AdditionalDetail +div button.btn.btn-default:hover {background-color: #6666; color: #fff !important;}
div#AdditionalDetail +div button.btn.btn-primary {background-color: #000; color: #fff !important;}
div#AdditionalDetail +div button.btn.btn-primary:hover {background-color: #6666; color: #fff !important;}

#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default {background-color: #000 !important;}
@media screen and (max-width: 767px) {#home-modules-mobile .active .title span{
    color: #000 !important;
  }}

a#dspSetPassword.button-style.green {background-color: #000;}
a#dspSetPassword.button-style.green:hover {background-color: #6666;}
a#dspSaveAnswer.button-style.green {background-color: #000;}
a#dspSaveAnswer.button-style.green:hover {background-color: #6666;}

#passwordDiv {
    display: none;
}
#passwordConfirmationDiv {
    display: none;
}
.save-button.mobile-registration-bottom {
    display: none;
}

.claimSubmittedHeader {
    background-color: #000;
}

.fsaClaimSubmitContainer .btn-primary {
    background-color: #000 !important;
}

.fsaClaimSubmitContainer .btn-primary:hover {
    background-color: #6666 !important;
    border-color: #6666 !important;
}

.btn.btn-default.btn-lg {background-color: #000; color: #fff;}
.btn.btn-default.btn-lg:hover {background-color: #6666;}

.online-two-iso #menu-no-dashboard li a, .online-two-iso #menu-no-dashboard li a.selected {
    color: #000 !important;
}

.online-two-iso #menu-no-dashboard li a, .online-two-iso #menu-no-dashboard li a.selected:hover {
    color: #000 !important;
}

.online-two-iso #footer a {
    color: #000 !important;
}

.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button .button-style, .online-two-iso A.button-style {
    background-color: #000 !important;   
}
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button .button-style, .online-two-iso A.button-style:hover {
    background-color: #6666 !important;   
}

div#contactTab div#contactTabIntro +div.content-box-border >p.sectionTitle:nth-child(1) {display: none !important}

#contactDetails:before {
 font-family:FontAwesome;
 content:''
}
#emailDetails:before {
 font-family:FontAwesome;
 content:''
}

#flexClaimTitle h1 {color: white;}

#make-a-claim {color: #000;}
#manage-claims {color: #000;}

#showData_id {color: #000;}

div.SearchResults {color: #000;}

#logo {
    pointer-events: none;
}

#user-div a:hover {color: #666;}
  
div.account-details .account {text-align: center; font-weight: bold;}

* {font-family: sans-serif;}


/*Login Page content Hide*/
#login-module-newToTheSite {
  display: none;
}

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