/* font declaration for using OnlineTwoIconFont */
@font-face {
  font-family: 'OnlineTwoIconFont';
  src: url('/inspiringbenefits/media/default/fonts/OnlineTwoIconFont_v5.eot');
  src: url('/inspiringbenefits/media/default/fonts/OnlineTwoIconFont_v5.eot?#iefix') format('embedded-opentype'),
    url('/inspiringbenefits/media/default/fonts/OnlineTwoIconFont_v5.woff') format('woff'),
    url('/inspiringbenefits/media/default/fonts/OnlineTwoIconFont_v5.ttf') format('truetype'),
    url('/inspiringbenefits/media/default/fonts/OnlineTwoIconFont_v5.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
 font-family:'Effra_bold';
 src:url('/barclays/media/default/fonts/BarclaysEffra_W_Bd.woff2') format('woff2'),
   url('/barclays/media/default/fonts/BarclaysEffra_W_Bd.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}
@font-face {
 font-family:'Effra_bdlt';
 src:url('/barclays/media/default/fonts/BarclaysEffra_W_BdIt.woff2') format('woff2'),
   url('/barclays/media/default/fonts/BarclaysEffra_W_BdIt.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}
@font-face {
 font-family:'Effra_regular';
 src:url('/barclays/media/default/fonts/BarclaysEffra_W_Rg.woff2') format('woff2'),
   url('/barclays/media/default/fonts/BarclaysEffra_W_Rg.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}
@font-face {
 font-family:'Effra_medium';
 src:url('/barclays/media/default/fonts/BarclaysEffra_W_Md.woff2') format('woff2'),
   url('/barclays/media/default/fonts/BarclaysEffra_W_Md.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}
@font-face {
 font-family:'Effra_light';
 src:url('/barclays/media/default/fonts/BarclaysEffra_W_Lt.woff2') format('woff2'),
   url('/barclays/media/default/fonts/BarclaysEffra_W_Lt.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}
@font-face {
 font-family:'Effra_Ltlt';
 src:url('/barclays/media/default/fonts/BarclaysEffra_W_LtIt.woff2') format('woff2'),
   url('/barclays/media/default/fonts/BarclaysEffra_W_LtIt.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}
@font-face {
 font-family:'Effra_he';
 src:url('/barclays/media/default/fonts/BarclaysEffra_W_He.woff2') format('woff2'),
   url('/barclays/media/default/fonts/BarclaysEffra_W_He.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}

/* pulse effect */
@-webkit-keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(63, 126, 55, 0.5);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(63, 126, 55, 0);
  }
}
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(63, 126, 55, 0.5);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(63, 126, 55, 0);
  }
}

/* specific media query for IE10+ to handle responsive images */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  .bootstrap-iso .img-responsive {
    width: 100%;
  }  
} 

/* set font throughout the site */
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
html,
button,
input,
select,
textarea,
.mfp-close,
.bootstrap-iso,
.bootstrap-iso .tooltip,
.bootstrap-iso .popover,
.ui-buttonset .ui-button,
body,
.page-title H1,
H1,
H2,
#links LI:first-child select#ddlLanguage,
.help-ico A,
.spanDivSlider,
.spanDivAmount,
#delegateDiv .ui-widget,
#delegateDiv .ui-widget input,
#delegateDiv .ui-widget select,
#delegateDiv .ui-widget textarea,
#delegateDiv .ui-widget button,
.online-two-iso body,
.online-two-iso .modal-large .modal-body,
.benefitselect .in-Cart .you-pay H3 {
  font-family: Effra_light;
}
/* font specifically for the trs module on home page */
.highcharts-legend tspan {
  font-family: Effra_regular;
  font-weight: normal;
}
#home-online-three #home-integrated h3.heading-text {
  color: #0076b6;
}
.highcharts-title span {
  font-family: Effra_regular;
  font-size: 0.9em;
}
/* text colours */
.text-two {
  color: #00395d;
}
body{color: #000 !important;}
/* global font size */
.bootstrap-iso {
  font-size: 1rem;
  color: #000;
}
.bootstrap-iso strong,
.bootstrap-iso b {
  font-weight: normal;
  font-family: Effra_regular;
}  
/*modal spacing*/
.bootstrap-iso .modal.in .modal-dialog {
  margin-top: 0;
}
/* tooltip styling */
.ui-tooltip {
  background-color: #d9d9d9;
  box-shadow: none;
}
/*form control*/
.bootstrap-iso .input-group-addon, .bootstrap-iso .input-group-btn, .bootstrap-iso .input-group .form-control {
	color: #000;
}
/* general site icons */
.bootstrap-iso .expand-sign .glyphicon {
  font-family: 'FontAwesome';
}
.bootstrap-iso .dependant-board .glyphicon-menu-down::before {
  content: '\f13a';
}
.bootstrap-iso .dependant-board .glyphicon-menu-up::before {
  content: '\f139';
}
.election-info-collect .dependant-board .expand-sign {
	font-size: 30px;
	color: #006de3;
}
/* heading colour */
.online-two-iso h1,
.online-two-iso h2,
.online-two-iso h3,
.online-two-iso h4,
.online-two-iso h5 {
  color: #000000;
}

/* 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,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green,
.online-two-iso A.button-style.green,
.edit-link a,
.online-two-iso .success-link a {
  background: #006DE3;
  border-radius: 25px;
  text-transform: none;
  font-size: 16px;
  border-color: transparent;
  text-transform: inherit;
  font-family: Effra_regular;
  min-width: 5em;
}
.online-two-iso A.button-style.gray,
.online-two-iso A.button-style.gray:hover{
  background: #ffffff;
  color: #006DE3;
  border-radius: 25px;
  text-transform: none;
  font-size: 16px;
  border: 2px #006DE3 solid;
  text-transform: inherit;
  font-family: Effra_regular;
  min-width: 5em;
}
.bootstrap-iso .btn-primary:hover,
.bootstrap-iso .btn-danger:hover,
.bootstrap-iso .btn-info:hover,
.bootstrap-iso .btn-default:hover,
.bootstrap-iso .btn-warning:hover,
.bootstrap-iso .btn-success:hover,
.bootstrap-iso .btn-popup:hover,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default:hover,
.bootstrap-iso .btn-primary:focus,
.bootstrap-iso .btn-danger:focus,
.bootstrap-iso .btn-info:focus,
.bootstrap-iso .btn-default:focus,
.bootstrap-iso .btn-warning:focus,
.bootstrap-iso .btn-success:focus,
.bootstrap-iso .btn-popup:focus,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default:focus,
.bootstrap-iso .btn-primary:active,
.bootstrap-iso .btn-primary:active:hover,
.bootstrap-iso .btn-danger:active,
.bootstrap-iso .btn-danger:active:hover,
.bootstrap-iso .btn-info:active,
.bootstrap-iso .btn-info:active:hover,
.bootstrap-iso .btn-default:active,
.bootstrap-iso .btn-default:active:hover,
.bootstrap-iso .btn-warning:active,
.bootstrap-iso .btn-warning:active:hover,
.bootstrap-iso .btn-success:active,
.bootstrap-iso .btn-success:active:hover,
.bootstrap-iso .btn-popup:active,
.bootstrap-iso .btn-popup:active:hover,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default:active,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default:active:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:active,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:active:hover,
.online-two-iso A.button-style.green:hover,
.online-two-iso A.button-style.green:focus,
.online-two-iso A.button-style.green:active,
.online-two-iso A.button-style.green:active:hover,
.bootstrap-iso .btn-success:active:focus,
.bootstrap-iso .btn-warning:active:focus,
.online-two-iso .success-link a:hover {
  background: #006DE3;
  color: #fff;
  border-color: transparent;
  box-shadow: none;
  text-transform: inherit;
  border-radius: 20px;
  min-width: 5em;
}
/*Button styling exit*/
#exit-cancel A.button-style.blue, #login-assistance-cancel-button, #login-assistance-cancel-button:hover {
    background-color: #fff;
    color: #006de3;
    border: 2px solid #006de3;}
/*Links color and Links hover color*/
.password-forgot a:focus,
.password-forgot a:hover,
.password-forgot a,
.online-two-iso .validation-caption,
/*All Links*/
a, .bootstrap-iso a, a:hover, .bootstrap-iso a:hover {color: #000; text-decoration: none;}

/*Manage Dependant buttons*/
.dependant-list-bottom.pannel-body.ng-scope button,
.coverage-bottom.pannel-body-wide.ng-scope button,
/*Benefit Overview button*/
.online-two-iso .modal-controls button,
/*Print button*/
.btn.btn-warning.btn-print.ng-scope,
/*confirm choice popup*/
.benefit-matrix .confirm-checkout-button .btn-success:active,
/*Followup button*/
.cancel-button.control-button a,
.modeller-footer button,
/*View button on BEnefit Statement*/
.text-center a,
.btn.btn-warning.btn-followup-view.ng-isolate-scope{
    width: 11rem;
  }
.dependant-list .caption {color: #000;}
.coverage-table td.column-header-cell {font-weight:100;}
.btn.btn-success.dependant-accept-btn:Second-child,
.btn.btn-warning.dependant-cancel-btn:Second-child{
    color: #006DE3;
    background-color: #ffffff;
    border-color: #006DE3;
}
/* toggle sliders e.g. show sensitive data toggle */
.online-two-iso input:checked + .slider {
  background: #ffffff;
}
.online-two-iso .slider.round {
    background-color: #006DE3;
}
.toggle-option.on.ng-isolate-scope {color: #006DE3;}
.online-two-iso .toggle-option { 
  margin-top: 1.5px; 
}
/* header banner */
@media only screen and (min-width:751px){
.online-two-iso #terminator #header.header-fullwidth {
  background: #fff;
  padding-right: 1.5rem;
  padding-bottom: 0;
  border-width: 0;
  border-style: solid;
  border-bottom-width: 3.5px;
  border-color: #006DE3;
}
}
/* need assistance pull down tab */
.help-ico a.helptoggle {
	background-image: none !important;
	background-color: #fff;
    border-color: #000000;
}
#floating-header-content .search input {
	color: #000;
}
#header a{color:#000;}

#header .help-ico a.helptoggle {
	color: #000;
    margin-right: 2rem;
}
#floating-header-content A {
	line-height: 3.5em;
}
/*Go Button on search*/
.button:focus, .button:hover {
    background-color: #006DE3 !important;
	box-shadow: none;}

#floating-header-content .search-btn{
	text-transform: capitalize;
	background-color: #006DE3;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 1.2em;
    font-family: Effra_regular;
}
}		
/*remove default icons */
#floating-header-content a {
  background: none;
}
/* custom icons */
#floating-header-content #assistanceItems .call a {
  background: url(/barclays/media/default/assets/Site%20icons%20general/Chat_1.svg) no-repeat left/35px; 
}
#floating-header-content #assistanceItems .mail a {
  background: url(/barclays/media/default/assets/Site%20icons%20general/Phone_1.svg) no-repeat left/35px; 
  text-decoration: underline;
}
/* use font awesome play icon to repreent the expanded/collaped menu icon */
#header .help-ico a.helptoggle[aria-expanded="true"]:after,
#header .help-ico a.helptoggle[aria-expanded="false"]:after {
	font-family: FontAwesome;
	content: '\f04b';
    color: #000000;
	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);
}

/******** profile, mailbox and logout icons *********/
.fa-user::before, .fa-envelope::before, .fa-sign-out::before {content: none;}
#header #headerResources #links LI:first-child a:first-child, 
#header #headerResources #links LI:first-child a:nth-of-type(2), 
#header #headerResources #links LI:first-child a:nth-of-type(3) {
  content: '';
  padding: 1em 0.6em 1em 1em;
}
/* Profile */
#header #headerResources #links LI:first-child a:first-child {
  background:url('/barclays/media/default/assets/Site%20icons%20general/Profile_grey.svg') no-repeat left/30px;
}
#profile #header #headerResources #links LI:first-child a:first-child {
  background: url('/barclays/media/default/assets/Site%20icons%20general/Profile_blue.svg') no-repeat left/30px;
}
/* Messages */
#header #headerResources #links LI:first-child a:nth-of-type(2) {
 background:url('/barclays/media/default/assets/Site%20icons%20general/Messages_grey.svg') no-repeat left/30px;
}
#mailbox #header #headerResources #links LI:first-child a:nth-of-type(2) {
 background:url('/barclays/media/default/assets/Site%20icons%20general/Messages_blue.svg') no-repeat left/30px;
}
/* Logout */
#header #headerResources #links LI:first-child a:nth-of-type(3) {
  background:url('/barclays/media/default/assets/Site%20icons%20general/Log_out_grey.svg') no-repeat left/30px;
}

