/*CLIENT CUSTOM CSS CODE HERE*/

/************************** BOOTSTRAP VERSION 3.3.6 AND js VERSION 1.2.4**********************************/
:root {--color:#000;}

/*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: #db0112}
.bootstrap-iso .text-info {color: #0080aa}
.bootstrap-iso .text-default {color: #bfbfbf}
.bootstrap-iso .text-warning {color: #db0112}
.bootstrap-iso .text-success {color: #81368D}
.dependent-approved {color: #81368D;}*/


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

/*FOOTER BACKGROUND COLOUR*/
.online-two-iso #terminator #footer.footer-fullwidth {
	background: #f2f2f2
}

/*logo*/
#logo {background: url( /gbsconfig/media/Default/63371b_51159039a5fd4c90b1f3d8574f03ce4e_mv2.png) no-repeat left/contain;

}
#logo {
    height: 59px;
}

/* Page Menu Items Text Transform*/

#menu0 {
    text-transform: capitalize !important;
}

#menu1 {
    text-transform: capitalize !important;
}
/* 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: #001
}
.bootstrap-iso .btn-primary {
	background-color: #79797a;
  color:#fff !important;
}
.bootstrap-iso .btn-info {
	background-color: #79797a;
  color:#fff !important;
}
.bootstrap-iso .btn-success {
	background-color: #95d600;
  color:#fff !important;
}
.bootstrap-iso .btn-warning {
	background-color: #79797a;
  color:#fff !important;
}
.bootstrap-iso .btn-danger {
	background-color: #79797a;
  color:#fff !important;
}
.bootstrap-iso .btn-popup,
.benefitheader-fixed div#followup-items a.btn,
.benefitheader-fixed div#resettodefaults a.btn{
	background-color: #79797a;
  color:#fff !important;
}
/*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;}

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

/* 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 PAGE DASHBOARD STYLING ***********************/
/***************************************CHROME/FIREFOX MODULE LAYOUT***********************************/
#home-online-three .dashboard-page-container #right-side .modules-right-side.grid-container {
	grid-template-areas:
		"module-3 module-3 module-4"
		"module-2 module-5 module-7"
		"module-6 module-6 module-1"		
}

#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*="lifestyle"]{
	background: url(/benefitsadminuk2/media/MediaLibrary/UK%20Branded%20Demo%20Images/Demo%201/Image%20Set%201/yourLifestyle_tn.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)
}