/* remove text transform of main navigation items */
#menu-no-dashboard li a {
  text-transform: none;
}
.online-two-iso #menu-no-dashboard li a, .online-two-iso #menu-no-dashboard li a.selected {
	color: #000;
    font-weight: normal;
}
/* home icon in main nav bar */
#menu-container ul#menu-no-dashboard li a#menu0::before {
  background: url('/barclays/media/default/assets/Site%20icons%20general/Home_grey.svg') no-repeat left/30px;
  padding: 1.25em;
  content: '';
}
#home #containerGlobal #terminator #header #menu-container ul#menu-no-dashboard li a#menu0::before {
  background: url('/barclays/media/default/assets/Site%20icons%20general/Home_blue.svg') no-repeat left/30px;
  padding: 1.25em;
  content: '';
}
#home #containerGlobal #terminator #header #menu-container ul#menu-no-dashboard li a#menu0 {
  font-family: Effra_regular;
  font-weight: normal;
  color: #006DE3;
}
/* feedback icon in main nav bar */
#menu-container ul#menu-no-dashboard li a#menu1::before {
  background:url('/barclays/media/default/assets/Site%20icons%20general/Feedback_grey.svg') no-repeat left/30px;
  padding: 1.25em;
  content: '';
}
/* remove margin on main element on home page to bring footer together with main element */
#main.home {
  margin-bottom: 0;
}

/* main logo */
#logo {
 background:url(/barclays/media/default/assets/Logo.svg) no-repeat center/contain;
 margin-left: .4em;
}
/** My messages **/
.mailbox .k-grid-header th.k-header .k-link {
	color: #006de3; 
  font-family: Effra_regular;
}
.k-button {
  border-radius: 25px !important;
}
.k-primary, .k-overflow-container .k-primary,
.k-state-selected {
	background-color: #006de3 !important;
}
#EmployeeMailbox tbody tr td {
  color: #000;
}
#EmployeeMailbox tbody .k-state-selected td {
  color: #fff;
}
/* mail intro */
div.mailintro p {
  padding-bottom: 0;
}

/* footer */
@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;
    background: #f2f2f2;
  }
}

/* panel headings */
.benefit-matrix .benefit-category .panel-default > .panel-heading {
  background: #007481;
}
.page-content #page-title {
  font-family: Effra_regular;
  font-size: 0.8em;
}
.page-content #page-header {
  border-bottom: 0;
}
/*contact us*/
.contactus p {
  font-size: 1.1em;
}
.contactus h3 {
  margin-bottom: 0.5em;
  margin-top: 0;
  font-weight: normal;
  font-family: Effra_regular;
}
.page-content #page-title h1 {
  font-size: 25px;
  font-weight: normal;
}
.contactus a {
  text-decoration: underline;
  font-family: Effra_regular;
}
/****************************************** LOGIN PAGE STYLING *******************************************/
/* login image */
@media only screen and (min-width:768px){
  .online-two-iso.login body {
    background-image: url(/barclays/media/default/assets/Re_brand_login_page_text.jpg);
  }
  /* positioning logo on login page */
  .online-two-iso .LoginPageContainer #logo {
  margin-right: -4.9em;
  margin-top: 0.7em;
  background: url(/barclays/media/default/assets/Re_brand_login_logo.png) no-repeat center/contain;
  float: right;
  width: 70px;
  }
  /* borders on login page */
  .online-two-iso .LoginPageContainer #header {
   background: #00AEEF;
  }
  .online-two-iso .steps-container {
    padding-top: 0px;}
  div#containerGlobal.LoginPageContainer {
   border-left: 5.7em solid #00AEEF;
   border-right: 5.7em solid #00AEEF;
   border-bottom: 5.7em solid #00AEEF;
  }
}

/* ensures the same styling applied for mobile is applied up to switching to desktop view */
@media only screen and (min-width:375px) and (max-width:767px) {
  /* centering logo */
  #wrapper.isLoginPageWrapper #header #logo {
	margin: 0 1.7em;
	float: left;
  }
  /* margin between header and login box */
  #wrapper.isLoginPageWrapper #header {
    width: 100%;
    margin: 20px 0;
  }
}
#login-module-need-assistance .module-text a {
  text-decoration: underline;
  font-family: Effra_regular;
}
.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%;
}
/* login module background colour */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
  background: rgba(255, 255, 255, 0.7);
  margin-bottom: 1em;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module {
	padding-top: 0;
}
/* left align login box labels */
.online-two-iso.login .LoginPageContainer .input-group .input-group-addon {
  text-align: left;
  font-family: Effra_regular;
  color: #000;
  font-size: 16px;
}
/*First time login page*/
.bootstrap-iso.login-frst-time {border-top: 40px solid #d9d9d9;
border-left: 20px solid #d9d9d9;
border-bottom: 40px solid #d9d9d9;
border-right: 20px solid #d9d9d9;
}
.bootstrap-iso.login-frst-time.ng-scope {
    padding-right: 10px;
}
/* login box alignment */
.online-two-iso.login .LoginPageContainer #main {
	margin-right: 5%;
}
/* text colour for forgot password link */
.online-two-iso.login .LoginPageContainer .additional-services {
  color: #000;
}
/*Label Color on Forgot Password popup*/
.online-two-iso label, .online-two-iso input, .online-two-iso select, .online-two-iso .form-control {
    color: #000;
}
.online-two-iso .steps-header, .online-two-iso .input-caption {
	font-family: Effra_regular;
	color: #000;
}
/* reduce height of module zone and always position at bottom of screen */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
  bottom: 0;
  min-height: 70%;
}
/* first login module styling */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-first-time-login {
  width: 60% !important;
  padding-left: 7%;
}
/* second login module styling */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-need-assistance {
  width: 40% !important;
}
/* text colour of login modules */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
  color: #000;
}
/* heading styling of login modules */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules h2 {
  color: #000;
  margin-top: 0;
  font-size: 18px;
  font-family: Effra_regular;
} 
/************* first time user page ***************/
.bootstrap-iso.login-frst-time h4 {
	padding: 10px 0 0 0;
	font-family: Effra_medium;
}
.login-frst-time label {
  font-size: 1rem;
  font-weight: normal;
  font-family: Effra_regular;
}
.bootstrap-iso.login-frst-time p {
  padding-bottom: 0;
}  
/* hide right icon on save */
.login-frst-time .glyphicon-chevron-right::before {
  display: none;
}
/* space below button */
.login-frst-time .next-button {
	margin-bottom: 2em;
}
.login-frst-time .line-divider {
  border-top: 0px
}
/* success button */
.online-two-iso .success-icon {
	font-size: 70px;
	color: #3F7E37;
}
.online-two-iso .success-link a {
  width: 9em;
  box-shadow: none;
}

/* date picker styling */
/*.bootstrap-iso .btn.online-two-datepicker,*/
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info {
  background: #006de3;
}
.bootstrap-iso .btn.online-two-datepicker {
    background: white;
    color: blue;
	border: 1px solid #000;
}
.btn.btn-default.btn-sm:hover {
    border-radius: 0px;
    min-width: auto;
}
.bootstrap-iso .form-control[disabled],
.bootstrap-iso .form-control[readonly],
.bootstrap-iso fieldset[disabled] .form-control{
	background-color: transparent;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger {
  background: #d9d9d9;
  color: #000;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success {
  min-width: 0%;
  background: #00395D;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:hover {
  background: #006de3;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:hover {
  background: #d9d9d9;
  color: #000;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:hover {
  min-width: 0%;
  background: #00395D;
  border-color: #00395D;
}

/****************************************** FORGOT PASSWORD POPUP STYLING *******************************************/
/* progress bar colour */
.bootstrap-iso .progress-bar-success {
  background-color: #3F7E37;
}

/*Date of birth text transformation*/
span.label, label{
  text-transform: inherit;
}
/****************************************** HOME PAGE STYLING *******************************************/
/* welcome message text colour */
#home-online-three .dashboard-controls #greeting-message {
  color: #000;
  font-size: 17px;
}
/* make background colour of grid container same as for modules */
#home-online-three #home-integrated .modules-right-side.grid-container{
  background: #f1f1f1;
}
/* background and padding colour for modules */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
  background: #f1f1f1;
  padding: .3rem;
}
/* box shadow for modules to lift them off the background */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content,
.bootstrap-iso .carousel.home-module-integrated {
	background: #fff;
	border: none;
	border-radius: 0;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* carousel content to right*/
#home-module-welcome #slider .sliderContainer .slide-content, .home-module-integrated #slider .sliderContainer .slide-content {
	float: right;
    margin: 1rem 4rem 1rem 1rem;
}
.home-module-integrated #slider .sliderContainer #bpsp .slide-content {
	margin:1rem 0rem 1rem 1rem;
}
.home-module-integrated #slider .sliderContainer #afterworkvideo .slide-content {
	margin:1rem 0.5rem 1rem 1rem;
}
.home-module-integrated #slider .sliderContainer #peppy .slide-content {
	margin:1rem 2.7rem 1rem 3rem;
}
.home-module-integrated #slider .sliderContainer #gym .slide-content {
	margin:1rem 3.5rem 1rem 3rem;
}
.home-module-integrated #slider .sliderContainer #YOUniquely .slide-content {
    float: right;
    margin: 1rem -0.4rem 1rem 1rem;
}
.home-module-integrated #slider .sliderContainer #video2 .slide-content {
	margin:1rem 3.2rem 1rem 1rem;
}
.home-module-integrated #slider .sliderContainer #pension .slide-content {
	margin:1rem 5rem 1rem 1rem;
}
.home-module-integrated #slider .sliderContainer #PCIW .slide-content
{
  margin: 1rem 2rem 1rem 1rem;
}
/* custom spacing */
.home-module-integrated #slider .sliderContainer #YOUniquely .slide-content .content .btn {
    margin-bottom: 1rem;
}  
/* carousel button on video */
#headerVideoLink.btn-default,
#headerVideoLink2.btn-default,
#headerVideoLink3.btn-default,
#headerVideoLink4.btn-default{
  padding-left: 3em;
  padding-right: 3em;
}
.home-module-integrated #slider .sliderContainer .slide-content .sliderText, .home-module-integrated #slider .sliderContainer .slide-content .sliderText .text-one {
    color: #ffffff;
    font-family: Effra_light;
}
.home-module-integrated #slider .sliderContainer .slide-content .sliderText {
    font-family: Effra_regular;
}
.home-module-integrated #slider .sliderContainer .slide-content h1 {
  font-size: 1.8em;
}
/*video on carousel*/
#headerPopup, #headerPopup2, #headerPopup3, #headerPopup4 {
  width:55%;
  margin:0 auto;
}
#headerPopup iframe, #headerPopup2 iframe, #headerPopup3 iframe, #headerPopup4 iframe{
  width:100%;
  margin:0 auto;
}
.mfp-close-btn-in .mfp-close {
	font-size: 3em;
}
/*Hide Carousel text background*/
#home-module-welcome #slider .sliderContainer .slide-content,
.home-module-integrated #slider .sliderContainer .slide-content{
  background-color: transparent;
}

/* module title colour */
#home-online-three #home-integrated .module-content-header-container h3.module-content-header,
#home-online-three #home-integrated .modules-mobile .module-mobile span.module-label {
  color: #000000;
  font-family: Effra_regular;
}
/* hide module more info icon */
#home-online-three #home-integrated .module-content-header-container .online-three-module-popover-control {
  display: none;
}
/* module content text colour */
#home-online-three #home-integrated p,
.event-summary,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light {
  color: #000000;
}

/*Inactive event text color*/
#home-online-three #home-integrated h3.heading-text {
  color: #0076b6;
}

/* countdown text size */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left:before,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-summary,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light .days-left:before{
  font-size: 1rem;
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left,
#home-module-enrolment.module-mobile .event-summary .days-left {
  position: relative;
  top: -4px;
}
/* content before days left text */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left:before,
#home-module-enrolment.module-mobile .event-summary .days-left:before {
  content: 'You have ';
  font-family: Effra_light;
  color: #000000;
}
/* days left countdown text colour */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light .days-left {
  color: #006DE3;
  font-family: Effra_regular;
}
/* spacing after module images */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content img {
  margin-bottom: 2em;
}

/* module button alignment */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default{
  border-radius: 25px;
  position: absolute;
  bottom: 2em;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default.quick-links {
  bottom: 5em;
}
/* useful guides button on helpful resources module */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .resources.module-content .generic-buttons .btn.btn-default {
  background: #fff;
  border-color: #006DE3;
  color: #006DE3;
}
/*#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .resources.module-content .generic-buttons .btn.btn-default:hover,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .resources.module-content .generic-buttons .btn.btn-default:focus,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .resources.module-content .generic-buttons .btn.btn-default:active {
  background: #006DE3;
  color: #fff;
}*/

/* hide carousel hamburger menu */
.home-module-integrated .welcome-items {
  display: none;
}
/* adjust width of carousel thumbnails */
.home-module-integrated #slider .thumb .rect {
  width: 190px;
}
/* background of thumbnail container */
.home-module-integrated #slider .thumb {
  background: #f1f1f1;
}