/*TRS CHART COLOURS*/
.GBRTRS path.highcharts-color-0,
.GBRTRS g.highcharts-label:nth-child(1) > text:nth-child(1) > tspan:nth-child(2),
#dashboardContainer path.highcharts-color-0,
g.highcharts-legend-item.highcharts-pie-series.highcharts-color-0 rect.highcharts-point{fill: #82368c!important;}

.GBRTRS path.highcharts-color-1,
.GBRTRS g.highcharts-label:nth-child(2) > text:nth-child(1) > tspan:nth-child(2),
#dashboardContainer path.highcharts-color-1,
g.highcharts-legend-item.highcharts-pie-series.highcharts-color-1 rect.highcharts-point{fill: #0080aa!important;}

.GBRTRS path.highcharts-color-2,
.GBRTRS g.highcharts-label:nth-child(3) > text:nth-child(1) > tspan:nth-child(2),
#dashboardContainer path.highcharts-color-2,
g.highcharts-legend-item.highcharts-pie-series.highcharts-color-2 rect.highcharts-point{fill: #740000!important;}

.GBRTRS path.highcharts-color-3,
.GBRTRS g.highcharts-label:nth-child(4) > text:nth-child(1) > tspan:nth-child(2),
#dashboardContainer path.highcharts-color-3,
g.highcharts-legend-item.highcharts-pie-series.highcharts-color-3 rect.highcharts-point{fill: #400000!important;}

.GBRTRS path.highcharts-color-4,
.GBRTRS g.highcharts-label:nth-child(5) > text:nth-child(1) > tspan:nth-child(2),
#dashboardContainer path.highcharts-color-4,
g.highcharts-legend-item.highcharts-pie-series.highcharts-color-4 rect.highcharts-point{fill: #8c8c8c!important;}

/*BUTTONS ON DATA SIDE*/
button.btn.btn-default,
#home-online-three .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default {
	background-color: #db0112;
}

/*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: #db0112!important;}
#right-side .modules-right-side #item-1 span.payslip-item-amount,
#home-modules-mobile #benefit-statement #item-1 .payslip-item-amount {color: #db0112!important;}
#right-side .modules-right-side #item-2 span.payslip-item-amount,
#home-modules-mobile #benefit-statement #item-2 .payslip-item-amount {color: #db0112!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: #82368c;}
#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,
#home-online-three #home-integrated .module-content-header-container h3.module-content-header,
a.online-three-module-popover-control,
#user-div a,
#home-online-three .dashboard-controls #greeting-message,
#home-module-welcome .welcome-items .menu-header #selected-slide,
.home-module-integrated .welcome-items .menu-header #selected-slide{
	color: #000;
}
#home-online-three #home-integrated .module-content-header-container h3.module-content-header {
	font-weight: bold;
	font-size: 1.5em
}
/*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;
}

/* 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;
  }
/*LINE GROUP NAME STYLING ON MATRIX*/
.line-group .line-group{
	font-weight:bold;
	font-size: 1.3em;
	color: #000;
	text-transform: none;
}

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

/* LINE SELECTION PAGE STYLING */
.links-group.four-links {
	display: none;
}


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

/********************************************************* TRS DASHBOARD STYLING ****************************************************/
/*FLOAT VIDEO CONTENT ON RIGHT OF PAGE*/
#trsVideoContent {
	float: right;
    padding: 0 5px;
}
.trsdashboard .summarystatementdate {
	font-size: 1.9em;
	text-align: center;
}
/*STATEMENT DATE COLOUR*/
.trsdashboard .summarystatementdate {
	color: #000;
}
/*REMOVE WHITE LINE BETWEEN SEGMENTS OF DONUT*/
#dashboardContainer path.highcharts-point {
	stroke-width: 0
}

/*LEGEND ITEM LABEL COLOURS*/
#dashboardContainer .highcharts-color-0 text {
	fill: #82368c!important;
}
#dashboardContainer .highcharts-color-1 text {
	fill: #0080aa!important;
}
#dashboardContainer .highcharts-color-2 text {
	fill: #740000!important;
}
#dashboardContainer .highcharts-color-3 text {
	fill: #400000!important;
}
#dashboardContainer .highcharts-color-4 text {
	fill: #8c8c8c!important;
}

/*LEGEND ITEM LABEL COLOURS*/
.col-md-5 .highcharts-color-0 text tspan,
.trsdashboard rect.highcharts-color-0 {
	fill:#82368c
}
.col-md-5 .highcharts-color-1 text tspan,
.trsdashboard rect.highcharts-color-1 {
	fill:#8c8c8c
}
/*MODULE STYLING*/
.trsdashboard .desktop-tab .nav-pills > li.active > a{
	background-color: #eee
}
.trsdashboard .icon-two-point-o-trs-module-tab-0:before {
	content: "\f154";
}
.trsdashboard .icon-two-point-o-trs-module-tab-1:before {
	content: "\f0d6";
}
.trsdashboard .icon-two-point-o-trs-module-tab-2:before {
	content: "\f0fa";
}
.trsdashboard .icon-two-point-o-trs-module-tab-3:before {
	content: "\f080";
}
.trsdashboard .icon-two-point-o-trs-module-tab-4:before {
  content: "\f1fe";
}
.trsdashboard .icon-two-point-o-trs-module-tab-5:before {
	content: "\f217";
}
/*RIGHT ALIGN MODULE TABLE VALUES*/
.trsdashboard .chart_line.row .chart_line_amount {
	text-align: right;
}
.home-module-trs-content .highcharts-label tspan {
	font-size: 14px!important;
}

/*******************************************************INTEGRATED CAROUSEL HOMEPAGE STYLING***********************************************/
/*HIDE ADDITIONAL CONTENT THAT USED TO ONLY DISPLAY WHEN MODULE SIDE EXPANDED*/
#home-online-three #home123 #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;
}