/* module layout for devices of 768px width and up */
@media only screen and (min-width:768px) {
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(3,1fr);
    -ms-grid-columns:1fr 1fr 1fr;
    grid-template-areas:
      "module-1 module-1 module-2"
      "module-3 module-3 module-4"
      "module-5 module-6 module-7"
      "module-8 module-9 module-10";
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
    -ms-grid-column:3;
    -ms-grid-row:1
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
    -ms-grid-column:3;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
    -ms-grid-column:1;
    -ms-grid-row:3;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
    -ms-grid-column:2;
    -ms-grid-row:3;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
    -ms-grid-column:3;
    -ms-grid-row:3;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
    -ms-grid-column:1;
    -ms-grid-row:4;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
    -ms-grid-column:2;
    -ms-grid-row:4;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-9 {
    -ms-grid-column:3;
    -ms-grid-row:4;
  }
  /* min module-copy height to accommodate consistent button alignment */
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .module-copy {
    min-height: 427px;
  }
  /* trs module styling */
  #home-online-three #home #home-integrated .trsnbenstmt .highcharts-background {
    fill: transparent;
  }
  .trs-buttons::before {
	content: 'Click on ‘Show sensitive data?’ at the top of the page to reveal. To view your choices and to see any cost to you through payroll, click below for the full information.';
    font-size: 1rem;
  }
  /* video carousel slide height */
  #video-0 {
    height:380px!important;
  }
}
/* module layout for devices of 1400px width and up */
@media only screen and (min-width:1400px) {
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(4,1fr);
    -ms-grid-columns:1fr 1fr 1fr 1fr;
    grid-template-areas:
      "module-1 module-1 module-2 module-4"
      "module-3 module-3 module-5 module-6"
      "module-7 module-8 module-9 module-10";
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
    -ms-grid-column:3;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
    -ms-grid-column:4;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
    -ms-grid-column:3;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
    -ms-grid-column:4;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
    -ms-grid-column:1;
    -ms-grid-row:3;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
    -ms-grid-column:2;
    -ms-grid-row:3;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
    -ms-grid-column:3;
    -ms-grid-row:3;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-9 {
    -ms-grid-column:4;
    -ms-grid-row:3;
  }
}
/* module layout for devices of 1920px width and up */
@media only screen and (min-width:1920px) {
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(6,1fr);
    -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
      "module-1 module-1 module-2 module-4 module-3 module-3"
      "module-5 module-6 module-7 module-8 module-9 module-10";
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
    -ms-grid-column:3;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
    -ms-grid-column:5;
    -ms-grid-column-span:2;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
    -ms-grid-column:4;
    -ms-grid-row:1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
    -ms-grid-column:1;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
    -ms-grid-column:2;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
    -ms-grid-column:3;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
    -ms-grid-column:4;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
    -ms-grid-column:5;
    -ms-grid-row:2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-9 {
    -ms-grid-column:6;
    -ms-grid-row:2;
  }
  /* min module-copy height to accommodate consistent button alignment */
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .module-copy {
    min-height: 27em;
  }  
}

/****************************************** BENEFIT MATRIX STYLING *******************************************/
/*Bring line name and coverage name vertically inlined*/
.bootstrap-iso.benefit-matrix div[class*="BenefitIntro"] .col-md-10.col-sm-10,
.bootstrap-iso.benefit-matrix div[class*="BenefitIntro"] .containers .col-md-4{
  padding-left: 0px;
} 
/* line name */
.benefit-matrix .lineheader {
	font-family: Effra_regular;
}
/* play icon */
.benefit-matrix .glyphicon-play-color {
	color: #000;
}
/*life event instructions size*/
.benefit-matrix .benefit-active-benefits .active-intro {
	font-size: 18px;
    font-family: 'Effra_regular';
    font-weight: normal;
    color: #000;
}
/* modellers and tools section */
.benefit-matrix .benefitheader.benefitheader-border {
  border: 2px solid #006DE3;
  text-transform: none;
  border-radius:25px;
  text-align: center;
  padding: 7px 20px;
  font-size: 1.05em;
  font-family: Effra_regular;
  color: #006DE3;
}
.modeller-container ul.modeller-links {
    margin-left: 0.4em;
}
/* modellers and tools popup styling */
/* left the heading */
.online-two-iso h3.modellersModalHeader {
  margin-left: 0;  
  width: calc(100% - 1.75em);
  padding-left: 0.7em;
  font-family: Effra_regular;
}
table.modeller-detail-table.table.table-striped td.row-header {
    font-family: Effra_regular;
    font-weight: normal;
}
.modeller-container .row-summary {
    color: #000;
    font-weight: normal;
    font-family: 'Effra_regular';
}
/* background colour of selected tab */
.modeller-links li a.checked {
    background: #006DE3;
    color: #006DE3;
    background: none;
    font-family: Effra_regular;
    text-transform: none;}
.modeller-links li a.unchecked {
    background: none;
    color: #000000;
    text-decoration: underline;
    font-family: Effra_regular;
    text-transform: none;
}
input.modeller-line-bottom {
border: 1px solid #006de3;
padding-left: 2em;
padding-right: 2em;
border-radius: 15px;
height: 30px;
font-weight: normal;}

/* ensure all benefits are in alignment */
.modeller-container .level-1 {
  padding-left: 8px!important;
}
/*Hide Tax Modeller*/
.modeller-links li[ng-if="vm.config.EnrolStep2TaxModellerDisplay || vm.config.EnrolStep2BelgianTaxModellerDisplay"]{display: none;}

/*Hide tables in normal view*/
.mobileviewtable { display: none;}

/* icons on matrix */
.bootstrap-iso .glyphicon-gift::before{content: url("/barclays/media/default/assets/Site%20icons%20general/Dependants.png"); vertical-align: -25%;}
.bootstrap-iso .glyphicon-cog::before{content: url("/barclays/media/default/assets/Site%20icons%20general/Modellers.png"); vertical-align: -25%;}

/*hide i icon on the "Benefits you can choose"*/
.benefit-matrix .panel-title .glyphicon-info-sign-color {
  display: none;
}

/* all numerical values */
.benefit-matrix .default-cost,
.benefit-matrix .font-youpay-color {
  color: #000;
  font-weight: normal;
}

/*Success text color*/
.benefit-matrix.bootstrap-iso .text-success { 
  color: #000000;
}

/*overview Images to the right hand side*/
#benefitOverviewImg {
  float: right;
}
/*Hide Lineset name*/
.benefit-matrix .lineset-linename {display: none;}

/* confirm choices button(on matrix page and on confirmation popup) */
.benefitheader-fixed div#followup-items a.btn {
  -webkit-animation: shadow-pulse 2s infinite;
  animation: shadow-pulse 2s infinite;
  background: #3F7E37;
  border-radius:25px;
  text-transform: inherit;
}
.benefit-matrix .confirm-checkout-button .btn-success {
    background-color: #3F7E37;
	text-transform: inherit;
	min-width:11rem;
	border-radius:20px;
}

.benefit-matrix .confirm-checkout-button .btn-success:hover,
.benefit-matrix .confirm-checkout-button .btn-success:active,
.benefit-matrix .confirm-checkout-button .btn-success:active:hover,
.benefit-matrix .confirm-checkout-button .btn-success:active:focus,
.benefit-matrix .confirm-checkout-button .btn-success:focus{
    background-color: #3F7E37;
	min-width:11rem;
	border-radius:20px;
	text-transform: inherit;
}
	
.benefitheader-fixed div#followup-items a.btn:hover,
.benefitheader-fixed div#followup-items a.btn:focus,
.benefitheader-fixed div#followup-items a.btn:active,
.benefitheader-fixed div#followup-items a.btn:active:hover{
  background: #3F7E37;
  border-radius:25px;
  text-transform: inherit;
}
/*Cross for cancel confirm choice pop up - default color*/
.bootstrap-iso .modal-header .close{
    color:#000;
}

/*Cancel Hover color*/
.online-two-iso .header-overlay A.close:hover,
.bootstrap-iso .close{
    color: white;
}
/* hide reset to default button */
.benefitheader-fixed div#resettodefaults a.btn {
  display: none;
}

/*Who is covered color*/
.benefit-matrix .dependent-approved,
.bootstrap-iso .text-success{color: #000;
}
.row.depen-info h4 {
  font-family: Effra_regular;
  padding-bottom: 0;
}
.election-info-collect .dependant-board .icon {
	background: url("/barclays/media/default/assets/Site%20icons%20general/Who%20is%20covered.svg") no-repeat left/67px;
}
/* monthly/annual toggle button */
.bootstrap-iso .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  text-transform: none;
}
.bootstrap-iso .btn-group > .btn:last-child:not(:first-child) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-transform: none;
}
.perpayperannualbtngroup div.btn {
  border-color: #000;
}
.bootstrap-iso .btn-warning.active,
.bootstrap-iso .open > .dropdown-toggle.btn-warning {
  background: #0076b6;
  border-color: #00395d;
}
.bootstrap-iso .btn-warning.active:hover,
.bootstrap-iso .open > .dropdown-toggle.btn-warning:hover {
  background: #006DE3;
  border-color: #006DE3;
}
/* spacing after intro text */
.benefit-matrix .intro-text-questions {
  margin-bottom: 1em;
  color: #000;
}
/* panel and line group background colour */
.bootstrap-iso .panel-default > .panel-heading + .panel-collapse > .panel-body,
.benefit-matrix .group-default {
  background: #d9d9d9;
}
/* remove white space below line group */
.benefit-matrix .benefit-active-benefits {
  padding-bottom: 5px;
  margin-top: 10px;
  font-size: 16px;
  padding-top: 10px;
}
/* line group text colour */
.benefit-matrix .group-default {
  color: #00395d;
}
/* more info button styling */
  .bootstrap-iso .glyphicon-info-sign:before {
  font-family: Effra_light;
  font-size: 16px;
  content: 'Benefit info';
  background: #752157;
  color: #fff;
  padding: .1em .75em;
  border-radius: 20px;
  position: relative;
  top: -3px;
}
/*cost info*/
.Costtext3 {
	font-family: Effra_medium;
	font-size: 16px;
}
table.costtable td {
  vertical-align: top;
}
#online2-global-benefit-overview-modaltemplate table.costtable td:nth-of-type(even) {
  width: 30%;
  padding-left: 0em;
}
#online2-global-benefit-overview-modaltemplate table.costtable td.Textcost {
  padding-left: 0;
}

/* line name */
.benefit-matrix .lineheader > a:link {
  color: #000000;
}
.benefit-matrix .lineheader > a:link:hover {
  color: #000000;
}
/* select buttons */
.benefit-matrix .row .btn-success {
  min-width: 100%;
}
.benefit-matrix .row .btn-success:hover,
.benefit-matrix .row .btn-success:focus,
.benefit-matrix .row .btn-success:active:hover {
  background: #006DE3;
  border-radius: 20px;
  text-transform: none;
  font-size: 16px;
  min-width: 100%;
}
/* hide New, Changed and Unlocked benefit labels */
.benefit-matrix .newbenefit,
.benefit-matrix .changebenefit,
.benefit-matrix .glyphicon-record {
  display: none;
}
.online-two-iso .header-overlay h5 {
  color: #000;
  font-family: Effra_medium;
}
.online-two-iso .header-overlay {
  background-color: #fff;}
.header-overlay A,
.header-overlay H5{text-transform: inherit; font-family: Effra_regular;}
.steps-header {
    background-color: #e8e8e8;}
/* 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: 20px;
	line-height: 20px;
  margin-left: .25em
}
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue,
.online-two-iso A.button-style.blue {
  background: #006DE3;
  text-transform: none;
  font-size: 16px;
  border-radius: 20px;
  min-width: 11rem;
  font-family: Effra_regular;
  border: 2px solid #006DE3;
}
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:hover,
.online-two-iso A.button-style.blue:hover {
  background: #006DE3;
  box-shadow: none;
}
A.button-style:hover { box-shadow: none;}

/*Total cost rectangle bar radius*/
.benefit-matrix .totalcost{
border-radius: 10px;
border: 0px;
}
.benefit-matrix .totalcostLable {
	padding-left: 0;
    font-weight: normal;
    font-family: Effra_medium;
}
.benefit-matrix .font-youpay-color {
  font-family: Effra_regular;
}
/*Confirm Choices Pop Up text/button styling*/
/* to fix 200% zooming issue */
.benefit-matrix .modal-content .modal-body.confirmchoice {
	max-height: 32vh;
} 
/*Confirm Choices Heading color*/
.benefit-matrix .benefitheader {
    color: #000;
    font-family: 'Effra_medium';
    font-size: 18px;
}
/*Confirm choices body color*/
.benefit-matrix .modal-content .modal-body.confirmchoice,
.benefit-matrix .modal-footer #confirmation-buttons .confirm_agreement label{
	color:#000;
}
.benefit-matrix .modal-footer #confirmation-buttons .confirm_agreement label.btn.btn-default:hover {
  color: #fff;
}
.confirmchoice .textWrapper p {
  padding-bottom: 0;
}
.benefit-matrix .modal-footer #confirmation-buttons .confirm_agreement label {
  font-size: 1.05em;
  font-weight: normal;
  font-family: Effra_regular;
}
 /*Yes or No Buttons*/
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active, .benefit-matrix .confirmchoice .btn-default.active {
    background-color: #006DE3;
    color: #fff;
}
.confirmagreementbtngroup .btn.btn-default,
.confirmagreementbtngroup .btn.btn-default:hover,
.confirmagreementbtngroup .btn.btn-default:hover:active,
.confirmagreementbtngroup .btn.btn-default:active {
  min-width: auto;
}
/*--------------------- Benefit Overview ------------------------*/
/*color for all strong tags inside webtext*/
.online-two-iso .modal-large .modal-body .pannel-body-full strong {
    color: #000 ;
}

/*--------------------Manage Dependants-------------------------*/
.online-two-iso .modal-normal .tab-selector-link {
	font-weight: normal;
	font-family: Effra_regular;
}

.online-two-iso .modal-normal a.tab-selector-link:hover,
.online-two-iso .modal-normal a.tab-selector-link{
  color: #000000;
  border-bottom: none;
}
.online-two-iso .modal-normal .tab-selector-link.active,
.online-two-iso .modal-normal .tab-selector-link.active:hover{
  color: #006DE3;
  border-bottom: none;
}
.dependantModalHeader {
    color: #000000;
}
.online-two-iso .modal-normal .tab-selector-link.inactive{
    color: #000000;
    text-decoration: underline;
}
h3.dependantModalHeader {
  margin-left: 0;  
  padding-left: 0.7em;
  font-family: Effra_regular;
}  
.benefit-matrix .employee-cost .cost-number {
	color: #000;
}
.dependant-list a.dependant-confirm-delete {
    color: #006de3;
}
.election-info-collect .add-success {
    font-size: 16px;
    color: #158724;
}
.back-link {
    text-decoration: underline;
    font-family: 'Effra_regular';
}
/* cancel button */
.dependant-remove.according.dependant-edit-btn {
	background-color: #fff;
	border: 2px solid #515151;
	color: #515151;
    padding: 6px 20px;
    border-radius: 20px;
}
.dependant-remove.according.dependant-edit-btn:hover {
  color: #515151;
}
.dependant-list .dependant-add-item a.dependant-remove .glyphicon-remove {
  display: none;
}
/*Remove button color and hover*/
.dependant-list a.dependant-remove,
.dependant-list a.dependant-remove:hover{
  color: #000;
  font-weight: normal;
  font-family: Effra_regular;
}
/*Add dependant link*/
.dependant-list-top a.dependant-add-link {
	text-decoration: underline;
	margin-bottom: .8em;
    font-family: Effra_regular;
}
/*edit button*/
.dependant-list a.dependant-edit {
  font-family: Effra_regular;
}
/*Add dependants Link color and hover*/
.dependant-list-top a.dependant-add-link,
.dependant-list-top a.dependant-add-link:hover,
/*Edit button color and hover*/
.dependant-list a.dependant-edit,
.dependant-list a.dependant-edit:hover,
.dependant-add-icon {
	color: #000;
	padding-right: 5px;
    font-weight: normal;
}
.dependant-list .dependant-name span {
	color: #000;
    font-weight: normal;
}
/*add dependant icon*/
.fa-plus-circle::before {
	content: "\f055";
	color: #006DE3;
}
.dependant-control .dependant-edit span:nth-of-type(2),
.dependant-control .dependant-remove span:nth-of-type(2){
  text-decoration: underline;
}
/* alert message */
.bootstrap-iso .alert-warning {
	color: #000;
	background-color: #cdf5e8;
	border-color: #757575;
}
.dependant-list .dependant-notify-item {
	color: #000;
	background-color: #cdf5e8;
}
/*Date Picker on Manage dependant*/
.online-two-iso .datepicker-container .input-group-btn .btn{
  background-color: white;
  color: #006DE3;
  min-width: auto;
  border-radius: 0px;
}
 /*Save Button font size on hover and active*/
.bootstrap-iso .btn-success:hover,
.bootstrap-iso .btn-success:active,
.bootstrap-iso .btn-success:active:focus,
.bootstrap-iso .btn-success:active:hover,
.bootstrap-iso .btn-success:focus{
  font-size:16px;
}

/* styling the separator between benefit image and election data */
@media only screen and (min-width:768px) {
  .benefit-matrix .row.benefitline {
    display: flex;
    padding-bottom:0;
  }
  .benefit-matrix .row.benefitline .benefit-menu {
    border-right:10px solid #d9d9d9;    
  }
  .benefit-matrix .col-sm-10.col-md-10[class*="BenefitIntro"] {
    padding-bottom: 10px;
  }
}
/* fixes an issue where the matrix content would appear in a gap between the main header, and the fixed banner housing the widgets and confirm buttons when scrolling down the page */
/*@media only screen and (min-width:1161px){
  .online-three-allpages-fullwidth .wrapper-fullwidth .benefit-matrix .benefitheader-fixed {
    top: 142px !important;
  }
}*/
/****************************************** BENEFIT SELECTION STYLING *******************************************/
/* remove padding of continue button */
.benefitselect .continue {
  padding: 6px 12px;
  background: #3F7E37;
}
/* spacing of benefit info button from line name */
.bootstrap-iso.benefitselect .glyphicon-info-sign:before {
  left: 1em;
  top: -5px;
}
/* remove full benefit details link */
.bootstrap-iso.benefitselect .more-info {
  display: none;
}
/* reduce height between line name and currently selected box */
.benefitselect .line-benefit-intro {
  min-height: 0;
}
/*currently selected box text colour */
.benefitselect .content-you-chose,
.benefitselect .content-you-chose p,
.in-Cart .you-chose .selected-plan,
SPAN.green-number,
.benefitselect .in-Cart .you-pay P SPAN.green-number,
.benefitselect .header-selected {
  color: #000;
}
/* your selection, cost of benefit, employer contribution and cost to you label colour */
.benefitselect .selection,
.benefitselect .cost p:first-child,
.benefitselect .funded p:first-child,
.benefitselect .in-Cart .you-pay h3 {
  color: #000;
}
/* available products heading */
.benefitselect .products-header H4 {
  color: #00395d;  
}
/* styling the line name of each benefit */
#linedata h1 {
  font-weight: bold;
  color: #000;
  padding: .25em 0;
  padding-left: .25em;
  margin-top: 30px
}
/*You selected pop up */
.online-two-iso .modal-normal .modal-header .header-text {
	color: #000;
	font-weight: normal;
	font-family: Effra_regular;
}
.election-info-collect .dependant-collect-board-intro {
	font-size: 1em;
	font-weight: normal;
}
.election-info-collect .dependant-collect-board-title {
	font-family: Effra_regular;
}
.election-info-collect .modal-body.election-modal-body {
	padding-bottom: 14px;
}
.election-info-collect .dependant-name-item.info-item {
	font-size: 0.9em;
}
.bootstrap-iso.benefitselect .fa-plus-circle::before {
	font-size: 1.8em;
}
/* specific selector to target the line name immediately under currently selected box */
#content> div:nth-child(7)#linedata h1 {
  background: linear-gradient(to top, 1.75em, #000 1.75em);
}
/* removing background image under currently selected box */
#content > div:nth-child(5).box-border-bg {
  background: none;
}
/* remove division div between options */
.division {
  display: none;
}
/* available options border box */
.box-border {
  border-color: #000;
}
/* selected plan border box */
.benefitselect .products .box-border.sel,
.benefitselect .products .box-border.sel .header {
  background: #515151;
}
.benefitselect .products .box-border.sel .header {
  padding-left: 0;
  font-size: 1.1em;
}
/* available plans text colour */
.benefitselect .product-info h2 {
  color: #000;
}
/* hide provider finder and prescription finder */
.available-options .links-group.four-links {
  display: none;
}
/* selected coverage text colour */
.option-credit-health .option.sel {
  color: #000;
}
/* see also link colour */
.benefitselect .linename > a,
.benefitselect .linename > a:link{
  color: #000000;
}
.benefitselect .linename > a:hover {
  color: #000000;
  text-decoration: none;
}
.benefitselect .linename {margin-top: 42px;}
/* see also spacing */
.benefitselect .seealso li {
	margin: 15px 0;
}
/*Benefits you can select hover color*/
a.accordion-toggle:hover{color:white;}

/*No Beneficiaries message color*/
.your-beneficiaries .no-beneficiary-msg,
/*Add Beneficiary heading*/
#allocationDialog .add-beneficiary{
  color:#000;
  }
.your-beneficiaries .txt-beneficiaries H4{text-transform: inherit; font-family: 'Effra_regular';}
/* beneficiary button */
.online-two-iso .your-beneficiaries A.button-style.blue,
.online-two-iso .your-beneficiaries A.button-style.blue:hover {
	color: #006de3;
	background: #fff;
}
/*Followup Item styling*/
.bootstrap-iso .alert-warning { 
    color: black;
    background-color: #e5f0fc;
    border-color: #99c4fc;}
.benefitselect .followup-container .followup-item-coverage-heading {
    color:black;
    font-size: 16px;
    line-height: 1.4em;
}
.benefitselect .followup-item-collect.alert-warning {
    background-color: #e4f0fe;
    border-radius: 10px;
    margin: 15px;
}
.bootstrap-iso .alert-warning hr {
    border-top-color: transparent;
}
.row.completemessage .alert-warning span {
	font-size: 1.1em;
    font-family: Effra_regular;
}
/*Selection Page - Barclays Pension Saving Linename highlight */
#lineid_3dccacb2-37b5-4d55-b23a-a3c47dc62f8c.in-Cart .you-chose .selected-plan span[ng-bind-html="l.SelectedLineName()"],
#lineid_3acd9803-4ca6-47f4-9abe-7f9dc1f92016.in-Cart .you-chose .selected-plan span[ng-bind-html="l.SelectedLineName()"],
#lineid_9936d0c1-885c-4b0e-af2b-97bb00f7178e.in-Cart .you-chose .selected-plan span[ng-bind-html="l.SelectedLineName()"]{
  text-decoration: underline;
  font-family: Effra_regular;
}

/*Selection Page -> Hide Afterwork line type*/
#lineid_12fd62b6-89ca-4a1f-a980-12a1883908dc .cost div[ng-bind-html="l.LineType()"],
#lineid_8de9b563-672b-42bc-8ec7-5104226a15d1 .cost div[ng-bind-html="l.LineType()"]{
  display: none;
}

/*Selection Page -> Hide BPSP line type*/
#lineid_3acd9803-4ca6-47f4-9abe-7f9dc1f92016 .cost div[ng-bind-html="l.LineType()"],
#lineid_3dccacb2-37b5-4d55-b23a-a3c47dc62f8c .cost div[ng-bind-html="l.LineType()"],
#lineid_9936d0c1-885c-4b0e-af2b-97bb00f7178e .cost div[ng-bind-html="l.LineType()"]{
display: none;}

/*Selection Page -> Hide BPST line type*/
#lineid_9bae89f5-7a66-4061-98fa-06fa690fbdf6 .cost div[ng-bind-html="l.LineType()"],
#lineid_ddddd391-c622-4a70-ab8e-6f6e92a70c8b .cost div[ng-bind-html="l.LineType()"]{
display: none;}

/*Selection Page -> Afterwork Benefit -> Barclays pay in black color*/
.benefitselect .employerFundingCart .funded p{
  color: black;
}

/*Selection page -> Follow warning text hide*/
.benefit-matrix .followup-required.alert.alert-warning {
   display: none;}

/*selection page -> EE & ER cost text*/
.benefit-matrix .in-Cart .cost P,
.benefit-matrix .in-Cart .cost,
.benefit-matrix .in-Cart .funded,
.benefit-matrix .in-Cart .funded P{
text-transform: none;}

/* AFTERWORK PENSION */
/* hide 'Cost of benefit' label */
.benefitselect #lineid_a7807bfd-b0d4-47d1-ae41-d0151a9a4705 .cost.percent > div,
.benefitselect #lineid_c3d5c9b5-3c50-4c55-baff-f5784bbbcacb .cost.percent > div,
.benefitselect #lineid_8de9b563-672b-42bc-8ec7-5104226a15d1 .cost.percent > div,
  .benefitselect #lineid_8de9b563-672b-42bc-8ec7-5104226a15d1 div.cost[ng-class*="HideMathematicalSymbols"] > p:first-of-type,
.benefitselect #lineid_12fd62b6-89ca-4a1f-a980-12a1883908dc .cost > p:first-of-type {
  display: none;
}
/* replace with 'You pay' label */
.benefitselect #lineid_a7807bfd-b0d4-47d1-ae41-d0151a9a4705 .cost.percent > p:first-of-type:before,
.benefitselect #lineid_c3d5c9b5-3c50-4c55-baff-f5784bbbcacb .cost.percent > p:first-of-type:before,
.benefitselect #lineid_8de9b563-672b-42bc-8ec7-5104226a15d1 .cost.percent > p:first-of-type:before,
.benefitselect #lineid_8de9b563-672b-42bc-8ec7-5104226a15d1 div.cost[ng-class*="HideMathematicalSymbols"] > p:nth-of-type(2):before,
.benefitselect #lineid_12fd62b6-89ca-4a1f-a980-12a1883908dc .cost > p:nth-of-type(2):before {
  content: 'Cost of benefit';
  display: block;
}
/* hide employer coverage volume span labels */
.benefitselect #lineid_a7807bfd-b0d4-47d1-ae41-d0151a9a4705 .funded.percent > p:first-of-type span {
  display: none;
}
/* add custom text before above menetioned hidden labels */
.benefitselect #lineid_a7807bfd-b0d4-47d1-ae41-d0151a9a4705 .funded.percent > p:first-of-type:before {
  content: 'an age related % of salary';
}
/* hide 'Cost of benefit' label on benefit matrix for all lines in Afterwork line set */
.benefit-matrix .BenefitIntro_1c54df23-e5c7-4287-a174-57d2afc063dd .col-md-8 > div:first-of-type .benefit-print-single-header small span {
  display: none;
}
/* custom 'Employee contribution' wording added to replace 'Cost of benefit' label */
.benefit-matrix .BenefitIntro_1c54df23-e5c7-4287-a174-57d2afc063dd .col-md-8 > div:first-of-type .benefit-print-single-header small:before {
  content: 'Total contribution';
}