/*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: #db0112;
}
#renewalCountdown .days-left {
	color: #db0112;
}

.bootstrap-iso #event-renewal .btn.btn-default {
	background: #db0112;
}

/*MODULE LAYOUT IN CHROME AND FIREFOX*/
#home-online-three #home-integrated .modules-right-side.grid-container {
	grid-template-columns:repeat(8,1fr);
	grid-template-areas:
			"module-1 module-1 module-1 module-1 module-4 module-4 module-2 module-2"
			"module-5 module-5 module-5 module-5 module-6 module-6 module-6 module-6"
			"module-7 module-7 module-8 module-8 module-9 module-9 module-3 module-3"
}
/***************************************IE11 MODULE LAYOUT*********************************************/
#home-online-three #right-side .grid-container.modules-right-side, #home-online-three #home-integrated .grid-container.modules-right-side {
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-0, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
/*slideshow*/
-ms-grid-column:1;
-ms-grid-column-span:4;
-ms-grid-row:1;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-3, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
/*Handimage*/
-ms-grid-column : 5;
-ms-grid-column-span:2;
-ms-grid-row:1;
}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-1, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
/*enrollment module*/
-ms-grid-column : 7;
-ms-grid-column-span:2;
-ms-grid-row:1;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-4, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
/*Current cover*/
-ms-grid-column : 1;
-ms-grid-column-span:4;
-ms-grid-row:2;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-5, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
/*TRS*/
-ms-grid-column : 5;
-ms-grid-column-span:4;
-ms-grid-row:2;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-6, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
/*benefit overview*/
-ms-grid-column : 1;
-ms-grid-column-span:2;
-ms-grid-row:3;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-7, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
/*Accenture image*/
-ms-grid-column : 3;
-ms-grid-column-span:2;
-ms-grid-row:3;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-8, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
/*View upload document*/
-ms-grid-column : 5;
-ms-grid-column-span:2;
-ms-grid-row:3;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-2, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
/*Accenture circle image*/
-ms-grid-column : 7;
-ms-grid-column-span:2;
-ms-grid-row:3;
}

@media only screen and (max-width:1800px) {
	#home-online-three #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"
	}
  #resettodefaults{padding-right: 70px}
  /***************************************IE11 MODULE LAYOUT*********************************************/
#home-online-three #right-side .grid-container.modules-right-side, #home-online-three #home-integrated .grid-container.modules-right-side {
-ms-grid-columns: 1fr 1fr 1fr 1fr;}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-0, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
/*slideshow*/
-ms-grid-column:1;
-ms-grid-column-span:2;
-ms-grid-row:1;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-3, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
/*Handimage*/
-ms-grid-column : 3;
-ms-grid-column-span:1;
-ms-grid-row:1;
}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-1, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
/*enrollment module*/
-ms-grid-column : 4;
-ms-grid-column-span:1;
-ms-grid-row:1;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-4, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
/*Current cover*/
-ms-grid-column : 1;
-ms-grid-column-span:2;
-ms-grid-row:2;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-5, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
/*TRS*/
-ms-grid-column : 3;
-ms-grid-column-span:2;
-ms-grid-row:2;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-6, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
/*benefit overview*/
-ms-grid-column : 1;
-ms-grid-column-span:1;
-ms-grid-row:3;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-7, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
/*Accenture image*/
-ms-grid-column : 2;
-ms-grid-column-span:1;
-ms-grid-row:3;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-8, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
/*View upload document*/
-ms-grid-column : 3;
-ms-grid-column-span:1;
-ms-grid-row:3;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-2, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
/*Accenture circle image*/
-ms-grid-column : 4;
-ms-grid-column-span:1;
-ms-grid-row:3;
}
}

@media only screen and (max-width:1349px) {
	#home-online-three #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"
	}
  #resettodefaults{padding-right: 70px}
    /***************************************IE11 MODULE LAYOUT*********************************************/