/*Pension BPSP Editing Selection Page Editings*/
/* hide 'Cost of benefit' label */
.benefitselect #lineid_3dccacb2-37b5-4d55-b23a-a3c47dc62f8c .cost.percent > div,
.benefitselect #lineid_9936d0c1-885c-4b0e-af2b-97bb00f7178e .cost.percent > div,
.benefitselect #lineid_9936d0c1-885c-4b0e-af2b-97bb00f7178e div.cost[ng-class*="HideMathematicalSymbols"] > p:first-of-type,
.benefitselect #lineid_3acd9803-4ca6-47f4-9abe-7f9dc1f92016 .cost > p:first-of-type {
  display: none;
}
/* replace with 'You pay' label */
.benefitselect #lineid_3dccacb2-37b5-4d55-b23a-a3c47dc62f8c .cost.percent > p:first-of-type:before,
.benefitselect #lineid_9936d0c1-885c-4b0e-af2b-97bb00f7178e .cost.percent > p:first-of-type:before,
.benefitselect #lineid_9936d0c1-885c-4b0e-af2b-97bb00f7178e div.cost[ng-class*="HideMathematicalSymbols"] > p:nth-of-type(2):before,
.benefitselect #lineid_3acd9803-4ca6-47f4-9abe-7f9dc1f92016 .cost > p:nth-of-type(2):before {
  content: 'Cost of benefit';
  display: block;
}

/*Pension BPST Editing Selection Page Editings*/
/* hide 'Cost of benefit' label */
.benefitselect #lineid_05fbfd0c-fda9-45d2-8993-c20b49c0cf20 .cost.percent > div,
.benefitselect #lineid_4139d303-2bf3-48d3-afe5-bf9cfb27e9e0 .cost.percent > div,
.benefitselect #lineid_ddddd391-c622-4a70-ab8e-6f6e92a70c8b .cost.percent > div,
.benefitselect #lineid_ddddd391-c622-4a70-ab8e-6f6e92a70c8b div.cost[ng-class*="HideMathematicalSymbols"] > p:first-of-type,
.benefitselect #lineid_9bae89f5-7a66-4061-98fa-06fa690fbdf6 .cost > p:first-of-type {
  display: none;
}
/* replace with 'You pay' label */
.benefitselect #lineid_05fbfd0c-fda9-45d2-8993-c20b49c0cf20 .cost.percent > p:first-of-type:before,
.benefitselect #lineid_4139d303-2bf3-48d3-afe5-bf9cfb27e9e0 .cost.percent > p:first-of-type:before,
.benefitselect #lineid_ddddd391-c622-4a70-ab8e-6f6e92a70c8b .cost.percent > p:first-of-type:before,
.benefitselect #lineid_ddddd391-c622-4a70-ab8e-6f6e92a70c8b div.cost[ng-class*="HideMathematicalSymbols"] > p:nth-of-type(2):before,
.benefitselect #lineid_9bae89f5-7a66-4061-98fa-06fa690fbdf6 .cost > p:nth-of-type(2):before {
  content: 'Cost of benefit';
  display: block;
}

/*Shift Employer/Employee contribution in the middle of the page*/
@media only screen and (min-width: 1121px){
  .benefitselect .employerFundingCart .funded.percent,
  .benefitselect .employerFundingCart .cost.percent,
  .employerFundingCart .cost,
  .benefitselect .employerFundingCart .funded{
    margin-left: 12%;
    
  }  
}

/****************************************** BENEFIT STATEMENT STYLING *******************************************/
/*.benefit-matrix .benefitdate,*/
.benefit-matrix .benefitdate input {
  border: 1px solid #000;
}
.benefit-matrix .benefitdate .data-addon {
  color: #000;
  text-transform: none;
}
.bootstrap-iso .uib-datepicker .btn,
.benefit-matrix .benefitdate{
	text-transform: inherit;	
    min-width: auto;
    border-radius: 0;
}
.benefit-matrix .benefit-category .panel-body {
  background: #d9d9d9;
}
.benefit-matrix .benefitheader.asatdate span {
	color: #000;
}
.bootstrap-iso .glyphicon-calendar::before {
	color: #006de3;
	font-size: 1.2em;
}
/*Pending Coverage button*/
#benefitStatementFutureBenefits .glyphicon.glyphicon-repeat:before {
  display: none;
}
#benefitStatementFutureBenefits .button-popover:after {
  font-family: 'Glyphicons Halflings';
  content: "\e030";
  vertical-align: middle;
  padding-left: 0.7em;
}
.benefitheader.benefitheader-border.pendingcoverage:hover {
    color: #006DE3;
}
.benefit-matrix .benefitheader.benefitheader-border:hover .glyphicon-repeat::before {
    color: #006DE3;
}
.bootstrap-iso .glyphicon-repeat::before {
    color: #006DE3;
}
/* coverage date align */
.bootstrap-iso div.benefitheader.asatdate {
	padding-left: 0;
}
/* additional item */
.bootstrap-iso .alert-info {
	color: #000;
	background-color: #e5f0fc;
	border-color: #99c4f3;
}
/*Close Button Focus on Datepicker*/
.btn.btn-sm.btn-success.pull-right.uib-close.ng-binding:focus,
.btn.btn-sm.btn-success.pull-right.uib-close.ng-binding:active:focus{
    min-width: auto;
    font-size: 11px;
}

/*border-radius of Date button*/
.benefitdate .input-group .form-control:not(:first-child):not(:last-child){
  border-top-left-radius: 5px; 
  border-bottom-left-radius:5px;
}
.benefitdate .input-group-btn:last-child > .btn{
  border-top-right-radius: 5px; 
  border-bottom-right-radius:5px;
}
/* print button */
.benefit-matrix .btn-print {
	padding: 8px;
}
.bootstrap-iso .glyphicon-print:before {
  display: none;
}  
/* exit warning pop up */
#exit-confirm .header-overlay {
  font-size: 1.2em;
  padding-top: 10px;
}
#exit-confirm #exit-alert-msg {
  font-size: 1.15em;
}
/****************************************** GENERIC PAGE STYLING *******************************************/
#main.general h3 {
  font-family: Effra_medium;
  font-size: 1.2em;
}
#main.general .col-one a {
  text-decoration: underline;
  font-family: Effra_regular;
}
#main.general .col-one a:hover, 
#main.general .col-one a:focus {
  color: #006DE3;
  text-decoration: none;
}
#main.general {
  margin-bottom: 0;
}
#main.general .top-row,
#main.general .middle-row {
  background: #f1f1f1;
}
#main.general .top-row .col-md-12,
#main.general .middle-row .col-one,
#main.general .middle-row .col-two,
#main.general .middle-row .col-three {
  background: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.generic-page-column-content-container .column-content-img img,
.generic-page-column-content-container .generic-page-column-content-button a {
  margin-top: 1em;
  margin-bottom: 1em;
} 
.generic-page-column-content-container .generic-page-column-content-button {
  padding: 1em;
}  
#main.general #direct .middle-row .col-one,
#main.general #health .middle-row .col-one,
#main.general #money .middle-row .col-one,
#main.general #family .middle-row .col-one,
#main.general #family1 .middle-row .col-one {
    background-color: #d9d9d9;
}
/*scroll on div*/
#version-one .col-two {
  height: 667px;
  overflow: scroll;
  scroll-behavior: smooth;
}
#version-two .col-two {
  height: 667px;
  overflow: scroll;
  scroll-behavior: smooth;
}
/* modules on right */
#main.general #direct .middle-row .col-two,
#main.general #direct .middle-row .col-three,
#main.general #health .middle-row .col-two,
#main.general #health .middle-row .col-three,
#main.general #money .middle-row .col-two,
#main.general #money .middle-row .col-three,
#main.general #family .middle-row .col-two,
#main.general #family .middle-row .col-three,
#main.general #family1 .middle-row .col-two,
#main.general #family1 .middle-row .col-three{
  background: transparent;
  box-shadow: none;
  text-align: center;
}
#direct .generic-page-column-content-container,
#health .generic-page-column-content-container,
#family .generic-page-column-content-container,
#money .generic-page-column-content-container,
#family1 .generic-page-column-content-container{
  background: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}  
#direct .generic-page-column-content-container.row2,
#health .generic-page-column-content-container.row2,
#money .generic-page-column-content-container.row2{
   margin-top: 20px;
   margin-bottom: 1.4em;
}
#direct .col-two,
#direct .col-three,
#health .col-two,
#health .col-three,
#money .col-two,
#money .col-three,
#family .col-two,
#family .col-three,
#family1 .col-two,
#family1 .col-three{
  padding-right: 0;
  padding-left: 0;
}
#direct .column-content-text,
#health .column-content-text,
#money .column-content-text,
#family .column-content-text,
#family1 .column-content-text{
    margin-right: 12px;
    margin-left: 12px;}
/* two button view */
#family1 .generic-page-column-content-button.one {
  margin-top: 0;
  padding-top: 0;
}
#family1 .generic-page-column-content-container .generic-page-column-content-button a {
  margin-top: 2em;
}
@media only screen and (min-width:992px){
  #direct .top-row,
  #health .top-row,
  #money .top-row,
  #family .top-row,
  #family1 .top-row,
  #QuickLinks .top-row {
    display: flex;
    padding: 1em;
  }
  #direct .middle-row,
  #health .middle-row,
  #money .middle-row,
  #family .middle-row,
  #family1 .middle-row,
  #version-one .middle-row,
  #version-two .middle-row,
  #version-three .middle-row   {
    display: flex;
    padding: 1em;
  }
  #direct .middle-row .col-two,
  #health .middle-row .col-two,
  #money .middle-row .col-two,
  #family .middle-row .col-two,
  #family1 .middle-row .col-two {
    margin: 0 1em;
  }
  .generic-page-column-content-container {
    display:flex;
    flex-wrap:wrap;
  }
  .generic-page-column-content-container .column-content {
    width: 100%;
  }
  .generic-page-column-content-button {
    align-self:flex-end;
    flex-grow:1;
    width:100%;
  }
   /* one row module */
 #family .generic-page-column-content-container,
 #family1 .generic-page-column-content-container{
    height: 100%;
  }
  /* two row modules */
 #direct .generic-page-column-content-container {
    height: 48.95%;
  }
  /* three row modules */
 #main.general #health .middle-row .col-one,
  #main.general #money .middle-row .col-one{
    margin-bottom:-2.6em;
  }
 #health .generic-page-column-content-container {
	height: 24.75% !important;
  }
 #money .generic-page-column-content-container {
	height: height: 36%;
  }
  /* two button view */
  .btn.btn-default.btn-block.one {
	margin-bottom: -1.5em;
  }
  #family .btn.btn-default.btn-block.one {
  margin-bottom: 0;
  }
  #family1 .btn.btn-default.btn-block.one {
  margin-bottom: -4em;
  }
}
@media only screen and (max-width:991px){
  #main.general h2,
  .generic-page-column-content-container h3 {
    padding-top: .5em;
  }
  /* dependants and beneficiaries padding on content */
  #main.general #version-one .middle-row .col-one,
  #main.general #version-two .middle-row .col-one,
  #main.general #version-three .middle-row .col-one{
    margin-top: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
  }
}

/* two buttons on modules */
.generic-page-column-content-button.one {
	padding-bottom: 0;
    margin-top: 2em;
}
.btn.btn-default.btn-block.two {
    background: #fff;
    border-color: #006DE3;
    color: #006DE3;
}
/* no space on col 1/ 2 */
#main.general #version-two .middle-row .col-one {
	margin-right: 15px;
	background-color: #d9d9d9;
	padding: 0 20px;
	line-height: 1.8em;
}
#main.general #version-two .middle-row .col-two {
  padding-top: 1.7em;
}
/* for family care */
#version-one ul li {
  margin-top: 0.3em;
}
#version-one .col-two a {
  text-decoration: underline;
  font-family: Effra_regular;
}
/*********** Webinar page **************/
#version-one div.webinarpage img {
  margin-right: 20px;
}
#version-one div.webinarpage h3 {
  font-size: 1.05em;
  padding-top: 10px;
  padding-bottom: 10px;
}
#version-one .webinarpage h3 a {
  text-decoration: none;
  font-family: Effra_light;
}
.col-two div.webinarpage {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #e5f0fc;
  border-color: #99c4f3;
}
/****************************************** QUICK LINKS PAGE STYLING *******************************************/
#quick-links .top-row {
  box-shadow: none;
}
#main.general #quick-links .top-row .col-md-12 {
  box-shadow: none;
  background: #f1f1f1;
}
#quick-links .col-sm-10.col-md-10 {
  padding-top: 1em;
}
#quick-links table th,
#quick-links table td {
  border: 1px solid #000;
  /*color: #000;*/
}
#quick-links table th 
{  
  font-weight: normal;
}

#quick-links td[colspan="3"],
#quick-links td[colspan="2"] {
  background:#daf0fd;
  color:#00395d;
}
#quick-links table td a {
  color: #000;
}
/*Make all table column widths as the same */
@media only screen and (min-width:728px){
  
#quick-links .table-responsive table{
    table-layout: fixed;
  }
#quick-links .table-responsive table td{
    word-wrap: break-word;
  }
}
/****************************************** DEPENDANTS AND BENEFICIARIES PAGE STYLING *******************************************/
@media only screen and (min-width:992px){
  #main.general #version-one .middle-row .col-two,
  #main.general #version-two .middle-row .col-one,
  #main.general #version-three .middle-row .col-one,
  #main.general #version-three .middle-row .col-two{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: .5em 1em;
  }
  #main.general #version-one .middle-row .col-one {
    margin-right: 15px;
    background-color: #d9d9d9;
    padding: 30px 20px;
    line-height: 1.8em;
  }
}

/****************************************** PROFILE PAGE STYLING *******************************************/
/* tab colour */
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI A{
	color: #000000;
	outline: none;
    text-decoration: underline #000000;
    font-family: Effra_regular;
    font-weight: normal;
}
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A {
color: #006DE3;
text-decoration: none;
}
/*font-sizes*/
html#profile body#profile .profile #profile-online-2 span.label, html#profile body#profile .profile #profile-online-2 label:not(.ui-button),
html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI A,
html#profile body#profile .profile #profile-online-2 #profilecontainer .content-box-border .row .grid-cell P {
	font-size: 1.13em;
}
/*remove box shadow on focus from input box*/
input:focus {
    box-shadow: none;
}
.online-two-iso P.sectionTitledimmed:focus,
.online-two-iso P.sectionTitledimmed:hover,
.online-two-iso P.sectionTitledimmedLeft,
.online-two-iso P.sectionTitledimmedLeft:focus,
.online-two-iso P.sectionTitledimmedLeft:hover,
.online-two-iso P.sectionTitledimmed {
  color: #000000;
  text-decoration: underline #000000;
  font-size: 1.2em;
  font-family: Effra_regular;
}
.online-two-iso P.sectionTitle,
html#profile body#profile .profile #profile-online-2 #dependantsTab P.full-name, 
html#profile body#profile .profile #profile-online-2 #beneficiariesTab P.full-name{
    color: #006DE3;
    font-family: Effra_regular;
    font-size: 1.2em;
}
html#profile body#profile .profile #profile-online-2 P.sectionTitle {
	padding-bottom: 5px;
}
.right-taboff, .left-taboff {
	background: transparent;
}
/* remove text transform and set colour for labels */
html#profile body#profile .profile #profile-online-2 span.label, 
html#profile body#profile .profile #profile-online-2 label:not(.ui-button),
html#profile body#profile .profile #profile-online-2 #contactTab span.label,
html#profile body#profile .profile #profile-online-2 #contactTab label{
	text-transform: none;
    color: #000000;
    font-family: Effra_regular;
    font-weight: normal;
}
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A {
    border-bottom: 0px;
}
/* colour for label data */
html#profile body#profile .profile #profile-online-2 #profilecontainer .content-box-border .row .grid-cell P {
  color: #000;
}
/* password criteria label on Security tab */
.online-two-iso .validation-caption {
  color: #000000;
  font-size: 1.02em;
  font-weight: normal;
  font-family: Effra_regular;
}
.online-two-iso .validation-rules li.failed{
  color: #E90014;
}
.online-two-iso .validation-rules li.passed {
  color: #3F7E37;
}
/* mailbox page */
#mailbox .page-title h1 {
  font-size: 1.8em;
  font-family: Effra_regular;
}
#noMail h2 {
  font-size: 1.13em;
  font-family: Effra_regular;
}
/*security page*/
html#profile body#profile .profile #profile-online-2 #profilecontainer #securityTab .content-box-border .row .grid-cell {
	float: none;
	margin-bottom: 0;
	min-height: unset;
}
html#profile body#profile .profile #profile-online-2 #profilecontainer #securityTab .content-box-border .row .grid-cell label {
  font-weight: normal;
  font-family: Effra_regular;
}
html#profile body#profile .profile #profile-online-2 #profilecontainer #securityTab .content-box-border #changePasswordDisplay .row .grid-cell:nth-of-type(2) {
  margin-left: 10px;
}
html#profile body#profile .profile #profile-online-2 #profilecontainer #securityTab .content-box-border #changePasswordDisplay .row .grid-cell:nth-of-type(2) input {
  width: 70%;
}
html#profile body#profile .profile #profile-online-2 .validation-rules li {
  float: none;
}
.question-select {
	font-family: Effra_regular;
}
/****************************************** BENEFIT INTRO POPUPS *******************************************/
.online-two-iso .modal-large {
  width: 95%;
  max-width: 1080px;
}
@media only screen and (min-width:770px){
  .online-two-iso .modal-large a.tab-selector-link:hover,
  .online-two-iso .modal-large .tab-selector-link {
    color: #000000;
    border-color: transparent;
    text-transform: none;
    text-decoration: underline;
    font-family: 'Effra_medium';
    font-weight: normal;
    font-size: 17px;
  }
.online-two-iso .modal-large .tab-selector-link.active,
.online-two-iso .modal-large .tab-selector-link.active:hover{
    color: #006DE3;
    border-color: transparent;
    text-decoration: none;
    text-transform: none;
  }
}
@media only screen and (max-width:769px){
  .online-two-iso .modal-large .tab-selector-link {
    color: #000000;
    text-transform: none;
  }
  .online-two-iso .modal-large .tab-selector-link.active,
  .online-two-iso .modal-large .tab-selector-link.activ:hover{
    color: #006DE3;
    border-left: .25em solid #006DE3
  }
  .online-two-iso .modal-large .tab-header .back a{
    color: #00395d;
  }
}
/* tables in intro */
#online2-global-benefit-overview-modaltemplate table td {
  padding: 1em;
}
/*====================================== Icons  ======================================*/
/* benefit icon general coding */
/* benefit matrix */
.benefit-matrix .benefitline .benefit-menu .img,
/* see also images */
div.see-also .img,
/* life event icons */
.benefit-matrix .active-benefits .img,
/* benefits overview icons */
#benefit-overview .summaryImage .img {
  background: none;
  top: 10px;
  padding-top: 10px;
}

/* general styling for using icons for benefits */
.benefit-matrix .benefitline .benefit-menu .img:before,
.benefit-matrix .active-benefits .img:before,
#benefit-overview .summaryImage .img:before {
  font-family: OnlineTwoIconFont;
  font-size: 4.5rem;
  position: relative;
  color: #000;
}
.benefit-matrix .active-benefits .img:before {
  font-size: 4rem;
}  
div.see-also .img:before {
  font-family: OnlineTwoIconFont;
  font-size: 3.8em;}
.see-also h5 {
    font-size: 18px;
    font-family: 'Effra_regular';
}
.see-also .benefit-menu .linename>a {
    font-size: 16px;
}
/****************************************** BENEFIT IMAGES *******************************************/
/* Blue rewards */
.img.Ld6b4e06a-6964-49b7-a120-5fbeef6f92a3:before,
.img.Lc3635575-a4c5-4eb4-9af1-b177a1d3b690:before {
  content: '\e952';
}
/* Pension */
.img.L4559590a-baeb-4ef5-ac9c-006847102e49:before,
.img.L98d458bc-2ada-4170-9896-711681983cf8:before,
.img.L9bae89f5-7a66-4061-98fa-06fa690fbdf6:before,
.img.L7479c9c2-a29c-4ff5-a834-29dab14c9b9d:before,
.img.Lb32af016-ffbc-4c2b-8121-34ee121291dd:before,
.img.Le8540869-285b-4cca-bb45-61b50d04f5bd:before,
.img.Lc90e78db-cd82-4c3f-a31d-875753ef5869:before,
.img.L9936d0c1-885c-4b0e-af2b-97bb00f7178e:before,
.img.L05fbfd0c-fda9-45d2-8993-c20b49c0cf20:before,
.img.L2b75fbf2-fee2-4ccb-9ee7-c5cda8601586:before,
.img.Lb5d22803-9960-456f-933c-d83c1cf658be:before,
.img.Lcc063855-2689-4540-81d0-d96b79152617:before,
.img.Le060e00f-99cc-40e7-be40-f1c66fee9641:before,
.img.L66d27ae8-5b94-4c93-9d62-e399e5c6a1cd:before,
.img.L1c54df23-e5c7-4287-a174-57d2afc063dd:before,
.img.La7807bfd-b0d4-47d1-ae41-d0151a9a4705:before {
  content: '\e91f';
}
/* Life Assurance & Life Assurance Afterwork */
.img.L3b96e56d-5523-4435-bf57-d8bc26ab375e:before,
.img.L5959def5-a235-4769-b0bb-513db8b226a5:before {
  content: '\e91c';
}
/*Life Assurance Partner*/
.img.Lcd686e62-c153-4d63-b11f-44c0db49de46:before {
  content: '\e91d';
}
/* Ill Health for Afterwork */
.img.L0479ed81-fd44-4426-bae9-8acc4cd0ad75:before {
  content: '\e91b';
}
/* Income Protection */
.img.L071b9460-d739-49de-8c43-e0a332019a73:before {
 content: '\e91b';
}
/* Private Medical Scheme */
.img.L4e2671d0-218e-49bf-879c-2457da7838a9:before,
.img.Lc36b8e19-1153-49e5-9f95-d0cbfaece9e8:before,
.img.L61b6f0e3-6582-490d-9bb3-1cdbf5413c6a:before {
 content: '\e927';
}
/* Car Scheme */
.img.L924dda66-ad49-494b-b85f-2494999fd65b:before,
.img.L10b2a78b-2a6e-4fcf-bfba-7146353f1390:before {
 content: '\e932';
}
/* Dental */
.img.L8a68d69d-5d3e-4a9f-b26a-4787cd647a95:before,
.img.La68488a0-753c-4439-9256-97dcce597a41:before,
.img.Lf49f38c2-10f9-4b8b-bde5-bb0a6d34cec4:before,
.img.L300ac8c3-69d4-4fbd-94a1-f3e06cf9d820:before {
 content: '\e909';
}
/* Healthcare Cash Plan */
.img.L0dd94907-3546-4120-80f0-c3ca3ca1ff36:before,
.img.Lc666b474-514f-4623-a9aa-9120ef281de8:before {
 content: '\e994';
}
/* Healthcare Cash Plan Partner */
.img.L259a71cc-5417-45aa-b051-0442d935516d:before,
.img.L3842bb4c-0c2d-471e-a1e0-f68635d51ca3:before {
  content: '\e994';
}
/*Critical Illness*/
.img.Ld62b72b1-21e5-4ec9-8e13-fd4610842240:before {
  content: '\e905';
}
/* Critical Illness Partner */
.img.L3e9f5fe7-d2a3-4a5a-96cc-556ec36e4780:before {
  content: '\e906';
}
/* Personal Accident */
.img.L98e89e5a-5159-49d9-a59e-0dd0fdf1b74f:before,
.img.Lc6b15e95-183c-4185-822e-9f92370c389a:before,
.img.Ld2891267-12b5-4886-9cc5-bb374406be19:before {
  content: '\e925';
}
/* Holiday */
.img.Lb2a3ec81-1a60-44f1-a619-fce51bb3cad7:before,
.img.Lffe86789-72bf-44a0-b947-9fce6b5bb6da:before {
  content: '\e919';
}
/*Bike 4 Work*/
.img.L6c92cd36-df1a-43a6-9649-a2890c43bc45:before,
.img.Lec1e05e1-1c44-40ad-a896-5ce0b2ef4ff1:before {
  content: '\e908';
}
/* Gym */
.img.Lacddc7b2-3cfc-47f0-96d1-f349b3a4189c:before {
  content: '\e92f';
}
/* Childcare Voucher */
.img.L0b80a5ba-c60e-4c0b-9953-49bce2f9b2c0:before,
.img.La443a85b-fe13-4a2e-89b9-58b6194108e4:before,
.img.L203a1901-fb62-44ed-b2f2-6e42f3f7effb:before,
.img.L48b7d656-87c5-4d83-8616-d9649b8b1d87:before,
.img.L6ca8f823-889b-42e6-bea7-ded99e54b9b7:before {
 content: '\e92a';
}
/* GP Services */
.img.L5f5c8ac3-1a7a-4837-81a2-48bd1a21acac:before, 
.img.L5ca059b0-c4f8-459f-89d6-b173839da9f5:before {
  content: '\e99b';
}
/* Health Assessment */
.img.L0dd94907-3546-4120-80f0-c3ca3ca1ff36:before,
.img.Lc666b474-514f-4623-a9aa-9120ef281de8:before {
  content: '\e964';
}
/* Health Assessment Partner */
.img.L259a71cc-5417-45aa-b051-0442d935516d:before,
.img.L3842bb4c-0c2d-471e-a1e0-f68635d51ca3:before {
  content: '\e9bd';
}
/* Parking4Work */
.img.L5ea0b57a-eb63-4865-9f68-a2a2d471f832:before {
 content: '\e900';
}
/* Discounts */
.img.Ldiscounts:before {
 content: '\e9bd';
}
/* Employee Support */
.img.Lemployee-support:before {
  content: '\e9bd';
}
/* Executive Topup */
.img.L95936ba0-d126-44fb-83a3-0cceb86cc1c0:before {
  content: '\e920';
}
/* Afterwork Executive Topup */
.img.Leeb9066a-c816-4e56-8c72-e82f5eb8ad0e:before{
  content: '\e920';
}
/* Supplimentary Executive Topup */
.img.Lcc99b2b8-ef03-4aa8-9018-56500b835815:before,
.img.L110f182c-e69d-4456-9c70-2688fb32bc8d:before{
  content: '\e920';
}