#home-online-three #right-side .grid-container.modules-right-side, #home-online-three #home-integrated .grid-container.modules-right-side {
-ms-grid-columns: 1fr 1fr 1fr;}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-0, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
/*slideshow*/
-ms-grid-column:1;
-ms-grid-column-span:2;
-ms-grid-row:1;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-3, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
/*Handimage*/
-ms-grid-column : 3;
-ms-grid-column-span:1;
-ms-grid-row:1;
}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-1, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
/*enrollment module*/
-ms-grid-column : 1;
-ms-grid-column-span:1;
-ms-grid-row:2;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-4, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
/*Current cover*/
-ms-grid-column : 2;
-ms-grid-column-span:2;
-ms-grid-row:2;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-5, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
/*TRS*/
-ms-grid-column : 1;
-ms-grid-column-span:2;
-ms-grid-row:3;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-6, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
/*benefit overview*/
-ms-grid-column : 3;
-ms-grid-column-span:1;
-ms-grid-row:3;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-7, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
/*Accenture image*/
-ms-grid-column : 1;
-ms-grid-column-span:1;
-ms-grid-row:4;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-8, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
/*View upload document*/
-ms-grid-column : 2;
-ms-grid-column-span:1;
-ms-grid-row:4;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-2, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
/*Accenture circle image*/
-ms-grid-column : 3;
-ms-grid-column-span:1;
-ms-grid-row:4;
}
}

@media only screen and (max-width:1024px) {
	#home-online-three #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"
	}
  #resettodefaults{padding-right: 70px}
    /***************************************IE11 MODULE LAYOUT*********************************************/
#home-online-three #right-side .grid-container.modules-right-side, #home-online-three #home-integrated .grid-container.modules-right-side {
-ms-grid-columns: 1fr 1fr;}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-0, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
/*slideshow*/
-ms-grid-column:1;
-ms-grid-column-span:2;
-ms-grid-row:1;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-3, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
/*Handimage*/
-ms-grid-column : 1;
-ms-grid-column-span:1;
-ms-grid-row:2;
}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-1, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
/*enrollment module*/
-ms-grid-column : 2;
-ms-grid-column-span:1;
-ms-grid-row:2;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-4, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
/*Current cover*/
-ms-grid-column : 1;
-ms-grid-column-span:1;
-ms-grid-row:3;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-5, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
/*TRS*/
-ms-grid-column : 2;
-ms-grid-column-span:1;
-ms-grid-row:3;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-6, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
/*benefit overview*/
-ms-grid-column : 1;
-ms-grid-column-span:1;
-ms-grid-row:4;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-7, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
/*Accenture image*/
-ms-grid-column : 2;
-ms-grid-column-span:1;
-ms-grid-row:4;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-8, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
/*View upload document*/
-ms-grid-column : 1;
-ms-grid-column-span:1;
-ms-grid-row:5;
}
#home-online-three #right-side .grid-container.modules-right-side .grid-item-2, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
/*Accenture circle image*/
-ms-grid-column : 2;
-ms-grid-column-span:1;
-ms-grid-row:5;
}
}
/*****************************************************************Home page module styling end****************************************************/
/**************************************************************** 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: #6a86ab;
		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: #6a86ab;
	}
	.bootstrap-iso .btn-warning:hover,
	.bootstrap-iso .btn-warning:focus {
		background-color: #6a86ab;
		border-color: transparent;
	}
	.benefit-matrix .row .btn-success:hover,
	.benefit-matrix .row .btn-success:focus {
		background-color: #6a86ab;
		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 .GBRTRS p,
	#home-online-three #home123 #home-integrated .GBRTRS p {
		margin-bottom:-70px
	}
	#home-online-three #right-side .GBRTRS rect.highcharts-background,
	#home-online-three #home123 #home-integrated .GBRTRS rect.highcharts-background {
		fill-opacity:0
	}
	
	
	/*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:#db0112;
	}
	/*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) {
	
	/*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;
	}
	
	
	/*ACTIVE MODULE TITLE COLOUR*/
	#home-modules-mobile .active .title span {
		color: #db0112;
	}
	/*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;
	}

	/*ENSURE FOLLOW UP ITEM TABS ARE INLINE RATHER THAN BLOCK, AND COLOURS MATCH DESKTOP SITE*/

	#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;
	}
	
  div#home-module-generic-2, div#home-module-generic-3, div#home-module-generic-7 {display: none;}
  #home-online-three #home-integrated .module-content-header-container h3.module-content-header {display: none;}
}
/*****************************************Mobile styleing finish************************************************************************/