/****************************************** EVENT IMAGES *******************************************/
.img.E36f5a820-c400-47bf-be52-333318d5fed2:before {
 content: '\e965';
}
.img.Ed099da7d-1d3a-4f24-a916-109697bd1c4a:before {
  content: '\e968';
}
.img.Eac45003f-9a58-44dc-9f64-8fccd30cd3a4:before {
 content: '\e966';
}
.img.E4cf1d080-b108-4f38-b19c-a7aaaf4b79c5:before {
  content: '\e9bb';
}
.img.Ed43bd663-c555-4c8e-8f49-06a49cd67752:before {
  content: '\e96a';
}
/* background */
.benefit-matrix .active-benefits .event-img div {
  background-color: #e8e8c9;
}
/* heading */
.active-benefits .header {
	color: #000;
    font-family: Effra_regular;
  font-weight: normal;
}
/****************************************** MOBILE STYLING *******************************************/
@media only screen and (max-width:520px){
  /* margin to welcome message when message has to wrap to multiple lines */
  #home-online-three .dashboard-controls #greeting-message {
    margin-bottom: 1em;
	/*margin-top: 0.6em;*/	
  }
}
@media only screen and (max-width:767px) {
  /* hide repeating module names */
  #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 {
    display: none;
  }
  /* reducing img on module */
  .home-module-generic-content .img-responsive,
  .home-module-enrolment-content .img-responsive {
    width: 70%;
    margin-bottom: 1.5em;
  }
  #home-module-enrolment .enrollment-copy .event-name {
	display: none;
  }
  /* module content */
  #home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy, 
  #home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy {
	text-align: center;
  }
  /* hide home page module icons */
  #home-online-three #home-integrated .modules-mobile .module-mobile .icon-two-point-o-home-module-enrolment:before,
  #home-online-three #home-integrated .modules-mobile .module-mobile [class*="icon-two-point-o-home-module-trs"]:before{
    display: none;
  }
  /* resource area button */
  #home-online-three #home-integrated .modules-mobile .module-mobile  .module-panel .resources .module-copy .generic-buttons .btn.btn-default {
	background: #fff;
	border-color: #006DE3;
	color: #006DE3;
  }
  /* remove mobile module title margin */
  #home-online-three #home-integrated .modules-mobile .module-mobile span.module-label {
    margin-left: 0;
  }
  /* expand and collapse icon position */
  #home-online-three #home-integrated .modules-mobile .module-mobile span.link {
    margin-top: 15px;
  }
  /* expand and collapse icons on mobile home page modules */
  .fa-angle-down:before {
    color: #00395d;
    content: '\f04b';
    display: inline-block;
    transform: rotate(90deg);
    font-size: .65em;
  }
  .fa-angle-up:before {
    color: #0076b6;
    content: '\f04b';
    display: inline-block;
    transform: rotate(-90deg);
    font-size: .65em;
  }
  /* module buttons */
  #home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default {
    padding: 6px 12px;
  }
.benefit-matrix .modal-content .modal-body.confirmchoice {
    max-height: calc(75vh - 325px);
  }
  /* custom pages */
  #main.general .middle-row .col-one h3 {
    padding-top: 0.8em;
  }
}

/******************IAT Updates**************************/
/*ModalHeader Settings*/
.modellersModalHeader {color: #000000;}
/*.modeller-links li a.checked {background-color: white; color: #0076B6; font-size: 24px; text-transform: none;}*/
.modeller-container .row-header {color: #000000;}
#modelbttn-current {text-transform: capitalize; background-color: #ffffff; color: #006DE3;}

/*benefitinfo on selection page*/
.product-info .description{display: none;}

/*Find out more*/
#home-module-welcome #slider .sliderContainer .slide-content .content .btn {font-size: 100%;}
.home-module-integrated #slider .sliderContainer .slide-content .content .btn {font-size: 100%;
border-color: #006DE3;
background-color: #fff;
color: #006DE3;}

.home-module-integrated #slider .sliderContainer #Gym .slide-content .content .btn:nth-of-type(1) {
    background-color: #006DE3;
    color: #fff;
}
.home-module-integrated #slider .sliderContainer #Gym .slide-content .content .btn:nth-of-type(2) {
    margin-top: 9px;
}
/*Personal carousel*/
.home-module-integrated #slider .sliderContainer #personal .slide-content .content .btn:nth-of-type(1) {
    background-color: #006DE3;
    color: #fff;
    min-width: 10em;
}
.home-module-integrated #slider .sliderContainer #personal .slide-content .content .btn:nth-of-type(2) {
    margin-top: 9px;
    min-width: 10em;
}
.home-module-integrated #slider .sliderContainer #personal .slide-content {
	margin: 0rem 3.2rem 1rem 1rem;
}

.home-module-integrated #slider .sliderContainer #premier .slide-content {
	    margin: 1.5rem 2rem 0rem 0rem;
}

/*wrapping text line section on selection page*/
.col-md-4 {word-wrap:break-word;}

/*Enrolment module text*/
#home-online-three #home-integrated h3.heading-text {font-size: 14px;}

/*Continue Button*/
.btn.btn-warning.continue,
.btn.btn-warning.continue:focus,
.btn.btn-warning.continue:hover {border-radius: 25px;min-width:11rem; background: #3F7E37;}

/*dependant text hide*/
.benefit-matrix .election-info-collect .election-detail {display: none;}

/*disbaled days in calendar popup text colour on hover */
.uib-datepicker-popup button.btn-sm[disabled="disabled"]:hover {
  color: #000;
}

/*ER and EE cost section adjust on selection page*/
.benefitselect .employerFundingCart .cost.percent {padding-right: 0px;}
.employerFundingCart .funded.percent, .in-Cart .cost, .in-Cart .funded {padding-right: 0;}

/*Executive Topup benefit intro hide on Matrix page*/
.BenefitIntro_95936ba0-d126-44fb-83a3-0cceb86cc1c0 .glyphicon.glyphicon-info-sign.glyphicon-info-sign-color.ng-scope {
 display: none;
}

/*Executive Topup benefit intro hide on Selection page*/
#Line_95936ba0-d126-44fb-83a3-0cceb86cc1c0.glyphicon-info.glyphicon-info-sign.glyphicon-info-sign-color{
  display: none;
}
/*Afterwork Executive Topup benefit intro hide on Matrix page*/
.BenefitIntro_eeb9066a-c816-4e56-8c72-e82f5eb8ad0e .glyphicon.glyphicon-info-sign.glyphicon-info-sign-color.ng-scope {
 display: none;
}

/* Afterwork Executive Topup benefit intro hide on Selection page*/
#Line_eeb9066a-c816-4e56-8c72-e82f5eb8ad0e.glyphicon-info.glyphicon-info-sign.glyphicon-info-sign-color{
  display: none;      
}
/*Supplimentary Executive Topup benefit intro hide on Matrix page*/
.BenefitIntro_cc99b2b8-ef03-4aa8-9018-56500b835815 .glyphicon.glyphicon-info-sign.glyphicon-info-sign-color.ng-scope {
 display: none;
}

/* Supplimentary Executive Topup benefit intro hide on Selection page*/
#Line_cc99b2b8-ef03-4aa8-9018-56500b835815.glyphicon-info.glyphicon-info-sign.glyphicon-info-sign-color{
  display: none;
}
/*Supplimentary Executive Topup benefit intro hide on Matrix page (RIS)*/
.BenefitIntro_110f182c-e69d-4456-9c70-2688fb32bc8d .glyphicon.glyphicon-info-sign.glyphicon-info-sign-color.ng-scope {
 display: none;
}
/* Supplimentary Executive Topup benefit intro hide on Selection page (RIS)*/
#Line_110f182c-e69d-4456-9c70-2688fb32bc8d.glyphicon-info.glyphicon-info-sign.glyphicon-info-sign-color{
  display: none;
}

/*Privacy Policy Page*/
.privacy {list-style-type: disc;}
.privacysub {list-style-type: square;}

/*Car Scheme Background Image Hide EOI*/
#eoi_elected_costofbenefit {background: none;}
#eoi_elected_ercontribution {background: none;}

/*Benefits follow up list style*/
.benefitfollowup {list-style: inherit; margin-left: 35px;}
.matrix #followup-items-overlay.online-followup-items #followup-items-title {
	font-weight: normal;
	font-family: Effra_medium;
	font-size: 17px;
    color: #000;
}
#followup-items-intro {
	font-size: 16px;
}
/*Cost Hide For PCIW*/
.col-md-10.col-sm-10.BenefitIntro_98d458bc-2ada-4170-9896-711681983cf8 .col-xs-4.FundedDisplay.ng-isolate-scope { display: none;}
.col-md-10.col-sm-10.BenefitIntro_98d458bc-2ada-4170-9896-711681983cf8 .col-xs-4.YourCostDisplay.ng-isolate-scope { display: none;}
.benefitselect #lineid_7479c9c2-a29c-4ff5-a834-29dab14c9b9d .cost { display: none;}
.benefitselect #lineid_7479c9c2-a29c-4ff5-a834-29dab14c9b9d .funded { display: none;}

/*Accessibility Changes*/
/*Caption tag Hidden for Quick links page*/
.quick-link-stable {display: none;}
.my-rewards-title {margin-top: -17px;}

/* To Hide the New Pension Amount Line Cost */
div.BenefitIntro_32fb373e-ac11-40e6-9625-59788c394947 div.benefit-print-single-header, div.BenefitIntro_32fb373e-ac11-40e6-9625-59788c394947 .font-youpay-color {display: none;} 

/*pop*/
/* The Modal (background) */
.modal {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  overflow: auto; /* Enable scroll if needed */
  /*background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
/* Modal Content */
.MyFamilyCareModal {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid rgba(0,0,0,.1);
  width: 57%;
  height: 86%;
  overflow-y: scroll;
  line-height: 1.2em;
}
/* The Close Button */
.MyFamilyCareModal .close {
  color: #000;
  float: right;
  font-size: 2.8em;
  line-height: 0.5;
  }
.MyFamilyCareModal .close:hover, .MyFamilyCareModal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;}
/* heading in modal*/
.modalheader {
    font-family: Effra_medium;
    font-size: 1.2em;
}  
div.modalheader {
  border-bottom: 1px solid #000;
  padding-bottom: 1em;
}
/*links in modal*/
.bootstrap-iso .MyFamilyCareModal a,
.bootstrap-iso .MyFamilyCareModal a:hover {
  text-decoration: underline;
  font-family: Effra_regular;
}
/*text alignment in modal*/
#main.general .MyFamilyCareModal {
  text-align: left;
}
/*Shares tile*/
.spacing {line-height: 2.6em;}

/*Share tile button word wrap*/
.btn.btn-default.btn-block.btnshare {white-space: normal;}

	/* For accessibility */
	/*#login-assistance a:focus,
	#login-assistance a:hover {text-decoration:underline;}*/
	#header #user-div i:focus,
	#header #user-div i:hover {text-decoration:underline;}
	#label_ddlLanguage {display:none !important;}
	
	/* footer UL Li*/
	@media only screen and (min-width:751px){
	  .online-two-iso #footer li {
	    float:left; 
	    list-style:none;
	  }
	  
	  .online-two-iso #footer li:not(:first-of-type) a {
	    border-left: 1px solid;
	  }
	  
	  .online-two-iso #footer a {
	    padding: 0 1em;
	    text-transform: none;
		color: #000;
	    background: #f2f2f2;
	  }
	  
	  .online-two-iso #footer a:focus {
	    outline: thin dotted;
	    outline: 5px auto -webkit-focus-ring-color;
	    outline-offset: -2px;
	  }
	}
	
	a.visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
	a.visuallyhidden:active, a.visuallyhidden:focus {clip:auto;height:auto;margin:0;overflow:visible;position:relative;width:auto;z-index:9999}
	
	.benefit-category .panel-default > .panel-heading > .panel-title > .accordion-toggle:focus {
	        color: #fff;
	        font-family: Effra_regular;
			outline: 5px auto -webkit-focus-ring-color;
			outline-offset: -2px;
			outline-color: black;
	}
	#wp-forgetPassword span {
	font-family: Effra_regular;
    }
	#forgotSecQue {
        text-decoration: underline !important;
		font-family: Effra_regular;
        font-size: 1.17em;
	}
	#quick-links table td a {
	  text-decoration: underline !important;
	}
	
	.benefit-matrix .modal-content .modal-body .tab-body a {
		text-decoration: underline;
	}
	.dependant-list a.dependant-edit-btn {
	    text-decoration: none !important;
    }
/*Config Accessibility Changes*/
.online-two-iso .slider.round,
.online-two-iso input:checked + .slider,
.online-two-iso .slider.round::before {border: #006DE3 1px solid;}
.jslider .jslider-bg i, 
.jslider .jslider-pointer {border: transparent 1px solid;}
.online-two-iso input:checked + .slider::before {
	background-color: #006de3;
}
/*Qucik Link Page*/
.Columns {background: #e5f0fc;
color: #000;}
/*Login page icons*/
.fa.fa-user {margin-right: 17px;}
.fa.fa-sign-out {margin-left: 7px;}
.fa.fa-envelope {margin-right: 10px;}
/*Benefit select page*/
.benefitselect H1 {text-transform: inherit;}
.benefitselect .products .box-border.sel .header,
.benefitselect .products-header H4 {text-transform: none;}
.benefitselect .line-name, 
.benefitselect .selection, 
.benefitselect .products-header H4 {color: #000;}
/*Login page Error invalid username or password*/
.online-two-iso.login .LoginPageContainer span#errMsg {color: #E90014; font-family: Effra_regular;}
/*Login page Error message*/
#messagecount { padding-right: 4px; margin-left: -9px;}
.ImportantMessage { color: #C33;}
.Quick.Link.Caption {
    background: #006DE3;
    color: #ffffff;
    Border: 1px solid #000000;
    padding-left: 8px;
    font-family: Effra_regular;
}
/*Validation Error*/
.benefit-matrix #validationError-overlay {height: auto;}

/*lap followup*/
.Followupstyling {margin-left: 50px;}
#followup-items-overlay .followup-collect .followup-item-input label:not(.checkboxLabel) {
    display: inline;
}
/* Executive Topup */
.img.Lf32201c9-570b-4300-96eb-5c481582fce6:before {
  content: '\e920';
}
.BenefitIntro_f32201c9-570b-4300-96eb-5c481582fce6 .glyphicon.glyphicon-info-sign.glyphicon-info-sign-color {display: none;}

/* Car Updates*/
.checkout-button #a70e7071-b361-4d86-bed9-3a3cb412fa85_24c005a8-7f52-4aa6-9ba8-122d60b62420:after {
content: " and view vehicles";}

#a70e7071-b361-4d86-bed9-3a3cb412fa85_24c005a8-7f52-4aa6-9ba8-122d60b62420 {margin-top: -31px;}

#ProductAmount-24c005a8-7f52-4aa6-9ba8-122d60b62420 {display: none;}

/*For the ul and ol lists in footer pages*/
.legalcontent-termsofuse ol {
  margin-left: 2.14285714em;
}
.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.4rem;
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';
}
/*Car lease selected text hide*/
#lineid_924dda66-ad49-494b-b85f-2494999fd65b .selected-coverage {
    display: none;
}
.textvideo {
    text-align: center;
}
.videolibrary {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 1em;
}
.generic-page-column-content-container.videopage1, .generic-page-column-content-container.videopage2 {
height: 50%;
background: #fff;
box-shadow: 0 6px 2px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.1);
padding: 1rem;
}
/*One trust footer*/
#footer.footer-fullwidth a.optanon-toggle-display.EUFooterLink {
  display: inline-block !important;
  }
.online-two-iso #footer a {
    font-size: 1em;
    text-transform: inherit;
}
/*Life event section*/
.benefit-matrix .benefit-active-benefits .btn-warning.active-button {
    margin-top: -7px;
    margin-bottom: 8px;
    padding-right: 31px;
    padding-left: 30px;
}
.active-benefits .event-img {
    background-color: #e8e8c9;
}
.active-benefits .events {
    border: 1px solid #000;
}
.active-benefits .event-name {
    left: 4px;
}
.active-benefits .img {
    width: auto;
}
.bootstrap-iso .active-benefits .glyphicon-chevron-left:before {
    display: none;
}
.active-benefits .benefit-intro {
    font-weight: normal;
    font-family: 'Effra_regular';
    padding-bottom: 10px;
}
div.active-benefits .active--event-radio {
	margin: 5px 10px;
}
/***************************************Custom buttons******************************************/
/****** Custom styling for 2 buttons in view ******/
/* action button */
#login-assistance .button-style.blue,
.active-benefits .btn-success,
#exit-continue A.button-style.blue,
.btn.btn-warning.btn-print,
#contactTabContactPreferences .button-style.green,
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue,
.benefit-matrix .coverage-pannel .btn-success {
  background-color: #006DE3;
  color: #fff;
  border: 2px solid #006DE3;
}
/* secondary button */
#login-assist-step2b p.input-group.datepicker-container {
    margin-bottom: -22px;}
#login-assistance .button-style.gray,
.active-benefits .btn-warning,
#exit-cancel A.button-style.blue,
#contactTabContactPreferences .button-style.gray,
.benefit-matrix #followup-items-overlay .followup-content .button-style.gray,
.benefit-matrix .coverage-pannel .btn-warning,
.btn.btn-warning.dependant-cancel-btn,
.btn.btn-warning.dependant-cancel-btn:hover:active {
  background-color: #fff;
  color: #006DE3;
  border: 2px solid #006DE3;
}
/* Custom styling for 3 button in view */
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue#follow-up-previous-bttn {
  background-color: #fff;
  border: 2px solid #515151;
  color: #515151;
}
/* hover, focus, active */
#login-assistance .button-style.blue:hover,
#login-assistance .button-style.blue:focus,
#login-assistance .button-style.blue:active,
#login-assistance .button-style.blue:active:hover,
#login-assistance .button-style.blue:active:focus,
#login-assistance .button-style.gray:hover,
#login-assistance .button-style.gray:focus,
#login-assistance .button-style.gray:active,
#login-assistance .button-style.gray:active:hover,
#login-assistance .button-style.gray:active:focus,
.active-benefits .btn-success:hover,
.active-benefits .btn-success:focus,
.active-benefits .btn-success:active,
.active-benefits .btn-success:active:hover,
.active-benefits .btn-success:active:focus,
.active-benefits .btn-warning:hover,
.active-benefits .btn-warning:focus,
.active-benefits .btn-warning:active,
.active-benefits .btn-warning:active:hover,
.active-benefits .btn-warning:active:focus,
#exit-continue A.button-style.blue:hover,
#exit-cancel A.button-style.blue:hover,
#exit-cancel A.button-style.blue:focus,
#exit-cancel A.button-style.blue:active,
#exit-cancel A.button-style.blue:active:hover,
#exit-cancel A.button-style.blue:active:focus,
.btn.btn-warning.btn-print:hover,
.btn.btn-warning.btn-print:focus,
.btn.btn-warning.btn-print:active,
.btn.btn-warning.btn-print:active:hover,
.btn.btn-warning.btn-print:active:focus,
#contactTabContactPreferences .button-style.green:hover,
#contactTabContactPreferences .button-style.green:focus,
#contactTabContactPreferences .button-style.green:active,
#contactTabContactPreferences .button-style.green:active:hover,
#contactTabContactPreferences .button-style.green:active:focus,
#contactTabContactPreferences .button-style.gray:hover,
#contactTabContactPreferences .button-style.gray:focus,
#contactTabContactPreferences .button-style.gray:active,
#contactTabContactPreferences .button-style.gray:active:hover,
#contactTabContactPreferences .button-style.gray:active:focus,
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue:hover,
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue:focus,
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue:active,
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue:active:hover,
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue:active:focus,
.benefit-matrix #followup-items-overlay .followup-content .button-style.gray:hover,
.benefit-matrix #followup-items-overlay .followup-content .button-style.gray:focus,
.benefit-matrix #followup-items-overlay .followup-content .button-style.gray:active,
.benefit-matrix #followup-items-overlay .followup-content .button-style.gray:active:hover,
.benefit-matrix #followup-items-overlay .followup-content .button-style.gray:active:focus,
.benefit-matrix .coverage-pannel .btn-warning:hover,
.benefit-matrix .coverage-pannel .btn-warning:focus,
.benefit-matrix .coverage-pannel .btn-warning:active,
.benefit-matrix .coverage-pannel .btn-warning:active:hover,
.benefit-matrix .coverage-pannel .btn-warning:active:focus,
.benefit-matrix .coverage-pannel .btn-success:hover,
.benefit-matrix .coverage-pannel .btn-success:focus,
.benefit-matrix .coverage-pannel .btn-success:active,
.benefit-matrix .coverage-pannel .btn-success:active:hover,
.benefit-matrix .coverage-pannel .btn-success:active:focus {
  border: 2px solid #006DE3;
  text-decoration: none;
}
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue#follow-up-previous-bttn:hover,
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue#follow-up-previous-bttn:focus,
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue#follow-up-previous-bttn:active,
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue#follow-up-previous-bttn:active:hover,
.benefit-matrix #followup-items-overlay .followup-content .button-style.blue#follow-up-previous-bttn:active:focus {
  border: 2px solid #515151;
  text-decoration: none;  
}  
/* forgot password pop up*/
h5#TitleResetPassword {
    font-size: 1.3em;}
.steps-header {
    font-size: 17px;}
#passwordResetStep2aIntroText {
	font-size: 1.15em;}
#login-assist-step2a input {
    color: #000; font-size: 1.15em;}
#login-assist-step2a .question-caption.ng-binding {
    font-family: Effra_regular;
    font-weight: normal;}
#login-assist-step2b .col-md-6 label {
  font-weight: normal;
  font-family: Effra_regular;
  font-size: 17px;
}
/*Followup styling*/
.followup-item-collect .followup-item-coverage-heading span >a, 
.followup-content .followup-collect .followup-item-description >a {
    text-decoration: underline;
}
#followup-items-overlay.online-followup-items .followup-header .followup-instruction {
    font-size: 14px;
}
.followup-content .progress-indicator .step-finished {
    background-color: #e90014;
}
/*Upload document*/
#uploadDocumentArea {font-family: effra_light; font-size: 18px;}
#uploadDocumentArea {display: none;}
#uploadDocumentArea > a {text-decoration: underline;}

/*Additional popup*/
#validationError-overlay {
    height: auto;}
.hdf-followup .modal-header {
    font-family: Effra_regular;}
.benefit-matrix .hdffollowup-intro {color: #006de3;
	font-size: 16px;}

/*Income follow up*/
.Incomefollowup {
padding-top: 30px;
font-weight: normal;
}
#followUpItems-req-fields-message a {
text-decoration: underline;
font-weight: bold;
}
/* left accordian styling */
#version-one.bootstrap-iso .panel-title {
	padding-top: 3px;
}
.myaccordion .title {
  color: #000;
}
/* custom table */
table.TablePadding td {
  padding: 10px;
}
/*list spacing*/
.extraSpaces li {
  margin-top: 5px;
  margin-bottom: 2px;
}
/* headings */
#main.general h4 {
  font-family: Effra_medium;
  font-size: 1.05em;
  padding: 0 0; 
}
/*Money page*/
a.moneytext, a.moneytext:hover, a.moneytext:active, a.moneytext:focus {
    text-decoration: underline;
    font-family: Effra_regular;
  color: #000;
}
/*Bubble Update*/
img.mainicon {
    margin-bottom: 2px;
}
/*Afterwork changes*/
/*.benefit-matrix .BenefitIntro_1c54df23-e5c7-4287-a174-57d2afc063dd:after {
    content: '* Excluding pensionable allowances';
    font-weight: bold;
    font-style: italic;
    float: right;
}*/
div#product-info7e49fb4d-7608-44a2-bf44-b4d22e9e50c7 .description, div#product-infocde6e6a7-788b-4b83-bab8-5ccc97bf7b9f .description {
    display: inline;
}

div#product-info24c005a8-7f52-4aa6-9ba8-122d60b62420 .description {
    display: inline;
}
/* Confirm coice link */
.confirmchoice a {
    font-family: 'Effra_regular';
    text-decoration: underline;
}

/* Confirm Choices Yes button */
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active:first-child, 
.benefit-matrix .modal-footer #confirmation-buttons .btn-default:first-child:hover,
.benefit-matrix .confirmchoice .btn-default.active:first-child {
    border-color: #006DE3;
    background-color: #fff;
    color: #006DE3 !important;
}

span.GymHeadingText {
    font-size: 18px;
   color: #cebbcd;
   font-family: 'Effra_regular';
}

span.GymtileText {
   font-family: 'Effra_light';
}

.generic-page-column-content-button.one.PMIButton {
    margin-top: -50px;
    margin-bottom: -2px;
}
.column-content-text.PMI {
    height: 2.8em;
}
a.btn.btn-default.btn-block.two.PMIButton {
    margin-top: -16px;
}
p.LAOverview {
    margin-bottom: -10px;
}

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