/*image on home page module*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.Image2 {
    background: url(/accenture/media/Default/Module%20Image%20Placeholder.png) no-repeat 40%/cover;
    box-shadow: none;
    border-radius: 10px;
  }
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.Image1 {
    background: url(/accenture/media/Default/acc2.jpg ) no-repeat 40%/cover;
    box-shadow: none;
    border-radius: 10px;
  background-size: 100% 100%;
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.Image3 {
    background: url(/accenture/media/Default/acc4.jpg ) no-repeat 40%/cover;
    box-shadow: none;
    border-radius: 10px;
  background-size: 100% 100%;
}
.module-content.BenefitOverview .module-image  {
    background: url(/accenture/media/Default/fam1.jpg) no-repeat center/cover;
}
.module-content.ViewUploaddocument .module-image { background: url(/accenture/media/Default/Slide0.jpg ) no-repeat center/cover;}
div#enrolment.module-content .module-image {background: url(/accenture/media/Default/image6.jpg ) no-repeat center/cover;}
.module-content.MyCurrentChoices .module-image { background: url(/accenture/media/Default/image1.jpg ) no-repeat center/cover;}
.online-two-iso.login body {
  background-image: url("/accenture/media/Default/acc1.jpg") !important;}
/*login page logo alignment*/
.LoginPageContainer #header #logo{Float: right !important;margin-right: 15% !important;}
/*Footer alignment*/
#f-nav li{float:left;}
#benefit-overview .clear-filter {background-color: #79797a; color:#fff !important;}
#benefit-overview .clear-filter:hover {background-color: #f0ad4e;  color:#fff !important;}


.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, .benefitheader-fixed div#followup-items a.btn, .benefitheader-fixed div#resettodefaults a.btn, .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green, .online-two-iso A.button-style.green, .benefit-matrix .benefit-category .panel-default > .panel-heading, .bootstrap-iso .btn.online-two-datepicker, .benefitselect .products .box-border.sel .header, .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue, .online-two-iso A.button-style.blue.blue, .online-two-iso .header-overlay, #benefit-overview #overviewAccordion .panel-default > .panel-heading, .trsdashboard .panel-default > .panel-heading, #home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default, .online-two-iso.login .LoginPageContainer #login.btn.btn-primary {
    background: #79797a;
  color:#fff !important;
}
.generic-copy.module-copy button.btn.btn-default {
background-color: #db0112 !important; color:#fff !important;}
button#BenefitNameFilter {color: #000 !important;font-weight: unset !important;}
.seealso .img {width: 200px !important; height: 130px !important;}
#home-online-three #right-side .module-content-header-container h3.module-content-header, #home-module-welcome .welcome-items .menu-header #selected-slide, #home-online-three .dashboard-controls #greeting-message, span.glyphicon.glyphicon-info-sign, .benefit-matrix .group-default, .benefit-matrix .row.title .glyphicon-info-sign-color, .benefit-matrix .lineheader > a:link, .benefit-matrix .default-cost, .benefit-matrix .font-youpay-color, .benefitselect .line-name, .benefitselect .line-benefit-intro .glyphicon-info-sign-color, .benefitselect .header-selected, .benefitselect .in-Cart .you-pay H3, .benefitselect .content-you-chose p, .benefitselect .products-header H4, #benefit-overview .benefit-overview-title H1, #benefit-overview H3.summaryTitle, .trsdashboard .summarystatementdate {
    color: var(--secondary-colour)
}
.uib-datepicker .btn.btn{color:black !important;} 

#confirmation-buttons .confirm_agreement .btn{color:black !important;}
.dependant-cell.add.cell-md-6.is-auto-add.ng-scope{Display:none;}


/* Minification failed (line 903, error number 1039): Token not allowed after unary operator: '-secondary-colour' */